项目管理 项目列表

src/views/project/list/detail.vue

@@ -22,12 +22,10 @@
           </el-table-column>
           <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"
-            width="100px" />
+          <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-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>
@@ -42,14 +40,19 @@
             </template>
           </el-table-column>
         </el-table>
-        <pagination v-show="total>0" :total="total" :page.sync="versionForm.pageNum"
-          :limit.sync="versionForm.pageSize" @pagination="getList" />
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="cancel">取消</el-button>
-        <el-button type="primary" @click="getSubmit">确定</el-button>
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="versionForm.pageNum"
+          :limit.sync="versionForm.pageSize"
+          @pagination="getList"
+        />
       </el-form-item>
     </el-form>
+    <div class="from-btn">
+      <el-button @click="cancel">取消</el-button>
+      <el-button type="primary" @click="getSubmit">确定</el-button>
+    </div>
 
     <!-- 新增弹窗 -->
     <el-dialog :visible.sync="dialogVisible" :before-close="getCancel" :title="title" width="500px">
@@ -59,7 +62,12 @@
         </el-form-item>
         <el-form-item v-show="title === '新增'" label="系统类型：">
           <el-select v-model="addForm.os" placeholder="请选择系统类型">
-            <el-option v-for="item in dict.type.phone_sys_type" :key="item.value" :label="item.label" :value="item.value" />
+            <el-option
+              v-for="item in dict.type.phone_sys_type"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
           </el-select>
         </el-form-item>
         <el-form-item v-show="title !== '更新'" label="应用Logo：">
@@ -85,12 +93,13 @@
 
 <script>
 import { add, edit, update, updateAdd, updatePage } from "@/api/project/list";
-import Upload from '@/components/Upload/index';
-import Editor from '@/components/Editor'
+import Upload from "@/components/Upload/index";
+import Editor from "@/components/Editor";
 export default {
-  dicts:['phone_sys_type', 'app_status_type'],
+  dicts: ["phone_sys_type", "app_status_type"],
   components: {
-    Upload, Editor
+    Upload,
+    Editor,
   },
   data() {
     return {
@@ -105,7 +114,7 @@ export default {
       versionData: [],
       versionForm: {
         pageNum: 1,
-        pageSize: 10
+        pageSize: 10,
       },
       total: 0,
 
@@ -115,7 +124,7 @@ export default {
     };
   },
   mounted() {
-    let row = JSON.parse(this.$route.query.row)
+    let row = JSON.parse(this.$route.query.row);
     if (row) {
       this.projectForm = row;
       this.addForm.projectId = this.versionForm.projectId = row.id;
@@ -169,7 +178,7 @@ export default {
 
     // 新增 / 更新版本
     getChange() {
-      if (this.title !== '编辑') {
+      if (this.title !== "编辑") {
         updateAdd(this.addForm).then((res) => {
           if (res.code === 0) {
             this.$message.success("新增成功！");
@@ -204,7 +213,7 @@ export default {
       //   });
       // }
     },
-    
+
     // 取消
     getCancel() {
       this.addForm = {
@@ -240,7 +249,7 @@ export default {
     // 字典翻译
     statusFormatter(row) {
       return this.selectDictLabel(this.dict.type.app_status_type, row.status);
-    }
+    },
   },
 };
 </script>