线索

src/views/Clue/Pool/index.vue

@@ -31,7 +31,7 @@
       </el-tabs>
       <div class="absolute" style="right: 10px; top: 0">
         <el-button plain>导入</el-button>
-        <el-button type="primary" @click="handleInsert">新增</el-button>
+        <el-button type="primary" @click="handleInsert">新增线索</el-button>
       </div>
     </div>
     <!-- 搜索工作栏 -->
@@ -47,14 +47,28 @@
       v-model:tableObject="tableObject"
       :tableColumns="allSchemas.tableColumns"
       @get-list="getTableList"
+      @get-checked-columns="getCheckedColumns"
     >
       <el-table-column
-        v-for="item in allSchemas.tableColumns"
+        v-for="item in showColumns"
         :key="item.field"
         :prop="item.field"
         :label="item.label"
         min-width="120px"
-      />
+      >
+        <template #default="{ row }">
+          <div v-if="item.field == 'followRecord'">
+            <el-button type="primary" text style="padding: 0" @click="handleFollow(row)"
+              >快速新增</el-button
+            >
+          </div>
+          <div v-else-if="item.field == 'contact'">
+            <span>{{ row[item.field] }}</span>
+            <Icon class="ml-5px" icon="ep:phone" @click="makeCall(row.contact)" />
+          </div>
+          <span v-else>{{ row[item.field] }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="200px" fixed="right">
         <template #default="scope">
           <el-button type="primary" link @click="handleDetail(scope.row)">详情</el-button>
@@ -68,6 +82,7 @@
     <DialogClue ref="formRef" />
     <DrawerClue ref="drawerRef" />
     <DialogSuccess ref="successRef" />
+    <DialogFollow ref="followRef" />
   </div>
 </template>
 
@@ -76,6 +91,7 @@ import { allSchemas } from './cluePool.data'
 import DialogClue from './Comp/DialogClue.vue'
 import DrawerClue from './Comp/DrawerClue.vue'
 import DialogSuccess from './Comp/DialogSuccess.vue'
+import DialogFollow from './Comp/DialogFollow.vue'
 
 const searchForm = ref({
   mode: '2'
@@ -83,6 +99,7 @@ const searchForm = ref({
 const formRef = ref()
 const drawerRef = ref()
 const successRef = ref()
+const followRef = ref()
 
 // const { tableObject, tableMethods } = useTable({
 //   getListApi: MailTemplateApi.getMailTemplatePage, // 分页接口
@@ -90,12 +107,20 @@ const successRef = ref()
 // })
 
 const tableObject = ref({
-  tableList: [{ name: '测试', contact: '18888888888' }],
+  tableList: [{ name: '测试', contact: '17318531354' }],
   loading: false,
   total: 1,
   pageSize: 20,
   currentPage: 1
 })
+
+const showColumns = ref([])
+
+// 初始化表格
+function getCheckedColumns(list) {
+  showColumns.value = list
+}
+
 const setSearchParams = function () {
   // 方法体
 }
@@ -117,6 +142,14 @@ function handleDetail(row) {
   drawerRef.value.open(row)
 }
 
+function handleFollow(row) {
+  followRef.value.open('create', row)
+}
+
+async function makeCall(phone) {
+  console.log('打电话:' + phone)
+}
+
 // 登记
 function handleSuccess(row) {
   successRef.value.open(row)