app管理，简单版

src/views/system/app.vue

@@ -0,0 +1,522 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"
+               :table-loading="loading"
+               :data="data"
+               ref="crud"
+               v-model="form"
+               :page.sync="page"
+               :permission="permissionList"
+               :before-open="beforeOpen"
+               @row-del="rowDel"
+               @row-update="rowUpdate"
+               @row-save="rowSave"
+               @selection-change="selectionChange"
+               @current-change="currentChange"
+               @size-change="sizeChange"
+               @refresh-change="refreshChange"
+               @on-load="onLoad">
+      <template slot-scope="scope" slot="menu">
+        <el-button type="text" size="small" icon="el-icon-upload2" @click.stop="handleAdd(scope.row,scope.index)">升级</el-button>
+      </template>
+    </avue-crud>
+
+    <!-- 升级 -->
+    <el-dialog title="App升级" :visible.sync="dialogUpload" width="70%" append-to-body center>
+      <avue-crud :option="option1"
+                 :table-loading="loading"
+                 :data="data"
+                 ref="crud"
+                 v-model="form"
+                 :page.sync="page"
+                 :permission="permissionList"
+                 :before-open="beforeOpen"
+                 @row-del="rowDel"
+                 @row-update="rowUpdate"
+                 @row-save="rowSave"
+                 @selection-change="selectionChange"
+                 @current-change="currentChange"
+                 @size-change="sizeChange"
+                 @refresh-change="refreshChange"
+                 @on-load="onLoad">
+      </avue-crud>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+import {
+  getList,
+  getDetail,
+  remove,
+  update,
+  add,
+  setting,
+  datasource,
+  packageInfo,
+  packageSetting
+} from "@/api/system/tenant";
+import {getDetail as packageDetail} from "@/api/system/tenantpackage";
+import {mapGetters} from "vuex";
+import {getMenuTree} from "@/api/system/menu";
+import {validatenull} from "@/util/validate";
+
+export default {
+  data() {
+    return {
+      form: {},
+      selectionList: [],
+      query: {},
+      loading: true,
+      box: false,
+      datasourceBox: false,
+      packageBox: false,
+      packageSettingBox: false,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0
+      },
+      option: {
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        searchShow: false,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        selection: false,
+        viewBtn: false,
+        dialogWidth: 600,
+        dialogClickModal: false,
+        column: [
+          {
+            label: "应用平台",
+            prop: "tenantId",
+            span: 24,
+            rules: [{
+              required: true,
+              message: "请输入应用平台",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "应用名称",
+            prop: "tenantName",
+            span: 24,
+            rules: [{
+              required: true,
+              message: "请输入应用名称",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "当前版本",
+            prop: "linkman",
+            span: 24,
+            rules: [{
+              required: true,
+              message: "请输入当前版本号",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "应用说明",
+            prop: "address",
+            span: 24,
+            minRows: 2,
+            type: "textarea",
+            hide: true,
+          },
+        ]
+      },
+      data: [],
+      settingForm: {},
+      dialogUpload: false,
+      option1: {
+        height: '100%',
+        calcHeight: 30,
+        tip: false,
+        searchShow: false,
+        searchMenuSpan: 6,
+        border: true,
+        index: true,
+        selection: false,
+        viewBtn: false,
+        dialogWidth: 600,
+        dialogClickModal: false,
+        column: [
+          {
+            label: "当前版本",
+            prop: "tenantId",
+            span: 24,
+            rules: [{
+              required: true,
+              message: "请输入当前版本号",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "软件类型",
+            prop: "category",
+            type: "radio",
+            span: 24,
+            dicData: [
+              {
+                label: "安卓",
+                value: 1
+              },
+              {
+                label: "ios",
+                value: 2
+              }
+            ],
+            value: 1,
+            rules: [
+              {
+                required: true,
+                message: "请选择软件类型",
+                trigger: "blur"
+              }
+            ],
+          },
+          {
+            label: "资源类型",
+            prop: "category1",
+            type: "radio",
+            span: 24,
+            dicData: [
+              {
+                label: "完整安装包",
+                value: 1
+              },
+              {
+                label: "wgt热更新包",
+                value: 2
+              }
+            ],
+            value: 1,
+            rules: [
+              {
+                required: true,
+                message: "请选择资源类型",
+                trigger: "blur"
+              }
+            ],
+          },
+          {
+            label: "更新内容",
+            prop: "address",
+            span: 24,
+            minRows: 3,
+            type: "textarea",
+            hide: true,
+            rules: [{
+              required: true,
+              message: "请填写更新内容",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "文件地址",
+            prop: "linkman",
+            span: 24,
+            rules: [{
+              required: true,
+              message: "请上传文件",
+              trigger: "blur"
+            }]
+          },
+          {
+            label: "文件大小",
+            prop: "linkman",
+            span: 24,
+          },
+          {
+            label: "强制更新",
+            prop: "category1",
+            type: "radio",
+            span: 24,
+            dicData: [
+              {
+                label: "是",
+                value: 1
+              },
+              {
+                label: "否",
+                value: 2
+              }
+            ],
+            value: 1,
+            rules: [
+              {
+                required: true,
+                message: "请选择是否强制更新",
+                trigger: "blur"
+              }
+            ],
+          },
+        ]
+      },
+    };
+  },
+  watch: {
+    'packageForm.packageId'() {
+      if (!validatenull(this.packageForm.packageId)) {
+        packageDetail(this.packageForm.packageId).then(res => {
+          this.packageForm.menuId = res.data.data.menuId;
+          this.initData();
+        });
+      }
+    }
+  },
+  computed: {
+    ...mapGetters(["userInfo", "permission"]),
+    permissionList() {
+      return {
+        addBtn: this.vaildData(this.permission.tenant_add, false),
+        delBtn: this.vaildData(this.permission.tenant_delete, false),
+        editBtn: this.vaildData(this.permission.tenant_edit, false)
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+    tenantId() {
+      return this.selectionList[0].tenantId;
+    }
+  },
+  methods: {
+    initData() {
+      getMenuTree().then(res => {
+        const column = this.findObject(this.packageOption.column, "menuId");
+        column.dicData = res.data.data;
+      });
+    },
+    rowSave(row, done, loading) {
+      add(row).then(() => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+        done();
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    rowUpdate(row, index, done, loading) {
+      update(row).then(() => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+        done();
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    rowDel(row) {
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+        });
+    },
+    beforeOpen(done, type) {
+      if (["view"].includes(type)) {
+        getDetail(this.form.id).then(res => {
+          const data = res.data.data;
+          if (!(data.accountNumber > 0)) {
+            data.accountNumber = "不限制";
+          }
+          if (!data.expireTime) {
+            data.expireTime = "不限制";
+          }
+          this.form = data;
+        });
+      }
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+    handleSetting() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      if (this.selectionList.length === 1) {
+        getDetail(this.selectionList[0].id).then(res => {
+          const data = res.data.data;
+          this.settingForm.accountNumber = data.accountNumber;
+          this.settingForm.expireTime = data.expireTime;
+        });
+      } else {
+        this.settingForm.accountNumber = -1;
+        this.settingForm.expireTime = '';
+      }
+      this.box = true;
+    },
+    handleDatasource() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      if (this.selectionList.length !== 1) {
+        this.$message.warning("只能选择一条数据");
+        return;
+      }
+      getDetail(this.selectionList[0].id).then(res => {
+        const data = res.data.data;
+        this.datasourceForm.datasourceId = data.datasourceId;
+      });
+      this.datasourceBox = true;
+    },
+    handlePackage() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      if (this.selectionList.length !== 1) {
+        this.$message.warning("只能选择一条数据");
+        return;
+      }
+      if (this.selectionList.length === 1) {
+        packageInfo(this.selectionList[0].id).then(res => {
+          const data = res.data.data;
+          this.packageForm.packageId = data.id;
+          this.packageForm.menuId = data.menuId;
+        });
+      } else {
+        this.packageForm.menuId = '';
+      }
+      this.packageBox = true;
+      //更新字典远程数据
+      setTimeout(() => {
+        const form = this.$refs.formPackage;
+        form.updateDic('packageId');
+      }, 10);
+    },
+    handlePackageSetting() {
+      this.packageSettingBox = true;
+    },
+    handleSubmit(form, done, loading) {
+      setting(this.ids, form).then(() => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "配置成功!"
+        });
+        done();
+        this.box = false;
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    handleDatasourceSubmit(form, done, loading) {
+      datasource(this.tenantId, form.datasourceId).then(() => {
+        this.$message({
+          type: "success",
+          message: "配置成功!"
+        });
+        done();
+        this.datasourceBox = false;
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    handlePackageSubmit(form, done, loading) {
+      packageSetting(this.tenantId, form.packageId).then(() => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "配置成功!"
+        });
+        done();
+        this.packageBox = false;
+      }, error => {
+        window.console.log(error);
+        loading();
+      });
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.selectionClear();
+      });
+    },
+    handleAdd(row, index) {
+     this.dialogUpload = true;
+    },
+  }
+};
+</script>