添加app版本管理和界面自定义管理功能并对接接口

src/page/STB/appversion/components/addDialog.vue

@@ -16,11 +16,11 @@
         label-position="right"
         :rules="rules"
       >
-        <el-form-item label="版本号1：" prop="version">
-          <el-input size="small" v-model="formItem.version" clearable placeholder="请输入版本号"></el-input>
+        <el-form-item label="版本号：" prop="appVersion">
+          <el-input size="small" v-model="formItem.appVersion" clearable placeholder="请输入版本号"></el-input>
         </el-form-item>
-        <el-form-item label="版本信息：" prop="versionContent">
-          <el-input type="textarea" size="small" v-model="formItem.versionContent"></el-input>
+        <el-form-item label="版本信息：" prop="versionInfo">
+          <el-input type="textarea" size="small" v-model="formItem.versionInfo"></el-input>
         </el-form-item>
         <el-form-item label="更新内容：" prop="updateContent">
           <el-input type="textarea" size="small" v-model="formItem.updateContent"></el-input>
@@ -28,13 +28,12 @@
         <el-upload
           class="text-center"
           drag
-          action="#"
-          :auto-upload="false"
-          :on-change="onChange"
+          action="http://192.168.110.67/mall/file/upload/allType"
+          :on-success="handleAvatarSuccess"
           :file-list="fileList">
           <i class="el-icon-upload"></i>
           <div class="el-upload__text">将安装包拖到此处，或<em>点击上传安装包</em></div>
-          <div class="el-upload__tip" slot="tip">只能上传zip文件，且不超过500kb</div>
+          <div class="el-upload__tip" slot="tip">只能上传apk文件，且不超过500kb</div>
         </el-upload>
       </el-form>
     </div>
@@ -53,10 +52,10 @@ export default {
       formItem: {},
       fileList:[],
       rules: {
-        version: [
+        appVersion: [
           { required: true, message: "请输入版本号", trigger: "blur" }
         ],
-        versionContent: [{ required: true, message: "请输入版本信息", trigger: "blur" }],
+        versionInfo: [{ required: true, message: "请输入版本信息", trigger: "blur" }],
         updateContent: [{ required: true, message: "请输入更新内容", trigger: "blur" }]
       }
     };
@@ -78,66 +77,73 @@ export default {
       this.$refs["formItem"].resetFields();
     },
     // 上传数据操作
-    onChange(file, fileList) {
-      this.fileList = fileList
+    handleAvatarSuccess(res, file) {
+      this.formItem.apkUrl = res.url
     },
 
     // 保存编辑信息
     submitForm() {
       let _this = this;
+      console.log(this.formItem)
       _this.$refs.formItem.validate(valid => {
         if (valid) {
-          if (!this.fileList.length) {
+          if (!this.formItem.apkUrl) {
             this.$message.info('请先选取文件!')
             return false
           }
-          const fileType = this.fileList.every(item => {
-            console.log(item.raw.type)
-            return item.raw.type === 'application/zip'
-          })
-          if (!fileType) {
-            this.$message.error('支持扩展名：.zip格式!')
-            return false
-          }
-          const param = new FormData()
-          this.fileList.forEach(file => {
-            param.append('file', file.raw) // 此处一定是append file.raw 上传文件只需维护fileList file.raw.name要加上
-            param.append('fileName', file.name)
-            param.append('version', this.formItem.version)
-            param.append('versionContent', this.formItem.versionContent)
-            param.append('updateContent', this.formItem.updateContent)
-          })
-          _this.$emit("refreshFn");
-          _this.formVisible = false;
-          // _this.$https(
-          //     {
-          //       url: "menu/edit",
-          //       method: "put",
-          //       authType: this.backToken
-          //     },
-          //     _this.$qs.stringify(param)
-          //   ).then(res => {
-          //       if (res.data.status == 200 || res.data.status == 201) {
-          //         _this.$message({
-          //           type: "success",
-          //           message: res.data.message
-          //         });
-          //         _this.formVisible = false;
-          //         _this.$refs["formItem"].resetFields();
-          //       } else {
-          //         _this.$message({
-          //           type: "error",
-          //           message: res.data.message
-          //         });
-          //       }
-          //     },
-          //     error => {
-          //       _this.$message({
-          //         type: "error",
-          //         message: error
-          //       });
+          let param = {
+            appVersion: this.formItem.appVersion,
+            versionInfo: this.formItem.versionInfo,
+            updateContent: this.formItem.updateContent ,
+            apkUrl: this.formItem.apkUrl ,
+          };
+          // const fileType = this.fileList.every(item => {
+          //   console.log(item.raw.type)
+          //   return item.raw.type === 'application/zip'
+          // })
+          // if (!fileType) {
+          //   this.$message.error('支持扩展名：.zip格式!')
+          //   return false
           // }
-          //   );
+          // const param = new FormData()
+          // this.fileList.forEach(file => {
+          //   param.append('file', file.raw) // 此处一定是append file.raw 上传文件只需维护fileList file.raw.name要加上
+          //   param.append('fileName', file.name)
+          //   param.append('appVersion', this.formItem.appVersion)
+          //   param.append('versionInfo', this.formItem.versionInfo)
+          //   param.append('updateContent', this.formItem.updateContent)
+          // })
+          // _this.$emit("refreshFn");
+          // _this.formVisible = false;
+          _this.$https(
+              {
+                url: "tAppVersion/save",
+                method: "post",
+                authType: this.backToken
+              },
+              _this.$qs.stringify(param)
+            ).then(res => {
+                if (res.data.resultCode === '200') {
+                  _this.$message({
+                    type: "success",
+                    message: res.data.message
+                  });
+                  _this.formVisible = false;
+                  _this.$emit("refreshFn");
+                } else {
+                  _this.$message({
+                    type: "error",
+                    message: res.data.message
+                  });
+                }
+              },
+              error => {
+                _this.$message({
+                  type: "error",
+                  message: error
+                });
+              }
+            );
         }
       });
     },

src/page/STB/appversion/components/detailDialog.vue

@@ -13,22 +13,21 @@
         ref="formItem"
         label-width="180px"
         label-position="right"
-        :rules="rules"
       >
-        <el-form-item label="上传时间：" prop="uploadTime">
-          <el-input size="small" v-model="formItem.uploadTime" disabled></el-input>
+        <el-form-item label="上传时间：" prop="createTime">
+          <el-input size="small" v-model="formItem.createTime" disabled></el-input>
         </el-form-item>
-        <el-form-item label="操作者：" prop="name">
-          <el-input size="small" v-model="formItem.name" disabled></el-input>
+        <el-form-item label="操作者：" prop="userName">
+          <el-input size="small" v-model="formItem.userName" disabled></el-input>
         </el-form-item>
-        <el-form-item label="是否为当前使用版本：" prop="isNew">
-          <el-input size="small" v-model="formItem.isNew" disabled></el-input>
+        <el-form-item label="是否为当前使用版本：">
+          <el-input size="small" :value="formItem.isCurrent?'是':'否'" disabled></el-input>
         </el-form-item>
-        <el-form-item label="版本信息：" prop="version">
-          <el-input type="textarea" size="small" v-model="formItem.version" disabled></el-input>
+        <el-form-item label="版本信息：" prop="versionInfo">
+          <el-input type="textarea" size="small" v-model="formItem.versionInfo" disabled></el-input>
         </el-form-item>
-        <el-form-item label="更新内容：" prop="newContent">
-          <el-input type="textarea" size="small" v-model="formItem.newContent" disabled></el-input>
+        <el-form-item label="更新内容：" prop="updateLog">
+          <el-input type="textarea" size="small" v-model="formItem.updateLog" disabled></el-input>
         </el-form-item>
       </el-form>
     </div>

src/page/STB/appversion/index.vue

@@ -9,6 +9,7 @@
             range-separator="至"
             start-placeholder="开始日期"
             end-placeholder="结束日期"
+            value-format="yyyy-MM-dd"
           ></el-date-picker>
         </el-form-item>
         <el-form-item>
@@ -30,10 +31,14 @@
       <div class="party-table">
         <el-table border style="width: 100%;height:100%" height="100%" :data="tableData">
           <el-table-column type="index" width="120" label="序号"></el-table-column>
-          <el-table-column label="app版本号" prop="version"></el-table-column>
-          <el-table-column label="是否为最新版本" prop="isNew"></el-table-column>
-          <el-table-column label="上传时间" prop="uploadTime"></el-table-column>
-          <el-table-column label="操作者" prop="name"></el-table-column>
+          <el-table-column label="app版本号" prop="appVersion"></el-table-column>
+          <el-table-column label="是否为最新版本">
+            <template slot-scope="scope">
+              <span>{{scope.row.isCurrent?'是':'否'}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="上传时间" prop="createTime"></el-table-column>
+          <el-table-column label="操作者" prop="userName"></el-table-column>
           <el-table-column label="操作" header-align="center" align="center">
             <template slot-scope="scope" width="220">
               <div class="table-btn-group">
@@ -73,29 +78,17 @@ import { addDialog , detailDialog } from "./components/index";
 export default {
   data() {
     return {
-      page: { currentPage: 1, pageSize: 10, total: 4 },
+      page: { currentPage: 1, pageSize: 10, total: 0 },
       form: {
         dateRange: []
       },
-      tableData: [
-        // 序号  app版本号  是否为最新版本  上传时间 操作者 操作
-        {
-          uploadTime: "2016-05-02",
-          name: "王小虎",
-          version: "V1.0.0",
-          isNew: "是"
-        },
-        {
-          uploadTime: "2016-05-02",
-          name: "王小虎",
-          version: "V1.0.0",
-          isNew: "是"
-        }
-      ]
+      tableData: []
     };
   },
   components: { partyPagination ,addDialog ,detailDialog},
-  mounted() {},
+  mounted() {
+    this.onSearch()
+  },
   methods: {
     // 查询
     onSearch() {
@@ -113,7 +106,7 @@ export default {
       };
       vm.$https(
         {
-          url: "interaction/getList",
+          url: "tAppVersion/getPageList",
           method: "post",
           authType: this.backToken
         },
@@ -141,7 +134,7 @@ export default {
       this.$refs.detailDialog.backFn(item)
     },
     // 启用
-    ableBtn(row, str) {
+    ableBtn(row) {
       const _this = this;
       this.$confirm("确定要设置为最新版本？", "提示", {
         confirmButtonText: "确定",
@@ -150,13 +143,39 @@ export default {
         center: true
       })
         .then(() => {
-          // 请求接口
-          this.$message.success("操作成功")
+          // 请求接口 tAppVersion/update
+          this.updateVersion(row)
         })
         .catch(() => {
           this.$message("已取消")
         });
     },
+    updateVersion(row){
+      let vm = this;
+      let param = {
+        id: row.id,
+        isCurrent:1
+      };
+      vm.$https(
+        {
+          url: "tAppVersion/update",
+          method: "put",
+          authType: this.backToken
+        },
+        vm.$qs.stringify(param)
+      )
+        .then(res => {
+          if(res.data.resultCode==='200'){
+            this.$message.success("操作成功")
+            this.onSearch()
+          }else{
+            this.$message({type:'error',message:res.data.message})
+          }
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+    },
     handleReset() {
       this.form = {};
     },

src/page/content/interactive/index.vue

@@ -112,6 +112,7 @@ export default {
     // 获得数据接口
     getTableData() {
       let vm = this;
+      vm.tableData = []
       let param = {
         _index:this.page.currentPage,
         _size:this.page.pageSize,
@@ -177,7 +178,7 @@ export default {
     },
     // 点击节点事件
     handleNodeClick(data) {
-      this.selectAreaId = data.areaId
+      this.selectAreaId = data.id
       this.getTableData()
     },
     // 分页