联系人新建暂存

src/HManagement/addressList/mycontact/modules/addContact.vue

@@ -33,6 +33,11 @@
                 <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">
+                <popoverTemplate ref="enterpriseRef" :params="enterpriseParam"></popoverTemplate>
+              </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>
@@ -133,9 +138,10 @@
 
 <script>
 import {mapGetters} from 'vuex'
-
+import popoverTemplate from '@/components/popoverTemplate/index'
 export default {
   props:['group','tagList'],
+  components:{popoverTemplate},
   data () {
     var telephone = (rule,value,callback) =>{
       if (this.form.areaCode === '' && this.form.telephone === ''){
@@ -173,10 +179,12 @@ export default {
         "areaCode":'',
         "telephone":'',
         "preference":'',
-        "hobby":''
+        "hobby":'',
+        "sys_enterpriseids":[]
       },
       tags:[],
       datatag:[],
+      sys_enterprise:[],
       rules:{
         telephone:[
           { required: true, validator: telephone, trigger: 'change' }
@@ -190,7 +198,17 @@ export default {
           { required: true, message: this.$t('请输入职位'), trigger: 'blur' },
         ],
       },
-      groupList:[]
+      groupList:[],
+      enterpriseParam:{
+        "content": {
+          "pageNumber": 1,
+          "pageSize": 9999,
+          "where": {
+            "condition": ""
+          }
+        },
+        "id": 2025041710422802,
+      }
     }
   },
   watch: {

src/components/popoverTemplate/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <el-popover
+        placement="left"
+        width="100%"
+        v-model="visible">
+      <div>
+        <div class="flex-align-center flex-between" style="margin-bottom:10px">
+          <el-input  style="width:200px;" :placeholder="$t('搜索')" :suffix-icon="params.content.where.condition?params.content.where.condition.length > 0?'':'':'el-icon-search'" v-model="params.content.where.condition" @keyup.native.enter="listData(params.content.pageNumber = 1)" @clear="listData(params.content.pageNumber = 1)" size="small" class="input-with-select inline-16 layout_search__panel" clearable>
+          </el-input>
+        </div>
+        <tableNewLayout :checkbox="true">
+          <template v-slot:customcol="scope">
+            <div>
+              {{scope.column.data[[scope.column.columnname]] || scope.column.columnname === 'operation'?scope.column.data[[scope.column.columnname]]:'--'}}
+            </div>
+          </template>
+        </tableNewLayout>
+      </div>
+      <div slot="reference">
+        <el-input readonly :validate-event="false" v-model="enterprisename" @focus="listData"  :placeholder="$t(`选择关联客户`)" clearable></el-input>
+      </div>
+    </el-popover>
+  </div>
+</template>
+
+<script>
+export default {
+  props:["tablecols","params"],
+  name: "index",
+  data(){
+    return {
+      visible:false,
+      list:[],
+      currentPage:0,
+      total:0,
+      enterprisename:[],
+    }
+  },
+  methods:{
+    async listData(){
+      const res = await this.$api.requested(this.params)
+      this.list = res.data
+      this.currentPage = res.pageNumber
+      this.total = res.total
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>