角色管理优化新增mqcode录入处理

朱兆平
src/views/nav1/role.vue
--- a/src/views/nav1/role.vue
查看文件 @effae55
+++ b/src/views/nav1/role.vue
查看文件 @effae55
@@ -39,6 +39,8 @@
 			</el-table-column>
 			<el-table-column prop="customsRegCode" label="海关备案代码" min-width="150" >
 			</el-table-column>
+			<el-table-column prop="mqcode" label="海关通道编号" min-width="150" >
+			</el-table-column>
 			<el-table-column label="操作" min-width="260">
 				<template slot-scope="scope">
 					<el-button type="primary" size="small" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>
@@ -56,36 +58,36 @@
 		</el-col>
 		<!--编辑界面-->
-		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
-			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
-				<el-form-item label="ID">
-					<span>{{editForm.roleId}}</span>
-				</el-form-item>
-				<el-form-item label="岗位名称">
-					<el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
-				</el-form-item>
-				<el-form-item label="岗位描述">
-					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>
-				</el-form-item>
-				<el-form-item label="部门名称">
-					<el-select v-model="editForm.departmentId" placeholder="请选择">
-						<el-option
-								v-for="item in departmentNameList"
-								:key="item.departmentId"
-								:label="item.departmentName"
-								:value="item.departmentId">
-						</el-option>
-					</el-select>
-				</el-form-item>
-			</el-form>
-			<div slot="footer" class="dialog-footer">
-				<el-button @click.native="editFormVisible = false">取消</el-button>
-				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
-			</div>
-		</el-dialog>
+<!--		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">-->
+<!--			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">-->
+<!--				<el-form-item label="ID">-->
+<!--					<span>{{editForm.roleId}}</span>-->
+<!--				</el-form-item>-->
+<!--				<el-form-item label="组织机构名称">-->
+<!--					<el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>-->
+<!--				</el-form-item>-->
+<!--				<el-form-item label="组织机构描述">-->
+<!--					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>-->
+<!--				</el-form-item>-->
+<!--				<el-form-item label="组织机构类型">-->
+<!--					<el-select v-model="editForm.departmentId" placeholder="请选择">-->
+<!--						<el-option-->
+<!--								v-for="item in departmentNameList"-->
+<!--								:key="item.departmentId"-->
+<!--								:label="item.departmentName"-->
+<!--								:value="item.departmentId">-->
+<!--						</el-option>-->
+<!--					</el-select>-->
+<!--				</el-form-item>-->
+<!--			</el-form>-->
+<!--			<div slot="footer" class="dialog-footer">-->
+<!--				<el-button @click.native="editFormVisible = false">取消</el-button>-->
+<!--				<el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>-->
+<!--			</div>-->
+<!--		</el-dialog>-->
 		<!--新增界面-->
-		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+		<el-dialog :title="dialogMap[dialogStatus]" :visible.sync="addFormVisible" :close-on-click-modal="false">
 			<el-form :model="addForm" label-width="120px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="上级组织机构">
 					<span>{{addForm.parentName}}</span>
@@ -96,7 +98,7 @@
 				<el-form-item label="组织机构描述" prop="description">
 					<el-input v-model="addForm.description" auto-complete="off" placeholder="组织机构描述：例如:组织机构简介"></el-input>
 				</el-form-item>
-				<el-form-item label="组织机构类型" prop="description">
+				<el-form-item label="组织机构类型" prop="type">
 					<el-select
 							v-model="addForm.type"
 							filterable
@@ -111,16 +113,19 @@
 						</el-option>
 					</el-select>
 				</el-form-item>
-				<el-form-item label="工商企业代码" prop="description">
+				<el-form-item label="工商企业代码" prop="businessLicense">
 					<el-input v-model="addForm.businessLicense" auto-complete="off" placeholder="社会信用代码或者组织机构代码"></el-input>
 				</el-form-item>
-				<el-form-item label="海关备案代码" prop="description">
+				<el-form-item label="海关备案代码" prop="customsRegCode">
 					<el-input v-model="addForm.customsRegCode" auto-complete="off" placeholder="海关备案后返回的备案代码"></el-input>
 				</el-form-item>
+				<el-form-item label="海关通道编号" prop="mqcode">
+					<el-input v-model="addForm.mqcode" auto-complete="off" placeholder="海关通道编号"></el-input>
+				</el-form-item>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 				<el-button @click.native="addFormVisible = false">取消</el-button>
-				<el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+				<el-button type="primary" @click="dialogStatus==='create'?addSubmit():editSubmit()" :loading="addLoading" >提交</el-button>
 			</div>
 		</el-dialog>
@@ -193,7 +198,11 @@
                     roleSign: 1,
 					departmentId:''
 				},
-
+				dialogMap: {
+					update: '编辑',
+					create: '新增',
+				},
+				dialogStatus: 'create',
                 //新增界面是否显示
 				addFormVisible: false,
 				//设置权限界面是否显示
@@ -216,7 +225,8 @@
 					type: '',
                     businessLicense: '',
                     customsRegCode: '',
-					parentName: ''
+					parentName: '',
+					mqcode: ''
 				},
                 permForm: {
@@ -348,9 +358,10 @@
              * @param row 为这行的数据对象
              */
 			handleEdit: function (index, row) {
-				this.editFormVisible = true;
-				this.editForm = Object.assign({}, row);
-				this.getdepartmentNames();
+				this.addFormVisible = true;
+				this.dialogStatus= 'update',
+				this.addForm = Object.assign({}, row);
+				// this.getdepartmentNames();
 			},
             setPerm: function (index, row) {
                 this.PermFormVisible = true;
@@ -376,6 +387,7 @@
 			//显示新增界面，每次点开初始化数据
 			handleAdd: function (index,row) {
 				this.addFormVisible = true;
+				this.dialogStatus= 'create';
 				this.addForm = {
                     description: '',
                     roleName: '',
@@ -384,6 +396,7 @@
                     type: '',
                     businessLicense: '',
                     customsRegCode: '',
+					mqcode: '',
                     parentid: 0
                 };
@@ -399,12 +412,12 @@
 			},
 			//编辑
 			editSubmit: function () {
-				this.$refs.editForm.validate((valid) => {
+				this.$refs.addForm.validate((valid) => {
 					if (valid) {
 						this.$confirm('确认提交吗？', '提示', {}).then(() => {
-							this.editLoading = true;
+							this.addLoading = true;
 							//NProgress.start();
-							let para = Object.assign({}, this.editForm);
+							let para = Object.assign({}, this.addForm);
 							//不需要提交的 去掉，后端不好接收
 							para.authorities = null;
 							para.permissions = null;
@@ -417,8 +430,8 @@
         					式;
     						*/
 							/*moment 安装 npm install moment --save*/
-                            para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
-                            this.editLoading = false;
+                            // para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
+                            this.addLoading = false;
                             edit(para).then((res) => {
 								//NProgress.done();
@@ -426,8 +439,8 @@
 									message: '提交成功',
 									type: 'success'
 								});
-								this.$refs['editForm'].resetFields();
-								this.editFormVisible = false;
+								this.$refs['addForm'].resetFields();
+								this.addFormVisible = false;
 								this.getRoles();
 							}).catch(error => alert(error));
 						});