From b3ec4dee5e69553d18be6eb4bc8753416d74cc4f Mon Sep 17 00:00:00 2001
From: "452061493@qq.com" <452061493@qq.com>
Date: Tue, 26 Mar 2024 16:53:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E6=8A=95=E8=AF=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon_60add.png    | Bin 0 -> 1414 bytes
 src/assets/images/icon_sou.png      | Bin 0 -> 1621 bytes
 src/components/header-nav/index.vue |   6 +
 src/views/common/analyse.vue        |   6 +-
 src/views/enterprise/caseFilter.vue | 261 ++++++++++++++++++++++++++++
 src/views/enterprise/complaint.vue  |  80 +++++++--
 6 files changed, 336 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/images/icon_60add.png
 create mode 100644 src/assets/images/icon_sou.png
 create mode 100644 src/views/enterprise/caseFilter.vue

diff --git a/src/assets/images/icon_60add.png b/src/assets/images/icon_60add.png
new file mode 100644
index 0000000000000000000000000000000000000000..138e0c15c7757064f154fc1aff721407bbdba952
GIT binary patch
literal 1414
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw1|+Ti+$;i8k|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ-L~|)iOgON+NuHtdjF{^%6m9^eS=-fVzQ(*;f=KCTFLXC?ut(
zXXe=|z2CiGNg*@ERw>-n*TA>HIW;5GqpB!1xXLdixhgx^GDXSWPQj+a3TQxXYDuC(
zMQ%=Bu~mhw64+cTAR8pCucQE0Qj%?}1aVY^Z-9bxeo?A|sh*i`vZ0Bog1M!hp_#FX
zrKOI7k%6IwzJZ0lp|P%^nU#rwm64GG6et00D@sYT3UYCS+6Cm<DrJ<E6j<r&mzS68
zl^g5j7p3bPT3TA_8yM*u8R-I5=oVMzl_XZ^<`pZ$OmImpPA<wUD9OyvQvjKmn3P{y
zVygsnDZ~r81-`y;gY$}^0R;>){ffi_eM3D1{oGuTzrd=COM+4n&cLd=IHa;5RX-@T
zIKQ+g85kdF$}r8qu)}W=NFmTQRxbI;rManjC7v#}N<b04l*|+>Hz!w1Gc!YHBXbKQ
zLqk_bM<CbL*v!ny!obba+1wGP*E6rUBrz{J6{a^6q1OqoUMuIK)WnkfqLBRj99ZlH
zWaO9R7iZ)bC^$QVV#`uNBRn%NCBM8_6BN8q*QOR_mZhe+73JqDfWyZs6N?*691WeF
zEL;tZ%#4k}?sqmeaJFzWw{$Tuw=j0IP=e}B!QywQUL%}(^?{Dj2SqMYWW$7jDG0=b
zCtV;1p7>MqfGNHRn6&dGJQpx9Fn;rNaSW-r_2#y%_hAPawhwV}vrI%5?g){Y`%Co?
zUtXzj&Ff`N3QZ5RO2lHW<Uf42pjlzjVo8ybFR3e<uI$-n$2w6+%EKw@@)t{v>2b53
z)SbL*`aNHJ*WJ9tNs~fmY;Z9+$Rg|mB>u+-E!ua{<ZR>9wPD)VI8A-63u4QK{VQA}
zr^So7u8f{mI#VQIWyrs4*;}Kwy))Rbdt2`N5-VBWgol;)dLCOm-?i@i(@mbg_w5(c
zVUA<0GhAOA!LK?0oc0ZV&F>aoU@M?RL4}Z0gyQUZZei^!;<tWbVt89t%^$ocbx+9T
zIXuA!wZtqV^iF>g*E^PesQX9T-*E4xmvW~tI6UcK-{9+WZ+p9mzn-$T`kh*_-|>q1
z36{QVJ$J9$J@IN?XIStToAooZ<c~RCb!roSWj<9aB5=xgo#u=E?=Q3IdrnG87hJvS
z74w0w9(^m=k7`u3t?3G^<=#1QNz#k--usMN5f7zf&UCljOFwMDr+j~hg*)3X=9_i(
zk#lyKBycw$I56*l@B@v`ZT5O|ce3+u>D#a()$Z}7nrUh?5}G){gj|x4;pyXYI!g^Z
zC8akAJTgt0Jk#4i?d9tkTvm;mkCpX~6zUzEmKw{v;}W+x<Nw~T)=xfb$luJjVfoMG
h0E>uzt-l-w44D__Suc66cLG#0db;|#taD0e0subC`>+52

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon_sou.png b/src/assets/images/icon_sou.png
new file mode 100644
index 0000000000000000000000000000000000000000..798f5922afd5cdd7cff3c4f2291760c0f2b7e62d
GIT binary patch
literal 1621
zcmaJ>Yfuws6kVbqFd_~hDiz!=>R`uYvl~dVkx28zsEIV9r07&avLP8vHe^>55J9Cf
zP^{JmqC#5>GCY(bN)WY{L_rjt>R79#DA*#^s)&yk#i5;U5VSw6-^_lGJLlYc?qjwv
zK@}h1ALb7LK!9SQR860t=kxWUcQPyMPx_cn$u!h5!a&)zHXIP?iBud^n6+uR8rSMG
zGcMq<05EQjDN#ddluHCU!pzcoFf51JO0xkVHqK$y>e6uvOvTeo79linss#c~dLfh)
zqhu?s65ME7m}SG4WvLQ%S?M}V55+A2V;ut8ff=W?pu@bzLJAy0XvD98zI)6t1dc$c
zbRqOglt!5VN(dVc#;~|d9TFV_@-P;{<wRrHJP>6ge3;FL5e^gK3ZmHp6a_~YL`Spf
z4Fa`PJ{pUD2_YjzSp_g`x7%5E4vVm*!3c(7FdKzYlu09)WTu7EI+zwRa?FDiCv`TH
zl`;_)(Bn~?O01=X5Uuo83TCTP`P#9C94!=GGT5QD!U&5Eo6VlQM$jas#^1<zE1FEq
zwBoQDCyBK-9o-K@<QSQ*-Ma&MfV3Kcl+dj;;}%LG6+*Oyr8nsXGPal-&5=q)Y`zFV
zWKuqtEs>&JxhRH*@lbKh7*}B-DXm3^k8w?JxRQ5r1ri&sr3hOhL97|;UV@RJ2+~Mc
zL5alEEewoGGFkM5ot*0_@2FbbW?F~q<u<|$j?_nBdW!}W5k<=pZVbvr`Luo!#zRDW
zIV$F$95I`Ra-mVK{w=wWa=HJ@g=sOcr@8-W_LzyDAkX#n=+ckZ!;f3&iMP?C?RO68
z1^`BzLMlph{PJB%&*G4eLfY#OHQh-zIR|wW>{-fh%AGU!4(5sdvkDiLKW1LftvTKu
z1l71c-*BX=x~kFlWu+nr*EBa?4a~3~8`v~(=C5^WhBUh&FnjO(`Nzob$$=Ah%W4)^
zsyog$ZH%}wscEwzVZw?JL$iH;ObHDsUYc$_(KN2iJABfO8=LwMPQBv_W_$m$A`)b%
z@^ZE%x#J&4T*{lB04NUxJoLVm65Q-NDQ|sQcn>4Yz5K}byT4J4?Bm1Fr{?AcptpUu
z42<Ww!&%!8$+kY3A}DcY1M={)(mfL{yO>8@ozs7xSj@aV>)t^!V^}@J+c(&?sy3?m
zoaRZ$<SL*c{&rsN%{|!Pac%>vsA?l;Mp3U~`RT%E(e3RnAD-8H?wqgUR=7J?`e=m<
zPx{?6r0ytfsZHs}whJwcLE}o6vD6T;V_FgBS3nNW9`DuS4rE@bW9-L1QU9v>;{;M4
zn=nz~s%^Uw=9RgvR2($<r#)vs03S5TmnVPPx2hpInTYaUz227*w509nV3CSp;6HlW
z(KY2~QAC<k^J1xMM#=jfjnj84@`bHW4t9kV9<7R<3DkM{HM??pgI8a5PE#VGdcXX}
z^L5u=Hon|Bw<@e--qwcQi(tpN!}V8&GT7B$2J-s=4yOOOy|U|8fIR!r#0!xn?#y2M
zzQV;S=>Dz?F~w+mL9wcNi>R@Pvx~g9Zgy_jfnDR%IG52?N6lO7?0r<*vxogYa}VU5
zm$V?qrw*OVsObFSL2rm)P3u*!A1ui|J5@d2xh@HJe|#sW^+mp4Z#Sc2*xOMd%--E_
zt@>8i#a;(CbIxbs8T&V+miApV?l@JIGBhwlcmJfU746!v)GJH263kh$!1(Cs{Oh{%
zuiFa?{Cf;hXXZVJ%IiZJi~76wRz{T776Wa-X`(=5N^m-pZkFG5TpA8e0UjSNt>!!p
Rt?~Tm6*86dTXD+fe*p&>a2o&s

literal 0
HcmV?d00001

diff --git a/src/components/header-nav/index.vue b/src/components/header-nav/index.vue
index df78fd7..214f91d 100644
--- a/src/components/header-nav/index.vue
+++ b/src/components/header-nav/index.vue
@@ -66,4 +66,10 @@
   .van-nav-bar {
     background-color: #ebf3fb;
   }
+  .van-nav-bar::after {
+    border-bottom-width: 0px !important;
+  }
+  .van-overlay {
+    background-color: rgba(0,0,0,.3) !important;
+  }
   </style>
\ No newline at end of file
diff --git a/src/views/common/analyse.vue b/src/views/common/analyse.vue
index 7b8005b..8a1a6bc 100644
--- a/src/views/common/analyse.vue
+++ b/src/views/common/analyse.vue
@@ -347,9 +347,9 @@ onMounted(() => {
 }
 .countbox, .analybox {
   position: relative;
-  margin: 2% 4%;
+  margin: 2% 3%;
   padding: 2% 0 0;
-  width: 92%;
+  width: 94%;
   height: 3rem;
   background: #fff url("../../assets/images/bg_count.jpg") no-repeat right;
   background-size: auto 100%;
@@ -402,7 +402,7 @@ onMounted(() => {
   }
 }
 .chartbox {
-  margin: 2% 5%;
+  margin: 2% 5% 3%;
   width: 90%;
   height: 7rem;
 }
diff --git a/src/views/enterprise/caseFilter.vue b/src/views/enterprise/caseFilter.vue
new file mode 100644
index 0000000..4954bfd
--- /dev/null
+++ b/src/views/enterprise/caseFilter.vue
@@ -0,0 +1,261 @@
+<template>
+  <div v-if="visible" class="van-overlay"></div>
+  <div v-if="visible" class="popup">
+    <div class="popup-title">案件查询</div>
+    <!-- 关闭按钮 -->
+    <label class="close-button" @click="closePopup"></label>
+
+    <!-- 弹窗的内容 -->
+    <div class="popup-content">
+<!--      {{ content }}-->
+      <div class="subsearch">
+        <input class="searchbox" placeholder="请输入关键字搜索" name="keyword" id="" onclick="">
+      </div>
+      <div class="subtitle">快捷筛选</div>
+      <div class="quick-item">
+        <span class="seled">1天内</span> <span>7天内</span> <span>14天内</span> <span>30天内</span>
+      </div>
+      <div class="subtitle">执法信息</div>
+      <van-cell-group>
+        <van-field
+            label="执法部门"
+            placeholder="请选择"
+            clickable
+            is-link
+            @click=""
+        />
+        <van-field
+            label="执法人员"
+            placeholder="请选择"
+            clickable
+            is-link
+            @click=""
+        />
+      </van-cell-group>
+
+      <div class="subtitle">自定义时段</div>
+      <van-cell-group>
+        <van-field
+            label="开始时间"
+            placeholder="请选择"
+            clickable
+            is-link
+            @click=""
+        />
+        <van-field
+            label="结束时间"
+            placeholder="请选择"
+            clickable
+            is-link
+            @click=""
+        />
+      </van-cell-group>
+
+    <div class="btnbox">
+      <button class='btn-reset' @click="cancel()">重置</button>
+      <button class='btn-search' @click="saveImage()">搜索</button>
+    </div>
+
+ <div class="search-result">
+      <div class="case-item">
+        <div class="case-title">南山区桃源街道临街商铺履行市容环卫责任落实情况联合检查</div>
+        <div class="case-depart">南山区司法所</div>
+        <div class="case-time">2024-01-28</div>
+      </div>
+      <div class="case-item">
+        <div class="case-title">南山区桃源街道临街商铺履行市容环卫责任落实情况联合检查</div>
+        <div class="case-depart">南山区司法所</div>
+        <div class="case-time">2024-01-28</div>
+      </div>
+      <div class="case-item">
+        <div class="case-title">南山区桃源街道临街商铺履行市容环卫责任落实情况联合检查</div>
+        <div class="case-depart">南山区司法所</div>
+        <div class="case-time">2024-01-28</div>
+      </div>
+    </div>
+
+  </div>
+
+
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    content: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    closePopup() {
+      this.$emit('close');
+    }
+  }
+}
+</script>
+
+<style scoped>
+.popup {
+  position: fixed;
+  z-index: 999;
+  top: 3rem;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 3rem);;
+  background: #fff;
+  overflow: hidden;
+}
+
+.popup-title {
+  margin: 0.3rem 0 0;
+  width: 100%;
+  height: 1rem;
+  border-bottom: 1px solid #f3f4f5;
+  text-align: center;
+  font-size: 0.42rem;
+  font-weight: 550;
+}
+
+.close-button {
+  position: absolute;
+  top: 0.15rem;
+  right: 0.1rem;
+  width: 0.8rem;
+  height: 0.8rem;
+  background-color: rgba(255, 255, 255, .5);
+  border: 0.05rem solid rgba(255, 255, 255, .7);
+  border-radius: 50%;
+  transform: rotate(45deg);
+}
+
+.close-button:before,
+.close-button:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: #333;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  height: 0.4rem;
+  width: 0.02rem;
+}
+
+.close-button:after {
+  height: 0.02rem;
+  width: 0.4rem;
+}
+
+.popup-content {
+  margin: 0.25rem 3% 0;
+  padding-bottom: 3rem;
+  width: 94%;
+  height: calc(100% - 1.6rem);
+  overflow-y: auto;
+  font-size: 0.38rem;
+}
+
+.subsearch {
+  width: 100%;
+  height: 1.25rem;
+}
+
+.searchbox {
+  margin: 2% 3%;
+  padding: 0.15rem 0.3rem 0.1rem 1.15rem;
+  width: 94%;
+  height: 1.0rem;
+  background: #f6f7fe url(../../assets/images/icon_sou.png) no-repeat;
+  background-position: left 0.5rem center;
+  background-size: auto 50%;
+  box-sizing: border-box;
+  border: 1px solid rgba(0,0,0,.05);
+  border-radius: 0.5rem;
+  color: #999999;
+  outline: none;
+}
+
+.subtitle {
+  margin: 0.5rem 0 0.25rem;
+  font-size: 0.4rem;
+  font-weight: 600;
+}
+
+.quick-item {
+  display: flex;
+}
+
+.quick-item span {
+  display: inline-block;
+  margin: 1% 0 2% 3.5%;
+  padding: 2% 3.75%;
+  background: #f2f3f4;
+  border: 0;
+  border-radius: 8px;
+  color: #4c4c4c;
+}
+
+.quick-item span.seled {
+  background: #e9f2fb;
+  color: #1367fe;
+}
+
+.btnbox {
+  display: flex;
+  justify-content: center;
+  margin: 5% 2%;
+  width: 96%;
+  height: 1.0rem;
+}
+
+.btn-reset,
+.btn-search {
+  display: inline-block;
+  margin: 0 2%;
+  padding: 0;
+  width: 60%;
+  color: #fff;
+  font-size: 0.35rem;
+  border-radius: 1rem;
+  background: #1367fe;
+  border: 1px solid #1367fe;
+  text-align: center;
+}
+
+.btn-reset {
+  width: 35%;
+  background-color: #fff;
+  border-color: rgba(19, 103, 254, .7);
+  color: #1367fe;
+}
+
+.search-result {
+  width: 100%;
+  padding-bottom: 2rem;
+}
+
+.case-item {
+  margin: 3% 2%;
+  padding: 2% 0;
+  width: 96%;
+  font-size: 0.3rem;
+  border-bottom: 1px solid #f4f4f4;
+  color: #999;
+  line-height: 2;
+}
+
+.case-title {
+  margin: 2% 0;
+  font-size: 0.38rem;
+  color: #333;
+  line-height: 1.25;
+}
+
+
+</style>
\ No newline at end of file
diff --git a/src/views/enterprise/complaint.vue b/src/views/enterprise/complaint.vue
index 1de9832..77b4dd1 100644
--- a/src/views/enterprise/complaint.vue
+++ b/src/views/enterprise/complaint.vue
@@ -18,11 +18,17 @@
           label="投诉案件"
           placeholder="必填 请选择"
           readonly
+          clickable
+          is-link
+          @click="showPopup"
         />
+        <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" />
+
         <van-field
           v-model="submitData.enforceTypeText"
+          required
           label="投诉类型"
-          placeholder="请选择"
+          placeholder="必填 请选择"
           readonly
           clickable
           is-link
@@ -36,42 +42,47 @@
           @confirm="onConfirm"
         />
       </van-popup>
+        <van-divider class="divdsty" />
         <van-field
           v-model="submitData.problemDescription"
-          rows="2"
+          required
+          rows="5"
           autosize
           label="问题描述"
           type="textarea"
-          maxlength="200"
+          maxlength="300"
           placeholder="请输入描述"
           show-word-limit
         />
+        <van-divider class="divdsty" />
         <div class="file-upload">
           <div class="file-upload-center">
-            文件上传 <span>(不多于9张)</span>
+            <label>上传附件</label> <span>(不多于9张)</span>
           </div>
           <van-uploader v-model="submitData.fileListObj"  class="file" :after-read="uploadFiles" multiple :max-size="500 * 1024" @oversize="onOversize" :before-delete="deleteFile">
             <template #preview-cover="{ file }">
               <div class="preview-cover van-ellipsis">{{ file.name }}</div>
             </template>
           </van-uploader>
-          
+
         </div>
-        <van-divider :style="{ color: '#1989fa', borderColor: '#1989fa', padding: '0 16px' }"/>
+        <van-divider class="divdsty" />
     
       <van-field
           v-model="submitData.linkman"
+          required
           label="联系人"
-          placeholder="选填 联系人"
+          placeholder="必填 联系人"
         />
         <van-field
           v-model="submitData.linkmanTel"
+          required
           label="联系方式"
-          placeholder="选填 联系方式"
+          placeholder="必填 联系方式"
         />
       </van-cell-group>
       <van-action-bar>
-        <van-action-bar-button color="#be99ff" text="保存"  @click="submit" />
+        <van-action-bar-button color="#1367fe" text="提交"  @click="submit" />
       </van-action-bar>
 		</div>
 	</div>
@@ -219,13 +230,47 @@ onMounted(() => {
 });
 
 </script>
+<script>
+//案件筛选弹窗
+import Popup from './caseFilter.vue';
+
+export default {
+  components: {
+    Popup
+  },
+  data() {
+    return {
+      popupVisible: false,
+      popupContent: ''
+    }
+  },
+  methods: {
+    showPopup() {
+      this.popupVisible = true;
+    },
+    closePopup() {
+      this.popupVisible = false;
+    }
+  }
+}
+</script>
+
 <style lang="less" scoped>
 .address_edit {
 	display: flex;
 	flex-direction: column;
 	height: 100%;
 	overflow: hidden;
-	background-color: #f4f4f4;
+  background-color: #ebf3fb;
+}
+.warp_body {
+  margin: 0 3%;
+  padding-bottom: 3rem;
+  width: 94%;
+  height: 100%;
+  //border-radius: 0.25rem;
+  background-image: linear-gradient(to bottom, #ebf3fb, #fff);
+  overflow-y: auto;
 }
 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
 .van-popup.van-toast{
@@ -239,8 +284,15 @@ onMounted(() => {
 .van-popup.van-toast .van-toast__icon{
     font-size: var(--van-toast-icon-size) !important;
 }
+.divdsty {
+  margin: auto;
+  width: 100%;
+  height: 0.25rem;
+  background-color: #f4f4f4;
+  border: 0;
+}
 .file-upload{
-    height: 165px;
+    min-height: 4.5rem;
     position: relative;
 }
 .file-upload-center{
@@ -248,9 +300,9 @@ onMounted(() => {
     height: 20%;
     top: 10%;
     left: 2%;
-    font-size: 18px;
+    font-size: 0.38rem;
     span {
-      font-size: 13px;
+      font-size: 0.32rem;
       color: rgb(221, 229, 227);
     }
 }
@@ -267,7 +319,7 @@ onMounted(() => {
     width: 100%;
     padding: 4px;
     color: #fff;
-    font-size: 12px;
+    font-size: 0.32rem;
     text-align: center;
     background: rgba(0, 0, 0, 0.3);
   }