标识管理

src/views/appManagement/appVersionMark.vue

@@ -22,6 +22,11 @@
           <span> {{scope.row.mark}}</span>
         </template>
       </el-table-column>
+      <el-table-column align="center" label="来源类型">
+        <template scope="scope">
+          <span> {{scope.row.sourceType==1?'苹果应用市场':scope.row.sourceType==2?'Android应用市场':scope.row.sourceType==3?'广告投放':scope.row.sourceType==4?'SEO':scope.row.sourceType==5?'产品功能引流':scope.row.sourceType==6?'小程序':''}}</span>
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="描述">
         <template scope="scope">
           <span>{{scope.row.markRemark}}</span>
@@ -47,33 +52,43 @@
                      layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
     </div>
     <el-dialog :title="modalTitle" :visible.sync="versionPopup" :before-close="handleDialogClose">
-        <el-form :model="form" ref="appVersion" label-width="150px">
+        <el-form :model="form" ref="form" label-width="150px" :rules="rules">
           <el-row>
             <el-col :span="12">
-              <el-form-item label="标识名称" prop="sysType">
-                <el-input type="text" v-model="form.markName" placeholder="请输入标识名称"></el-input>
+              <el-form-item label="来源类型" prop="sourceType">
+                <el-select class="filter-item" v-model="form.sourceType" placeholder="请选择来源类型">
+                  <el-option v-for="(val,index) in sourceTypeList " :key="index" :label="val.name" :value="val.id"></el-option>
+                </el-select>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="12">
-              <el-form-item label="标识描述" prop="version">
-                <el-input type="textarea" v-model="form.markRemark" :rows=5 placeholder="请输入标识描述"></el-input>
+              <el-form-item label="标识ID" prop="mark">
+                <el-input type="text" v-model="form.mark" placeholder="请输入标识ID"></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="12">
+              <el-form-item label="标识名称" prop="markName">
+                <el-input type="text" v-model="form.markName" placeholder="请输入标识名称"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row v-if="modalTitle=='编辑'">
+          <el-row>
             <el-col :span="12">
-              <el-form-item label="标识" prop="version">
-                <el-input type="text" v-model="form.mark" disabled placeholder="请输入标识描述"></el-input>
+              <el-form-item label="标识描述">
+                <el-input type="textarea" v-model="form.markRemark" :rows=5 placeholder="请输入标识描述"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
+
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button @click="cancelSetAppVersion()">取消</el-button>
-          <el-button type="primary" v-if="modalTitle=='创建'" @click="insertAppVersion()">确 定</el-button>
-          <el-button type="primary" v-else @click="updateAppVersion()">确 定</el-button>
+          <el-button type="primary" v-if="modalTitle=='创建'" @click="insertAppVersion('form')">确 定</el-button>
+          <el-button type="primary" v-else @click="updateAppVersion('form')">确 定</el-button>
         </div>
       </el-dialog>
   </div>
@@ -95,13 +110,33 @@
     data() {
       return {
         fileList: [],
+        sourceTypeList: [{id: 1, name: "苹果应用市场"}, {id: 2, name: "Android应用市场"}, {id: 3, name:"广告投放"}, {id: 4, name: "SEO"}, {id: 5, name:"产品功能引流"}, {id: 6,name:"小程序"}],
         multipleb: false,
         BASE_API: process.env.BASE_API,
         form: {
           id: undefined,
           markRemark: '',
           markName: '',
-          mark:''
+          mark:'',
+          sourceType: undefined
+        },
+        rules: {
+          sourceType: {
+            type: 'number',
+            required: true,
+            message: '请选择来源类型',
+            trigger: 'blur'
+          },
+          mark: {
+            type: 'string',
+            required: true,
+            message: '请输入标识ID',
+          },
+          markName: {
+            type: 'string',
+            required: true,
+            message: '请输入标识名称'
+          },
         },
         versionPopup: false,
         modalTitle: '创建',
@@ -182,6 +217,7 @@
         this.form.markRemark = row.markRemark;
         this.form.id = row.id;
         this.form.mark = row.mark;
+        this.form.sourceType = parseInt(row.sourceType);
       },
       /**
        * 点击 X 关闭对话框的回调
@@ -200,56 +236,68 @@
       /**
        *  添加
        */
-      insertAppVersion() {
-        appMarkVersionAdd(this.form).then(res => {
-          if (res.status === 200) {
-            this.$notify({
-              title: '成功',
-              message: '添加成功',
-              type: 'success',
-              duration: 2000
-            });
-            this.template();
-            this.getList();
-          } else {
-            this.$notify({
-              title: '失败',
-              message: '添加失败！',
-              type: 'error',
-              duration: 2000
-            });
+      insertAppVersion(formName) {
+        const set = this.$refs;
+        set[formName].validate(valid => {
+          if (valid) {
+            appMarkVersionAdd(this.form).then(res => {
+              if (res.status === 200) {
+                this.$notify({
+                  title: '成功',
+                  message: '添加成功',
+                  type: 'success',
+                  duration: 2000
+                });
+                this.template();
+                this.getList();
+              } else {
+                this.$notify({
+                  title: '失败',
+                  message: res.message,
+                  type: 'error',
+                  duration: 2000
+                });
+              }
+              this.versionPopup = false;
+            })
           }
-          this.versionPopup = false;
-        })
+        });
       },
       /**
        * 编辑、删除
        */
-      updateAppVersion() {
-        let params = {
-          id: this.form.id,
-          markName: this.form.markName,
-          markRemark: this.form.markRemark,
-          changeMark: 1,//1：修改2：删除
-        };
-        appMarkVersionUpdate( params ).then(res=>{
-          if (res.status === 200) {
-            this.$notify({
-              title: '成功',
-              message: '修改成功',
-              type: 'success',
-              duration: 2000
-            });
-            this.getList();
-          } else {
-            this.$notify({
-              title: '失败',
-              message: '修改失败！',
-              type: 'error',
-              duration: 2000
-            });
+      updateAppVersion(formName) {
+        const set = this.$refs;
+        set[formName].validate(valid => {
+          if (valid) {
+            let params = {
+              id: this.form.id,
+              mark: this.form.mark,
+              markName: this.form.markName,
+              markRemark: this.form.markRemark,
+              changeMark: 1,//1：修改2：删除
+              sourceType: this.form.sourceType
+            };
+            appMarkVersionUpdate( params ).then(res=>{
+              if (res.status === 200) {
+                this.$notify({
+                  title: '成功',
+                  message: '修改成功',
+                  type: 'success',
+                  duration: 2000
+                });
+                this.getList();
+              } else {
+                this.$notify({
+                  title: '失败',
+                  message: res.message,
+                  type: 'error',
+                  duration: 2000
+                });
+              }
+              this.versionPopup = false
+            })
           }
-          this.versionPopup = false
         })
       },
       /**
@@ -263,22 +311,27 @@
           type: 'warning'
         }).then(() => {
           let params = {
+            changeMark: 2,//1：修改2：删除
             id: row.id,
+            mark: row.mark,
             markName: row.markName,
             markRemark: row.markRemark,
-            changeMark: 2,//1：修改2：删除
+            sourceType: row.sourceType
           };
           appMarkVersionUpdate(params).then(res=>{
             if (res.status==200) {
               this.$notify.success({
-                title: '删除成功',
-                message: `success`
+                title: '成功',
+                type: 'success',
+                message: `删除成功`
               })
             } else {
-              this.$notify.warning({
-                title: '删除失败',
-                message: `failed`
-              })
+              this.$notify({
+                title: '失败',
+                message: res.message,
+                type: 'error',
+                duration: 2000
+              });
             }
             this.getList();
           })
@@ -290,6 +343,7 @@
           mark: undefined,
           markRemark: '',
           markName: '',
+          sourceType: undefined
         };
       }
     }