经销商账号管理添加图片&&参数设置

src/views/account/AccountManage.vue

@@ -18,18 +18,22 @@
             :key="index"
             :class="{ table_gray: index % 2 === 0 }"
           >
-            <td>{{ obj.platformName }}</td>
+            <td>{{ obj.platformName || '-' }}</td>
             <td>{{ obj.accountCode }}</td>
             <td>{{ obj.authorizationName }}</td>
             <td>{{ obj.fansCount }}</td>
             <td class="operationStyle">
               <span @click="toggleModal(index)">编辑</span>
-              <span @mouseenter="showImg" @mouseleave="hiddenImg">示例</span>
+              <span @mouseenter="showImg(index)" @mouseleave="hiddenImg">示例</span>
             </td>
           </tr>
         </tbody>
         <td class="img" v-show="imgFlag">
-          <img src="" alt="aa" />
+          <img src="../../img/weChat.png" v-if="hoverImg === '微信订阅号'"/>
+          <img src="../../img/weChat.png" v-if="hoverImg === '微信服务号'"/>
+          <img src="../../img/toutiao.png" v-if="hoverImg === '抖音'" />
+          <img src="../../img/douyin.png" v-if="hoverImg === '今日头条'"/>
+          <img src="../../img/weChat_video.png" v-if="hoverImg === '微信视频号'"/>
         </td>
       </table>
       <div class="footerTip">
@@ -48,7 +52,6 @@
 <script>
 import Modal from "./components/Modal2";
 export default {
-  props: {},
   components: {
     Modal,
   },
@@ -60,6 +63,7 @@ export default {
       tableData: [],
       editData: {},
       accountId: "",
+      hoverImg: ''
     };
   },
   methods: {
@@ -87,8 +91,10 @@ export default {
     closeme: function () {
       this.showModal = false;
     },
-    showImg: function () {
+    showImg: function (i) {
       this.imgFlag = true;
+      this.hoverImg = this.tableData[i].platformName || '微信视频号';
+      console.log(this.hoverImg);
     },
     hiddenImg: function () {
       this.imgFlag = false;
@@ -147,15 +153,6 @@ export default {
       accountId: this.accountId,
     };
     this.selectMediaAccountPage(data);
-
-    // this.selectSysDataDictList()
-    //   .then(() => {
-    //     this.getDateList();
-    //     console.log(this.dictList);
-    //   })
-    //   .catch((err) => {
-    //     console.log(err);
-    //   });
   },
 };
 </script>
@@ -169,8 +166,8 @@ export default {
     position: absolute;
     top: 0;
     right: 206px;
-    width: 200px;
-    height: 300px;
+    width: 267px;
+    height: 555px;
     z-index: 999;
     img {
       height: 100%;

src/views/parameter/components/PlatformModule/PlatformTable.vue

@@ -26,10 +26,10 @@
             <span @click="edit(index)" v-if="!editFlag[index]">编辑</span>
             <span @click="submitEdit(index)" v-else>确定</span>
             <span @click="showModal(index)">删除</span>
-            <span @click="plate(index)" v-if="index === 0 && currentPage === 1"
+            <span @click="plate(index)" v-if="obj.platformName !=='其它'"
               >平台板块></span
             >
-            <span v-else class="nono">展位模块></span>
+            <span v-else class="nono">占位模块></span>
           </td>
         </tr>
       </tbody>
@@ -102,7 +102,7 @@ export default {
     },
     // 点击删除，展示模态框
     showModal: function (i) {
-      if (this.currentPage === 1 && i === 0) {
+      if (this.tableData[i].platformName !=='其它') {
         this.tipModalFlag = true;
       } else {
         this.deleteModalFlag = true;