|
@@ -8,38 +8,44 @@
|
|
<el-form ref="eupLogRefs" :rules="rules" :model="increaseForm">
|
|
<el-form ref="eupLogRefs" :rules="rules" :model="increaseForm">
|
|
<el-table :data="increaseForm.eupLogData" stripe style="width: 100%"
|
|
<el-table :data="increaseForm.eupLogData" stripe style="width: 100%"
|
|
height="calc(75vh - 156px)"
|
|
height="calc(75vh - 156px)"
|
|
|
|
+ @row-dblclick="changeEdit"
|
|
|
|
+ :highlight-current-row="true"
|
|
:cell-style="{ fontSize: '0.75rem' }"
|
|
:cell-style="{ fontSize: '0.75rem' }"
|
|
:header-cell-style="{ backgroundColor: '#a9cbe2',color: '#4a4a4a' }">
|
|
:header-cell-style="{ backgroundColor: '#a9cbe2',color: '#4a4a4a' }">
|
|
<el-table-column prop="timeLine" label="日期/时间线">
|
|
<el-table-column prop="timeLine" label="日期/时间线">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-form-item :prop="`eupLogData.${scope.$index}.timeLine`" :rules="rules.timeLine" style="margin: 0;">
|
|
|
|
|
|
+ <el-form-item v-if="eupLogEdit[scope.row.id]" :prop="`eupLogData.${scope.$index}.timeLine`" :rules="rules.timeLine" style="margin: 0;">
|
|
<el-date-picker
|
|
<el-date-picker
|
|
v-model="scope.row.timeLine"
|
|
v-model="scope.row.timeLine"
|
|
type="date"
|
|
type="date"
|
|
placeholder="日期/时间线">
|
|
placeholder="日期/时间线">
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <span v-else>{{scope.row.timeLine}}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="upSection" label="更新部分">
|
|
<el-table-column prop="upSection" label="更新部分">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-form-item :prop="`eupLogData.${scope.$index}.upSection`" :rules="rules.upSection" style="margin: 0;">
|
|
|
|
|
|
+ <el-form-item v-if="eupLogEdit[scope.row.id]" :prop="`eupLogData.${scope.$index}.upSection`" :rules="rules.upSection" style="margin: 0;">
|
|
<el-input type="text" v-model="scope.row.upSection" placeholder="输入加油量"/>
|
|
<el-input type="text" v-model="scope.row.upSection" placeholder="输入加油量"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <span v-else>{{scope.row.upSection}}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="eCreator" label="编制者">
|
|
<el-table-column prop="eCreator" label="编制者">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-form-item :prop="`eupLogData.${scope.$index}.eCreator`" :rules="rules.eCreator" style="margin: 0;">
|
|
|
|
|
|
+ <el-form-item v-if="eupLogEdit[scope.row.id]" :prop="`eupLogData.${scope.$index}.eCreator`" :rules="rules.eCreator" style="margin: 0;">
|
|
<el-input type="text" v-model="scope.row.eCreator" placeholder="输入加油量"/>
|
|
<el-input type="text" v-model="scope.row.eCreator" placeholder="输入加油量"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <span v-else>{{scope.row.eCreator}}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column prop="ePerformer" label="执行者">
|
|
<el-table-column prop="ePerformer" label="执行者">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-form-item :prop="`eupLogData.${scope.$index}.ePerformer`" :rules="rules.ePerformer" style="margin: 0;">
|
|
|
|
|
|
+ <el-form-item v-if="eupLogEdit[scope.row.id]" :prop="`eupLogData.${scope.$index}.ePerformer`" :rules="rules.ePerformer" style="margin: 0;">
|
|
<el-input type="text" v-model="scope.row.ePerformer" placeholder="输入加油量"/>
|
|
<el-input type="text" v-model="scope.row.ePerformer" placeholder="输入加油量"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <span v-else>{{scope.row.ePerformer}}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -143,6 +149,7 @@
|
|
<div class="sTitleSty" style="letter-spacing:0;">目标</div>
|
|
<div class="sTitleSty" style="letter-spacing:0;">目标</div>
|
|
<el-input
|
|
<el-input
|
|
type="textarea"
|
|
type="textarea"
|
|
|
|
+ resize="none"
|
|
placeholder="可测量的目标"
|
|
placeholder="可测量的目标"
|
|
class="margin-top-xs areaInput"
|
|
class="margin-top-xs areaInput"
|
|
style="height: calc(23.33vh - 100px);"
|
|
style="height: calc(23.33vh - 100px);"
|
|
@@ -153,6 +160,7 @@
|
|
<div class="sTitleSty" style="letter-spacing:0;">监测</div>
|
|
<div class="sTitleSty" style="letter-spacing:0;">监测</div>
|
|
<el-input
|
|
<el-input
|
|
type="textarea"
|
|
type="textarea"
|
|
|
|
+ resize="none"
|
|
placeholder="监测工具的描述"
|
|
placeholder="监测工具的描述"
|
|
class="margin-top-xs areaInput"
|
|
class="margin-top-xs areaInput"
|
|
style="height: calc(23.33vh - 100px);"
|
|
style="height: calc(23.33vh - 100px);"
|
|
@@ -163,6 +171,7 @@
|
|
<div class="sTitleSty" style="letter-spacing:0;">评估</div>
|
|
<div class="sTitleSty" style="letter-spacing:0;">评估</div>
|
|
<el-input
|
|
<el-input
|
|
type="textarea"
|
|
type="textarea"
|
|
|
|
+ resize="none"
|
|
placeholder="评估程序"
|
|
placeholder="评估程序"
|
|
class="margin-top-xs areaInput"
|
|
class="margin-top-xs areaInput"
|
|
style="height: calc(23.33vh - 100px);"
|
|
style="height: calc(23.33vh - 100px);"
|
|
@@ -180,6 +189,7 @@
|
|
const distanceArea = ref("");
|
|
const distanceArea = ref("");
|
|
const compilationOptions = ref([]);
|
|
const compilationOptions = ref([]);
|
|
const executionOptions = ref([]);
|
|
const executionOptions = ref([]);
|
|
|
|
+ const eupLogEdit = ref({});
|
|
const data = reactive({
|
|
const data = reactive({
|
|
rules: {
|
|
rules: {
|
|
person: [{
|
|
person: [{
|
|
@@ -220,75 +230,91 @@
|
|
},
|
|
},
|
|
increaseForm: {
|
|
increaseForm: {
|
|
eupLogData: [{
|
|
eupLogData: [{
|
|
|
|
+ id: 121,
|
|
timeLine: '2016-05-02',
|
|
timeLine: '2016-05-02',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 122,
|
|
timeLine: '2016-05-04',
|
|
timeLine: '2016-05-04',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 123,
|
|
timeLine: '2016-05-01',
|
|
timeLine: '2016-05-01',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 124,
|
|
timeLine: '2016-05-03',
|
|
timeLine: '2016-05-03',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 125,
|
|
timeLine: '2016-05-02',
|
|
timeLine: '2016-05-02',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 126,
|
|
timeLine: '2016-05-04',
|
|
timeLine: '2016-05-04',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 127,
|
|
timeLine: '2016-05-01',
|
|
timeLine: '2016-05-01',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
},{
|
|
},{
|
|
|
|
+ id: 181,
|
|
timeLine: '2016-05-03',
|
|
timeLine: '2016-05-03',
|
|
upSection: "更新了哈哈哈",
|
|
upSection: "更新了哈哈哈",
|
|
eCreator: '王小虎',
|
|
eCreator: '王小虎',
|
|
ePerformer: '温大壮'
|
|
ePerformer: '温大壮'
|
|
}],
|
|
}],
|
|
measuresData: [{
|
|
measuresData: [{
|
|
|
|
+ id: 195,
|
|
executionDate: '2016-05-02',
|
|
executionDate: '2016-05-02',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '上海市'
|
|
energyMeasures: '上海市'
|
|
},{
|
|
},{
|
|
|
|
+ id: 196,
|
|
executionDate: '2016-05-04',
|
|
executionDate: '2016-05-04',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '普陀区'
|
|
energyMeasures: '普陀区'
|
|
},{
|
|
},{
|
|
|
|
+ id: 198,
|
|
executionDate: '2016-05-01',
|
|
executionDate: '2016-05-01',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '金沙江路'
|
|
energyMeasures: '金沙江路'
|
|
},{
|
|
},{
|
|
|
|
+ id: 221,
|
|
executionDate: '2016-05-03',
|
|
executionDate: '2016-05-03',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '1516弄'
|
|
energyMeasures: '1516弄'
|
|
},{
|
|
},{
|
|
|
|
+ id: 226,
|
|
executionDate: '2016-05-02',
|
|
executionDate: '2016-05-02',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '上海市'
|
|
energyMeasures: '上海市'
|
|
},{
|
|
},{
|
|
|
|
+ id: 274,
|
|
executionDate: '2016-05-04',
|
|
executionDate: '2016-05-04',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '普陀区'
|
|
energyMeasures: '普陀区'
|
|
},{
|
|
},{
|
|
|
|
+ id: 279,
|
|
executionDate: '2016-05-01',
|
|
executionDate: '2016-05-01',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '金沙江路'
|
|
energyMeasures: '金沙江路'
|
|
},{
|
|
},{
|
|
|
|
+ id: 244,
|
|
executionDate: '2016-05-03',
|
|
executionDate: '2016-05-03',
|
|
person: '王小虎',
|
|
person: '王小虎',
|
|
energyMeasures: '1516弄'
|
|
energyMeasures: '1516弄'
|
|
@@ -296,8 +322,15 @@
|
|
}
|
|
}
|
|
});
|
|
});
|
|
const { increaseForm, rules } = toRefs(data);
|
|
const { increaseForm, rules } = toRefs(data);
|
|
|
|
+ const changeEdit = function(row, column, event){
|
|
|
|
+ eupLogEdit.value[row.id] = true;
|
|
|
|
+ }
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
-
|
|
|
|
|
|
+ ::v-deep .el-table--striped .el-table__body tr.el-table__row:hover,
|
|
|
|
+ ::v-deep .el-table__body tr.current-row >td,
|
|
|
|
+ ::v-deep .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{
|
|
|
|
+ background-color: var(--greenShadow);
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|