|
@@ -11,46 +11,88 @@
|
|
|
<!--新增组织-->
|
|
|
<div class="addApp-form">
|
|
|
<div class="addApp-form-title flex">
|
|
|
- <div class="title">编辑组织</div>
|
|
|
- <div v-is="['organ_btn_edit']" class="btn">
|
|
|
+ <div class="title">新增组织</div>
|
|
|
+ <div v-is="['organ_btn_save']" class="btn">
|
|
|
<el-button @click="saveBtn('form')" type="primary">保存</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="addApp-form-content dialog-public-background">
|
|
|
<el-form :inline="true" ref="form" :rules="rules" class="form" :model="form">
|
|
|
- <el-form-item prop="name" label="组织名称">
|
|
|
- <el-input placeholder="请输入组织名称" v-model.trim="form.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="id" label="组织类型">
|
|
|
- <el-select v-model="form.id" placeholder="请选择">
|
|
|
- <el-option label="集团内" :value="1"></el-option>
|
|
|
- <el-option label="集团外" :value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="desc" label="描述">
|
|
|
- <el-input style="width: 1050px" placeholder="请输入描述" v-model.trim="form.desc"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div class="top24">
|
|
|
- <el-form-item class="oneCode" prop="oneCode" label="1级编码">
|
|
|
- <el-input placeholder="请输入编码" v-model.trim="form.oneCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="twoCode" class="twoCode" label="2级编码">
|
|
|
- <el-input placeholder="请输入编码" style="width: 202px" v-model.trim="form.twoCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="threeCode" label="3级编码">
|
|
|
- <el-input placeholder="请输入编码" v-model.trim="form.threeCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="fourCode" label="4级编码">
|
|
|
- <el-input placeholder="请输入编码" v-model.trim="form.fourCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="fiveCode" label="5级编码">
|
|
|
- <el-input placeholder="请输入编码" v-model.trim="form.fiveCode"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="bmCode" label="编码类型">
|
|
|
- <el-autocomplete class="inline-input" v-model="form.bmCode" :fetch-suggestions="querySearch" placeholder="请输入内容"></el-autocomplete>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="name" label="组织名称">
|
|
|
+ <el-input placeholder="请输入组织名称" v-model.trim="form.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="id" label="组织类型">
|
|
|
+ <el-select v-model="form.id" placeholder="请选择">
|
|
|
+ <el-option label="集团内" :value="1"></el-option>
|
|
|
+ <el-option label="集团外" :value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item class="mr20" prop="desc" label="描述">
|
|
|
+ <el-input style="width:735px" placeholder="请输入描述" v-model.trim="form.desc"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="capTr" :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="bmCode" label="编码类型">
|
|
|
+ <el-autocomplete class="inline-input" v-model="form.bmCode" :fetch-suggestions="querySearch" placeholder="请输入内容"></el-autocomplete>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="oneCode" label="1级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.oneCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="twoCode" class="twoCode" label="2级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.twoCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="threeCode" label="3级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.threeCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="capTr" :gutter="20">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item class="mr15" prop="fourCode" label="4级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.fourCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item class="mr10" prop="fiveCode" label="5级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.fiveCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="sixCode" label="6级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.sixCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item prop="sevenCode" label="7级编码">
|
|
|
+ <el-input placeholder="请输入编码" v-model.trim="form.sevenCode"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
+ <div class="orgXf flex-wrap">
|
|
|
+ <div class="orgXf_title">选择下发应用</div>
|
|
|
+ <div class="orgXf_content">
|
|
|
+ <el-checkbox-group v-model="checkList">
|
|
|
+ <el-col v-for="(item,index) in checkArr" :key="index" class="orgXf_content_list" :span="3">
|
|
|
+ <el-checkbox :label="item.appId">{{item.appName}}</el-checkbox>
|
|
|
+ </el-col>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="power-content flex-wrap">
|
|
@@ -97,7 +139,9 @@ export default {
|
|
|
threeCode: "",
|
|
|
fourCode: "",
|
|
|
fiveCode: "",
|
|
|
- bmCode: ""
|
|
|
+ bmCode: "",
|
|
|
+ sixCode: "",
|
|
|
+ sevenCode: ""
|
|
|
},
|
|
|
title: "角色",
|
|
|
rules: {
|
|
@@ -110,12 +154,15 @@ export default {
|
|
|
desc: [{ validator: lengthValidator, max: 256, message: '长度在 1 到 256 个字符', trigger: ['change', 'blur'] }],
|
|
|
oneCode: [
|
|
|
{ required: true, message: "请输入组织名称", trigger: "blur" },
|
|
|
- { validator: lengthValidator, max: 2, message: '长度在 1 到 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
- twoCode: [{ validator: lengthValidator, max: 3, message: '长度在 1 到 3 个字符', trigger: ['change', 'blur'] }],
|
|
|
- threeCode: [{ validator: lengthValidator, max: 8, message: '长度在 1 到 8 个字符', trigger: ['change', 'blur'] }],
|
|
|
- fourCode: [{ validator: lengthValidator, max: 2, message: '长度在 1 到 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
- fiveCode: [{ validator: lengthValidator, max: 2, message: '长度在 1 到 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ { validator: lengthValidator, min: 2, max: 2, message: '长度在 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ twoCode: [{ validator: lengthValidator, min: 4, max: 4, message: '长度在 4 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ threeCode: [{ validator: lengthValidator, min: 4, max: 4, message: '长度在 4 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ fourCode: [{ validator: lengthValidator, min: 4, max: 4, message: '长度在 4 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ fiveCode: [{ validator: lengthValidator, min: 4, max: 4, message: '长度在 4 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ sixCode: [{ validator: lengthValidator, min: 2, max: 2, message: '长度在 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
+ sevenCode: [{ validator: lengthValidator, min: 2, max: 2, message: '长度在 2 个字符', trigger: ['change', 'blur'] }],
|
|
|
bmCode: [
|
|
|
+ { required: true, message: "请输入编码类型", trigger: ['change', 'blur'] },
|
|
|
{ validator: lengthValidator, max: 1, message: '长度在 1 个字符', trigger: ['change', 'blur'] },
|
|
|
{ validator: checkDx, trigger: ['change', 'blur'] }
|
|
|
],
|
|
@@ -221,6 +268,7 @@ export default {
|
|
|
this.AppId = OrganId;
|
|
|
this.openRole = OpenRole;
|
|
|
this.OpenGroup = OpenGroup;
|
|
|
+ this.getSendSystem();
|
|
|
this.getOrganTree();
|
|
|
this.getOrganDetails(this.AppId);
|
|
|
},
|
|
@@ -312,6 +360,9 @@ export default {
|
|
|
L3,
|
|
|
L4,
|
|
|
L5,
|
|
|
+ L6,
|
|
|
+ L7,
|
|
|
+ apps,
|
|
|
Type
|
|
|
} = res.returnData;
|
|
|
this.form.name = OrganName;
|
|
@@ -322,7 +373,10 @@ export default {
|
|
|
this.form.threeCode = L3;
|
|
|
this.form.fourCode = L4;
|
|
|
this.form.fiveCode = L5;
|
|
|
+ this.form.sixCode = L6;
|
|
|
+ this.form.sevenCode = L7;
|
|
|
this.form.bmCode = Type;
|
|
|
+ this.checkList = Array.from(new Set(apps));
|
|
|
this.Status = Status;
|
|
|
if (AuthList && AuthList.length) {
|
|
|
AuthList.forEach((item) => {
|
|
@@ -423,7 +477,10 @@ export default {
|
|
|
L3: this.form.threeCode,
|
|
|
L4: this.form.fourCode,
|
|
|
L5: this.form.fiveCode,
|
|
|
- Type: this.form.bmCode
|
|
|
+ L6: this.form.sixCode,
|
|
|
+ L7: this.form.sevenCode,
|
|
|
+ Type: this.form.bmCode,
|
|
|
+ Apps: this.checkList
|
|
|
});
|
|
|
if (res.code === 0) {
|
|
|
this.$message.success(res.message);
|
|
@@ -480,10 +537,22 @@ export default {
|
|
|
.el-form-item {
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
+ .capTr {
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .mr15 {
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ .mr10 {
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ .mr20 {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
.el-input__inner {
|
|
|
height: 32px;
|
|
|
line-height: 32px;
|
|
|
- min-width: 184px;
|
|
|
+ min-width: 300px;
|
|
|
}
|
|
|
.content {
|
|
|
.el-form-item__content {
|
|
@@ -514,4 +583,19 @@ export default {
|
|
|
height: 704px;
|
|
|
}
|
|
|
}
|
|
|
+.orgXf {
|
|
|
+ margin-top: 20px;
|
|
|
+ &_title {
|
|
|
+ margin-right: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ &_content {
|
|
|
+ flex: 1;
|
|
|
+ &_list {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|