|
|
@@ -1,5 +1,39 @@
|
|
|
<template>
|
|
|
<div class="PerformanceT-all">
|
|
|
+ <el-dialog title="设置" :visible.sync="dialogTableVisible">
|
|
|
+ <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
|
|
+ <el-form-item label="活动名称" prop="name">
|
|
|
+ <el-input v-model="ruleForm.name"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="活动区域" prop="region">
|
|
|
+ <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="活动区域" prop="region">
|
|
|
+ <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
|
|
|
+ <el-option label="区域一" value="shanghai"></el-option>
|
|
|
+ <el-option label="区域二" value="beijing"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
|
|
|
+ <el-button @click="resetForm('ruleForm')">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ <div class="PerformanceT-hade">
|
|
|
+ <div>
|
|
|
+ <el-select @change="userchange" style="width:200px;" v-model="value" filterable placeholder="请选择">
|
|
|
+ <el-option v-for="item in options" :key="item.id" :label="item.cnName" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-button @click="ondialog" type="primary">设 置</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="PerformanceT-title">
|
|
|
<div :style="title.width" v-for="(title,indext) in tabletitle" :key="indext">
|
|
|
{{ title.name }}
|
|
|
@@ -13,15 +47,22 @@
|
|
|
<div style="display: -webkit-box;">
|
|
|
<div class="pf-onename">{{item.name}}</div>
|
|
|
<div class="calibrate-box">
|
|
|
- <div class="pf-twoname" v-for="(itemchildren,indexsss) in item.children" :key="indexsss">
|
|
|
- <div style="width: 150px;border-right: 1px solid #ebeef5;">{{ itemchildren.name }}</div>
|
|
|
+ <div class="pf-twoname" v-for="(itemchildren,indexsss) in item.children"
|
|
|
+ :key="indexsss">
|
|
|
+ <div style="width: 150px;border-right: 1px solid #ebeef5;">{{ itemchildren.name }}
|
|
|
+ </div>
|
|
|
<div class="pf-zb">10%</div>
|
|
|
- <div style="width: 100px;border-right: 1px solid #ebeef5;">{{itemchildren.targetValue}}</div>
|
|
|
- <div style="width: 380px;padding: 10px;border-right: 1px solid #ebeef5;">{{ itemchildren.assessmentStandard }}</div>
|
|
|
+ <div style="width: 100px;border-right: 1px solid #ebeef5;">
|
|
|
+ {{itemchildren.targetValue}}</div>
|
|
|
+ <div style="width: 380px;padding: 10px;border-right: 1px solid #ebeef5;">{{
|
|
|
+ itemchildren.assessmentStandard }}</div>
|
|
|
<div style="width: 300px;border-right: 1px solid #ebeef5;"></div>
|
|
|
- <div style="width: 80px;border-right: 1px solid #ebeef5;">{{ itemchildren.selfAssessment }}</div>
|
|
|
- <div style="width: 80px;border-right: 1px solid #ebeef5;">{{ itemchildren.selfAssessment }}</div>
|
|
|
- <div style="width: 80px;border-right: 1px solid #ebeef5;">{{ itemchildren.higherUpAssessment }}</div>
|
|
|
+ <div style="width: 80px;border-right: 1px solid #ebeef5;">{{
|
|
|
+ itemchildren.selfAssessment }}</div>
|
|
|
+ <div style="width: 80px;border-right: 1px solid #ebeef5;">{{
|
|
|
+ itemchildren.selfAssessment }}</div>
|
|
|
+ <div style="width: 80px;border-right: 1px solid #ebeef5;">{{
|
|
|
+ itemchildren.higherUpAssessment }}</div>
|
|
|
<div style="width: 90px;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -352,12 +393,50 @@ export default {
|
|
|
higherUpUserId: 0
|
|
|
},
|
|
|
],
|
|
|
+ options: [],
|
|
|
+ value: '',
|
|
|
+ dialogTableVisible:true,
|
|
|
+ ruleForm: {
|
|
|
+ name: '',
|
|
|
+ region: '',
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
|
+ { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ region: [
|
|
|
+ { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
+ ],
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ //获取基础数据
|
|
|
+ GetWageSheetBasicsDataSource(){
|
|
|
+ var url = "/api/PersonnelModule/GetWageSheetBasicsDataSource"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.options=res.data.data.userNames;
|
|
|
+ that.value=that.options[0].id;
|
|
|
+ that.GetPerformanceList();
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error("出错！，请联系信息部。");
|
|
|
+ });
|
|
|
+ },
|
|
|
//获取数据
|
|
|
GetPerformanceList(){
|
|
|
- var url = "/api/PersonnelModule/GetPerformanceList?userid="+0
|
|
|
+ var url = "/api/PersonnelModule/GetPerformanceList?userid="+this.value
|
|
|
var that = this
|
|
|
this.$axios({
|
|
|
method: 'get',
|
|
|
@@ -378,6 +457,10 @@ export default {
|
|
|
that.$message.error("网络错误，请稍后重试");
|
|
|
});
|
|
|
},
|
|
|
+ //人员切换
|
|
|
+ userchange(){
|
|
|
+ this.GetPerformanceList();
|
|
|
+ },
|
|
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
|
|
const fields = ['name']
|
|
|
if (fields.includes(column.property)) {
|
|
|
@@ -406,10 +489,27 @@ export default {
|
|
|
let ref = this.$refs.tbox0
|
|
|
console.log(ref);
|
|
|
|
|
|
+ },
|
|
|
+ //打开对话框
|
|
|
+ ondialog(){
|
|
|
+ this.dialogTableVisible=true
|
|
|
+ },
|
|
|
+ submitForm(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ alert('submit!');
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ resetForm(formName) {
|
|
|
+ this.$refs[formName].resetFields();
|
|
|
}
|
|
|
},
|
|
|
mounted(){
|
|
|
- this.GetPerformanceList();
|
|
|
+ this.GetWageSheetBasicsDataSource();
|
|
|
this.getheight();
|
|
|
},
|
|
|
created(){
|
|
|
@@ -488,6 +588,11 @@ export default {
|
|
|
border-right: 1px solid #ebeef5;
|
|
|
padding: 10px 0;
|
|
|
}
|
|
|
+.PerformanceT-hade{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
</style>
|
|
|
|
|
|
|
