修改投诉列表状态查询

src/views/enterprise/complaintList.vue

@@ -22,10 +22,12 @@
       </template>
     </van-search>
     <div class="search-button-list">
-      <van-button plain hairline class="search-button" @click="searchDateType()" round type="primary" size="mini">全部</van-button>
-      <van-button plain hairline class="search-button" @click="searchDateType(2)" round type="primary" size="mini">未处理</van-button>
-      <van-button plain hairline class="search-button" @click="searchDateType(3)" 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="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="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>
@@ -126,7 +128,8 @@ let searchParam = reactive({
   //企业统一信用码
   enterpriseNumber: ref(useCommon.enterpriseNumber),
   //时间搜索
-  dateSearch:""
+  dateSearch:"",
+  status: null,
 });
 
 const data = reactive({
@@ -139,6 +142,7 @@ const data = reactive({
   maxDate: new Date(2125, 5, 1),
   columnsType :['year', 'month'],
   ga_columns: [],
+  checkNum: null,
 });
 
 const mssq = () => {
@@ -188,12 +192,10 @@ const getLinkageByParentIdToItem = (parentId) => {
 		},error=>{});
 	}
 const queryList = () =>{
-  // queryRegistrationList(searchParam,success =>{
-  //   console.log(success)
-  //   data.dataList = success.data;
-  // },error =>{
-
-  // })
+  queryEnterpriseComplaintList(searchParam, success => {
+      console.log(success.data)
+      data.dataList = success.data;
+  },error=>{})
 }
 const setLinkageItem = (id,item) => {
     queryLinkageById({"id": id}, success => {
@@ -355,10 +357,13 @@ const nowDate = (time) => {
 
 
 const searchDateType = (val) =>{
-  searchParam.dateType =  val;
+  console.log(val)
+  searchParam.status =  val;
+  data.checkNum = val;
   searchParam.isComplaint =  null;
   if(val == null){
-    searchParam.dateSearch = null;
+    // searchParam.dateSearch = null;
+    searchParam.status =  null;
   }
   queryList();
 }
@@ -451,6 +456,11 @@ const searchComplaint = (val) =>{
         color: #4c4c4c;
         font-size: 0.3rem;
     }
+    .search-button.active {
+            background-color: #1367fe;
+            border-color: #1367fe;
+            color: #fff;
+        }
 }
 .search-button-date {
   display: flex;
@@ -473,6 +483,11 @@ const searchComplaint = (val) =>{
         top: 1%;
         right: 1%;
     }
+    .search-button.active {
+            background-color: #1367fe;
+            border-color: #1367fe;
+            color: #fff;
+        }
 }
 /deep/ .van-hairline--bottom {
   margin: -1% 0 3% 0;