|
@@ -1,8 +1,16 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
<el-button size="small" type="text" :disabled="disabled" @click="onShow(dialogTableVisible = true)">编 辑</el-button>
|
|
<el-button size="small" type="text" :disabled="disabled" @click="onShow(dialogTableVisible = true)">编 辑</el-button>
|
|
|
- <el-dialog title="编辑人员目标" append-to-body :visible.sync="dialogTableVisible" width="90%" top="20px">
|
|
|
|
|
- <el-row :gutter="40">
|
|
|
|
|
|
|
+ <el-drawer
|
|
|
|
|
+ title="编辑人员目标"
|
|
|
|
|
+ :visible.sync="dialogTableVisible"
|
|
|
|
|
+ size="90%"
|
|
|
|
|
+ direction="rtl"
|
|
|
|
|
+ append-to-body
|
|
|
|
|
+ :show-close="false"
|
|
|
|
|
+ @close="dialogTableVisible = false">
|
|
|
|
|
+ <div class="drawer__panel">
|
|
|
|
|
+ <el-row :gutter="40">
|
|
|
<el-form :model="form" :disabled="date.year > year" label-position="right" label-width="80px" size="small">
|
|
<el-form :model="form" :disabled="date.year > year" label-position="right" label-width="80px" size="small">
|
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
|
<el-form-item label="年度">
|
|
<el-form-item label="年度">
|
|
@@ -45,12 +53,12 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="基本目标">
|
|
<el-form-item label="基本目标">
|
|
|
- <el-input type="number" v-model="form[`m${1+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${1+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="挑战目标">
|
|
<el-form-item label="挑战目标">
|
|
|
- <el-input type="number" v-model="form[`m${1+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${1+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -59,12 +67,12 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="基本目标">
|
|
<el-form-item label="基本目标">
|
|
|
- <el-input type="number" v-model="form[`m${2+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${2+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="挑战目标">
|
|
<el-form-item label="挑战目标">
|
|
|
- <el-input type="number" v-model="form[`m${2+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${2+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -73,12 +81,12 @@
|
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="基本目标">
|
|
<el-form-item label="基本目标">
|
|
|
- <el-input type="number" v-model="form[`m${3+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${3+index * 3}l`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="挑战目标">
|
|
<el-form-item label="挑战目标">
|
|
|
- <el-input type="number" v-model="form[`m${3+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off"></el-input>
|
|
|
|
|
|
|
+ <el-input type="number" v-model="form[`m${3+index * 3}h`]" :disabled="date.month > (1+index * 3) && date.year > year" autocomplete="off" @change="changeData()"></el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -86,11 +94,12 @@
|
|
|
</div>
|
|
</div>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <div class="dialog-footer">
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
<el-button size="small" @click="dialogTableVisible = false" class="normal-btn-width">取 消</el-button>
|
|
<el-button size="small" @click="dialogTableVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
- <el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width">确 定</el-button>
|
|
|
|
|
|
|
+ <el-button size="small" type="primary" @click="onSubmit" class="normal-btn-width">确 定</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
|
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -118,14 +127,25 @@ export default {
|
|
|
year:date.getFullYear(),
|
|
year:date.getFullYear(),
|
|
|
month:date.getMonth() + 1
|
|
month:date.getMonth() + 1
|
|
|
}
|
|
}
|
|
|
|
|
+ console.log(this.data,"数据")
|
|
|
|
|
+ console.log(this.year,"年")
|
|
|
|
|
+ },
|
|
|
|
|
+ changeData(){
|
|
|
|
|
+ console.log("执行数据")
|
|
|
|
|
+ for (var i = 0 ; i< 4 ; i++) {
|
|
|
|
|
+ this.form[`s${i + 1}l`] = parseFloat(this.form[`m${1 + i*3}l`]) + parseFloat(this.form[`m${2 + i*3}l`]) + parseFloat(this.form[`m${3 + i*3}l`])
|
|
|
|
|
+ this.form[`s${i + 1}h`] = parseFloat(this.form[`m${1 + i*3}h`]) + parseFloat(this.form[`m${2 + i*3}h`]) + parseFloat(this.form[`m${3 + i*3}h`])
|
|
|
|
|
+ }
|
|
|
|
|
+ this.form.y1l = parseFloat(this.form.s1l) + parseFloat(this.form.s2l) + parseFloat(this.form.s3l) + parseFloat(this.form.s4l)
|
|
|
|
|
+ this.form.y1h = parseFloat(this.form.s1h) + parseFloat(this.form.s2h) + parseFloat(this.form.s3h) + parseFloat(this.form.s4h)
|
|
|
},
|
|
},
|
|
|
async onSubmit () {
|
|
async onSubmit () {
|
|
|
for (var i = 0 ; i< 4 ; i++) {
|
|
for (var i = 0 ; i< 4 ; i++) {
|
|
|
- this.form[`s${i + 1}l`] = this.form[`m${1 + i*3}l`] + this.form[`m${2 + i*3}l`] + this.form[`m${3 + i*3}l`]
|
|
|
|
|
- this.form[`s${i + 1}h`] = this.form[`m${1 + i*3}h`] + this.form[`m${2 + i*3}h`] + this.form[`m${3 + i*3}h`]
|
|
|
|
|
|
|
+ this.form[`s${i + 1}l`] = parseFloat(this.form[`m${1 + i*3}l`]) + parseFloat(this.form[`m${2 + i*3}l`]) + parseFloat(this.form[`m${3 + i*3}l`])
|
|
|
|
|
+ this.form[`s${i + 1}h`] = parseFloat(this.form[`m${1 + i*3}h`]) + parseFloat(this.form[`m${2 + i*3}h`]) + parseFloat(this.form[`m${3 + i*3}h`])
|
|
|
}
|
|
}
|
|
|
- this.form.y1l = this.form.s1l + this.form.s2l + this.form.s3l + this.form.s4l
|
|
|
|
|
- this.form.y1h = this.form.s1h + this.form.s2h + this.form.s3h + this.form.s4h
|
|
|
|
|
|
|
+ this.form.y1l = parseFloat(this.form.s1l) + parseFloat(this.form.s2l) + parseFloat(this.form.s3l) + parseFloat(this.form.s4l)
|
|
|
|
|
+ this.form.y1h = parseFloat(this.form.s1h) + parseFloat(this.form.s2h) + parseFloat(this.form.s3h) + parseFloat(this.form.s4h)
|
|
|
const res = await this.$api.requested({
|
|
const res = await this.$api.requested({
|
|
|
"id": 20220902162902,
|
|
"id": 20220902162902,
|
|
|
"content": this.form
|
|
"content": this.form
|