From 6f354e144a5ca57573f64c223525778b032b5c32 Mon Sep 17 00:00:00 2001
From: kylin L <452061493@qq.com>
Date: Thu, 12 Sep 2024 01:56:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F=E9=AB=98=E5=BA=A6?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E5=AF=BC=E8=87=B4=E5=88=86=E9=A1=B5=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/index.less                   |    9 +-
 .../footer-enforcement-nav/index.vue          |   33 +-
 src/components/footer-nav/index.vue           |   30 +-
 src/views/enterprise/complaintList.vue        | 1384 ++++++++---------
 4 files changed, 741 insertions(+), 715 deletions(-)

diff --git a/src/assets/style/index.less b/src/assets/style/index.less
index b69bee9..73ab48f 100644
--- a/src/assets/style/index.less
+++ b/src/assets/style/index.less
@@ -26,10 +26,11 @@ html,body,#app{
 }
 
 .footer_body{
-    height: 50px;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-    box-sizing: content-box;
+    height: 2rem;
+    //height: 50px;
+    //padding-bottom: constant(safe-area-inset-bottom);
+    //padding-bottom: env(safe-area-inset-bottom);
+    //box-sizing: content-box;
 }
 
 .no_data{
diff --git a/src/components/footer-enforcement-nav/index.vue b/src/components/footer-enforcement-nav/index.vue
index e536b08..fb84367 100644
--- a/src/components/footer-enforcement-nav/index.vue
+++ b/src/components/footer-enforcement-nav/index.vue
@@ -44,18 +44,29 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
+/*.footer_nav{*/
+/*  height: 50px;*/
+/*  padding-bottom: constant(safe-area-inset-bottom);*/
+/*  padding-bottom: env(safe-area-inset-bottom);*/
+/*  box-sizing: content-box;*/
+/*  background-color: #fff;*/
+/*  !*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
+/*  .footer-bar{*/
+/*    position: absolute;*/
+/*    bottom: constant(safe-area-inset-bottom);*/
+/*    bottom: env(safe-area-inset-bottom);*/
+/*  }*/
+/*}*/
+
+
 .footer_nav{
-  height: 50px;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  box-sizing: content-box;
-  background-color: #fff;
-  /*box-shadow: 0 0 0.27rem #e5e5e5;*/
-  .footer-bar{
-    position: absolute;
-    bottom: constant(safe-area-inset-bottom);
-    bottom: env(safe-area-inset-bottom);
-  }
+	height: 2.0rem;
+	background-color: #fff;
+	/*box-shadow: 0 0 0.27rem #e5e5e5;*/
+	.footer-bar{
+		position: absolute;
+		/*bottom: 0.6rem;*/
+	}
 }
 
 .van-hairline--top-bottom:after, .van-hairline-unset--top-bottom:after {
diff --git a/src/components/footer-nav/index.vue b/src/components/footer-nav/index.vue
index e3ad4fc..c81164e 100644
--- a/src/components/footer-nav/index.vue
+++ b/src/components/footer-nav/index.vue
@@ -28,17 +28,31 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
+	/*.footer_nav{*/
+	/*	heighheight: 50px;*/
+    /*padding-bottom: constant(safe-area-inset-bottom);*/
+    /*padding-bottom: env(safe-area-inset-bottom);*/
+    /*box-sizing: content-box;*/
+    /*background-color: #fff;*/
+    /*!*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
+	/*	.footer-bar{*/
+	/*		position: absolute;*/
+    /*  bottom: constant(safe-area-inset-bottom);*/
+    /*  bottom: env(safe-area-inset-bottom);*/
+	/*	}*/
+	/*}*/
+
+
+	.footer_body{
+		height: 2rem;
+	}
 	.footer_nav{
-		heighheight: 50px;
-    padding-bottom: constant(safe-area-inset-bottom);
-    padding-bottom: env(safe-area-inset-bottom);
-    box-sizing: content-box;
-    background-color: #fff;
-    /*box-shadow: 0 0 0.27rem #e5e5e5;*/
+		height: 2.0rem;
+		background-color: #fff;
+		/*box-shadow: 0 0 0.27rem #e5e5e5;*/
 		.footer-bar{
 			position: absolute;
-      bottom: constant(safe-area-inset-bottom);
-      bottom: env(safe-area-inset-bottom);
+			/*bottom: 0.6rem;*/
 		}
 	}
 
diff --git a/src/views/enterprise/complaintList.vue b/src/views/enterprise/complaintList.vue
index 000b1de..c591646 100644
--- a/src/views/enterprise/complaintList.vue
+++ b/src/views/enterprise/complaintList.vue
@@ -1,710 +1,710 @@
 <template>
-  <div class="home app_content">
-      <!-- 导航栏 -->
-      <!-- <div class="header_body">
-      <header-nav
-          :slefBack="true"
-          @goBack="goBack"
-          :titelText="`投诉信息查询`"
+    <div class="home app_content">
+        <!-- 导航栏 -->
+        <!-- <div class="header_body">
+        <header-nav
+            :slefBack="true"
+            @goBack="goBack"
+            :titelText="`投诉信息查询`"
+          >
+          </header-nav>
+
+            </div>-->
+        <van-search
+                v-model="searchParam.searchValue"
+                show-action
+                placeholder="请输入关键字查询"
+                clearable="true"
+                clear-icon="clear"
+                clear-trigger="always"
+                @clear="clearSearch"
+                @search="onSearch"
         >
-        </header-nav>
-
-          </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-button-list">
-          <van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'"
-                      @click="searchDateType(null)" round type="primary" size="mini">全部
-          </van-button>
-
-          <van-button plain hairline :class="0==data.checkNum?'search-button active':'search-button'"
-                      @click="searchDateType(0)" round type="primary" size="mini">已受理
-          </van-button>
-
-          <van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'"
-                      @click="searchDateType(1)" round type="primary" size="mini">处理中
-          </van-button>
-          <van-button plain hairline :class="2==data.checkNum?'search-button active':'search-button'"
-                      @click="searchDateType(2)" round type="primary" size="mini">已办结
-          </van-button>
-          <!--  <van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary" size="mini">已处理</van-button>-->
-          <!--      <van-button plain hairline class="search-button" @click="mssq()" round type="primary" size="mini">临时按钮</van-button>-->
-
-      </div>
-<!--      <div class="search-button-date">
-          <span class="date-select" @click="selectDate">{{  data.dateSearch }}</span>
-          <div style="border-color: black;" class="van-hairline&#45;&#45;bottom"></div>
-          &lt;!&ndash; <van-button class="search-button"  type="primary" size="mini">统计分析</van-button> &ndash;&gt;
-          <van-popup v-model:show="data.showDatePicker" position="bottom">
-              <van-date-picker
-                      title="选择日期"
-                      v-model="data.currentDate"
-                      :min-date="data.minDate"
-                      :max-date="data.maxDate"
-                      :columns-type="data.columnsType"
-                      @confirm="onDateConfirm"
-                      @cancel="cancelSelectDate"
-              />
-          </van-popup>
-      </div>-->
-
-      <!-- 中间 -->
-      <div class="shop-center">
-          <van-pull-refresh v-model="data.refreshing" @refresh="onRefresh">
-              <van-list v-model:loading="data.loading" :finished="data.finished" finished-text="没有更多了" @load="onLoad">
-                  <div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
-                          <van-swipe-cell class="swipe_cell item-todo">
-                              <div class="card_box">
-                                  <div class="card_box_span">
-                                      <p>投诉时间：{{ item.createTime }} <span class="card_box_action">
+            <template #action>
+                <div @click="onClickButton">搜索</div>
+            </template>
+        </van-search>
+        <div class="search-button-list">
+            <van-button plain hairline :class="null==data.checkNum?'search-button active':'search-button'"
+                        @click="searchDateType(null)" round type="primary" size="mini">全部
+            </van-button>
+
+            <van-button plain hairline :class="0==data.checkNum?'search-button active':'search-button'"
+                        @click="searchDateType(0)" round type="primary" size="mini">已受理
+            </van-button>
+
+            <van-button plain hairline :class="1==data.checkNum?'search-button active':'search-button'"
+                        @click="searchDateType(1)" round type="primary" size="mini">处理中
+            </van-button>
+            <van-button plain hairline :class="2==data.checkNum?'search-button active':'search-button'"
+                        @click="searchDateType(2)" round type="primary" size="mini">已办结
+            </van-button>
+            <!--  <van-button plain hairline class="search-button" @click="searchDateType(1)" round type="primary" size="mini">已处理</van-button>-->
+            <!--      <van-button plain hairline class="search-button" @click="mssq()" round type="primary" size="mini">临时按钮</van-button>-->
+
+        </div>
+        <!--      <div class="search-button-date">
+                  <span class="date-select" @click="selectDate">{{  data.dateSearch }}</span>
+                  <div style="border-color: black;" class="van-hairline&#45;&#45;bottom"></div>
+                  &lt;!&ndash; <van-button class="search-button"  type="primary" size="mini">统计分析</van-button> &ndash;&gt;
+                  <van-popup v-model:show="data.showDatePicker" position="bottom">
+                      <van-date-picker
+                              title="选择日期"
+                              v-model="data.currentDate"
+                              :min-date="data.minDate"
+                              :max-date="data.maxDate"
+                              :columns-type="data.columnsType"
+                              @confirm="onDateConfirm"
+                              @cancel="cancelSelectDate"
+                      />
+                  </van-popup>
+              </div>-->
+
+        <!-- 中间 -->
+        <div class="shop-center">
+            <van-pull-refresh v-model="data.refreshing" @refresh="onRefresh">
+                <van-list v-model:loading="data.loading" :finished="data.finished" finished-text="没有更多了" @load="onLoad">
+                    <div class="goods_box" v-for="(item, index) in data?.dataList" :key="index">
+                        <van-swipe-cell class="swipe_cell item-todo">
+                            <div class="card_box">
+                                <div class="card_box_span">
+                                    <p>投诉时间：{{ item.createTime }} <span class="card_box_action">
                   </span></p>
-                                      <span class="state-todo" v-if="item.status == 0">已受理</span>
-                                      <span class="state-doing" v-if="item.status == 1">处理中</span>
-                                      <span class="state-done" v-if="item.status >= 2">已办结</span>
-                                  </div>
-
-                                  <div @click="toComplaint(item.id)">
-                                      <div class="van-hairline--bottom"></div>
-                                      <div class="card_box_span card-title">
-                                          <p>{{ item.lawEnforcementItemText }}</p>
-                                      </div>
-
-                                      <div class="card_box_span">
+                                    <span class="state-todo" v-if="item.status == 0">已受理</span>
+                                    <span class="state-doing" v-if="item.status == 1">处理中</span>
+                                    <span class="state-done" v-if="item.status >= 2">已办结</span>
+                                </div>
+
+                                <div @click="toComplaint(item.id)">
+                                    <div class="van-hairline--bottom"></div>
+                                    <div class="card_box_span card-title">
+                                        <p>{{ item.lawEnforcementItemText }}</p>
+                                    </div>
+
+                                    <div class="card_box_span">
                                         <p><span class="card_box_label">检查事项：</span> {{ item.lawEnforcementIncident }}
                                         </p>
-                                      </div>
-                                      <div class="card_box_span">
-                                          <p><span class="card_box_label">投诉内容：</span> {{ item.problemDescription }}
-                                          </p>
-                                      </div>
-                                      <!-- <div class="card_box_span">
-                                        <p><span class="card_box_label">执法人员：</span> {{ item.lawEnforcer }}，{{ item.lawEnforcerTwo }}</p>
-                                      </div> -->
-                                      <!--                      <div class="card_box_span">
-                                                              <p><span class="card_box_label">企业名称：</span> {{ item.enterpriseName }}</p>
-                                                            </div>-->
-                                      <div class="btn-list">
-                                          <!--                      <a><van-icon name="warning-o" />投诉</a>-->
-<!--                                            <a v-if="item.status == 1" @click.stop="toEvaluate(item.id)"><van-icon name="flower-o"/>评价</a>-->
-<!--                                            <a v-else style="color: #808080;" @click.stop="toEvaluate(item.proWoCode)"><van-icon color="#808080" name="flower-o"/>评价</a>-->
-                                      </div>
-
-                                  </div>
-                              </div>
-                          </van-swipe-cell>
-                      </div>
-              </van-list>
-          </van-pull-refresh>
-      </div>
-
-      <!-- 底部 -->
-      <div class="shop_footer_body">
-          <footer-nav></footer-nav>
-      </div>
-  </div>
+                                    </div>
+                                    <div class="card_box_span">
+                                        <p><span class="card_box_label">投诉内容：</span> {{ item.problemDescription }}
+                                        </p>
+                                    </div>
+                                    <!-- <div class="card_box_span">
+                                      <p><span class="card_box_label">执法人员：</span> {{ item.lawEnforcer }}，{{ item.lawEnforcerTwo }}</p>
+                                    </div> -->
+                                    <!--                      <div class="card_box_span">
+                                                            <p><span class="card_box_label">企业名称：</span> {{ item.enterpriseName }}</p>
+                                                          </div>-->
+                                    <div class="btn-list">
+                                        <!--                      <a><van-icon name="warning-o" />投诉</a>-->
+                                        <!--                                            <a v-if="item.status == 1" @click.stop="toEvaluate(item.id)"><van-icon name="flower-o"/>评价</a>-->
+                                        <!--                                            <a v-else style="color: #808080;" @click.stop="toEvaluate(item.proWoCode)"><van-icon color="#808080" name="flower-o"/>评价</a>-->
+                                    </div>
+
+                                </div>
+                            </div>
+                        </van-swipe-cell>
+                    </div>
+                </van-list>
+            </van-pull-refresh>
+        </div>
+
+        <!-- 底部 -->
+        <div class="shop_footer_body">
+            <footer-nav></footer-nav>
+        </div>
+    </div>
 </template>
 
 <script setup name="registrationList">
-  import {Pagination} from 'vant';
-  import {queryRegistrationList, toMssqAppraise, queryEnterpriseComplaintList} from '../../api/enterprise';
-  import {queryLinkage, queryLinkageById, queryLinkageDictByValueAndParentId} from "@/api/linkage";
-  import {setGoodsNum} from "@/util/util";
-
-  const {useCommon, useShopCard} = $globalStore;
-
-  const router = useRouter();
-  let allchecked = ref(false); // 是否全选
-  let refreshLoad = ref(false); // 是否加载中
-  let value = ref('')
-  let totalPrice = ref(0); // 总钱数
-
-  let searchParam = reactive({
-      // 分页
-      pageNum: 1,
-      pageSize: 6,
-      //执法事件
-      lawEnforcementIncident: "",
-      //执法部门
-      lawEnforcement: "",
-      //搜索框
-      searchValue: ref(''),
-      //时间类型
-      dateType: null,
-      //是否投诉
-      isComplaint: null,
-      //企业统一信用码
-      enterpriseNumber: ref(useCommon.enterpriseNumber),
-      //时间搜索
-      dateSearch: "",
-      status: null,
-  });
-
-  const data = reactive({
-      cartList: [],
-      dataList: [],
-      dateSearch: ref(),
-      showDatePicker: false,
-      currentDate: ref(['2024', '01']),
-      minDate: new Date(2020, 0, 1),
-      maxDate: new Date(2125, 5, 1),
-      columnsType: ['year', 'month'],
-      ga_columns: [],
-      checkNum: null,
-      loading: false,
-      finished: false,
-      refreshing: false,
-      curPage: 1,
-  });
-
-  const mssq = () => {
-      let params = {
-          assessServiceCode: "672407221630025057401",
-          // assessObjectName: "气象局",
-          assessObjectName: "深圳市卫生健康委员会",
-          // assessObjectName: "深圳市司法局",  // 实际使用环境用这个
-          assessObjectCode: "672407221630025057401",
-          // deptCode: "151615",
-          deptCode: "152076",
-          // deptCode: "151617",  // 司法局的deptCode
-          evaluatorName: "测试",
-          evaluatorPapersPhone: "18520089969",
-          // backUrl: "http://jdm.szssfj.cn/enterprise",  // 正式环境用这个
-          backUrl: "http://192.168.31.196:3301/",
-      }
-      toMssqAppraise(params, success => {
-          window.location.href = success.data;
-      });
-  }
-
-  // 设置初始值为当前时间
-  onMounted(() => {
-      // getCard();
-      searchParam.enterpriseNumber = useCommon.enterpriseNumber;
-      // queryList();
-      data.dateSearch = nowDate(new Date());
-      // queryLinkageDictByValueAndParentId({"value": "check_item", "parentId": "100"}, success => {
-      // 		getLinkageByParentIdToItem(success.id)
-      // 	},error=>{});
-      if (useCommon.enterpriseNumber == null || useCommon.enterpriseNumber == '') {
-
-      }
-  });
-  const getLinkageByParentIdToItem = (parentId) => {
-      // 查询检查要求字典信息
-      queryLinkage({"parentId": parentId}, success => {
-          for (var i = 0; i < success.length; i++) {
-              data.ga_columns.push({text: success[i].title, value: success[i].id, id: success[i].id})
-          }
-          // queryList();
-      }, error => {
-      });
-  }
-  const queryList = () => {
-      searchParam.pageNum = (data.curPage-1)*searchParam.pageSize;
-      queryEnterpriseComplaintList(searchParam, success => {
-          data.curPage++;
-          data.loading = false;   // 查出结果停止加载
-          if (success.total <= data.dataList.length) {
-              // 查到最后没数据
-              data.finished = true;
-              return;
-          }
-          // data.dataList = success.data;
-          data.dataList.push(...success.rows);
-      }, error => {
-      })
-  }
-  const setLinkageItem = (id, item) => {
-      queryLinkageById({"id": id}, success => {
-          item.lawEnforcementItem = success.title
-      }, error => {
-      });
-  }
-  const onSearch = (val) => {
-      data.curPage = 1;
-      data.curPage = 1;
-      // 清空列表数据
-      data.dataList = [];
-      data.finished = false;
-
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      data.loading = true;
-      onLoad();
-      // queryRegistrationList(
-      //     {
-      //         "searchValue": searchParam.searchText
-      //     }
-      //     , success => {
-      //         console.log(success)
-      //         data.dataList = success.data;
-      //     }, error => {
-
-      //     })
-  };
-  const onClickButton = () => {
-      data.curPage = 1;
-      data.dataList = [];
-      onRefresh();
-  }
-
-  /**
-   * 企业投诉页面
-   * @param {*} id
-   * @param {*} name
-   */
-  const toComplaintView = (id, name) => {
-      console.log(id, name)
-      router.push(
-          {
-              path: "/enterprise/complaint",
-              query: {
-                  id: id,
-                  lawEnforcementIncident: name,
-                  isSelect: false
-              }
-          });
-  }
-  /**
-   * 查看执法登记详情
-   * @param {} id
-   * @param {*} name
-   */
-  const toDetailView = (id) => {
-      console.log(id)
-      router.push(
-          {
-              path: "/registrationDetail",
-              query: {
-                  id: id,
-              }
-          });
-  }
-  const toComplaint = (id) => {
-      router.push({
-          path: "/compaintDetailIndex",
-          query: {
-              comOrOpi: 2,
-              isSelect: false,
-              id: id,
-          }
-      });
-  }
-  const toEvaluate = (id) => {
-      router.push({
-          path: "/enterprise/complaintEvaluate",
-          query: {
-              id: id,
-          }
-      });
-  }
-  onActivated(() => {
-  });
-
-  onDeactivated(() => {
-
-  });
-
-  // 返回
-  const goBack = () => {
-      router.go(-1);
-  };
-
-  let resetScroll = ref(0); // 滚动记录
-  let isLodding = ref(true); // 是否加载中
-  let freshMap = reactive({
-      refreshLoad: false, // 是否刷新
-      listLoading: false, // 是否加载中
-      listFinished: false, // 是否加载完成标识
-  });
-
-  //下拉刷新
-  const onRefresh = () => {
-      data.curPage = 1;
-      // 清空列表数据
-      data.dataList = [];
-      data.finished = false;
-
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      data.loading = true;
-      onLoad();
-  };
+    import {Pagination} from 'vant';
+    import {queryRegistrationList, toMssqAppraise, queryEnterpriseComplaintList} from '../../api/enterprise';
+    import {queryLinkage, queryLinkageById, queryLinkageDictByValueAndParentId} from "@/api/linkage";
+    import {setGoodsNum} from "@/util/util";
+
+    const {useCommon, useShopCard} = $globalStore;
+
+    const router = useRouter();
+    let allchecked = ref(false); // 是否全选
+    let refreshLoad = ref(false); // 是否加载中
+    let value = ref('')
+    let totalPrice = ref(0); // 总钱数
+
+    let searchParam = reactive({
+        // 分页
+        pageNum: 1,
+        pageSize: 6,
+        //执法事件
+        lawEnforcementIncident: "",
+        //执法部门
+        lawEnforcement: "",
+        //搜索框
+        searchValue: ref(''),
+        //时间类型
+        dateType: null,
+        //是否投诉
+        isComplaint: null,
+        //企业统一信用码
+        enterpriseNumber: ref(useCommon.enterpriseNumber),
+        //时间搜索
+        dateSearch: "",
+        status: null,
+    });
+
+    const data = reactive({
+        cartList: [],
+        dataList: [],
+        dateSearch: ref(),
+        showDatePicker: false,
+        currentDate: ref(['2024', '01']),
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2125, 5, 1),
+        columnsType: ['year', 'month'],
+        ga_columns: [],
+        checkNum: null,
+        loading: false,
+        finished: false,
+        refreshing: false,
+        curPage: 1,
+    });
+
+    const mssq = () => {
+        let params = {
+            assessServiceCode: "672407221630025057401",
+            // assessObjectName: "气象局",
+            assessObjectName: "深圳市卫生健康委员会",
+            // assessObjectName: "深圳市司法局",  // 实际使用环境用这个
+            assessObjectCode: "672407221630025057401",
+            // deptCode: "151615",
+            deptCode: "152076",
+            // deptCode: "151617",  // 司法局的deptCode
+            evaluatorName: "测试",
+            evaluatorPapersPhone: "18520089969",
+            // backUrl: "http://jdm.szssfj.cn/enterprise",  // 正式环境用这个
+            backUrl: "http://192.168.31.196:3301/",
+        }
+        toMssqAppraise(params, success => {
+            window.location.href = success.data;
+        });
+    }
+
+    // 设置初始值为当前时间
+    onMounted(() => {
+        // getCard();
+        searchParam.enterpriseNumber = useCommon.enterpriseNumber;
+        // queryList();
+        data.dateSearch = nowDate(new Date());
+        // queryLinkageDictByValueAndParentId({"value": "check_item", "parentId": "100"}, success => {
+        // 		getLinkageByParentIdToItem(success.id)
+        // 	},error=>{});
+        if (useCommon.enterpriseNumber == null || useCommon.enterpriseNumber == '') {
+
+        }
+    });
+    const getLinkageByParentIdToItem = (parentId) => {
+        // 查询检查要求字典信息
+        queryLinkage({"parentId": parentId}, success => {
+            for (var i = 0; i < success.length; i++) {
+                data.ga_columns.push({text: success[i].title, value: success[i].id, id: success[i].id})
+            }
+            // queryList();
+        }, error => {
+        });
+    }
+    const queryList = () => {
+        searchParam.pageNum = (data.curPage-1)*searchParam.pageSize;
+        queryEnterpriseComplaintList(searchParam, success => {
+            data.curPage++;
+            data.loading = false;   // 查出结果停止加载
+            if (success.total <= data.dataList.length) {
+                // 查到最后没数据
+                data.finished = true;
+                return;
+            }
+            // data.dataList = success.data;
+            data.dataList.push(...success.rows);
+        }, error => {
+        })
+    }
+    const setLinkageItem = (id, item) => {
+        queryLinkageById({"id": id}, success => {
+            item.lawEnforcementItem = success.title
+        }, error => {
+        });
+    }
+    const onSearch = (val) => {
+        data.curPage = 1;
+        data.curPage = 1;
+        // 清空列表数据
+        data.dataList = [];
+        data.finished = false;
+
+        // 重新加载数据
+        // 将 loading 设置为 true，表示处于加载状态
+        data.loading = true;
+        onLoad();
+        // queryRegistrationList(
+        //     {
+        //         "searchValue": searchParam.searchText
+        //     }
+        //     , success => {
+        //         console.log(success)
+        //         data.dataList = success.data;
+        //     }, error => {
+
+        //     })
+    };
+    const onClickButton = () => {
+        data.curPage = 1;
+        data.dataList = [];
+        onRefresh();
+    }
+
+    /**
+     * 企业投诉页面
+     * @param {*} id
+     * @param {*} name
+     */
+    const toComplaintView = (id, name) => {
+        console.log(id, name)
+        router.push(
+            {
+                path: "/enterprise/complaint",
+                query: {
+                    id: id,
+                    lawEnforcementIncident: name,
+                    isSelect: false
+                }
+            });
+    }
+    /**
+     * 查看执法登记详情
+     * @param {} id
+     * @param {*} name
+     */
+    const toDetailView = (id) => {
+        console.log(id)
+        router.push(
+            {
+                path: "/registrationDetail",
+                query: {
+                    id: id,
+                }
+            });
+    }
+    const toComplaint = (id) => {
+        router.push({
+            path: "/compaintDetailIndex",
+            query: {
+                comOrOpi: 2,
+                isSelect: false,
+                id: id,
+            }
+        });
+    }
+    const toEvaluate = (id) => {
+        router.push({
+            path: "/enterprise/complaintEvaluate",
+            query: {
+                id: id,
+            }
+        });
+    }
+    onActivated(() => {
+    });
+
+    onDeactivated(() => {
+
+    });
+
+    // 返回
+    const goBack = () => {
+        router.go(-1);
+    };
+
+    let resetScroll = ref(0); // 滚动记录
+    let isLodding = ref(true); // 是否加载中
+    let freshMap = reactive({
+        refreshLoad: false, // 是否刷新
+        listLoading: false, // 是否加载中
+        listFinished: false, // 是否加载完成标识
+    });
+
+    //下拉刷新
+    const onRefresh = () => {
+        data.curPage = 1;
+        // 清空列表数据
+        data.dataList = [];
+        data.finished = false;
+
+        // 重新加载数据
+        // 将 loading 设置为 true，表示处于加载状态
+        data.loading = true;
+        onLoad();
+    };
     //下拉刷新
     const clearSearch = () => {
-      data.curPage = 1;
-      // 清空列表数据
-      data.dataList = [];
-      data.finished = false;
-
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      data.loading = true;
-      onLoad();
-  };
-  // 触底加载
-  const onLoad = () => {
-      setTimeout(() => {
-          if (data.refreshing) {
-              data.refreshing = false;
-          }
-          queryList();
-      }, 1000);
-  };
-
-
-  //获取分类下的商品列表
-  const getGoodslist = async (onLoad) => {
-      // const res = await useClassify.classifyGoods();
-      // if (res?.code === 20000) {
-      // 	goodsList = onLoad ? goodsList.concat(res?.data) : res?.data;
-      // 	freshMap.refreshLoad = false;
-      // 	freshMap.listLoading = false;
-      // 	freshMap.listFinished = res?.listFinished;
-      // 	if (goodsList.length > 50) {
-      // 		freshMap.listFinished = true;
-      // 	}
-      // }
-      freshMap.refreshLoad = false;
-      freshMap.listLoading = false;
-      freshMap.listFinished = true;
-      isLodding.value = false;
-  };
-
-  const selectDate = () => {
-      data.showDatePicker = true;
-      console.log(data.showDatePicker)
-  }
-
-  const onDateConfirm = (value) => {
-      console.log(value);
-      value.selectedValues.forEach((item, index) => {
-          console.log(item);
-      });
-      data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1];
-      data.showDatePicker = false;
-      //搜索数据
-      searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1];
-
-      data.curPage = 1;
-      data.dataList = [];
-      onRefresh();
-  }
-  const nowDate = (time) => {
-      var year = time.getFullYear(); // 年
-      var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
-      var date = time.getDate().toString().padStart(2, '0'); // 日
-      var hour = time.getHours().toString().padStart(2, '0'); // 时
-      var minute = time.getMinutes().toString().padStart(2, '0'); // 分
-      var second = time.getSeconds().toString().padStart(2, '0'); // 秒
-      return (
-          year + "/" + month
-      )
-  }
-
-
-  const searchDateType = (val) => {
-      console.log(val)
-      searchParam.status = val;
-      data.checkNum = val;
-      searchParam.isComplaint = null;
-      if (val == null) {
-          // searchParam.dateSearch = null;
-          searchParam.status = null;
-      }
-
-      data.curPage = 1;
-      data.dataList = [];
-      onRefresh();
-  }
-  const searchComplaint = (val) => {
-      searchParam.isComplaint = val;
-      searchParam.dateType = null;
-
-      data.curPage = 1;
-      data.dataList = [];
-      onRefresh();
-  }
+        data.curPage = 1;
+        // 清空列表数据
+        data.dataList = [];
+        data.finished = false;
+
+        // 重新加载数据
+        // 将 loading 设置为 true，表示处于加载状态
+        data.loading = true;
+        onLoad();
+    };
+    // 触底加载
+    const onLoad = () => {
+        setTimeout(() => {
+            if (data.refreshing) {
+                data.refreshing = false;
+            }
+            queryList();
+        }, 1000);
+    };
+
+
+    //获取分类下的商品列表
+    const getGoodslist = async (onLoad) => {
+        // const res = await useClassify.classifyGoods();
+        // if (res?.code === 20000) {
+        // 	goodsList = onLoad ? goodsList.concat(res?.data) : res?.data;
+        // 	freshMap.refreshLoad = false;
+        // 	freshMap.listLoading = false;
+        // 	freshMap.listFinished = res?.listFinished;
+        // 	if (goodsList.length > 50) {
+        // 		freshMap.listFinished = true;
+        // 	}
+        // }
+        freshMap.refreshLoad = false;
+        freshMap.listLoading = false;
+        freshMap.listFinished = true;
+        isLodding.value = false;
+    };
+
+    const selectDate = () => {
+        data.showDatePicker = true;
+        console.log(data.showDatePicker)
+    }
+
+    const onDateConfirm = (value) => {
+        console.log(value);
+        value.selectedValues.forEach((item, index) => {
+            console.log(item);
+        });
+        data.dateSearch = value.selectedValues[0] + "/" + value.selectedValues[1];
+        data.showDatePicker = false;
+        //搜索数据
+        searchParam.dateSearch = value.selectedValues[0] + "-" + value.selectedValues[1];
+
+        data.curPage = 1;
+        data.dataList = [];
+        onRefresh();
+    }
+    const nowDate = (time) => {
+        var year = time.getFullYear(); // 年
+        var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
+        var date = time.getDate().toString().padStart(2, '0'); // 日
+        var hour = time.getHours().toString().padStart(2, '0'); // 时
+        var minute = time.getMinutes().toString().padStart(2, '0'); // 分
+        var second = time.getSeconds().toString().padStart(2, '0'); // 秒
+        return (
+            year + "/" + month
+        )
+    }
+
+
+    const searchDateType = (val) => {
+        console.log(val)
+        searchParam.status = val;
+        data.checkNum = val;
+        searchParam.isComplaint = null;
+        if (val == null) {
+            // searchParam.dateSearch = null;
+            searchParam.status = null;
+        }
+
+        data.curPage = 1;
+        data.dataList = [];
+        onRefresh();
+    }
+    const searchComplaint = (val) => {
+        searchParam.isComplaint = val;
+        searchParam.dateType = null;
+
+        data.curPage = 1;
+        data.dataList = [];
+        onRefresh();
+    }
 </script>
 
 <style lang="less" scoped>
-  .home {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-      background-color: #ebf3fb;
-      .header_body {
-          height: 1.33rem;
-      }
-
-      .shop-center {
-          flex: 1;
-          overflow-y: scroll;
-          position: relative;
-
-
-          .goods_box {
-              display: flex;
-              background-color: #fff;
-              margin: 0.27rem;
-              border-radius: 0.27rem;
-
-              .swipe_cell {
-                  width: 100%;
-              }
-
-              .card_box {
-                  display: flex;
-                  width: 100%;
-                  padding: 0.27rem 0;
-                  flex-direction: column;
-
-                  .card_body {
-                      background-color: #fff;
-                      border-radius: 0.27rem;
-                      flex: 1;
-                  }
-
-                  .card_box_span {
-                      display: flex;
-                      align-items: center;
-                      margin: 2% 0;
-                      padding: 0 3%;
-                      color: #666;
-                      font-size: 0.35rem;
-                      line-height: 1.5;
-
-                      p {
+    .home {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        background-color: #ebf3fb;
+        .header_body {
+            height: 1.33rem;
+        }
+
+        .shop-center {
+            flex: 1;
+            overflow-y: scroll;
+            position: relative;
+
+
+            .goods_box {
+                display: flex;
+                background-color: #fff;
+                margin: 0.27rem;
+                border-radius: 0.27rem;
+
+                .swipe_cell {
+                    width: 100%;
+                }
+
+                .card_box {
+                    display: flex;
+                    width: 100%;
+                    padding: 0.27rem 0;
+                    flex-direction: column;
+
+                    .card_body {
+                        background-color: #fff;
+                        border-radius: 0.27rem;
+                        flex: 1;
+                    }
+
+                    .card_box_span {
                         display: flex;
-                        margin: 0;
-                      }
-                  }
-
-                  .card_box_action {
-                      position: absolute;
-                      right: 4%;
-                  }
-              }
-          }
-      }
-
-      .shop_footer_body {
-          //height: 101px;
-          position: relative;
-
-          .footer-one-btn {
-              height: 1.33rem;
-              bottom: 1.34rem;
-          }
-      }
-  }
-
-  .search-button-list {
-      height: 0.7rem;
-      display: flex;
-      flex-direction: row;
-      padding-left: 0.27rem;
-      margin-top: 0.27rem;
-      align-items: end;
-
-      .search-button {
-          width: 15%;
-          height: 90%;
-          background: #ebebeb;
-          border-color: #ebebeb;
-          color: #999;
-          font-size: 0.3rem;
-          line-height: 1.5;
-      }
-
-      .search-button.active {
-        background-color: #d9e6fd;
-        border-color: #75a5fb;
+                        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 {
+                        position: absolute;
+                        right: 4%;
+                    }
+                }
+            }
+        }
+
+        .shop_footer_body {
+            //height: 101px;
+            position: relative;
+
+            .footer-one-btn {
+                height: 1.33rem;
+                bottom: 1.34rem;
+            }
+        }
+    }
+
+    .search-button-list {
+        height: 0.7rem;
+        display: flex;
+        flex-direction: row;
+        padding-left: 0.27rem;
+        margin-top: 0.27rem;
+        align-items: end;
+
+        .search-button {
+            width: 15%;
+            height: 90%;
+            background: #ebebeb;
+            border-color: #ebebeb;
+            color: #999;
+            font-size: 0.3rem;
+            line-height: 1.5;
+        }
+
+        .search-button.active {
+            background-color: #d9e6fd;
+            border-color: #75a5fb;
+            color: #1367fe;
+        }
+    }
+
+    .search-button-date {
+        display: flex;
+        flex-direction: row;
+        align-items: end;
+        position: relative;
+
+        .date-select {
+            margin: 3% 0 0 4%;
+            color: #c1bfbf;
+            font-size: 0.52rem;
+
+            i {
+                transform: rotate(90deg);
+                font-size: 0.4rem;
+            }
+        }
+
+        .search-button {
+            width: 15%;
+            height: 80%;
+            position: absolute;
+            top: 1%;
+            right: 1%;
+            background: #ebebeb;
+            border-color: #ebebeb;
+            color: #999;
+            font-size: 0.3rem;
+            line-height: 1.5;
+        }
+
+        .search-button.active {
+            background-color: #d9e6fd;
+            border-color: #75a5fb;
+            color: #1367fe;
+        }
+    }
+
+    /deep/ .van-hairline--bottom {
+        margin: -1% 0 3% 0;
+        height: 0;
+        background-color: transparent;
+        border: 1px;
+    }
+
+    /deep/ .card_box_span:first-child p {
+        color: #c1bfbf !important;
+    }
+
+    .card-title p {
+        display: block !important;
+        color: #000;
+        font-size: 0.40rem;
+        font-weight: bold;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    /deep/ .card_box_span:nth-child(3) p {
+        display: -webkit-box;
+        overflow: hidden;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+    }
+
+    .card_box_label {
+        color: #323233;
+        white-space: nowrap;
+    }
+
+    .state-text {
+        color: #999;
+        position: absolute;
+        top: 0;
+        right: 0;
+        margin: 0.4rem 0.25rem 0;
+    }
+
+    .goods_box .item-todo {
+        /*background-image: linear-gradient(45deg, #fbeaea, transparent);
+        border-left: 0.12rem solid #e50505;
+        border-radius: 0.27rem;*/
+
+        .state-text {
+            color: #e50505;
+        }
+    }
+
+
+    .goods_box .item-doing {
+        /*background-image: linear-gradient(45deg, #eafbf3, transparent);
+        border-left: 0.12rem solid #04a920;
+        border-radius: 0.27rem;*/
+
+        .state-text {
+            color: #03a159;
+        }
+    }
+
+    .goods_box .item-done {
+        /*background-image: none;
+        border-left: 0.12rem solid #999;
+        border-radius: 0.27rem;*/
+
+        .state-text {
+            color: #999;
+        }
+    }
+
+    .state-todo, .state-doing, .state-done {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 0.1rem 0.3rem;
+        color: #e50505;
+        background: rgba(255, 0, 0, .1);
+        border-radius: 0 0.27rem;
+        font-size: 0.3rem;
+    }
+
+    .state-doing {
+        background: rgba(34, 249, 101, .12);
+        color: #03a159;
+    }
+
+    .state-done {
+        background: rgba(0, 0, 0, .08);
+        color: #999;
+    }
+
+    /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: 0.01rem solid #1367fe;
+        border-radius: 0 0.15rem 0.15rem 0;
+        color: #fff;
+        text-align: center;
+        line-height: 0.9rem;
+    }
+
+    .btn-list {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        margin: 0.3rem 3% 0;
+        width: 94%;
+        border-top: 1px solid #f4f5f6;
+    }
+
+    .btn-list a {
+        margin: 3% 3% 1%;
+        font-size: 0.35rem;
         color: #1367fe;
-      }
-  }
-
-  .search-button-date {
-      display: flex;
-      flex-direction: row;
-      align-items: end;
-      position: relative;
-
-      .date-select {
-          margin: 3% 0 0 4%;
-          color: #c1bfbf;
-          font-size: 0.52rem;
-
-          i {
-              transform: rotate(90deg);
-              font-size: 0.4rem;
-          }
-      }
-
-      .search-button {
-          width: 15%;
-          height: 80%;
-          position: absolute;
-          top: 1%;
-          right: 1%;
-          background: #ebebeb;
-          border-color: #ebebeb;
-          color: #999;
-          font-size: 0.3rem;
-          line-height: 1.5;
-      }
-
-      .search-button.active {
-        background-color: #d9e6fd;
-        border-color: #75a5fb;
-        color: #1367fe;
-      }
-  }
-
-  /deep/ .van-hairline--bottom {
-      margin: -1% 0 3% 0;
-      height: 0;
-      background-color: transparent;
-      border: 1px;
-  }
-
-  /deep/ .card_box_span:first-child p {
-      color: #c1bfbf !important;
-  }
-
-  .card-title p {
-    display: block !important;
-    color: #000;
-    font-size: 0.40rem;
-    font-weight: bold;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  /deep/ .card_box_span:nth-child(3) p {
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-  }
-
-  .card_box_label {
-      color: #323233;
-      white-space: nowrap;
-  }
-
-  .state-text {
-      color: #999;
-      position: absolute;
-      top: 0;
-      right: 0;
-      margin: 0.4rem 0.25rem 0;
-  }
-
-  .goods_box .item-todo {
-      /*background-image: linear-gradient(45deg, #fbeaea, transparent);
-      border-left: 0.12rem solid #e50505;
-      border-radius: 0.27rem;*/
-
-      .state-text {
-          color: #e50505;
-      }
-  }
-
-
-  .goods_box .item-doing {
-      /*background-image: linear-gradient(45deg, #eafbf3, transparent);
-      border-left: 0.12rem solid #04a920;
-      border-radius: 0.27rem;*/
-
-      .state-text {
-          color: #03a159;
-      }
-  }
-
-  .goods_box .item-done {
-      /*background-image: none;
-      border-left: 0.12rem solid #999;
-      border-radius: 0.27rem;*/
-
-      .state-text {
-          color: #999;
-      }
-  }
-
-  .state-todo, .state-doing, .state-done {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 0.1rem 0.3rem;
-    color: #e50505;
-    background: rgba(255, 0, 0, .1);
-    border-radius: 0 0.27rem;
-    font-size: 0.3rem;
-  }
-
-  .state-doing {
-    background: rgba(34, 249, 101, .12);
-    color: #03a159;
-  }
-
-  .state-done {
-    background: rgba(0, 0, 0, .08);
-    color: #999;
-  }
-
-  /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: 0.01rem solid #1367fe;
-      border-radius: 0 0.15rem 0.15rem 0;
-      color: #fff;
-      text-align: center;
-      line-height: 0.9rem;
-  }
-
-  .btn-list {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      margin: 0.3rem 3% 0;
-      width: 94%;
-      border-top: 1px solid #f4f5f6;
-  }
-
-  .btn-list a {
-      margin: 3% 3% 1%;
-      font-size: 0.35rem;
-      color: #1367fe;
-      white-space: nowrap;
-  }
-
-  .btn-list a i {
-      margin: 0 0.12rem;
-      font-size: 0.4rem;
-  }
+        white-space: nowrap;
+    }
+
+    .btn-list a i {
+        margin: 0 0.12rem;
+        font-size: 0.4rem;
+    }
 
 
 </style>