更新

src/views/member/busiCard/form/busiCardForm.vue

@@ -34,10 +34,32 @@
         </el-descriptions-item>
         <el-descriptions-item>
           <template slot="label">
-            粉丝数量
+            主页链接
           </template>
-          {{ form.tel }}
+          <a :href="form.indexUrl" target="_blank">{{ form.indexUrl }}</a>
         </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            微信号
+          </template>
+          <el-tooltip content="点击复制" placement="top">
+            <el-button type="text" @click="copyToClipboard(form.wxNum)">
+              {{ form.wxNum }}
+            </el-button>
+          </el-tooltip>
+        </el-descriptions-item>
+
+        <el-descriptions-item>
+          <template slot="label">
+            联系方式
+          </template>
+          <el-tooltip content="点击复制" placement="top">
+            <el-button type="text" @click="copyToClipboard(form.tel)">
+              {{ form.tel }}
+            </el-button>
+          </el-tooltip>
+        </el-descriptions-item>
+
         <el-descriptions-item>
           <template slot="label">
             商单自报价
@@ -62,7 +84,8 @@
         :rows="2"
         placeholder="无"
         readonly
-        v-model="form.content">
+        v-model="form.content"
+      >
       </el-input>
     </el-card>
 
@@ -86,7 +109,8 @@
                   v-for="item in statusOptions"
                   :key="item.value"
                   :label="item.label"
-                  :value="item.value">
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
             </el-form-item>
@@ -107,16 +131,16 @@
 </template>
 
 <script>
-import {getCard,updateCard} from "@/api/member/busiCard";
+import { getCard, updateCard } from '@/api/member/busiCard'
 
 export default {
-  name: "BusiCardForm",
-  props:{
+  name: 'BusiCardForm',
+  props: {
     /**是否详情 */
     isDetail: {
       type: Boolean,
-      default: false,
-    },
+      default: false
+    }
   },
   data() {
     return {
@@ -135,7 +159,7 @@ export default {
       }, {
         value: '9',
         label: '不通过'
-      }],
+      }]
     }
   },
   methods: {
@@ -168,43 +192,52 @@ export default {
         createTime: null,
         updater: null,
         updateTime: null,
+        wxNum: null,
+        indexUrl: null,
         delFlag: null
-      };
+      }
     },
     /**取消按钮*/
     cancel() {
-      this.drawer = false;
-      this.reset();
+      this.drawer = false
+      this.reset()
     },
     /** 查看名片片详情 */
     getCardById(id) {
-      this.reset();
-      getCard({id:id}).then(response => {
-        this.form = response.data;
-      });
+      this.reset()
+      getCard({ id: id }).then(response => {
+        this.form = response.data
+      })
+    },
+    copyToClipboard(text) {
+      navigator.clipboard.writeText(text).then(() => {
+        this.$message.success('复制成功')
+      }).catch(() => {
+        this.$message.error('复制失败')
+      })
     },
 
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
             updateCard(this.form).then(response => {
-              this.$modal.msgSuccess("审核成功");
-              this.drawer = false;
+              this.$modal.msgSuccess('审核成功')
+              this.drawer = false
               this.$emit('success')
-            });
+            })
           }
         }
-      });
-    },
+      })
+    }
 
   }
 }
 </script>
 
 <style scoped>
-/deep/.el-drawer__header {
+/deep/ .el-drawer__header {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -216,10 +249,12 @@ export default {
   padding: 10px;
   padding-bottom: 0;
 }
-/deep/.el-card__body {
+
+/deep/ .el-card__body {
   padding: 5px 5px 5px 9px;
 }
-/deep/.el-card__header {
+
+/deep/ .el-card__header {
   padding: 7px 5px 5px;
   min-height: 35px;
 }