perf: 优化业务事项管理搜索

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs2.vue

@@ -13,9 +13,9 @@
                 style="width: 120px"
                 v-model="leftSource"
                 class="select-department"
-                placeholder="事项来源"
+                placeholder="全部来源"
+                allowClear
               >
-                <a-select-option value=""> 全部来源 </a-select-option>
                 <a-select-option :value="0"> 一体化添加 </a-select-option>
                 <a-select-option :value="1"> 手动添加 </a-select-option>
               </a-select>
@@ -24,12 +24,10 @@
                 style="min-width: 120px"
                 v-model="leftDept"
                 class="select-department"
-                placeholder="部门搜索"
+                placeholder="全部部门"
                 optionFilterProp="label"
+                allowClear
               >
-                <a-select-option value="" label="全部部门">
-                  全部部门
-                </a-select-option>
                 <a-select-option
                   v-for="v in deptList"
                   :key="v.id"
@@ -147,9 +145,9 @@
                 style="width: 120px"
                 v-model="rightSource"
                 class="select-department"
-                placeholder="事项来源"
+                placeholder="全部来源"
+                allowClear
               >
-                <a-select-option value=""> 全部来源 </a-select-option>
                 <a-select-option :value="0"> 一体化事项 </a-select-option>
                 <a-select-option :value="1"> 自建事项 </a-select-option>
               </a-select>
@@ -158,12 +156,10 @@
                 style="min-width: 120px"
                 v-model="rightDept"
                 class="select-department"
-                placeholder="部门搜索"
+                placeholder="全部部门"
                 optionFilterProp="label"
+                allowClear
               >
-                <a-select-option value="" label="全部部门">
-                  全部部门
-                </a-select-option>
                 <a-select-option
                   v-for="v in deptList"
                   :key="v.id"
@@ -356,10 +352,10 @@ export default {
       rightColumns,
       leftLoading: false,
       rightLoading: false,
-      leftSource: "", // 左边来源
-      leftDept: "", // 左边部门搜索
-      rightDept: "", // 右边部门搜索
-      rightSource: "", // 右边来源
+      leftSource: undefined, // 左边来源
+      leftDept: undefined, // 左边部门搜索
+      rightDept: undefined, // 右边部门搜索
+      rightSource: undefined, // 右边来源
       selectedRowKeys: [],
       matterSiteData: [], // 站点事项
       matterDataList: [], //事项列表数据

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs3.vue

@@ -48,17 +48,12 @@
           </template>
           <template slot="action" slot-scope="text">
             <a-space>
-
-                <span
-                  class="primary pointer"
-                  @click="handleisUnbound(true,text)"
-                  >关联详情</span
-                >
-                <span
-                  class="delete pointer"
-                  @click="handleisUnbound(false,text)"
-                  >解除</span
-                >
+              <span class="primary pointer" @click="handleisUnbound(true, text)"
+                >关联详情</span
+              >
+              <span class="delete pointer" @click="handleisUnbound(false, text)"
+                >解除</span
+              >
             </a-space>
           </template>
         </a-table>
@@ -79,12 +74,10 @@
                 style="min-width: 120px"
                 v-model="deptSearch"
                 class="select-department"
-                placeholder="部门搜索"
+                placeholder="全部部门"
                 optionFilterProp="label"
+                allowClear
               >
-                <a-select-option value="" label="全部部门">
-                  全部部门
-                </a-select-option>
                 <a-select-option
                   v-for="v in deptList"
                   :key="v.id"
@@ -218,11 +211,14 @@
     <a-modal
       :maskClosable="false"
       v-model="isUnbound"
-      :title="checkFlag ? '关联详情':'解除确认'"
+      :title="checkFlag ? '关联详情' : '解除确认'"
       @ok="handleUnbound"
       @cancel="handleCloseUnbound"
     >
-      <p v-if="checkFlag">已关联 <span class="primary">{{ unboundMatterData.length }}</span> 件事项</p>
+      <p v-if="checkFlag">
+        已关联
+        <span class="primary">{{ unboundMatterData.length }}</span> 件事项
+      </p>
       <p v-else>此操作将解除</p>
       <a-form-model :wrapper-col="{ span: 24 }">
         <a-form-model-item>
@@ -357,7 +353,7 @@ export default {
       Leftloading: false,
       rightloading: false,
       leftSearchVal: "", // 左边搜索
-      deptSearch: "", // 右边
+      deptSearch: undefined, // 右边
       rightSearchVal: "", // 右边搜索
       SiteBusinessData: [], // 站点业务
       SiteMatterData: [], //站点事项
@@ -390,7 +386,7 @@ export default {
         siteBusinessName: "",
       },
       allCorrelationData: [], // 关联业务事项数据
-      checkFlag:true, // 查看标杆
+      checkFlag: true, // 查看标杆
       rules: {
         siteBusinessId: [
           { required: true, message: "业务不能为空", trigger: "change" },
@@ -504,8 +500,8 @@ export default {
     },
 
     // 左边解除按钮
-    handleisUnbound(isCheck,data) {
-      this.checkFlag = isCheck
+    handleisUnbound(isCheck, data) {
+      this.checkFlag = isCheck;
       this.unboundBusinessData = data;
       this.isUnbound = true;
       this.getMatterlistData({
@@ -523,10 +519,10 @@ export default {
 
     // 解除确认
     async handleUnbound(val = {}) {
-      if(this.checkFlag){
-        this.handleCloseUnbound()
+      if (this.checkFlag) {
+        this.handleCloseUnbound();
         this.isUnbound = false;
-        return
+        return;
       }
       let str;
       if (this.unboundMatterItem.length > 0) {
@@ -865,4 +861,4 @@ export default {
 .site-business {
   margin-bottom: 0px !important;
 }
-</style>
+</style>
\ No newline at end of file

base-manager-ui/admin/src/pages/basicset/business/components/businessTabs4.vue

@@ -22,7 +22,7 @@
                 allowClear
                 v-model="dept"
                 class="select-department"
-                placeholder="部门搜索"
+                placeholder="全部部门"
                 optionFilterProp="label"
               >
                 <a-select-option
@@ -39,7 +39,7 @@
                 allowClear
                 v-model="source"
                 class="select-department"
-                placeholder="事项来源"
+                placeholder="全部来源"
               >
                 <a-select-option :value="0"> 一体化添加 </a-select-option>
                 <a-select-option :value="1"> 手动添加 </a-select-option>