init

src/views/rai_manage/cygxManage/components/lableDlg.vue

@@ -0,0 +1,87 @@
+<template>
+  <div class="container lable-add-content">
+    <el-dialog :title="visibleText" :visible.sync="showRegularDlg" width="600px" v-dialogDrag :close-on-click-modal="false" :modal-append-to-body="false" center @close="handleClose">
+      <div>
+        <div v-for="(item, index) in addDataList" :key="index" style="add-name-item">
+          <el-autocomplete style="width: 80%" v-model="item.name" :fetch-suggestions="querySearchAsync" placeholder="请输入内容"></el-autocomplete>
+          <img style="width: 20px; height: 20px" @click="deleteChildren(index)" src="~@/assets/img/icons/delete-Item.png" />
+        </div>
+        <img style="width: 40px; height: 40px" src="~@/assets/img/icons/add-img.png" @click="addActivityNameHandler" />
+      </div>
+      <div></div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleClose">取 消</el-button>
+        <el-button type="primary" @click="addBannerHandler">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { raiInterface } from "@/api/api.js";
+
+export default {
+  name: "",
+  components: {},
+  props: {
+    showRegularDlg: {
+      type: Boolean,
+      default: false,
+    },
+    dataRegular: {
+      type: Object,
+      default: {},
+    },
+  },
+  data() {
+    return {
+      querySearchList: [],
+      addDataList: [],
+    };
+  },
+  computed: {
+    visibleText() {
+      return this.dataRegular.TagName || "";
+    },
+  },
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    handleClose() {
+      this.$emit("update:showRegularDlg", false);
+      this.$emit("update:dataRegular", {});
+    },
+    addBannerHandler() {
+      this.handleClose();
+    },
+    // 删除
+    deleteChildren(index) {
+      this.addDataList.splice(index, 1);
+    },
+    async querySearchAsync(query, cb) {
+      cb([]);
+      if (query) {
+        const res = await raiInterface.getActivityLossCompany({ KeyWord: query });
+        if (res.Ret === 200) {
+          this.querySearchList = res.Data.List;
+          cb(this.querySearchList);
+        }
+      }
+    },
+    addActivityNameHandler() {
+      this.addDataList.push({
+        name: "",
+      });
+      console.log(this.addDataList);
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.lable-add-content {
+  .add-name-item {
+    display: flex;
+  }
+}
+</style>

src/views/rai_manage/cygxManage/lableManage.vue

@@ -112,6 +112,7 @@
         </span>
       </el-dialog>
     </div>
+    <lable-dlg :showRegularDlg.sync="showRegularDlg" :dataRegular.sync="dataRegular" />
   </div>
 </template>
 
@@ -119,9 +120,10 @@
 import Sortable from "sortablejs";
 import mPage from "@/components/mPage.vue";
 import { raiInterface } from "@/api/api.js";
+import LableDlg from "./components/lableDlg.vue";
 export default {
   name: "",
-  components: { mPage },
+  components: { mPage, LableDlg },
   props: {},
   data() {
     return {
@@ -157,6 +159,8 @@ export default {
       optionsIndustries: [],
       optionsSubject: [],
       dlgTitle: "添加",
+      showRegularDlg: false,
+      dataRegular: {},
     };
   },
   computed: {},
@@ -186,13 +190,29 @@ export default {
       const res = await raiInterface.getLableTagListCustom();
       if (res.Ret === 200) {
         this.lableList = res.Data || [];
+        this.lableList.push({
+          TagId: 540,
+          TagName: "热门活动",
+          ArticleTypes: "",
+          ActivityTypes: "专家电话会,分析师电话会",
+          Industries: "热门活动",
+          SubjectNames: "",
+          Sort: 9,
+          ModifyTime: "2023-10-30 13:45:54",
+          CreateTime: "2023-10-23 10:05:24",
+          OnlineTime: "2023-10-23 10:05:24",
+          OfflineTime: "",
+          Status: 1,
+          Pv: 0,
+          Uv: 0,
+        });
       }
     },
 
     // 获取活动类型
     async activityType() {
       const res = await raiInterface.getActivityType({
-        IsGetAll:true,
+        IsGetAll: true,
       });
       if (res.Ret === 200) {
         this.optionsActivity = res.Data.List;
@@ -286,6 +306,11 @@ export default {
     },
     // 添加或者编辑标签
     addOfEitdHandler(type, item) {
+      if (item && item.TagName === "热门活动") {
+        this.dataRegular = item;
+        this.showRegularDlg = true;
+        return;
+      }
       this.dlgTitle = type;
       if (item) {
         const { TagName, ArticleTypes, ActivityTypes, Industries, SubjectNames, TagId } = item;