feat: 应用集市添加批量关联主题和admin账号删除使用中的应用,添加删除应用历史版本

base-manager-ui/admin/src/pages/basicset/appmarket/components/AppDetailsPage.vue

@@ -96,6 +96,12 @@
               <span class="primary pointer" @click="handlePreview(text.id)"
                 >预览</span
               >
+              <span
+                class="delete pointer"
+                v-permission="[1]"
+                @click="handleDel(text.id)"
+                >删除</span
+              >
             </a-space>
           </template>
         </a-table>
@@ -118,6 +124,7 @@ import {
   usedVersion,
   previewVersion,
   getCategoryList,
+  deleteVersion,
 } from "@/services/market";
 import CheckSite from "../modal/CheckSite.vue";
 import { pageSizeOptions } from "@/config/pageConfig.js";
@@ -270,6 +277,33 @@ export default {
         window.open(routeUrl.href, "_blank");
       }
     },
+
+    // 删除
+    handleDel(id) {
+      let _this = this;
+      _this.$confirm({
+        title: "系统提示",
+        content: "删除不可恢复，确定要删除吗？",
+        okText: "确定",
+        okType: "danger",
+        cancelText: "取消",
+        centered: true,
+        icon: "exclamation-circle",
+        maskClosable: true,
+        async onOk() {
+          let res = await deleteVersion({ id });
+          let { code, msg } = res.data;
+          if (code === 1) {
+            _this.$message.success(msg);
+            _this.getVersions();
+          }
+        },
+        onCancel() {
+          console.log("Cancel");
+        },
+      });
+    },
+
     // 翻页
     handleChange(cur) {
       this.current = cur;
@@ -353,4 +387,4 @@ export default {
 /deep/.ant-form-item {
   align-items: flex-start;
 }
-</style>
+</style>
\ No newline at end of file

base-manager-ui/admin/src/pages/basicset/appmarket/components/MoveApp.vue

@@ -4,6 +4,9 @@
       <a-space>
         <a-button type="primary" @click="handleAdd"> 新增应用 </a-button>
         <a-button type="primary" @click="handleClone"> 克隆 </a-button>
+        <a-button type="primary" @click="handleTheme">
+          批量关联应用主题
+        </a-button>
       </a-space>
       <a-input-search
         style="width: 300px"
@@ -67,7 +70,7 @@
         </template>
         <!-- 版本 -->
         <template slot="version" slot-scope="text">
-          {{ text.version ? "v" + text.version : "--" }}
+          {{ text.version || text.version == 0 ? "v" + text.version : "--" }}
         </template>
         <!-- 类型 -->
         <template slot="appType" slot-scope="text">
@@ -91,7 +94,7 @@
             >
             <span
               class="delete pointer"
-              :class="{ unDelete: text.distribute }"
+              :class="{ unDelete: userInfo.id != 1 && text.distribute }"
               @click="handleDel(text.distribute, text.id)"
               >删除</span
             >
@@ -114,22 +117,30 @@
       :appList="selectedRowKeys"
       :siteVisible.sync="siteVisible"
     ></CheckSite>
+    <!-- 批量修改应用主题 -->
+    <ChangeThem
+      :themVisible.sync="themVisible"
+      :themList="categoryList"
+      :appList="selectedAppList"
+      @edit="cloneSuccess"
+    ></ChangeThem>
   </div>
 </template>
 
 <script>
 import YSwitch from "../../../../components/yswitch/YSwitch.vue";
-import { pageSizeOptions } from "@/config/pageConfig.js";
 import AddApp from "../modal/AddApp.vue";
 import CheckSite from "../modal/CheckSite.vue";
+import ChangeThem from "../modal/ChangeThem.vue";
 import {
   getAppList,
   deleteApp,
   saveApp,
   getCategoryList,
 } from "@/services/market";
-import { mapMutations } from "vuex";
 import local from "@/utils/local";
+import { mapMutations, mapGetters } from "vuex";
+import { pageSizeOptions } from "@/config/pageConfig.js";
 const columns = [
   {
     title: "序号",
@@ -184,6 +195,7 @@ export default {
     YSwitch,
     AddApp,
     CheckSite,
+    ChangeThem,
   },
   data() {
     return {
@@ -198,32 +210,21 @@ export default {
       size: 10,
       total: 0,
       pageSizeOptions,
-      selectedRowKeys: [], // 表格勾选数据
+      selectedRowKeys: [], // 表格勾选id列表
+      selectedAppList: [], // 表格勾选信息列表
       AddVisible: false,
       title: "新增应用",
       siteVisible: false,
+      themVisible: false,
       dict: {}, // 字典
       categoryList: [], // 应用分类列表
     };
   },
-  // 进入路由前
-  // beforeRouteEnter(to, from, text) {
-  //   if (from.path === "/appmarket/appdetails") {
-  //     to.meta.isBack = true;
-  //   } else {
-  //     to.meta.isBack = false;
-  //   }
-  //   text();
-  // },
-  // // 详情页返回不刷新数据
-  // activated() {
-  //   if (!this.$route.meta.isBack) {
-  //     Object.assign(this.$data, this.$options.data());
-  //     this.getAppList();
-  //   } else {
-  //     this.$route.meta.isBack = false;
-  //   }
-  // },
+
+  computed: {
+    ...mapGetters("site", ["userInfo"]),
+  },
+
   created() {
     this.getCategoryList();
     this.getAppList();
@@ -232,7 +233,6 @@ export default {
     ...mapMutations("site", ["SET_appDict"]),
     // 获取分类列表
     async getCategoryList() {
-      this.loading = true;
       let res = await getCategoryList({
         page: 1,
         size: -1,
@@ -243,6 +243,7 @@ export default {
         this.categoryList = data;
       }
     },
+
     // 获取应用列表
     async getAppList() {
       this.loading = true;
@@ -297,8 +298,17 @@ export default {
       this.getAppList();
     },
     // 勾选表格
-    onSelectChange(keys) {
+    onSelectChange(keys, rows) {
       this.selectedRowKeys = keys;
+      this.selectedAppList = [...this.selectedAppList, ...rows];
+      let map = new Map();
+      this.selectedAppList = this.selectedAppList
+        .filter((v) => {
+          return !map.has(v.id) && map.set(v.id, 1);
+        })
+        .filter((v) => {
+          return this.selectedRowKeys.some((item) => item == v.id);
+        });
     },
     // 编辑
     handleEdit(row) {
@@ -306,6 +316,16 @@ export default {
       this.$refs.AddApp.onEdit(row);
       this.AddVisible = true;
     },
+
+    // 批量修改应用主题
+    handleTheme() {
+      if (!this.selectedRowKeys.length) {
+        this.$message.warning("请先勾选应用");
+        return;
+      }
+      this.themVisible = true;
+    },
+
     // 查看
     handleCheck(id) {
       this.$router.push({
@@ -317,7 +337,7 @@ export default {
     },
     // 删除
     handleDel(distribute, id) {
-      if (distribute) {
+      if (this.userInfo.id != 1 && distribute) {
         this.$confirm({
           title: "拒绝删除",
           content: "该应用正在使用中。",

base-manager-ui/admin/src/pages/basicset/appmarket/components/TerminalApp.vue

@@ -4,6 +4,9 @@
       <a-space>
         <a-button type="primary" @click="handleAdd"> 新增应用 </a-button>
         <a-button type="primary" @click="handleClone"> 克隆 </a-button>
+        <a-button type="primary" @click="handleTheme">
+          批量关联应用主题
+        </a-button>
       </a-space>
       <a-input-search
         style="width: 300px"
@@ -67,7 +70,7 @@
         </template>
         <!-- 版本 -->
         <template slot="version" slot-scope="text">
-          {{ text.version ? "v" + text.version : "--" }}
+          {{ text.version || text.version == 0 ? "v" + text.version : "--" }}
         </template>
         <!-- 类型 -->
         <template slot="appType" slot-scope="text">
@@ -91,7 +94,7 @@
             >
             <span
               class="delete pointer"
-              :class="{ unDelete: text.distribute }"
+              :class="{ unDelete: userInfo.id != 1 && text.distribute }"
               @click="handleDel(text.distribute, text.id)"
               >删除</span
             >
@@ -114,6 +117,13 @@
       :appList="selectedRowKeys"
       :siteVisible.sync="siteVisible"
     ></CheckSite>
+    <!-- 批量修改应用主题 -->
+    <ChangeThem
+      :themVisible.sync="themVisible"
+      :themList="categoryList"
+      :appList="selectedAppList"
+      @edit="cloneSuccess"
+    ></ChangeThem>
   </div>
 </template>
 
@@ -121,6 +131,7 @@
 import YSwitch from "../../../../components/yswitch/YSwitch.vue";
 import AddApp from "../modal/AddApp.vue";
 import CheckSite from "../modal/CheckSite.vue";
+import ChangeThem from "../modal/ChangeThem.vue";
 import {
   getAppList,
   deleteApp,
@@ -128,7 +139,7 @@ import {
   getCategoryList,
 } from "@/services/market";
 import local from "@/utils/local";
-import { mapMutations } from "vuex";
+import { mapMutations, mapGetters } from "vuex";
 import { pageSizeOptions } from "@/config/pageConfig.js";
 const columns = [
   {
@@ -184,6 +195,7 @@ export default {
     YSwitch,
     AddApp,
     CheckSite,
+    ChangeThem,
   },
   data() {
     return {
@@ -198,15 +210,21 @@ export default {
       size: 10,
       total: 0,
       pageSizeOptions,
-      selectedRowKeys: [], // 表格勾选数据
+      selectedRowKeys: [], // 表格勾选id列表
+      selectedAppList: [], // 表格勾选信息列表
       AddVisible: false,
       title: "新增应用",
       siteVisible: false,
+      themVisible: false,
       dict: {}, // 字典
       categoryList: [], // 应用分类列表
     };
   },
 
+  computed: {
+    ...mapGetters("site", ["userInfo"]),
+  },
+
   created() {
     this.getCategoryList();
     this.getAppList();
@@ -280,8 +298,17 @@ export default {
       this.getAppList();
     },
     // 勾选表格
-    onSelectChange(keys) {
+    onSelectChange(keys, rows) {
       this.selectedRowKeys = keys;
+      this.selectedAppList = [...this.selectedAppList, ...rows];
+      let map = new Map();
+      this.selectedAppList = this.selectedAppList
+        .filter((v) => {
+          return !map.has(v.id) && map.set(v.id, 1);
+        })
+        .filter((v) => {
+          return this.selectedRowKeys.some((item) => item == v.id);
+        });
     },
     // 编辑
     handleEdit(row) {
@@ -289,6 +316,16 @@ export default {
       this.$refs.AddApp.onEdit(row);
       this.AddVisible = true;
     },
+
+    // 批量修改应用主题
+    handleTheme() {
+      if (!this.selectedRowKeys.length) {
+        this.$message.warning("请先勾选应用");
+        return;
+      }
+      this.themVisible = true;
+    },
+
     // 查看
     handleCheck(id) {
       this.$router.push({
@@ -301,7 +338,7 @@ export default {
     },
     // 删除
     handleDel(distribute, id) {
-      if (distribute) {
+      if (this.userInfo.id != 1 && distribute) {
         this.$confirm({
           title: "拒绝删除",
           content: "该应用正在使用中。",

base-manager-ui/admin/src/pages/basicset/appmarket/modal/ChangeThem.vue

+<template>
+  <div>
+    <a-modal v-model="Visible" title="请选择主题">
+      <a-form-model
+        ref="form"
+        :model="form"
+        :rules="rules"
+        :label-col="{ span: 4 }"
+        :wrapper-col="{ span: 20 }"
+      >
+        <a-form-model-item label="应用" prop="appThemeName">
+          <a-select placeholder="请选择主题" v-model="form.appThemeName">
+            <a-select-option
+              v-for="v in themList"
+              :key="v.id"
+              :value="'' + v.id"
+            >
+              {{ v.categoryName }}
+            </a-select-option>
+          </a-select>
+        </a-form-model-item>
+      </a-form-model>
+      <div slot="footer">
+        <a-space size="middle">
+          <a-button @click="handleCancel">取消</a-button>
+          <a-button type="primary" @click="handleOk">确定</a-button>
+        </a-space>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { batchSave } from "@/services/market";
+export default {
+  props: {
+    themVisible: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
+    themList: {
+      type: Array,
+      required: true,
+      default: () => [],
+    },
+    appList: {
+      type: Array,
+      required: true,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      form: {
+        appThemeName: undefined,
+      },
+      rules: {
+        appThemeName: [
+          { required: true, message: "请选择主题", trigger: "change" },
+        ],
+      },
+    };
+  },
+  computed: {
+    Visible: {
+      get() {
+        return this.themVisible;
+      },
+      set(val) {
+        this.$emit("update:themVisible", val);
+      },
+    },
+  },
+  methods: {
+    // 保存
+    handleOk() {
+      this.$refs.form.validate(async (valid) => {
+        if (valid) {
+          let arr = this.appList.map((v) => {
+            return {
+              ...v,
+              appThemeName: this.form.appThemeName,
+            };
+          });
+          let res = await batchSave(arr);
+          let { code, msg } = res.data;
+          if (code == 1) {
+            this.$message.success(msg);
+            this.$emit("edit");
+            this.handleCancel();
+          }
+        }
+      });
+    },
+
+    // 取消
+    handleCancel() {
+      this.$refs.form.resetFields();
+      this.Visible = false;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>

base-manager-ui/admin/src/services/basicsetApi.js

@@ -285,6 +285,7 @@ module.exports = {
     list: `${BASE_URL}/base/app/list`,
     info: `${BASE_URL}/base/app/info`,
     save: `${BASE_URL}/base/app/save`,
+    batchSave: `${BASE_URL}/base/app/batchSave`,
     delete: `${BASE_URL}/base/app/delete`,
     distribute: `${BASE_URL}/base/app/appDistribute`,
     clone: `${BASE_URL}/base/app/cloneAppsBySites`,

base-manager-ui/admin/src/services/market.js

@@ -27,6 +27,10 @@ export async function getAppInfo(data) {
 export async function saveApp(data) {
   return request(App.save, METHOD.POST, data);
 }
+// 新增，修改应用（批量）
+export async function batchSave(data) {
+  return request(App.batchSave, METHOD.POST, data);
+}
 // 删除应用
 export async function deleteApp(data) {
   return request(App.delete, METHOD.GET, data);