联系人新建编辑，新增关联客户

src/HManagement/addressList/addressBook/modules/edit.vue

@@ -33,6 +33,21 @@
                 <el-input v-model="form.phonenumber" autocomplete="on" :placeholder="$t('请填写手机号码')"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="24">
+              <el-form-item :label="$t(`关联客户`)+':'" prop="sys_enterpriseids">
+                <el-tag
+                    style="float: left;margin-right: 5px;margin-bottom: 5px"
+                    v-for="tag in selectTag"
+                    :key="tag.rowindex"
+                    closable
+                    @close="closeTag(tag)"
+                    :type="tag.type">
+                  {{$t(tag.name)}}
+                </el-tag>
+                <tableDataAdd :tablecols="tool.tabelCol($route.name).selectEnterpriseTable.tablecols" btnTitle="添加" :param="enterpriseParam" @onSelect="onSelect"
+                              :selectData="selectTag"></tableDataAdd>
+              </el-form-item>
+            </el-col>
             <el-col :span="24">
               <el-form-item :label="$t('微信')+':'" prop="wechatnum">
                 <el-input v-model="form.wechatnum" autocomplete="on" :placeholder="$t(`请填写微信号`)"></el-input>
@@ -132,9 +147,10 @@
 <script>
 import {mapGetters} from 'vuex'
 import {i18nGetResources} from "@wangeditor/editor";
-
+import tableDataAdd from '@/components/tableDataAdd/index'
 export default {
   props:['data','tagList','allGroup','tagsList','group','disabled'],
+  components:{tableDataAdd},
   data () {
     var telephone = (rule,value,callback) =>{
       if (this.form.areaCode === '' && this.form.telephone === ''){
@@ -168,7 +184,10 @@ export default {
         "remarks": "",
         "tag": [],
         "areaCode":'',
-        "telephone":''
+        "telephone":'',
+        "preference":'',
+        "hobby":'',
+        "sys_enterpriseids":[]
       },
       tags:[],
       rules:{
@@ -182,7 +201,18 @@ export default {
           { required: true, message: this.$t('请输入职位'), trigger: 'blur' },
         ],
       },
-      groupList:[]
+      groupList:[],
+      enterpriseParam:{
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 50,
+          "where": {
+            "condition": ""
+          }
+        },
+        "id": 2025041710422802,
+      },
+      selectTag:[]
     }
   },
   computed:{
@@ -195,6 +225,8 @@ export default {
       this.dialogFormVisible = true
       this.queryGroup()
       this.form = Object.assign({},this.form,this.data)
+      this.selectTag = this.data.sa_customers
+      this.form.sys_enterpriseids = this.data.sa_customers.map(item=>item.sys_enterpriseid)
       console.log(this.form,'form可编辑')
       this.form.tag = this.data.tag1
       if ((this.form.phonenumber.indexOf('-')) != '-1'){
@@ -293,7 +325,20 @@ export default {
       })
       this.groupList = res.data
       console.log(this.groupList,'2222群组列表')
-    }
+    },
+    onSelect(row){
+      this.selectTag = row
+      this.form.sys_enterpriseids = row.map(item=>item.sys_enterpriseid)
+    },
+    closeTag(row){
+      for (var i=0;i<this.selectTag.length;i++){
+        if (row.sys_enterpriseid === this.selectTag[i].sys_enterpriseid){
+          this.selectTag.splice(i,1)
+          this.form.sys_enterpriseids.splice(i,1)
+          break
+        }
+      }
+    },
 
   },
   mounted () {