From 3ea7d1b7b96bacbcd2aa0084f2bdf228d1557952 Mon Sep 17 00:00:00 2001
From: Chendy <596813911@qq.com>
Date: Fri, 29 Aug 2025 14:17:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8A=95=E8=AF=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/enterprise.js                         |   4 +
 .../enterprise/compaint/selectMssqFilter.vue  |   1 +
 src/views/enterprise/complaint.vue            | 287 ++++------
 src/views/enterprise/complaintDetailView.vue  |  80 ++-
 src/views/enterprise/complaintItem.vue        | 503 ++++++++++++++++++
 5 files changed, 638 insertions(+), 237 deletions(-)
 create mode 100644 src/views/enterprise/complaintItem.vue

diff --git a/src/api/enterprise.js b/src/api/enterprise.js
index 24f0f09..386a047 100644
--- a/src/api/enterprise.js
+++ b/src/api/enterprise.js
@@ -27,6 +27,10 @@ export const selectRegistrationList = (params, success, error) => _get("/app/cod
 
 //保存在线投诉
 export const addEnterpriseComplaint = (params, success, error) => _post("/app/code/complaint/add",params,success,error)
+
+// 投诉-- 查询行政and非行政未被投诉列表
+export const getAllCheckList = (params, success, error) => _post("/app/code/complaint/getAllCheckList",params,success,error)
+
 // 查询
 export const getEnterpriseComplaintById = (id, success, error) => _get("/app/code/complaint/getById/"+id,null,success,error)
 
diff --git a/src/views/enterprise/compaint/selectMssqFilter.vue b/src/views/enterprise/compaint/selectMssqFilter.vue
index aac0466..f38f5e1 100644
--- a/src/views/enterprise/compaint/selectMssqFilter.vue
+++ b/src/views/enterprise/compaint/selectMssqFilter.vue
@@ -129,6 +129,7 @@
                   if (null != success.rows && success.rows.length > 0) {
                       this.userList = [];
                       this.dataList = success.rows
+                      this.$emit('item-list', success.rows);
                   } else {
                       showToast ("暂无数据！")
                   }
diff --git a/src/views/enterprise/complaint.vue b/src/views/enterprise/complaint.vue
index 2d376a5..760aa2b 100644
--- a/src/views/enterprise/complaint.vue
+++ b/src/views/enterprise/complaint.vue
@@ -1,132 +1,23 @@
 <template>
     <div class="address_edit">
-        <!-- 导航栏 -->
-        <!-- <div class="header_body">
-            <header-nav
-                    :slefBack="true"
-                    @goBack="goBack"
-                    :titelText="`在线投诉`"
-            >
-            </header-nav>
-        </div>-->
-        <!-- 中间 -->
-        <!-- <div v-if="submitData.comOrOpi==1">
-            <van-form @failed="onFailed" @submit="submit">
-                <van-cell-group>
-                    <view v-if="data.isSelect=='true'">
-                        <van-field
-                                v-model="submitData.lawEnforcementIncidentText"
-                                label="相关事项"
-                                placeholder="请选择"
-                                readonly
-                                required
-                                :rules="[{ required: true, message: '请选择相关事项' }]"
-                                clickable
-                                is-link
-                                @click="showPopup"
-                        />
-                    </view>
-                    <view v-else>
-                        <van-field
-                                v-model="submitData.lawEnforcementIncidentText"
-                                label="相关事项"
-                                placeholder="请选择"
-                                readonly
-                                required
-                                :rules="[{ required: true, message: '请选择相关事项' }]"
-                                clickable
-                                is-link
-                        />
-                    </view>
-                    <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/>
-                    <van-divider class="divdsty"/>
-                    <van-field
-                            v-model="submitData.problemDescription"
-                            rows="5"
-                            autosize
-                            label="意见|建议"
-                            type="textarea"
-                            maxlength="100"
-                            placeholder="请输入"
-                            required
-                            :rules="[{ required: true, message: '请输入意见|建议' }]"
-                            show-word-limit
-                    />
-                    <van-divider class="divdsty"/>
-
-                    <van-field
-                            v-model="submitData.linkman"
-                            label="联系人"
-                            placeholder="联系人"
-                            required
-                            :rules="[{ required: true, message: '请填写联系人' }]"
-                    />
-                    <van-field
-                            v-model="submitData.linkmanTel"
-                            label="联系电话"
-                            placeholder="联系电话"
-                            required
-                            :rules="[{ validator, message: '请输入正确内容' }]"
-                    />
-                    <div class="agree-box">
-                        <span class="remsty">是否授权</span>
-                        <span class="accept-item"><input class="checksty" type="checkbox" name="" value=""
-                                                         v-model="data.isCheckedon" @click="selectCh(1)">同意</span>
-                        <span class="accept-item"><input class="checksty" type="checkbox" name="" value=""
-                                                         v-model="data.isCheckedoff" @click="selectCh(0)">不同意</span>
-                    </div>
-                    <div class="agree-remark">
-                        <span class="accept-item">注：选择“同意”，处置部门将通过登记的联系人、联系电话与您联系，并对您的个人信息严格保密。</span>
-                    </div>
-                </van-cell-group>
-                <van-action-bar>
-                    <van-button round block type="info" native-type="submit">提交</van-button>
-                </van-action-bar>
-            </van-form>
-        </div> -->
         <div class="warp_body">
-            <!-- <span class="rigbtn" @click="toNoScanView">入企不扫码投诉</span> -->
             <van-form @failed="onFailed" @submit="submit">
                 <van-cell-group>
                     <view v-if="data.isSelect=='true'">
                         <van-field
-                                v-model="submitData.lawEnforcementIncidentText"
-                                label="投诉事项"
+                                v-model="data.deptText"
+                                label="执法单位"
                                 placeholder="请选择"
                                 readonly
                                 required
-                                :rules="[{ required: true, message: '请选择投诉事项' }]"
+                                :rules="[{ required: true, message: '请选择执法单位' }]"
                                 clickable
                                 is-link
                                 @click="showPopup"
                         />
                     </view>
-                    <view v-else>
-                        <van-field
-                                v-model="submitData.lawEnforcementIncidentText"
-                                label="投诉事项"
-                                placeholder="请选择"
-                                readonly
-                                :rules="[{ required: true, message: '请选择投诉事项' }]"
-                                rows="1"
-                                autosize
-                                type="textarea"
-                        />
-                    </view>
                     <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/>
-                    <view v-if="submitData.comOrOpi==0">
-                        <van-field
-                                v-model="submitData.enforceTypeText"
-                                required
-                                :rules="[{ required: true, message: '请选择投诉类型' }]"
-                                label="投诉类型"
-                                placeholder="请选择"
-                                is-link
-                                readonly
-                                clickable
-                        />
-                    </view>
-                    <view v-else>
+                    <view>
                         <van-field
                                 v-model="submitData.enforceTypeText"
                                 required
@@ -139,7 +30,6 @@
                                 @click="data.showPicker = true"
                         />
                     </view>
-                            <!-- @click="selectType" -->
                     <van-popup v-model:show="data.showPicker" position="bottom">
                         <van-picker
                                 v-model="data.selectTypeValue"
@@ -148,10 +38,22 @@
                                 @confirm="onConfirm"
                         />
                     </van-popup>
+                    <van-field
+                            v-model="submitData.complaintRecordItem"
+                            label="投诉事项"
+                            readonly
+                            clickable
+                            required
+                            :rules="[{ required: true, message: '必填项' }]"
+                            placeholder="请选择"
+                            is-link
+                            @click-input="showItemPopup(index)"
+                        />
+                    <ItemPopup :visible="data.comItemPopup"  :itemCode="submitData.complaintItemCodes"  @close="closePopup" @reciveData="comItemData"/>
                     <div v-if="data.uniteCheck != '' && data.uniteCheck != null" v-for="(item, index) in data.depts" :key="index">
                         <van-field
                                 v-model="item.text"
-                                label="执法部门"
+                                label="执法单位"
                                 readonly
                                 required
                                 clickable
@@ -237,13 +139,12 @@
             </van-form>
         </div>
     </div>
-    <!-- <UniteDept :visible="data.popupVisible" :deptList="data.dataList" @close="closePopup" @reciveData="reciveDept"/> -->
-    <MssqFilter :visible="data.popupVisible" :deptList="data.dataList" @close="closePopup" @reciveData="reciveDept"/>
+    <MssqFilter :visible="data.popupVisible" :deptList="data.dataList" @close="closePopup" @reciveData="reciveDept" @item-list="getItemList"/>
 </template>
 
 <script setup name="register">
 
-    import {showSuccessToast, showLoadingToast, closeToast, Toast} from 'vant';
+    import {showSuccessToast, showLoadingToast, closeToast, Toast, showToast} from 'vant';
     import {addEnterpriseComplaint,selectRegistrationList} from '@/api/enterprise'
     import {getDict} from '@/api/Home'
     import {uploadFile} from '@/util/fileUpload'
@@ -251,6 +152,8 @@
     import * as w6s from 'szient-js-sdk';
     import UniteDept from '@/views/enterprise/compaint/uniteDept.vue';
     import MssqFilter from '@/views/enterprise/compaint/selectMssqFilter.vue';
+    import ItemPopup from './complaintItem.vue'
+    import {queryDepts} from '@/api/user'
 
     const {useCommon, useMy} = $globalStore
 
@@ -269,6 +172,12 @@
         depts: [[{text: "", id: ""}]],
         uniteCheck:"",
         dataList: [],
+        comItemPopup:false,
+        comItemData:[],
+        comItemContent:"",
+        comItemIndex:0,
+        deptText:""
+        
     });
     //保存参数
     const submitData = reactive({
@@ -277,7 +186,7 @@
         //关联事项ID
         relId: "",
         //事项名称
-        lawEnforcementIncidentText: "",
+        complaintRecordItem: "",
         lawEnforcementIncident: "",
         //企业名称
         enterpriseName: "",
@@ -304,8 +213,67 @@
         complaintDepartmentIds:"",
         complaintDepartments:"",
         complaintType: 1,
+        // 区分行政0 非行政1
+        recordType:""
     })
 
+    const showItemPopup=(ind)=>{
+         data.comItemPopup = true;
+         data.comItemIndex=ind
+    }
+
+    const getItemList=(list)=>{
+        data.comItemData=list
+    };
+
+    // 投诉事项popup
+    const comItemData=(item)=>{
+        if(data.deptText==null || data.deptText==""){
+            // 根据deptid获取信用代码
+            queryDepts({"deptId":item.bureauDeptId}, success => {
+                if (null != success.data && success.data.length > 0) {
+                    let deptCode=success.data[0].creditcode;
+                    // 核查选择dept是否存在于民生诉求
+                    let flg=false;
+                    let itemCode="";
+                    let itemName="";
+                    for (let index = 0; index < data.comItemData.length; index++) {
+                        let code = data.comItemData[index].complaintItemCode;
+                        itemCode=code;
+                        itemName=data.comItemData[index].complaintItemName;
+                        code=String(code).substring(0,18);
+                        if(code===deptCode){
+                            flg=true;
+                            break
+                        }
+                    }
+                    if(!flg){
+                        showToast("暂无该单位信息");
+                    }else{
+                        data.deptText=itemName;
+                        submitData.complaintItemCodes=itemCode;
+                        submitData.complaintItemNames=itemName;
+
+                        submitData.complaintDepartments=item.bureauDeptName;
+                        submitData.complaintDepartmentIds=item.bureauDeptId;
+                        submitData.complaintRecordItem=item.title;
+                        submitData.recordType=item.dataType;
+                        submitData.relId=item.id
+                    } 
+                }
+            }, error => {
+                console.log("投诉失败")
+            })
+        }else{
+            submitData.complaintRecordItem=item.title;
+            submitData.complaintDepartmentIds=item.bureauDeptId;
+            submitData.complaintDepartments=item.bureauDeptName;
+            submitData.recordType=item.dataType;
+            submitData.relId=item.id
+        }
+        
+    }
+
 
     // 返回
     const goBack = () => {
@@ -320,23 +288,8 @@
 
     const submit = () => {
         submitData.enterpriseNumber = useCommon.enterpriseNumber;
-
-        const deptNameArr = [];
-        const deptIdArr = [];
-        for (let index = 0; index < data.depts.length; index++) {
-          const element = data.depts[index];
-          console.log(element)
-          deptNameArr.push(element.text);
-          deptIdArr.push(element.id);
-        }
-
         submitData.fileListObj = []
-
-        submitData.complaintDepartmentIds = deptIdArr.join(",");
-        submitData.complaintDepartments = deptNameArr.join(",");
         addEnterpriseComplaint(submitData, success => {
-
-            console.log(success)
             //跳转企业二维码地址
             if (success.success) {
                 if(submitData.comOrOpi==1) {
@@ -354,21 +307,6 @@
             console.log("投诉失败")
         })
     }
-    //消息提醒
-    // const toast = showLoadingToast({
-    //   duration: 0,
-    //   forbidClick: true,
-    //   message: '提交成功',
-    // });
-    // let second = 3;
-    // const timer = setInterval(() => {
-    //   second--;
-    //   if (second) {
-    //   } else {
-    //     clearInterval(timer);
-    //     closeToast();
-    //   }
-    // }, 1000);
     // 保存地址操作
     const onSave = () => {
         router.replace({name: "addressList"});
@@ -376,13 +314,11 @@
 
     const onConfirm = (value) => {
         data.showPicker = false;
-        console.log(value)
         submitData.enforceType = value.selectedValues[0];
         submitData.enforceTypeText = value.selectedOptions[0].text;
     }
     const selectType = () => {
         data.showPicker = true;
-        // console.log(data)
     }
     const selectCh = (val) => {
         submitData.authorization = val;
@@ -410,11 +346,6 @@
       }
     }
     const deleteFile = (file, index) => {
-        // submitData.fileListObj.filter((item, indexs) => {
-        //   if (index.index == indexs) {
-        //     submitData.fileListObj.splice(indexs, 1);//splice 删除
-        //   }
-        //  });
         submitData.fileList.filter((item, indexs) => {
             if (index.index == indexs) {
                 submitData.fileList.splice(indexs, 1);//splice 删除
@@ -425,40 +356,22 @@
     onMounted(() => {
 
         submitData.relId = route?.query?.id;
-        submitData.lawEnforcementIncidentText = route?.query?.lawEnforcementItemText;
+        submitData.complaintRecordItem = route?.query?.lawEnforcementItemText;
         submitData.complaintDepartments = route?.query?.complaintDepartments;
         submitData.complaintDepartmentIds = route?.query?.complaintDepartmentIds;
         data.isSelect = route?.query?.isSelect;
         submitData.comOrOpi = route?.query?.comOrOpi;
-
-        // 如果是直接投诉页面则直接定死字典
-        if (submitData.comOrOpi!=1) {
-            submitData.enforceType = 3;
-            submitData.enforceTypeText = "入企不扫码";
-        }
-        console.log("================")
-        console.log(submitData.comOrOpi);
-        console.log("================")
-
         if(route?.query?.complaintDepartmentIds != null && route?.query?.complaintDepartmentIds != ''){
           data.depts = [{text: route?.query?.complaintDepartments,id: route?.query?.complaintDepartmentIds}]
         } else {
           data.depts = [{text: route?.query?.bureauDeptName,id: route?.query?.bureauDeptId}]
           submitData.complaintItemCodes = route?.query?.bureauDeptId
         }
-        
-
-        getDict({"dictType": "caseType"}, success => {
-            console.log(success);
+        // 投诉类型
+        getDict({"dictType": "caseType","status":"0"}, success => {
             success.data.forEach(res => {
-                console.log(res)
-                var obj = null;
-                if (res.dictValue != 3) {
-                    obj = {text: res.dictLabel, value: res.dictValue};
-                }
-                if (obj != null) {
-                    data.columns.push(obj)
-                }
+                var obj = {text: res.dictLabel, value: res.dictValue};
+                data.columns.push(obj)
             })
         }, error => {
 
@@ -467,7 +380,6 @@
         data.uniteCheck = route?.query?.uniteCheck;
         if(data.uniteCheck!= null && data.uniteCheck != ''){
             selectRegistrationList({"uniteCheck":data.uniteCheck},success =>{
-              console.log(success.data);
             for (let index = 0; index < success.data.length; index++) {
               const element = success.data[index];
               var obj = {
@@ -487,13 +399,11 @@
         })
     }
     const reciveData = (item) => {
-        console.log(item)
-        submitData.lawEnforcementIncidentText = item.lawEnforcementItemText;
+        submitData.complaintRecordItem = item.lawEnforcementItemText;
         submitData.lawEnforcementIncident = item.lawEnforcementItem;
         submitData.relId = item.id;
     }
     const getAddressInfo = () => {
-        console.log(url);
         const access_key = '6374106c5eb449a4ad6c2430f30796e6';
         const access_secret = '434fec85aa5846e88bbeb8fac6cf6d7f';
         // generateRandomNumber()
@@ -512,7 +422,6 @@
             timestamp: timestamp,
             signature: signature,
         };
-        console.log(siqObject);
         //深i企鉴权
         w6s.config(siqObject)
             .then((res) => {
@@ -531,7 +440,6 @@
             })
             .catch((err) => {
                 // 失败
-                // console.log(err)
                 console.log("鉴权失败", err);
             });
     }
@@ -540,26 +448,23 @@
     }
     const closePopup = () => {
        data.popupVisible = false;
+       data.comItemPopup = false;
     }
     const reciveDept = (item) =>{
-      console.log(item);
       var text = '';
       var code_id = '';
       const arr = [];
       for (let index = 0; index < item.length; index++) {
         const element = item[index];
-        console.log(element)
         var obj = {text: element.deptName, id: element.deptId}
         arr.push(obj);
         text += element.deptName + ',';
         code_id += element.deptId + ',';
       }
-      console.log(arr)
       data.depts = arr;
-      
-      submitData.lawEnforcementIncidentText = text.substring(0, text.length-1);
+      data.deptText=text.substring(0, text.length-1);
+      submitData.complaintItemNames = text.substring(0, text.length-1);
       submitData.complaintItemCodes = code_id.substring(0, code_id.length-1);
-      console.log(data.depts.value)
     }
     const cancelDept = (index) => {
         data.depts.splice(index, 1);
diff --git a/src/views/enterprise/complaintDetailView.vue b/src/views/enterprise/complaintDetailView.vue
index 8b72c85..ae06266 100644
--- a/src/views/enterprise/complaintDetailView.vue
+++ b/src/views/enterprise/complaintDetailView.vue
@@ -6,13 +6,8 @@
               <van-cell-group>
                   <view v-if="data.isNoScan==false">
                     <van-field
-                              v-model="submitData.bureauDeptName"
-                              label="投诉对象"
-                              readonly
-                      />
-                      <van-field
-                              v-model="submitData.lawEnforcementIncidentText"
-                              label="投诉事项"
+                              v-model="submitData.complaintDepartments"
+                              label="执法单位"
                               readonly
                       />
                   </view>
@@ -30,26 +25,17 @@
                             label="投诉时间"
                             readonly
                     />
-                  <view v-if="data.isNoScan==false">
-                      <van-field
-                              v-model="submitData.status"
-                              label="处理状态"
-                              readonly
-                      />
-                  </view>
-                  <view v-if="data.isNoScan==false">
-                      <van-field
-                              v-model="submitData.evaluateTime"
-                              label="处理时间"
-                              readonly
-                      />
-                  </view>
                   <Popup :visible="popupVisible" :content="popupContent" @close="closePopup" @reciveData="reciveData"/>
                   <van-field
                           v-model="submitData.enforceTypeText"
                           label="投诉类型"
                           readonly
                   />
+                  <van-field
+                          v-model="submitData.complaintRecordItem"
+                          label="投诉事项"
+                          readonly
+                  />
                   <van-popup v-model:show="data.showPicker" position="bottom">
                       <van-picker
                               v-model="data.selectTypeValue"
@@ -323,6 +309,8 @@
             data.has_authorization = false;
             data.no_authorization = false;
         }
+        submitData.complaintRecordItem=success.data.complaintRecordItem;
+        submitData.complaintDepartments=success.data.complaintDepartments;
         submitData.createTime = success.data.createTime;
         submitData.enforceType = success.data.enforceType;
         submitData.enforceTypeText = success.data.enforceTypeText;
@@ -341,31 +329,31 @@
         submitData.linkman = nameCorrect(success.data.linkman);
         submitData.linkmanTel = success.data.linkmanTel;
         submitData.bureauDeptName = success.data.bureauDeptName
-        // 判断是否入企不扫码
-          if (3 == success.data.enforceType || null == success.data.relId) {
-              data.isNoScan = true;
-              submitData.complaintTime = success.data.complaintTime;
-              submitData.complaintDepartments = success.data.complaintDepartments;
-              submitData.enforcementTime =  formattedTimeYYYYmmdd(success.data.enforcementTime);
-              const depts = submitData.complaintDepartments.split(",");
-              for (let index = 0; index < depts.length; index++) {
-                const element = depts[index];
-                if(index == 0 ){
-                  var obj = {
-                    label:"投诉对象",
-                    value: element
-                  }
-                  deptArr.value.push(obj)
-                }else{
-                  var obj = {
-                    label:"  ",
-                    value: element
-                  }
-                  deptArr.value.push(obj)
-                }
-              }
-              console.log(deptArr.value)
-          }
+        // // 判断是否入企不扫码
+        //   if (3 == success.data.enforceType || null == success.data.relId) {
+        //       data.isNoScan = true;
+        //       submitData.complaintTime = success.data.complaintTime;
+        //       submitData.complaintDepartments = success.data.complaintDepartments;
+        //       submitData.enforcementTime =  formattedTimeYYYYmmdd(success.data.enforcementTime);
+        //       const depts = submitData.complaintDepartments.split(",");
+        //       for (let index = 0; index < depts.length; index++) {
+        //         const element = depts[index];
+        //         if(index == 0 ){
+        //           var obj = {
+        //             label:"投诉对象",
+        //             value: element
+        //           }
+        //           deptArr.value.push(obj)
+        //         }else{
+        //           var obj = {
+        //             label:"  ",
+        //             value: element
+        //           }
+        //           deptArr.value.push(obj)
+        //         }
+        //       }
+        //       console.log(deptArr.value)
+        //   }
         if(success.data.status == 1){
           data.isMssq = true;
         }
diff --git a/src/views/enterprise/complaintItem.vue b/src/views/enterprise/complaintItem.vue
new file mode 100644
index 0000000..71dbe74
--- /dev/null
+++ b/src/views/enterprise/complaintItem.vue
@@ -0,0 +1,503 @@
+<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">
+          <div class="subtitle">时间筛选</div>
+          <div class="count-inspect">
+              <van-field v-model="searchParam.beginTime"  placeholder="开始日期" 
+                    @click="showStartTime"
+                    readonly
+               />
+              <span style="padding: 10px">-</span>
+              <van-field v-model="searchParam.endTime"  placeholder="结束日期"
+                     @click="showEndTime"
+                     readonly
+              />
+              <van-popup v-model:show="this.startPicker" position="bottom">
+                    <van-date-picker
+                            title="选择时间"
+                            v-model="this.currentStart"
+                            :min-date="this.minDate"
+                            :max-date="this.maxDate"
+                            :columns-type="this.columnsType"
+                            @confirm="startConfirm"
+                            @cancel="cancelSelectDate"
+                    />
+              </van-popup>
+              <van-popup v-model:show="this.endPicker" position="bottom">
+                    <van-date-picker
+                            title="选择时间"
+                            v-model="this.currentEnd"
+                            :min-date="this.minDate"
+                            :max-date="this.maxDate"
+                            :columns-type="this.columnsType"
+                            @confirm="endConfirm"
+                            @cancel="cancelSelectDate"
+                    />
+              </van-popup>
+          </div>
+          <van-search
+                  v-model="searchParam.searchValue"
+                  show-action
+                  placeholder="请输入关键字查询"
+                  clearable="true"
+                  clear-icon="clear"
+                  clear-trigger="always"
+                  @clear="clearSearch"
+                  @search="onSearch">
+              <template #action>
+                  <div @click="onClickButton">搜索</div>
+              </template>
+          </van-search>
+           <div class="search-result">
+                <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+                    <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
+                    <div class="goods_box" v-for="(item, index) in dataList" :key="index">
+                        <van-swipe-cell class="swipe_cell">
+                            <div class="card_box">
+                                <div class="card_box_span" >
+                                    <p v-if="item.dataType==0">执法时间：{{item.enforcementTime}}</p>
+                                    <p v-if="item.dataType==1">入企时间：{{item.enforcementTime}}</p>
+                                </div>
+                                <div @click="clickItem(item)">
+                                    <div class="van-hairline--bottom"></div>
+                                    <div class="card_box_span card-title">
+                                        <p>{{ item.title }}</p>
+                                    </div>
+                                    <div class="card_box_span">
+                                        <p v-if="item.dataType==0"><label class="card_box_label">执法单位：</label> <span>{{ item.bureauDeptName }}</span></p>
+                                        <p v-if="item.dataType==1"><label class="card_box_label">入企单位：</label> <span>{{ item.bureauDeptName }}</span></p>
+                                    </div>
+                                    <div class="card_box_span">
+                                        <p v-if="item.dataType==0"><label class="card_box_label">执法人员：</label></p>
+                                        <p v-if="item.dataType==1"><label class="card_box_label">入企人员：</label></p>
+                                        <div>
+                                            <div>{{ item.lawEnforcer }}</div>
+                                            <div>{{ item.lawEnforcerOther}}</div>
+                                        </div>
+                                    </div>
+                                    <div class="card_box_span">
+                                        <p v-if="item.dataType==0"><label class="card_box_label" >执法类别：</label> <span>{{ item.lawEnforcementType }}</span></p>
+                                        <p v-if="item.dataType==1"><label class="card_box_label" >入企事由：</label> <span>{{ item.lawEnforcementType }}</span></p>
+                                    </div>
+                                </div>
+                            </div>
+                        </van-swipe-cell>
+                    </div>
+                </van-list>
+                </van-pull-refresh>
+            </div>
+      </div>
+  </div>
+</template>
+
+<script>
+  import {ref} from 'vue'
+  import {getAllCheckList} from '@/api/enterprise'
+  import {formattedTimeYYYYmmdd} from "@/util/util";
+
+  const {useCommon} = $globalStore
+  const router = useRouter();
+
+  export default {
+      props: {
+          visible: {
+              type: Boolean,
+              default: false
+          },
+          content: {
+              type: String,
+              default: ''
+          },
+          itemCode: {
+            type: String
+          },
+      },
+      watch: {
+        visible(newVal, oldVal) {
+          if (newVal) {
+            // 在这里执行你的逻辑
+            this.curPage = 1;
+            this.dataList = [];
+            this.onRefresh();
+          }
+        }
+      },
+       setup() {
+            const loading = ref(false)
+            const finished = ref(false)
+            const refreshing = ref(false)
+            const dataList = ref([])
+            const curPage = ref(1)
+            const searchParam = ref({
+                pageNum: 1,
+                pageSize: 6,
+            })
+            const queryList = () => {
+            }
+        },
+      data() {
+          return {
+              searchParam: {
+                  enterpriseNumber:ref(useCommon.enterpriseNumber),
+                  pageNum: 1,
+                  pageSize: 6,
+                  beginTime:"",
+                  endTime:""
+              },
+              startPicker:ref(false),
+              endPicker:ref(false),
+              searchKey: "",
+              dataList: [],
+              curPage: 1,
+              loading: false,
+              finished: false,
+              refreshing: false,
+              currentStart: ref(['2025', '01','01']),
+              currentEnd: ref(['2025', '01','01']),
+              minDate: new Date(2020, 0, 1),
+              maxDate: new Date(2125, 5, 1),
+              columnsType: ['year', 'month','day'],
+          }
+      },
+      methods: {
+            onSearch() {
+                this.curPage = 1;
+                this.onRefresh();
+            },
+            onClickButton () {
+                this.curPage = 1;
+                this.dataList = [];
+                this.onRefresh();
+            },
+            showStartTime(){
+                this.startPicker=true;
+            },
+            showEndTime(){
+                this.endPicker=true;
+            },
+          getList(){
+                let params = {
+                    pageNum: (this.curPage-1)*this.searchParam.pageSize,
+                    pageSize: this.searchParam.pageSize
+                }
+                this.searchParam.params = params;
+                this.searchParam.complaintItemCodes=this.itemCode
+                getAllCheckList(this.searchParam,success=> {
+                    this.curPage++;
+                    this.loading = false;   // 查出结果停止加载
+                    if (success.total <= this.dataList.length) {
+                        this.finished = true;
+                        return;
+                    }
+                    this.dataList.push(...success.rows);
+                });
+            },
+          closePopup() {
+              this.$emit('close');
+          },
+          
+          cancel() {
+              this.searchParam.complaintItemName = '';
+              this.search();
+          },
+          //下拉刷新
+            onRefresh() {
+                this.dataList = [];
+                this.finished = false;
+
+                // 重新加载数据
+                // 将 loading 设置为 true，表示处于加载状态
+                this.loading = true;
+                this.onLoad();
+            },
+            // 触底加载
+            onLoad() {
+                let that = this;
+                setTimeout(() => {
+                    if (that.refreshing) {
+                        that.refreshing = false;
+                    }
+                    that.getList();
+                }, 1000);
+            },
+
+            // 点击事件
+            clickItem(item){
+                this.$emit("reciveData", item);
+                this.$emit('close');
+            },
+
+            startConfirm(value) {
+                this.currentStart=ref(value.selectedValues);
+                this.startPicker = false;
+                this.searchParam.beginTime = value.selectedValues[0] + "-" + value.selectedValues[1]+ "-" + value.selectedValues[2]
+            },
+            endConfirm(value) {
+                this.currentEnd=ref(value.selectedValues);
+                this.endPicker = false;
+                this.searchParam.endTime = value.selectedValues[0] + "-" + value.selectedValues[1]+ "-" + value.selectedValues[2]
+            },
+            // 日期框取消
+            cancelSelectDate(){
+                if(this.startPicker===true){
+                    this.startPicker=false
+                }
+                if(this.endPicker===true){
+                    this.endPicker=false;
+                }
+            }
+      },
+  }
+</script>
+
+<style scoped lang="less">
+
+.goods_box {
+        display: flex;
+        background-color: #fff;
+        margin: 0.27rem;
+        border-radius: 0.2rem;
+
+        .swipe_cell {
+            width: 100%;
+        }
+
+        .card_box {
+            display: flex;
+            width: 100%;
+            padding: 0.1rem 0 0.2rem;
+            flex-direction: column;
+
+            .card_body {
+                background-color: #fff;
+                border-radius: 0.27rem;
+                flex: 1;
+            }
+
+            .card_box_span {
+                position: relative;
+                display: flex;
+                align-items: center;
+                margin: 2% 0;
+                padding: 0 3%;
+                color: #666;
+                font-size: 0.35rem;
+                line-height: 1.5;
+
+                p {
+                    display: flex;
+                    margin: 0;
+                }
+            }
+
+            .card_box_action {
+
+            }
+        }
+    }
+
+  .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: 600;
+  }
+
+  .btn-goback {
+      position: absolute;
+      top: 0.267rem;
+      left: 0.3rem;
+      width: 0.8rem;
+      height: 0.8rem;
+      font-size: 0.5rem;
+      font-weight: bold;
+      color: #333;
+      line-height: 1.5;
+  }
+
+  .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 0 0;
+      padding-bottom: 3rem;
+      width: 100%;
+      height: calc(100% - 1.6rem);
+      font-size: 0.37rem;
+  }
+
+  .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;
+  }
+
+
+
+  .van-search__action {
+      margin: 0 3% 0 0;
+      width: 10%;
+      height: 0.9rem;
+      background: #1367fe;
+      border: 0.02667rem solid #1367fe;
+      border-radius: 0 0.15rem 0.15rem 0;
+      color: #fff;
+      text-align: center;
+      line-height: 0.9rem;
+  }
+
+  .search-result {
+    width: 100%;
+    height: calc(100% - 3rem);
+    padding-bottom: 1rem;
+    overflow-y: auto;
+  }
+
+  .search-result .van-cell-group {
+    margin: 0;
+  }
+
+  .case-item {
+      margin: 3% 2%;
+      padding: 2% 0;
+      width: 96%;
+      font-size: 0.35rem;
+      border-bottom: 1px solid #f4f4f4;
+      color: #999;
+      line-height: 2;
+  }
+
+  .case-title {
+      margin: 2% 0;
+      font-size: 0.42rem;
+      color: #333;
+      line-height: 1.25;
+  }
+
+  .subtitle {
+      margin: 2% 0 2% 3%;
+      font-size: 0.4rem;
+      font-weight: 600;
+  }
+
+  .count-inspect {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      margin: 1% 3% 2%;
+      width: 80%;
+      color: #666;
+      font-size: 0.35rem;
+      white-space: nowrap;
+  }
+
+  /deep/ .count-inspect .van-cell {
+      padding: 0;
+  }
+
+  /deep/ .count-inspect input.van-field__control {
+      padding: 0 0.2rem;
+      height: 0.8rem;
+      background: #fff;
+      border: 0.02667rem solid #ddd;
+      border-radius: 0.1rem;
+  }
+
+  /deep/ .count-inspect .van-cell:after {
+      border: 0;
+  }
+  /deep/ .van-search__content {
+      height: 0.9rem;
+      border: 1px solid #ececec;
+      border-radius: 0.15rem 0 0 0.15rem;
+  }
+
+  /deep/ .van-search__action {
+      margin: 0 3% 0 0;
+      width: 10%;
+      height: 0.9rem;
+      background: #1367fe;
+      border: 1px solid #1367fe;
+      border-radius: 0 0.15rem 0.15rem 0;
+      color: #fff;
+      text-align: center;
+      line-height: 0.9rem;
+  }
+
+
+
+</style>
\ No newline at end of file