|
|
@@ -107,7 +107,6 @@
|
|
|
<el-col :span="6">
|
|
|
<el-form-item prop="roleList" label="履职角色:">
|
|
|
<el-select
|
|
|
-
|
|
|
label="履职角色"
|
|
|
v-model="formData.roleList"
|
|
|
placeholder="请选择履职角色"
|
|
|
@@ -157,41 +156,40 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-form-item prop="note" label="备注">
|
|
|
- <el-input
|
|
|
- v-model="formData.note"
|
|
|
- :maxlength="255"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ <el-input v-model="formData.note" :maxlength="255" clearable />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-button @click="openSelect">新增履职内容</el-button>
|
|
|
-
|
|
|
+
|
|
|
<el-table :data="tableData" style="width: 100%" height="400px">
|
|
|
- <el-table-column label="是否扫描" >
|
|
|
- <template v-slot="{ row }">
|
|
|
+ <el-table-column label="是否扫描">
|
|
|
+ <template v-slot="{ row }">
|
|
|
<el-switch
|
|
|
v-model="row.pointScan"
|
|
|
active-text="是"
|
|
|
- inactive-text="否">
|
|
|
+ inactive-text="否"
|
|
|
+ >
|
|
|
</el-switch>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="必须履职" >
|
|
|
- <template v-slot="{ row }">
|
|
|
+ <el-table-column label="必须履职">
|
|
|
+ <template v-slot="{ row }">
|
|
|
<el-switch
|
|
|
v-model="row.required"
|
|
|
active-text="是"
|
|
|
- inactive-text="否">
|
|
|
+ inactive-text="否"
|
|
|
+ >
|
|
|
</el-switch>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="ruleName" label="履职内容库" > </el-table-column>
|
|
|
- <el-table-column prop="itemName" label="履职项" > </el-table-column>
|
|
|
- <el-table-column prop="pointName" label="履职内容" > </el-table-column>
|
|
|
- <el-table-column prop="areaName" label="履职区域" > </el-table-column>
|
|
|
- <el-table-column prop="areaName" label="操作" >
|
|
|
- <template v-slot="{ row }">
|
|
|
+ <el-table-column prop="ruleName" label="履职内容库">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="itemName" label="履职项"> </el-table-column>
|
|
|
+ <el-table-column prop="pointName" label="履职内容"> </el-table-column>
|
|
|
+ <el-table-column prop="areaName" label="履职区域"> </el-table-column>
|
|
|
+ <el-table-column prop="areaName" label="操作">
|
|
|
+ <template v-slot="{ row }">
|
|
|
<el-button type="text" @click="removeRow(row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -204,11 +202,11 @@
|
|
|
</div>
|
|
|
</DialogCom>
|
|
|
<DialogSelect
|
|
|
- ref="DialogSelect"
|
|
|
- :defaultSelect=defaultSelect
|
|
|
- :orgType="formData.execOrgType"
|
|
|
- @select="onSelect"
|
|
|
- ></DialogSelect>
|
|
|
+ ref="DialogSelect"
|
|
|
+ :defaultSelect="defaultSelect"
|
|
|
+ :orgType="formData.execOrgType"
|
|
|
+ @select="onSelect"
|
|
|
+ ></DialogSelect>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -347,33 +345,35 @@ export default {
|
|
|
},
|
|
|
async refresh(id, other) {
|
|
|
this.formData = id ? (await api.get(id)).data : this.reset(other);
|
|
|
- if(this.formData.execOrgType){
|
|
|
+ if (this.formData.execOrgType) {
|
|
|
this.getRolesByOrg();
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
- onSelect(selectList){
|
|
|
+ onSelect(selectList) {
|
|
|
console.log(selectList);
|
|
|
- for(let i=0;i<selectList.length;i++){
|
|
|
- let tem={
|
|
|
- pointScan:!selectList[i].pointScan,
|
|
|
- required:!selectList[i].required,
|
|
|
- ruleName:selectList[i].ruleName,
|
|
|
- itemName:selectList[i].itemName,
|
|
|
- pointName:selectList[i].pointName,
|
|
|
- areaName:selectList[i].areaName,
|
|
|
- itemId:selectList[i].itemId,
|
|
|
- id:selectList[i].id,
|
|
|
- }
|
|
|
- if(this.tableData==null){
|
|
|
- this.tableData=[];
|
|
|
+ if (this.tableData == null) {
|
|
|
+ this.tableData = [];
|
|
|
+ }
|
|
|
+ for (let i = 0; i < selectList.length; i++) {
|
|
|
+ let item = selectList[i];
|
|
|
+ let exist = this.tableData.find((d) => d.id == item.id);
|
|
|
+ if (!exist) {
|
|
|
+ let tem = {
|
|
|
+ pointScan: !item.pointScan,
|
|
|
+ required: !item.required,
|
|
|
+ ruleName: item.ruleName,
|
|
|
+ itemName: item.itemName,
|
|
|
+ pointName: item.pointName,
|
|
|
+ areaName: item.areaName,
|
|
|
+ itemId: item.itemId,
|
|
|
+ id: item.id,
|
|
|
+ };
|
|
|
+
|
|
|
+ this.tableData.push(tem);
|
|
|
}
|
|
|
- this.tableData.push(tem);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
- onOrgTypeChanged(){
|
|
|
+ onOrgTypeChanged() {
|
|
|
this.getRolesByOrg();
|
|
|
},
|
|
|
async show(id, other = {}) {
|
|
|
@@ -392,26 +392,26 @@ export default {
|
|
|
this.isShow = true;
|
|
|
},
|
|
|
removeRow(row) {
|
|
|
- this.tableData = this.tableData.filter(item => item !== row)
|
|
|
+ this.tableData = this.tableData.filter((item) => item !== row);
|
|
|
// this.tableData.splice(index, 1);
|
|
|
},
|
|
|
// 事件
|
|
|
onHide() {
|
|
|
this.isShow = false;
|
|
|
},
|
|
|
- getIteamF(){
|
|
|
- if(this.id==null){
|
|
|
- this.defaultSelect=[];
|
|
|
- return;
|
|
|
- }
|
|
|
- api.getPointIds(this.id).then((res) => {
|
|
|
- this.defaultSelect = res.data;
|
|
|
- });
|
|
|
+ getIteamF() {
|
|
|
+ // if(this.id==null){
|
|
|
+ // this.defaultSelect=[];
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // api.getPointIds(this.id).then((res) => {
|
|
|
+ // this.defaultSelect = res.data;
|
|
|
+ // });
|
|
|
+
|
|
|
+ return this.tableData.map((d) => d.id);
|
|
|
},
|
|
|
openSelect() {
|
|
|
-
|
|
|
- this.getIteamF();
|
|
|
- this.$refs.DialogSelect.show();
|
|
|
+ this.$refs.DialogSelect.show(this.getIteamF());
|
|
|
},
|
|
|
onSubmit() {
|
|
|
this.$refs.form.validate(async (isValidate) => {
|
|
|
@@ -420,7 +420,8 @@ export default {
|
|
|
this.formData.planCreateOrgName = this.orgName;
|
|
|
if (!isValidate) return;
|
|
|
this.formData.itemList = this.tableData == null ? [] : this.tableData;
|
|
|
- this.formData.roleList = this.selectedValues.length==0?null:this.selectedValues;
|
|
|
+ this.formData.roleList =
|
|
|
+ this.selectedValues.length == 0 ? null : this.selectedValues;
|
|
|
await api.update(this.formData);
|
|
|
this.$emit("success");
|
|
|
this.onHide();
|
|
|
@@ -433,7 +434,7 @@ export default {
|
|
|
//apimark//
|
|
|
},
|
|
|
mounted() {},
|
|
|
- components: {DialogSelect},
|
|
|
+ components: { DialogSelect },
|
|
|
};
|
|
|
</script>
|
|
|
|