暂存

src/HManagement/addressList/addressBook/index.vue

@@ -10,6 +10,33 @@
       <template #titleLight>
         <addContact :tagList="tagList" v-if="tool.checkAuth($route.name,'addContact')" slot="addContact" :group="group" @onAddSuccess="onAddSuccess"></addContact>
       </template>
+      <template #custom>
+        <div class="mt-10">
+          <label  class="search__label" >范围:</label>
+          <el-select class="inline-24" v-model="tabName" placeholder="请选择数据分类" @change="selectChange" size="small" >
+            <el-option
+                v-for="item in editableTabs"
+                :key="item.index"
+                :label="item.templetname"
+                :value="item.templetid"
+            ></el-option>
+          </el-select>
+        </div>
+        <div class="inline-16 mt-10">
+          <span style="font-size: 14px;color: #606266;" class="inline-16" >标签</span>
+          <el-select  v-model="tag" placeholder="请选择标签" size="small" @change="selectChange" clearable @clear="clearSearch" filterable class="inline-16" multiple>
+            <el-option
+                v-for="item in tagList"
+                :key="item.index"
+                :label="item"
+                :value="item">
+            </el-option>
+          </el-select>
+        </div>
+        <div class="inline-16 mt-10">
+          <el-button type="primary" size="small" @click="onReset" >重置</el-button>
+        </div>
+      </template>
       <template #tableLeft style="padding: 0">
         <div style="margin: 0;padding: 0;min-width: 320px;max-width: 320px;">
           <myGroup @clickGroup="clickGroup"></myGroup>
@@ -51,8 +78,11 @@ export default {
   data(){
     return {
       tabIndex:"1",
+      editableTabsValue:"我负责的",
+      editableTabs: [],
       tagList:[],
       group:[],
+      tabName:"1",
       param:{
         "id": 20231220085804,
         "content": {
@@ -69,8 +99,9 @@ export default {
     }
   },
   methods:{
-    async listData(){
+    async listData(id){
       /*const res = await this.$api.requested(this.param)*/
+      this.$refs.basicLayout.param.content.type = id
       this.$refs.basicLayout.listData()
     },
     /*任务页面跳转*/
@@ -95,10 +126,15 @@ export default {
         }
       })
       this.tagList = res.data.option
-      console.log(this.tagList)
+    },
+    selectChange(){
+      this.$refs.basicLayout.param.content.type = this.tabName
+      this.$refs.basicLayout.listData()
+    },
+    clearSearch(){
+
     },
     clickGroup(val){
-      console.log(val,'1111')
       this.$refs.basicLayout.param.content.groupname = val.groupname
       this.$refs.basicLayout.param.content.sys_phonebookgroupid = val.sys_phonebookgroupid
       this.listData()
@@ -106,9 +142,26 @@ export default {
     onAddSuccess () {
       this.listData()
     },
+    async querytemplet () {
+      const res = await this.$api.requested({
+        "classname": "sysmanage.develop.querytemplet.querytemplet",
+        "method":"query",
+        "content": {}
+      })
+      this.editableTabs = res.data
+      for (let i=0;i<res.data.length;i++){
+        if (res.data[i].templetname == '站点全部'){
+          this.tabName = res.data[i].templetid
+          break
+        }else {
+          this.tabName = res.data[0].templetid
+        }
+      }
+      this.listData(this.tabName)
+    }
   },
   mounted() {
-    this.listData()
+    this.querytemplet()
     this.getTagList()
   }
 }