增加平台模块删除提示模态框

src/components/TipModal.vue

@@ -5,6 +5,7 @@
       <p>{{ tipText }}</p>
       <div class="button">
         <div class="current_button" @click="closeModal">确定</div>
+        <div class="current_button" @click="closeModal" v-if="btnFlag">取消</div>
       </div>
     </div>
   </div>
@@ -21,6 +22,10 @@ export default {
       type: String,
       default: "删除成功!!!",
     },
+    btnFlag: {
+      type: Boolean,
+      default: false
+    }
   },
   methods: {
     mousewheel: function (e) {

src/views/parameter/PlatformModule.vue

@@ -94,7 +94,7 @@ export default {
       }
       this.selectPublishPlatformPage(this.currentPage, this.pageSize);
     },
-    // 展示、隐藏模态框
+    // 展示、隐藏新增模态框
     showModal: function () {
       this.modalFlag = !this.modalFlag;
     },

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

@@ -0,0 +1,60 @@
+<template>
+  <div class="tip_modal" v-if="tipFlag" @mousewheel="mousewheel">
+    <div class="modal_content">
+      <p>经销商已上传反馈链接，此平台不可删除</p>
+      <div class="button">
+        <div class="current_button" @click="closeModal">确定</div>
+        <div class="current_button" @click="closeModal">取消</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    tipFlag: {
+      type: Boolean,
+      default: false,
+    }
+  },
+  methods: {
+    mousewheel: function (e) {
+      e.preventDefault();
+    },
+    closeModal: function() {
+        this.$emit('close_tip_modal');
+    }
+  },
+};
+</script>
+
+<style scoped lang="less">
+.tip_modal {
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 100vh;
+  width: 100vw;
+  background-color: rgba(127, 127, 127, 0.7);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .modal_content {
+    width: 400px;
+    height: 200px;
+    background-color: #fff;
+    transform: translateY(-150px);
+    p {
+      font-size: 16px;
+      margin-left: 0px;
+      margin-top: 40px;
+    }
+    .button {
+      margin-top: 50px;
+      display: flex;
+      justify-content: center;
+    }
+  }
+}
+</style>

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

@@ -26,7 +26,9 @@
             <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>
+            <span @click="plate(index)" v-if="index === 0 && currentPage === 1"
+              >平台板块></span
+            >
             <span v-else class="nono">展位模块></span>
           </td>
         </tr>
@@ -37,11 +39,14 @@
       @hide_modal="closeModal"
       :modalFlag="deleteModalFlag"
     ></DeleteModal>
+    <TipModal :tipFlag="tipModalFlag" @close_tip_modal="closeTipModal">
+    </TipModal>
   </div>
 </template>
 
 <script>
 import DeleteModal from "../DeleteModal";
+import TipModal from "./NoDeleteModal";
 export default {
   props: {
     // 表数据
@@ -63,9 +68,11 @@ export default {
   },
   components: {
     DeleteModal,
+    TipModal,
   },
   data() {
     return {
+      tipModalFlag: false,
       deleteModalFlag: false,
       index: 0,
       editFlag: [],
@@ -90,10 +97,17 @@ export default {
       this.newName = "";
       this.editFlag.splice(i, 1, false);
     },
+    closeTipModal: function () {
+      this.tipModalFlag = false;
+    },
     // 点击删除，展示模态框
     showModal: function (i) {
-      this.deleteModalFlag = true;
-      this.index = i;
+      if (this.currentPage === 1 && i === 0) {
+        this.tipModalFlag = true;
+      } else {
+        this.deleteModalFlag = true;
+        this.index = i;
+      }
     },
     // 点击平台模块
     plate: function (i) {