style：业务办理

@@ -18,7 +18,8 @@
         display: flex;
         font-size: 12px;
         flex-wrap: wrap;
-        padding-top: 10px;
+        padding-top: 5px;
+        height: 30px;
 
         span {
             display: flex;

@@ -20,21 +20,18 @@ export default {
     handleSizeChange (val) {
       this.pageData.currentPage = 1
       this.pageData.pageSize = val
-      if (this.fetchData) {
-        this.fetchData()
-      }
-      if (this.queryClick) {
-        this.queryClick()
-      }
+      this.queryClick()
     },
     handleCurrentChange (val) {
       this.pageData.currentPage = val
       if (this.fetchData) {
         this.fetchData()
       }
+      console.log('this.queryClick,', this.queryClick, 'this.fetchData', this.fetchData);
       if (this.queryClick) {
         this.queryClick()
       }
+      console.log(val, this.pageData.currentPage, 'this.pageDatathis.pageData');
     },
     handleDel () {
       let deleteAfterPage = Math.ceil((this.tableData.total - 1) / this.pageData.pageSize)

@@ -2,7 +2,8 @@ export default {
   data () {
     return {
       isSearch: false,
-      searchList: []
+      searchList: [],
+      otherForm: {}
     }
   },
   methods: {
@@ -10,14 +11,24 @@ export default {
       this.isSearch = true
     },
     getSearch (val) {
+      console.log(val, 222222222222);
+      this.otherForm = val
       let obj = { ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
-      this.searchList = Object.entries(val).map((item) => {
+      this.searchList = Object.entries({ ...this.searchForm, ...val }).map((item) => {
         const [name, value] = item
         if (value) return { name: obj[name], value }
       }).filter(Boolean)
     },
     hanldeCleanAll () {
+      this.searchForm = {}
+      this.queryForm = {
+        ywly: "",
+        qllx: "",
+        djlx: "",
+        ywh: ""
+      }
       this.searchList = []
+      this.queryClick()
     }
   }
 }

@@ -71,8 +71,9 @@ export default {
     },
     submitForm () {
       this.$emit('getSearch', this.ruleForm)
-      this.$refs['ruleForm'].resetFields()
+      console.log(this.ruleForm);
       this.$emit('input', false)
+      this.$refs['ruleForm'].resetFields()
     }
   }
 }

@@ -5,7 +5,8 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="业务来源">
-              <el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
+              <el-select v-model="queryForm.ywly" class="width100" filterable
+                @change="handleSelect('ywly', 'ywlymc', 'ywly')" clearable placeholder="请选择业务来源">
                 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
@@ -13,7 +14,8 @@
           </el-col>
           <el-col :span="5">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')"
+                filterable clearable placeholder="请选择权利类型">
                 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
@@ -21,7 +23,8 @@
           </el-col>
           <el-col :span="5">
             <el-form-item label="登记类型">
-              <el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型">
+              <el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')"
+                filterable clearable placeholder="请选择登记类型">
                 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
@@ -86,6 +89,12 @@ export default {
         djlx: "",
         ywh: "",
       },
+      searchForm: {
+        ywlymc: '',
+        qllxmc: '',
+        djlxmc: '',
+        ywh: ''
+      },
       tableData: {
         total: 0,
         columns: datas.columns(),
@@ -105,9 +114,19 @@ export default {
     }
   },
   methods: {
+    handleSelect (bs, mc, code) {
+      let that = this
+      this.dictData[bs].forEach(item => {
+        if (item.dcode == this.queryForm[code]) {
+          this.searchForm[mc] = item.dname
+        }
+      })
+    },
     // 列表渲染接口
     queryClick () {
       this.$startLoading()
+      this.searchForm.ywh = this.queryForm.ywh
+      this.getSearch()
       searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
         this.$endLoading()
         if (res.code === 200) {
@@ -125,8 +144,8 @@ export default {
         }
       })
     },
+
     handelItem (index) {
-      console.log(index);
       this.searchList.splice(index, 1)
     },
     handleSort (val) {

@@ -82,6 +82,9 @@ export default {
     closeDialog () {
       this.$emit("closeDialog");
     },
+    queryClick () {
+      this.fetchData()
+    },
     fetchData () {
       this.queryForm.sqywbm = this.djywbm;
       selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {