授权客户添加多个联系方式

src/views/ecw/productBrank/Empower/components/showContacts.vue

+<script>
+export default {
+  name: "showContacts",
+  props:{
+    phoneString:[String]
+  },
+  data(){
+    return {
+      phoneList:[],
+    }
+  },
+  mounted() {
+    let phone = this.phoneString
+    this.phoneList = phone.split('(;)');
+    console.log(this.phoneList)
+  }
+}
+</script>
+
+<template>
+<div>
+ <div v-for="(item, index) in phoneList" :key="index" >
+     <div>
+         <span>联系人{{index + 1}}：</span>
+         <span>{{item.split('(@)')[1]}}</span>
+     </div>
+     <div>
+         <span>联系电话{{index + 1}}：</span>
+         <span>+{{item.split('(@)')[0]}}</span>
+     </div>
+ </div>
+</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>

src/views/ecw/productBrank/Empower/index.vue

@@ -43,9 +43,10 @@
               :label="$t('客户名称')">
             </el-table-column>
             <el-table-column
-              prop="phone"
-              :formatter="(row, column, cellValue) => '+' + cellValue"
               :label="$t('客户号码')">
+                <template v-slot="{row}">
+            <show-contacts :phone-string="row.phone" ></show-contacts>
+                </template>
             </el-table-column>
             <el-table-column
               prop="feeScale"
@@ -78,9 +79,11 @@
               :label="$t('客户名称')">
             </el-table-column>
             <el-table-column
-              prop="phone"
-              :formatter="(row, column, cellValue) => '+' + cellValue"
+                    width="210"
               :label="$t('客户号码')">
+                <template v-slot="{row}">
+                    <show-contacts :phone-string="row.phone" ></show-contacts>
+                </template>
             </el-table-column>
             <el-table-column
               prop="fileUrl"
@@ -211,10 +214,12 @@ import DictSelector from "@/components/DictSelector"
 import { DICT_TYPE, getDictDataLabel } from '@/utils/dict'
 import FileUpload from '@/components/FileUpload'
 import { parseTime } from '@/utils/ruoyi'
+import ShowContacts from "@/views/ecw/productBrank/Empower/components/showContacts.vue";
 
 export default {
   name: "Empower",
   components: {
+      ShowContacts,
     DictSelector,
     FileUpload
   },