From c1d01150e8fb394ff4de3e6f159c307eb95f4ae4 Mon Sep 17 00:00:00 2001
From: 346149741 <346149741@qq.com>
Date: 星期六, 22 六月 2024 13:40:16 +0800
Subject: [PATCH] 投诉记录
---
qiye/complaint/details.vue | 277 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 275 insertions(+), 2 deletions(-)
diff --git a/qiye/complaint/details.vue b/qiye/complaint/details.vue
index 8183fd0..0c3d8ac 100644
--- a/qiye/complaint/details.vue
+++ b/qiye/complaint/details.vue
@@ -1,5 +1,146 @@
<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>
@@ -12,11 +153,143 @@
}
},
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