diff --git a/attendance-performance-manager-ui/admin/src/views/staff/perform/stat/dialogshow.vue b/attendance-performance-manager-ui/admin/src/views/staff/perform/stat/dialogshow.vue
index 8bdef396eef23711a20672241f10a4a590ae8ed4..88eb16d841c3d9c1378687948502ae157ebf2375 100644
--- a/attendance-performance-manager-ui/admin/src/views/staff/perform/stat/dialogshow.vue
+++ b/attendance-performance-manager-ui/admin/src/views/staff/perform/stat/dialogshow.vue
@@ -4,36 +4,86 @@
<el-form ref="form" :model="form" :rules="rules" label-width="180px">
<el-row>
<el-col :span="8">
- <Field label="璇峰亣绫诲瀷" :span="24" prop="assessmentType" v-model="form.assessmentType" type="select"
- :enumData="dict.assessmentType" placeholder="璇烽€夋嫨璇峰亣绫诲瀷" />
+ <Field
+ label="璇峰亣绫诲瀷"
+ :span="24"
+ prop="assessmentType"
+ v-model="form.assessmentType"
+ type="select"
+ :enumData="dict.assessmentType"
+ placeholder="璇烽€夋嫨璇峰亣绫诲瀷"
+ />
</el-col>
<el-col :span="6">
- <Field label="鑰冩瘮杈冪被鍨�" :span="24" prop="compareScope" v-model="form.compareScope" type="select"
- :enumData="dict.compareScope" placeholder="璇烽€夋嫨鑰冩瘮杈冪被鍨�" />
+ <Field
+ label="鑰冩瘮杈冪被鍨�"
+ :span="24"
+ prop="compareScope"
+ v-model="form.compareScope"
+ type="select"
+ :enumData="dict.compareScope"
+ placeholder="璇烽€夋嫨鑰冩瘮杈冪被鍨�"
+ />
</el-col>
<el-col :span="6">
- <Field :span="24" label="姣斾緥" prop="ratio" v-model="form.ratio" placeholder="璇疯緭鍏ユ瘮渚�" />
+ <Field
+ :span="24"
+ label="姣斾緥"
+ prop="ratio"
+ v-model="form.ratio"
+ placeholder="璇疯緭鍏ユ瘮渚�"
+ />
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="鍛ㄦ湡" prop="year">
- <el-date-picker style="width: 100%;" format="yyyy" value-format="yyyy" v-model="form.year" type="year"
- placeholder="閫夋嫨骞�">
+ <el-date-picker
+ style="width: 100%;"
+ format="yyyy"
+ value-format="yyyy"
+ v-model="form.year"
+ type="year"
+ placeholder="閫夋嫨骞�"
+ >
</el-date-picker>
</el-form-item>
<!-- <Field label="骞�" :span="24" prop="year" v-model="form.year" placeholder="璇疯緭鍏ュ勾" /> -->
</el-col>
<el-col :span="6">
- <Field label="鍛ㄦ湡绫诲瀷" :span="24" prop="periodType" v-model="form.periodType" type="select"
- :enumData="dict.periodType" @change="periodTypeChange" placeholder="璇烽€夋嫨鍛ㄦ湡绫诲瀷" />
+ <Field
+ label="鍛ㄦ湡绫诲瀷"
+ :span="24"
+ prop="periodType"
+ v-model="form.periodType"
+ type="select"
+ :enumData="dict.periodType"
+ @change="periodTypeChange"
+ placeholder="璇烽€夋嫨鍛ㄦ湡绫诲瀷"
+ />
</el-col>
<el-col :span="6">
- <Field v-if="form.periodType == 2" label="鍗婂勾绫诲瀷" :span="24" prop="halfYear" v-model="form.halfYear" type="select"
- :enumData="dict.halfYear" placeholder="璇烽€夋嫨鍗婂勾绫诲瀷" />
- <Field v-if="form.periodType == 3" label="瀛ｅ害绫诲瀷" :span="24" prop="quarter" v-model="form.quarter" type="select"
- :enumData="dict.quarter" placeholder="璇烽€夋嫨瀛ｅ害绫诲瀷" />
+ <Field
+ v-if="form.periodType == 2"
+ label="鍗婂勾绫诲瀷"
+ :span="24"
+ prop="halfYear"
+ v-model="form.halfYear"
+ type="select"
+ :enumData="dict.halfYear"
+ placeholder="璇烽€夋嫨鍗婂勾绫诲瀷"
+ />
+ <Field
+ v-if="form.periodType == 3"
+ label="瀛ｅ害绫诲瀷"
+ :span="24"
+ prop="quarter"
+ v-model="form.quarter"
+ type="select"
+ :enumData="dict.quarter"
+ placeholder="璇烽€夋嫨瀛ｅ害绫诲瀷"
+ />
</el-col>
</el-row>
<!-- <el-row>
@@ -45,8 +95,19 @@
<el-row v-if="form.assessmentScope == 1">
<el-col :span="8">
<el-form-item label="閫夋嫨閮ㄩ棬">
- <el-select v-model="deptId" filterable multiple collapse-tags style="width: 100%;" placeholder="璇烽€夋嫨">
- <el-option v-for="item in deptArr" :key="item.id" :label="item.deptName" :value="item.id">
+ <el-select
+ v-model="deptId"
+ filterable
+ multiple
+ style="width: 100%;height: auto;"
+ placeholder="璇烽€夋嫨"
+ >
+ <el-option
+ v-for="item in deptArr"
+ :key="item.id"
+ :label="item.deptName"
+ :value="item.id"
+ >
</el-option>
</el-select>
<!-- <el-button type="primary">閫夋嫨閮ㄩ棬</el-button> -->
@@ -56,8 +117,20 @@
<el-row v-if="form.assessmentScope == 2">
<el-col :span="8">
<el-form-item label="閫夋嫨涓汉">
- <el-select v-model="staffId" filterable multiple collapse-tags style="width: 100%;" placeholder="璇烽€夋嫨">
- <el-option v-for="item in staffArr" :key="item.id" :label="item.name" :value="item.id">
+ <el-select
+ v-model="staffId"
+ filterable
+ multiple
+ collapse-tags
+ style="width: 100%;"
+ placeholder="璇烽€夋嫨"
+ >
+ <el-option
+ v-for="item in staffArr"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
</el-option>
</el-select>
<!-- <el-button type="primary">閫夋嫨涓汉</el-button> -->
@@ -67,23 +140,44 @@
<el-row>
<el-col :span="12">
<el-form-item label="璐熻矗浜�">
- <el-row v-for="(item, index) in ownerList" :key="index" :style="{ 'margin-top': index > 0 ? '10px' : '' }">
+ <el-row
+ v-for="(item, index) in ownerList"
+ :key="index"
+ :style="{ 'margin-top': index > 0 ? '10px' : '' }"
+ >
<el-col :span="8">
- <el-input v-model="item.ownerName" placeholder="璇疯緭鍏ュ鍚�"></el-input>
+ <el-input
+ v-model="item.ownerName"
+ placeholder="璇疯緭鍏ュ鍚�"
+ ></el-input>
</el-col>
<el-col :span="12" style="padding:0 10px">
- <el-input v-model="item.leaderMobiles" placeholder="璇疯緭鍏ョ數璇�"></el-input>
+ <el-input
+ v-model="item.leaderMobiles"
+ placeholder="璇疯緭鍏ョ數璇�"
+ ></el-input>
</el-col>
<el-col :span="2">
- <el-button type="primary" icon="el-icon-plus" circle v-if="index == 0" @click="addOwner"></el-button>
- <el-button type="danger" icon="el-icon-delete" circle v-else @click="delOwner(index)"></el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ circle
+ v-if="index == 0"
+ @click="addOwner"
+ ></el-button>
+ <el-button
+ type="danger"
+ icon="el-icon-delete"
+ circle
+ v-else
+ @click="delOwner(index)"
+ ></el-button>
</el-col>
</el-row>
</el-form-item>
</el-col>
</el-row>
-
<!-- <el-row>
<Field label="璐熻矗浜篿d鍙�" prop="ownerId" v-model="form.ownerId" placeholder="璇疯緭鍏ヨ礋璐ｄ汉id鍙�" />
<Field label="璐熻矗浜哄悕绉�" prop="ownerName" v-model="form.ownerName" placeholder="璇疯緭鍏ヨ礋璐ｄ汉鍚嶇О" />
@@ -112,7 +206,12 @@
</el-row> -->
</el-form>
<div slot="footer" class="dialog-footer">
- <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">纭� 瀹�</el-button>
+ <el-button
+ type="primary"
+ v-if="pageInfo.type !== 'view'"
+ @click="submitForm"
+ >纭� 瀹�</el-button
+ >
<el-button @click="cancel">鍙� 娑�</el-button>
</div>
</el-dialog>
@@ -150,75 +249,74 @@ export default {
month: [{ required: true, message: "璇疯緭鍏ユ湀", trigger: "blur" }],
},
// 璐熻矗浜�
- ownerList: [
- { ownerId: "", ownerName: "", leaderMobiles: "" }
- ],
- deptArr: [],//閮ㄩ棬涓嬫媺
- staffArr: [],//浜哄憳涓嬫媺
- deptId: [],//閮ㄩ棬閫変腑
- staffId: [],//浜哄憳閫変腑鏁版嵁
+ ownerList: [{ ownerId: "", ownerName: "", leaderMobiles: "" }],
+ deptArr: [], //閮ㄩ棬涓嬫媺
+ staffArr: [], //浜哄憳涓嬫媺
+ deptId: [], //閮ㄩ棬閫変腑
+ staffId: [], //浜哄憳閫変腑鏁版嵁
};
},
created() {
- this.deptList()
- this.staffList()
+ this.deptList();
+ this.staffList();
},
methods: {
- periodTypeChange(){
- this.form.quarter = ""
- this.form.halfYear = ""
+ periodTypeChange() {
+ this.form.quarter = "";
+ this.form.halfYear = "";
},
beforeSubmit(form) {
// 涓汉/閮ㄩ棬
- const perposeStaffList = []//閫変腑浜哄憳
- const perposeDeptList = []//閫変腑閮ㄩ棬
- this.deptId.forEach(element => {
- perposeDeptList.push({ deptId: element })
+ const perposeStaffList = []; //閫変腑浜哄憳
+ const perposeDeptList = []; //閫変腑閮ㄩ棬
+ this.deptId.forEach((element) => {
+ perposeDeptList.push({ deptId: element });
});
- this.staffId.forEach(element => {
- perposeStaffList.push({ staffId: element })
+ this.staffId.forEach((element) => {
+ perposeStaffList.push({ staffId: element });
});
- form.perposeStaffList = perposeStaffList
- form.perposeDeptList = perposeDeptList
+ form.perposeStaffList = perposeStaffList;
+ form.perposeDeptList = perposeDeptList;
// 璐熻矗浜�
- const leaders = []//鍚�
- const leaderMobiles = []//鐢佃瘽
- this.ownerList.forEach(element => {
- leaders.push(element.ownerName)
- leaderMobiles.push(element.leaderMobiles)
+ const leaders = []; //鍚�
+ const leaderMobiles = []; //鐢佃瘽
+ this.ownerList.forEach((element) => {
+ leaders.push(element.ownerName);
+ leaderMobiles.push(element.leaderMobiles);
});
- form.leaders = leaders.length > 0 ? leaders.join(",") : ""
- form.leaderMobiles = leaderMobiles.length > 0 ? leaderMobiles.join(',') : ""
+ form.leaders = leaders.length > 0 ? leaders.join(",") : "";
+ form.leaderMobiles =
+ leaderMobiles.length > 0 ? leaderMobiles.join(",") : "";
- console.log(form, "鍏ュ弬")
- return form
+ console.log(form, "鍏ュ弬");
+ return form;
},
// 鏌ヨ閮ㄩ棬鍒楄〃
deptList() {
this.$post("/dept/list", { page: 1, size: -1 }).then((res) => {
- const { code, data, dict } = res
+ const { code, data, dict } = res;
if (code == 1) {
- this.deptArr = data.data
- console.log(data.data, "閮ㄩ棬")
+ this.deptArr = data.data;
+ console.log(data.data, "閮ㄩ棬");
}
});
},
// 鏌ヨ閮ㄩ棬鍒楄〃
staffList() {
this.$post("/staff/list", { page: 1, size: -1 }).then((res) => {
- const { code, data, dict } = res
+ const { code, data, dict } = res;
if (code == 1) {
- this.staffArr = data.data
+ this.staffArr = data.data;
}
});
},
/** 璐熻矗浜烘坊鍔� */
addOwner() {
- this.ownerList.push({ ownerId: "", ownerName: "", leaderMobiles: "" })
+ this.ownerList.push({ ownerId: "", ownerName: "", leaderMobiles: "" });
},
/** 璐熻矗浜哄垹闄� */
delOwner(index) {
- this.ownerList.splice(index, 1)
+ this.ownerList.splice(index, 1);
},
/** 缂栬緫 */
edit(row) {
@@ -255,30 +353,36 @@ export default {
this.open = true;
if (this.pageInfo.type == "add") {
// 鏂板
- this.reset()
- this.form.assessmentScope = this.$parent.query.assessmentScope + ''
+ this.reset();
+ this.form.assessmentScope = this.$parent.query.assessmentScope + "";
} else {
// 缂栬緫
- this.form.year = this.form.year + ''
- const leaderMobiles = this.form.leaderMobiles.split(',')
+ this.form.year = this.form.year + "";
+ const leaderMobiles = this.form.leaderMobiles.split(",");
// 鍥炴樉璐熻矗浜�
- const ownerList = []
- this.form.leaders.split(',').forEach((v, i) => {
- ownerList.push({ ownerId: "", ownerName: v, leaderMobiles: leaderMobiles[i] || '' })
- })
- this.ownerList = ownerList
+ const ownerList = [];
+ this.form.leaders.split(",").forEach((v, i) => {
+ ownerList.push({
+ ownerId: "",
+ ownerName: v,
+ leaderMobiles: leaderMobiles[i] || "",
+ });
+ });
+ this.ownerList = ownerList;
// 鍥炴樉閫変腑浜哄憳
- const staffId = []
- this.form.perposeStaffList && this.form.perposeStaffList.forEach(v => {
- staffId.push(v.staffId)
- })
- this.staffId = staffId
+ const staffId = [];
+ this.form.perposeStaffList &&
+ this.form.perposeStaffList.forEach((v) => {
+ staffId.push(v.staffId);
+ });
+ this.staffId = staffId;
// 鍥炴樉閫変腑閮ㄩ棬
- const deptId = []
- this.form.perposeDeptList && this.form.perposeDeptList.forEach(v => {
- deptId.push(v.deptId)
- })
- this.deptId = deptId
+ const deptId = [];
+ this.form.perposeDeptList &&
+ this.form.perposeDeptList.forEach((v) => {
+ deptId.push(v.deptId);
+ });
+ this.deptId = deptId;
}
},
@@ -293,11 +397,11 @@ export default {
ownerId: null,
ownerName: "",
staffId: null,
- assessmentType: '1',
- assessmentScope: '1',
- compareScope: '1',
+ assessmentType: "1",
+ assessmentScope: "1",
+ compareScope: "1",
ratio: 0.0,
- periodType: '1',
+ periodType: "1",
year: "",
// month: null,
halfYear: "",
@@ -306,13 +410,11 @@ export default {
leaderMobiles: "",
remark: "",
perposeStaffList: [],
- perposeDeptList: []
+ perposeDeptList: [],
};
- this.ownerList = [
- { ownerId: "", ownerName: "", leaderMobiles: "" }
- ]
- this.deptId = []
- this.staffId = []
+ this.ownerList = [{ ownerId: "", ownerName: "", leaderMobiles: "" }];
+ this.deptId = [];
+ this.staffId = [];
this.resetForm("form");
},
resetForm(refName) {