From 03c1ffc86409d939875af372795b5d37cbe07d1f Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期六, 22 六月 2024 14:39:36 +0800 Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx --- qiye/complaint/details.vue | 295 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 295 insertions(+), 0 deletions(-) diff --git a/qiye/complaint/details.vue b/qiye/complaint/details.vue new file mode 100644 index 0000000..0c3d8ac --- /dev/null +++ b/qiye/complaint/details.vue @@ -0,0 +1,295 @@ +<template> + <view> + <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true"> + <template slot="center"> + <view style="color: white;">鎶曡瘔璁板綍</view> + </template> + </u-navbar> + <view class="donw-box"></view> + <view class="page-main"> + <view class="title"> + 宸茶瘎浠� + </view> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶绫诲瀷 + </view> + <view class="v"> + 鍙告硶妫�鏌� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶浜� + </view> + <view class="v"> + 鍒樻娆� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶閮ㄩ棬 + </view> + <view class="v"> + 鍐滀笟灞� + </view> + </view> + <view class="item"> + <view class="k"> + 浼佷笟 + </view> + <view class="v"> + 姹夊涵閰掑簵 + </view> + </view> + </view> + <view style="height: 20rpx;"></view> + <view class="wbox"> + <view class="item"> + <view class="k"> + 鎵ф硶涓婚 + </view> + <view class="v"> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶杩囩▼ + </view> + </view> + <view class="imgbox"> + <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" /> + <img src="/static/i02.png" class="more" alt="" /> + <img src="/static/i03.png" class="more" alt="" /> + <img src="/static/i04.png" class="more" alt="" /> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶缁撴灉 + </view> + <view class="v" style="color: #EB4746;"> + 鍋滀笟鏁撮】 + </view> + </view> + <view class="item"> + <view class="k"> + 鎵ф硶鏃堕棿 + </view> + <view class="v"> + 2024-10-10 16:24 + </view> + </view> + </view> + <view style="height: 20rpx;"></view> + <view class="wbox2"> + <view class="t"> + 鎶曡瘔璁板綍 + </view> + <view class="jilu"> + <img src="/static/policy/icon.png" class="img" alt="" /> + <view class="font"> + <view class="h"> + <view class="s"> + 宸查┏鍥� + </view> + <view class="time"> + 2024-06-07 12:14 + </view> + </view> + <view class="b"> + <view class="name"> + 鏋楀皬闆� + </view> + <view class="p"> + <span>鐢宠瘔涓婚锛�</span> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + <view class="p"> + <span>鐢宠瘔鍐呭锛�</span> + 鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹� + </view> + </view> + </view> + </view> + <view class="jilu"> + <img src="/static/policy/refject.png" class="img" alt="" /> + <view class="font"> + <view class="h"> + <view class="s"> + 宸查┏鍥� + </view> + <view class="time"> + 2024-06-07 12:14 + </view> + </view> + <view class="b"> + <view class="name"> + 鏋楀皬闆� + </view> + <view class="p"> + <span>鐢宠瘔涓婚锛�</span> + 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠� + </view> + <view class="p"> + <span>鐢宠瘔鍐呭锛�</span> + 鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹癸紱鎴戞槸涓�涓唴瀹� + </view> + </view> + </view> + </view> + </view> + </view> + + </view> +</template> + +<script> + export default { + data() { + return { + + } + }, + methods: { + imgclick(url) { + uni.previewImage({ + urls: [url] + }) + }, + } + } +</script> + +<style> + page { + background: #F4F4F4; + } +</style> +<style lang="scss" scoped> + .page-main { + position: relative; + top: -380rpx; + } + + .donw-box { + width: 100%; + height: 380rpx; + flex-shrink: 0; + background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%); + } + .wbox { + background: #fff; + border-radius: 5px; + padding: 24rpx; + box-sizing: border-box; + margin: 0 32rpx; + + .item { + display: flex; + margin-bottom: 20rpx; + font-size: 30rpx; + + .k { + color: #7E8596; + width: 30%; + + } + + .v { + color: #202D44; + width: 70%; + + } + } + + .item:last-child { + margin-bottom: 0; + } + + .imgbox { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + border-radius: 10rpx; + + img { + width: 198rpx; + height: 198rpx; + margin-bottom: 20rpx; + + } + } + } + .title { + color: #ffffff; + font-size: 44rpx; + font-weight: bold; + padding-left: 32rpx; + margin-top: 24rpx; + margin-bottom: 24rpx; + + } + + .wbox2 { + background: #fff; + border-radius: 5px; + box-sizing: border-box; + margin: 0 32rpx; + + .t { + padding: 24rpx; + border-bottom: 1px solid #EEEEEE; + color: #202d44; + font-size: 36rpx; + font-weight: bold; + } + + } + .jilu{ + display: flex; + justify-content: space-between; + padding: 24rpx; + .img{ + width: 70rpx; + height: 50rpx; + margin-right: 24rpx; + } + .font{ + .h{ + display: flex; + justify-content: space-between; + margin-bottom: 20rpx; + .s{ + color: #202d44; + font-size: 32rpx; + } + .time{ + color: #7e8596; + font-size: 24rpx; + } + } + .b{ + // width: 289px; + // height: 111px; + // flex-shrink: 0; + border-radius: 4px; + background: #F6F6F6; + padding: 24rpx; + .name{ + color: #202d44; + font-size: 32rpx; + } + .p{ + color: #202d44; + font-size: 26rpx; + span{ + color: #666666; + + } + } + } + } + } +</style> \ No newline at end of file -- Gitblit v1.9.1