|
|
@@ -31,14 +31,12 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div style="display: flex;justify-content: space-between;align-items: center;">
|
|
|
- <div style="margin-top: 20px;font-size: 15px;font-weight: 600;color: red;">PS:插入行与删除行并未进行保存操作，需要保存请点击保存按钮！！！</div>
|
|
|
- <el-button size="mini" @click="pushxiangmu" type="primary">添加项目</el-button>
|
|
|
- </div>
|
|
|
+ <div style="margin-top: 20px;font-size: 15px;font-weight: 600;color: red;">PS:插入行与删除行并未进行保存操作，需要保存请点击保存按钮！！！</div>
|
|
|
<el-table :data="tableDatass" :span-method="objectSpanMethod" border style="width: 100%; ">
|
|
|
<el-table-column prop="title" label="项目" width="180">
|
|
|
<template slot-scope="scope">
|
|
|
<el-input @focus="huodejiaodian(scope.row.title)" @input="titleinput" v-model="scope.row.title" placeholder="请输入内容"></el-input>
|
|
|
+ <el-button style="margin-top: 10px" size="mini" @click="pushxiangmu(scope.row.title)" type="primary">插入项目↓</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="date" label="时间" width="180">
|
|
|
@@ -404,23 +402,45 @@ export default {
|
|
|
this.flattenData();
|
|
|
this.getSpanArr();
|
|
|
},
|
|
|
- //添加项目
|
|
|
- pushxiangmu(){
|
|
|
+ //插入项目
|
|
|
+ pushxiangmu(val){
|
|
|
this.unflattenData();
|
|
|
console.log(this.tableData);
|
|
|
- var obj={
|
|
|
- title:'新项目',
|
|
|
- itmes:[{
|
|
|
- id:0,
|
|
|
- dataDetails:'',
|
|
|
- details:'',
|
|
|
- remark:'',
|
|
|
- identification:'新项目',
|
|
|
- }]
|
|
|
+ console.log(val);
|
|
|
+ for (let k = 0; k < this.tableData.length; k++) {
|
|
|
+ if(this.tableData[k].title==val){
|
|
|
+ this.tableData.splice(k+1, 0,
|
|
|
+ {
|
|
|
+ title: '新项目'+k,
|
|
|
+ itmes: [{
|
|
|
+ id: 0,
|
|
|
+ dataDetails: '',
|
|
|
+ details: '',
|
|
|
+ remark: '',
|
|
|
+ identification: '新项目'+k,
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ );
|
|
|
+ this.getSpanArr();
|
|
|
+ this.flattenData();
|
|
|
+ break;
|
|
|
+ }
|
|
|
}
|
|
|
- this.tableData.push(obj);
|
|
|
- this.flattenData();
|
|
|
- this.getSpanArr();
|
|
|
+ // this.unflattenData();
|
|
|
+ // console.log(this.tableData);
|
|
|
+ // var obj={
|
|
|
+ // title:'新项目',
|
|
|
+ // itmes:[{
|
|
|
+ // id:0,
|
|
|
+ // dataDetails:'',
|
|
|
+ // details:'',
|
|
|
+ // remark:'',
|
|
|
+ // identification:'新项目',
|
|
|
+ // }]
|
|
|
+ // }
|
|
|
+ // this.tableData.push(obj);
|
|
|
+ // this.flattenData();
|
|
|
+ // this.getSpanArr();
|
|
|
},
|
|
|
//获得焦点
|
|
|
huodejiaodian(val){
|
