gitadmin
/
jndz_admin_web_discard_20240715
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

chain

master
yangzhou-cyber 3 years ago
parent
185e34a2c8
commit
19410d03c6
6 changed files with 767 additions and 703 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +106
    -19
      src/views/chain/assessmentContent.vue
  2. +3
    -3
      src/views/chain/search.vue
  3. +13
    -16
      src/views/second/segmentation/contentDetail.vue
  4. +212
    -223
      src/views/second/taskSummary/basicTable.vue
  5. +217
    -221
      src/views/second/taskSummary/constraint.vue
  6. +216
    -221
      src/views/second/taskSummary/reward.vue

+ 106
- 19
src/views/chain/assessmentContent.vue View File

<template> <template>
<div class="software ele-body"> <div class="software ele-body">
<el-card shadow="never" element-loading-background="rgba(255, 255, 255, 1)"> <el-card shadow="never" element-loading-background="rgba(255, 255, 255, 1)">
<search @search:task="updateParams($event)" :category-list="dataList"/>
<search @search:task="updateParams($event)" :category-list="dataList" />
<div class="operating"> <div class="operating">
<el-button size="small" type="primary" @click="edit()"
<el-button size="small" type="primary" @click="edit('add')"
>新增考核内容</el-button >新增考核内容</el-button
> >
</div> </div>
<el-col :span="4" align="center" class="td" <el-col :span="4" align="center" class="td"
><span class="cell" ><span class="cell"
><el-link ><el-link
@click="edit(index, ind)"
@click="edit('edit', index, ind)"
icon="el-icon-edit" icon="el-icon-edit"
type="primary" type="primary"
:underline="false" :underline="false"
@submit.native.prevent @submit.native.prevent
:rules="rules" :rules="rules"
> >
<el-form-item label="产业链名称：" prop="">
<el-select placeholder="请选择产业链名称">
<el-option></el-option>
<el-form-item label="产业链名称：" prop="categoryId">
<el-select v-model="form.categoryId" filterable clearable>
<el-option
v-for="(item, index) of dataList"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="考核指标：" prop="">
<el-select placeholder="请选择考核指标">
<el-option prop=""></el-option>
<el-form-item label="考核指标：" prop="type">
<el-select v-model="form.type" filterable clearable>
<el-option
v-for="(item, index) of quotaList"
:key="index"
:label="item.quota"
:value="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="指标内容：" prop="">
<el-form-item label="指标内容：" prop="content">
<el-input <el-input
type="textarea" type="textarea"
:rows="5" :rows="5"
placeholder="请输入考核内容" placeholder="请输入考核内容"
v-model="form.content"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="分值：" prop="">
<el-input placeholder="请输入分值"></el-input>
<el-form-item label="分值：" prop="points">
<el-input placeholder="请输入分值" v-model="form.points"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="牵头部门：" prop="">
<el-form-item label="得分：" prop="score">
<el-input placeholder="请输入得分" v-model="form.score"></el-input>
</el-form-item>
<el-form-item label="牵头部门：" prop="leaderDept">
<treeselect <treeselect
v-model="form.leaderDept"
:disable-branch-nodes="true" :disable-branch-nodes="true"
:flat="true" :flat="true"
:options="formatDep" :options="formatDep"
" "
/> />
</el-form-item> </el-form-item>
<el-form-item label="配合部门：" prop="">
<el-form-item label="配合部门：" prop="cooperateDept">
<treeselect <treeselect
v-model="form.cooperateDept"
:disable-branch-nodes="true" :disable-branch-nodes="true"
:flat="true" :flat="true"
:options="formatDep" :options="formatDep"
dataList: [], dataList: [],
tableHeight: document.documentElement.clientHeight - 310, tableHeight: document.documentElement.clientHeight - 310,
showEdit: false, showEdit: false,
action: "",
title: "", title: "",
form: {}, form: {},
rules: {}, rules: {},
loading: false, loading: false,
dialogTitle: "", dialogTitle: "",
quotaList: [
{ id: 1, quota: "重点指标" },
{ id: 2, quota: "重点任务" },
{ id: 3, quota: "加减分考核" },
],
}; };
}, },
created() { created() {
this.loading = false; this.loading = false;
}); });
}, },
edit(index, ind) {
edit(type, index, ind) {
this.showEdit = true; this.showEdit = true;
let title = "新增考核内容";
if (index && ind) {
console.log("编辑");
let title;
if (type == "edit") {
title = "编辑考核内容"; title = "编辑考核内容";
this.action = "edit";
}
if (type == "add") {
title = "新增考核内容";
this.action = "add";
} }
this.dialogTitle = title; this.dialogTitle = title;
}, },
save() {},
save(type) {
let form = JSON.parse(JSON.stringify(this.form));
for (let key in form) {
console.log(key, form[key]);
if (!form[key]) {
this.$message({
type: "warning",
message: "请完善信息",
});
return;
}
if (Array.isArray(form[key])) {
if (form[key].length == 0) {
this.$message({
type: "warning",
message: "请完善信息",
});
return;
}
}
if (key == "points" || key == "score") {
if (parseInt(form[key]) !== parseInt(form[key])) {
this.$message({
type: "warning",
message: "分数类请输入数字",
});
return;
}
}
if (typeof form[key] == "string" && !form[key].trim()) {
this.$message({
type: "warning",
message: "请完善信息",
});
return;
}
}
try {
form.leaderDept = form.leaderDept.join(",");
form.cooperateDept = form.cooperateDept.join(",");
} catch (e) {
this.$message({ type: "warning", message: "请完善信息" });
return
}
if (this.action == "edit") {
}
if (this.action == "add") {
api
.add(form)
.then((res) => {
this.$message({
type: "success",
message: "添加考核目标内容失败",
});
this.getList();
})
.then((e) => {
this.$message.error("添加考核目标内容失败");
});
}
},
}, },
computed: { computed: {
...mapGetters(["formatDep"]), ...mapGetters(["formatDep"]),

+ 3
- 3
src/views/chain/search.vue View File

<template> <template>
<div class="search"> <div class="search">
<el-form :inline="true" :model="searchParams" size="small"> <el-form :inline="true" :model="searchParams" size="small">
<el-form-item label="考核指标">
<el-select v-model="searchParams.categoryId">
<el-form-item label="产业链名称：">
<el-select v-model="searchParams.categoryId" placeholder="请选择产业链名称">
<el-option <el-option
v-for="(item, index) of categoryList" v-for="(item, index) of categoryList"
:key="index" :key="index"
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="考核指标"> <el-form-item label="考核指标">
<el-select v-model="searchParams.type ">
<el-select v-model="searchParams.type " placeholder="请选择考核指标">
<el-option <el-option
v-for="(item, index) of quotaList" v-for="(item, index) of quotaList"
:key="index" :key="index"

+ 13
- 16
src/views/second/segmentation/contentDetail.vue View File

data[map[this.type]].push({ add: true }); data[map[this.type]].push({ add: true });
} }
if (type == "edit") { if (type == "edit") {
let form = JSON.parse(
JSON.stringify(this.data[map[this.type]][index])
);
form.cooperateDept = form.cooperateDept
.split(",")
.map((item) => parseInt(item));
form.cooperatePrincipal = form.cooperatePrincipal
.split(",")
.map((item) => parseInt(item));
form.otherDept = form.otherDept
.split(",")
.map((item) => parseInt(item));
form.otherPrincipal = form.otherPrincipal
.split(",")
.map((item) => parseInt(item));
console.log(form);
let form = JSON.parse(JSON.stringify(row));
form.cooperateDept =
form.cooperateDept &&
form.cooperateDept.split(",").map((item) => parseInt(item));
form.cooperatePrincipal =
form.cooperatePrincipal &&
form.cooperatePrincipal.split(",").map((item) => parseInt(item));
form.otherDept =
form.otherDept &&
form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal =
form.otherPrincipal &&
form.otherPrincipal.split(",").map((item) => parseInt(item));
this.form = form; this.form = form;
this.$set(this.data[map[this.type]][index], "edit", true); this.$set(this.data[map[this.type]][index], "edit", true);
} }

+ 212
- 223
src/views/second/taskSummary/basicTable.vue View File

@closed="form = {}" @closed="form = {}"
> >
<!-- <el-scrollbar style="height: 50vh"> --> <!-- <el-scrollbar style="height: 50vh"> -->
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="
display: flex;
justify-content: center;
margin-bottom: 20px;
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
" "
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
> >
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
>
</div>
<!-- <span
</div>
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('other')" @click="addDept('other')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other', index)"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other', index)"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div> </div>
<div class="cooperate">
<div
style="
display: flex;
justify-content: center;
margin-bottom: 20px;
"
</div>
<div class="cooperate">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
> >
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
>
</div>
<!-- <span
</div>
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('cooperate')" @click="addDept('cooperate')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div> </div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input
placeholder="请输入分值"
v-model="form.points"
></el-input
></el-col>
</el-row>
</div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input placeholder="请输入分值" v-model="form.points"></el-input
></el-col>
</el-row>
<!-- </el-scrollbar> --> <!-- </el-scrollbar> -->
<div slot="footer"> <div slot="footer">
<el-button type="primary" @click="save">确定</el-button> <el-button type="primary" @click="save">确定</el-button>
}, },
addDept(type) { addDept(type) {
if (type == "other") { if (type == "other") {
this.form.otherDept = this.form.otherDept || [];
this.form.otherPrincipal = this.form.otherPrincipal || [];
this.form.otherDept.push(undefined); this.form.otherDept.push(undefined);
this.form.otherPrincipal.push(undefined); this.form.otherPrincipal.push(undefined);
} }
if (type == "cooperate") { if (type == "cooperate") {
this.form.cooperateDept = this.form.cooperateDept || [];
this.form.cooperatePrincipal = this.form.cooperatePrincipal || [];
this.form.cooperateDept.push(undefined); this.form.cooperateDept.push(undefined);
this.form.cooperatePrincipal.push(undefined); this.form.cooperatePrincipal.push(undefined);
} }
edit(row) { edit(row) {
this.showEdit = true; this.showEdit = true;
let form = JSON.parse(JSON.stringify(row)); let form = JSON.parse(JSON.stringify(row));
// form.leaderDept = form.leaderDept
// .split(",")
// .map((item) => parseInt(item));
form.cooperateDept = form.cooperateDept
.split(",")
.map((item) => parseInt(item));
// form.leaderPrincipal = form.leaderPrincipal
// .split(",")
// .map((item) => parseInt(item));
form.cooperatePrincipal = form.cooperatePrincipal
.split(",")
.map((item) => parseInt(item));
form.otherDept = form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal = form.otherPrincipal
.split(",")
.map((item) => parseInt(item));
form.cooperateDept =
form.cooperateDept &&
form.cooperateDept.split(",").map((item) => parseInt(item));
form.cooperatePrincipal =
form.cooperatePrincipal &&
form.cooperatePrincipal.split(",").map((item) => parseInt(item));
form.otherDept =
form.otherDept &&
form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal =
form.otherPrincipal &&
form.otherPrincipal.split(",").map((item) => parseInt(item));
this.form = form; this.form = form;
}, },
save() { save() {
/deep/ .el-dialog__body { /deep/ .el-dialog__body {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
max-height:60vh;
max-height: 60vh;
overflow-y: scroll; overflow-y: scroll;
} }
</style> </style>

+ 217
- 221
src/views/second/taskSummary/constraint.vue View File

@closed="form = {}" @closed="form = {}"
> >
<!-- <el-scrollbar style="height: 50vh"> --> <!-- <el-scrollbar style="height: 50vh"> -->
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
> >
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
>
</div>
<!-- <span
</div>
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('other')" @click="addDept('other')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other')"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
</div>
<div class="cooperate">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
> >
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other')"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
</div> </div>
<div class="cooperate">
<div
style="
display: flex;
justify-content: center;
margin-bottom: 20px;
"
>
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
>
</div>
<!-- <span
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('cooperate')" @click="addDept('cooperate')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
</div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input placeholder="请输入分值" v-model="form.points"></el-input
></el-col>
</el-row>
<div slot="footer">
<el-button type="primary" @click="save">确定</el-button>
<el-button @click="showEdit = false">取消</el-button>&nbsp;
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div> </div>
</div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input placeholder="请输入分值" v-model="form.points"></el-input
></el-col>
</el-row>
<div slot="footer">
<el-button type="primary" @click="save">确定</el-button>
<el-button @click="showEdit = false">取消</el-button>&nbsp;
</div>
<!-- </el-scrollbar> --> <!-- </el-scrollbar> -->
</el-dialog> </el-dialog>
</div> </div>
}, },
addDept(type) { addDept(type) {
if (type == "other") { if (type == "other") {
this.form.otherDept = this.form.otherDept || [];
this.form.otherPrincipal = this.form.otherPrincipal || [];
this.form.otherDept.push(undefined); this.form.otherDept.push(undefined);
this.form.otherPrincipal.push(undefined); this.form.otherPrincipal.push(undefined);
} }
if (type == "cooperate") { if (type == "cooperate") {
this.form.cooperateDept = this.form.cooperateDept || [];
this.form.cooperatePrincipal = this.form.cooperatePrincipal || [];
this.form.cooperateDept.push(undefined); this.form.cooperateDept.push(undefined);
this.form.cooperatePrincipal.push(undefined); this.form.cooperatePrincipal.push(undefined);
} }
edit(row) { edit(row) {
this.showEdit = true; this.showEdit = true;
let form = JSON.parse(JSON.stringify(row)); let form = JSON.parse(JSON.stringify(row));
// form.leaderDept = form.leaderDept
// .split(",")
// .map((item) => parseInt(item));
form.cooperateDept = form.cooperateDept
.split(",")
.map((item) => parseInt(item));
// form.leaderPrincipal = form.leaderPrincipal
// .split(",")
// .map((item) => parseInt(item));
form.cooperatePrincipal = form.cooperatePrincipal
.split(",")
.map((item) => parseInt(item));
form.otherDept = form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal = form.otherPrincipal
.split(",")
.map((item) => parseInt(item));
form.cooperateDept =
form.cooperateDept &&
form.cooperateDept.split(",").map((item) => parseInt(item));
form.cooperatePrincipal =
form.cooperatePrincipal &&
form.cooperatePrincipal.split(",").map((item) => parseInt(item));
form.otherDept =
form.otherDept &&
form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal =
form.otherPrincipal &&
form.otherPrincipal.split(",").map((item) => parseInt(item));
this.form = form; this.form = form;
}, },
save() { save() {
/deep/ .el-dialog__body { /deep/ .el-dialog__body {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
max-height:60vh;
max-height: 60vh;
overflow-y: scroll; overflow-y: scroll;
} }
</style> </style>

+ 216
- 221
src/views/second/taskSummary/reward.vue View File

@closed="form = {}" @closed="form = {}"
> >
<!-- <el-scrollbar style="height: 50vh"> --> <!-- <el-scrollbar style="height: 50vh"> -->
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="
display: flex;
justify-content: center;
margin-bottom: 20px;
<el-row>
<el-col :span="4" class="title">考核内容：</el-col>
<el-col :span="18"
><el-input
type="textarea"
:rows="4"
placeholder="请输入考核内容"
v-model="form.itemContent"
></el-input
></el-col>
</el-row>
<el-row>
<el-col :span="4" class="title"> 牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'leader')"
v-model="form.leaderDept"
:options="formatDep"
placeholder="请选择牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
" "
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.leaderPrincipal"
:options="principalList"
placeholder="请选择牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
<div class="leader">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
> >
<el-button type="primary" @click="addDept('other')"
>添加其他牵头部门</el-button
>
</div>
<!-- <span
</div>
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('other')" @click="addDept('other')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other')"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
<div
style="position: relative"
v-for="(item, index) of form.otherDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'other')"
></span>
<el-row>
<el-col :span="4" class="title"> 其他牵头部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'other')"
v-model="form.otherDept[index]"
:options="formatDep"
placeholder="请选择其他牵头部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.otherPrincipal[index]"
:options="principalList"
placeholder="请选择其他牵头部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div> </div>
<div class="cooperate">
<div
style="
display: flex;
justify-content: center;
margin-bottom: 20px;
"
</div>
<div class="cooperate">
<div
style="display: flex; justify-content: center; margin-bottom: 20px"
>
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
> >
<el-button type="primary" @click="addDept('cooperate')"
>添加配合部门</el-button
>
</div>
<!-- <span
</div>
<!-- <span
class="el-icon-circle-plus-outline add" class="el-icon-circle-plus-outline add"
@click="addDept('cooperate')" @click="addDept('cooperate')"
></span> --> ></span> -->
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div>
</div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input
placeholder="请输入分值"
v-model="form.points"
></el-input
></el-col>
</el-row>
<div slot="footer">
<el-button type="primary" @click="save">确定</el-button>
<el-button @click="showEdit = false">取消</el-button>&nbsp;
<div
style="position: relative"
v-for="(item, index) of form.cooperateDept"
:key="index"
>
<span
class="el-icon-remove-outline delete"
style="z-index: 10"
@click="deleteDept(index, 'cooperate')"
></span>
<el-row>
<el-col :span="4" class="title">配合部门： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
@input="changePrincipal($event, 'cooperate')"
v-model="form.cooperateDept[index]"
:options="formatDep"
placeholder="请选择配合部门"
:defaultExpandLevel="2"
:normalizer="
(d) => {
return {
id: d.id,
label: d.name,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
<el-col :span="4" class="title"> 责任领导： </el-col>
<el-col :span="7">
<treeselect
:disable-branch-nodes="true"
v-model="form.cooperatePrincipal[index]"
:options="principalList"
placeholder="请选择配合部门责任领导"
:defaultExpandLevel="1"
:normalizer="
(d) => {
return {
id: d.id,
label: d.realname,
children:
d.children && d.children.length > 0
? d.children
: undefined,
};
}
"
/>
</el-col>
</el-row>
</div> </div>
</div>
<el-row>
<el-col :span="4" class="title">分值：</el-col>
<el-col :span="7"
><el-input placeholder="请输入分值" v-model="form.points"></el-input
></el-col>
</el-row>
<div slot="footer">
<el-button type="primary" @click="save">确定</el-button>
<el-button @click="showEdit = false">取消</el-button>&nbsp;
</div>
<!-- </el-scrollbar> --> <!-- </el-scrollbar> -->
</el-dialog> </el-dialog>
</el-card> </el-card>
}, },
addDept(type) { addDept(type) {
if (type == "other") { if (type == "other") {
this.form.otherDept = this.form.otherDept || [];
this.form.otherPrincipal = this.form.otherPrincipal || [];
this.form.otherDept.push(undefined); this.form.otherDept.push(undefined);
this.form.otherPrincipal.push(undefined); this.form.otherPrincipal.push(undefined);
} }
if (type == "cooperate") { if (type == "cooperate") {
this.form.cooperateDept = this.form.cooperateDept || [];
this.form.cooperatePrincipal = this.form.cooperatePrincipal || [];
this.form.cooperateDept.push(undefined); this.form.cooperateDept.push(undefined);
this.form.cooperatePrincipal.push(undefined); this.form.cooperatePrincipal.push(undefined);
} }
edit(row) { edit(row) {
this.showEdit = true; this.showEdit = true;
let form = JSON.parse(JSON.stringify(row)); let form = JSON.parse(JSON.stringify(row));
form.cooperateDept = form.cooperateDept
.split(",")
.map((item) => parseInt(item));
form.cooperatePrincipal = form.cooperatePrincipal
.split(",")
.map((item) => parseInt(item));
form.otherDept = form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal = form.otherPrincipal
.split(",")
.map((item) => parseInt(item));
form.cooperateDept =
form.cooperateDept &&
form.cooperateDept.split(",").map((item) => parseInt(item));
form.cooperatePrincipal =
form.cooperatePrincipal &&
form.cooperatePrincipal.split(",").map((item) => parseInt(item));
form.otherDept =
form.otherDept &&
form.otherDept.split(",").map((item) => parseInt(item));
form.otherPrincipal =
form.otherPrincipal &&
form.otherPrincipal.split(",").map((item) => parseInt(item));
this.form = form; this.form = form;
}, },
save() { save() {
/deep/ .el-dialog__body { /deep/ .el-dialog__body {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
max-height:60vh;
max-height: 60vh;
overflow-y: scroll; overflow-y: scroll;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save