添加编辑按钮

src/views/project/list/detail.vue

@@ -13,17 +13,18 @@
         <el-button type="primary" icon="el-icon-plus" @click="getDialog()">新增</el-button>
         <el-table :data="versionData" v-loading="loading" height="342px">
           <el-table-column type="index" label="序号" align="center" />
-          <el-table-column prop="name" label="应用名称" align="center" />
-          <el-table-column prop="version" label="最新版本" align="center" />
+          <el-table-column prop="name" label="应用名称" align="center" show-overflow-tooltip />
+          <el-table-column prop="version" label="最新版本" align="center" width="100px" />
           <el-table-column prop="updateContent" label="更新内容" align="center" show-overflow-tooltip />
-          <el-table-column prop="os" label="系统类型" align="center" />
+          <el-table-column prop="os" label="系统类型" align="center" width="100px" />
           <el-table-column prop="updateTimeText" label="更新时间" align="center" />
-          <el-table-column prop="status" label="当前状态" align="center" :formatter="statusFormatter" />
+          <el-table-column prop="status" label="当前状态" align="center" :formatter="statusFormatter" width="100px" />
           <el-table-column label="操作" align="center">
             <template slot-scope="scope">
               <el-button v-if="scope.row.status === 0" type="text" @click="getDialog(scope.row, '上架')">上架</el-button>
               <el-button v-else type="text" @click="getDialog(scope.row, '下架')">下架</el-button>
               <el-button type="text" @click="getDialog(scope.row, '更新')">更新</el-button>
+              <el-button type="text" @click="getDialog(scope.row, '编辑')">编辑</el-button>
               <el-button type="text" v-clipboard:copy="scope.row.downUrl">复制下载地址</el-button>
               <!-- <el-dropdown @command="getCommand" style="margin-left: 10px">
                 <el-button type="text">更多</el-button>
@@ -52,24 +53,24 @@
     <!-- 新增弹窗 -->
     <el-dialog :visible.sync="dialogVisible" :before-close="getCancel" :title="title" width="500px">
       <el-form :model="addForm" ref="addForm" label-width="100px">
-        <el-form-item label="应用名称：">
+        <el-form-item v-show="title !== '更新'" label="应用名称：">
           <el-input v-model="addForm.name" placeholder="请输入应用名称" />
         </el-form-item>
-        <el-form-item label="系统类型：">
+        <el-form-item v-show="title === '新增'" label="系统类型：">
           <el-select v-model="addForm.os" placeholder="请选择系统类型">
             <el-option v-for="item in osOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
-        <el-form-item label="应用Logo：">
+        <el-form-item v-show="title !== '更新'" label="应用Logo：">
           <Upload :url="addForm.pic" @success="getUpload($event, 'logo')" @delete="getUpload($event, 'logo')" />
         </el-form-item>
-        <el-form-item label="版本号：">
+        <el-form-item v-show="title !== '编辑'" label="版本号：">
           <el-input v-model="addForm.version" placeholder="请输入版本号" />
         </el-form-item>
-        <el-form-item label="更新内容：">
+        <el-form-item v-show="title !== '编辑'" label="更新内容：">
           <el-input v-model="addForm.updateContent" type="textarea" rows="4" placeholder="请输入更新内容"></el-input>
         </el-form-item>
-        <el-form-item label="安装包：">
+        <el-form-item v-show="title !== '编辑'" label="安装包：">
           <Upload type="file" @success="getUpload($event, 'file')" />
         </el-form-item>
       </el-form>
@@ -99,12 +100,11 @@ export default {
       projectForm: {},
       // 新增表单
       addForm: {},
-
       // app列表
       versionData: [],
       versionForm: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       },
       total: 0,
 
@@ -115,10 +115,9 @@ export default {
   },
   mounted() {
     let row = this.$route.query.row;
-    if (row) {
+    if (row.id) {
       this.projectForm = row;
-      console.log(row);
-      this.addForm.projectId = this.versionForm.projectId = row.id
+      this.addForm.projectId = this.versionForm.projectId = row.id;
       this.getList();
     }
   },
@@ -143,11 +142,11 @@ export default {
       }
 
       if (key === "上架") {
-        this.loading = true
+        this.loading = true;
         this.addForm.status = 1;
         this.getChange();
       } else if (key === "下架") {
-        this.loading = true
+        this.loading = true;
         this.addForm.status = 0;
         this.getChange();
       } else {
@@ -224,7 +223,9 @@ export default {
     statusFormatter(row) {
       return this.selectDictLabel(this.statusOptions, row.status);
     },
-  }
+
+    // 编辑 / 新增
+  },
 };
 </script>