App升级

src/views/push/update/detail.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-form-item label="版本号：">
+        <el-input placeholder="请输入版本号" />
+      </el-form-item>
+      <el-form-item label="升级标题：">
+        <el-input placeholder="请输入升级标题" />
+      </el-form-item>
+      <el-form-item label="升级说明：">
+        <el-input type="textarea" :autosize="{ minRows: 5, maxRows: 10 }" placeholder="请输入升级说明" />
+      </el-form-item>
+      <el-form-item label="强制升级：">
+        <el-select placeholder="请选择是否强制">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="升级系统：">
+        <el-select placeholder="请选择升级系统">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="下载路径：">
+        <el-input readonly placeholder="请上传下载路径">
+          <template slot="suffix">
+            <Upload />
+          </template>
+        </el-input>
+      </el-form-item>
+    </el-form>
+    <div class="form-btn">
+      <el-button>取消</el-button>
+      <el-button type="primary">确定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form {
+  width: 500px;
+}
+
+::v-deep .el-input__suffix {
+  right: 0;
+}
+</style>

src/views/push/update/index.vue

@@ -0,0 +1,85 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索 -->
+    <el-form size="mini" inline>
+      <el-form-item label="版本号：">
+        <el-input placeholder="请输入版本号" />
+      </el-form-item>
+      <el-form-item label="升级系统：">
+        <el-select placeholder="请选择升级系统">
+          <el-option v-for="item in systemOptions" :key="item.value" :value="item.value" :label="item.label" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" @click="getSearch">搜索</el-button>
+        <el-button icon="el-icon-refresh" @click="getRefresh">重置</el-button>
+        <el-button type="primary" icon="el-icon-plus" plain @click="getDetail()">新增</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 列表 -->
+    <el-table>
+      <el-table-column type="index" label="序号" align="center"></el-table-column>
+      <el-table-column label="升级标题" align="center"></el-table-column>
+      <el-table-column label="版本号" align="center"></el-table-column>
+      <el-table-column label="下载路径" align="center"></el-table-column>
+      <el-table-column label="是否强制升级" align="center"></el-table-column>
+      <el-table-column label="升级系统" align="center"></el-table-column>
+      <el-table-column label="更新时间" align="center"></el-table-column>
+      <el-table-column label="操作" align="center">
+        <template>
+          <el-button type="text">查看</el-button>
+          <el-button type="text">编辑</el-button>
+          <el-button type="delete">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination v-show="total > 0" :total="total" :page.sync="form.pageNum" :limit.sync="form.pageSize"
+      @pagination="getList" />
+  </div>
+</template>
+
+<script>
+import { systemMixin } from '@/mixin/index'
+export default {
+  mixins: [systemMixin],
+  data() {
+    return {
+      // 表单
+      form: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      // 列表
+      tableData: [],
+      // 总数据
+      total: 0
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    // 搜索
+    getSearch() {
+
+    },
+
+    // 重置
+    getRefresh() {
+
+    },
+
+    // 新增
+    getDetail(id) {
+      this.$router.push({
+        path: '/push/update/detail',
+        query: {
+          id: id
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>