| | |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="1100px" |
| | | width="1500px" |
| | | append-to-body |
| | | > |
| | | <el-form |
| | |
| | | </el-table> --> |
| | | |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <el-col :span="7"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | ref="trees" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | |
| | | > |
| | | <el-table-column prop="propinName" label="检查项目"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proPrice" label="原价" width="56px"> |
| | | </el-table-column> |
| | | <el-table-column prop="proName" label="明细项目" width="260px"> |
| | | </el-table-column> |
| | | |
| | | <!-- <el-table-column |
| | |
| | | </template> |
| | | </el-table-column>--> |
| | | </el-table> |
| | | <span>合计:{{ pics }}元</span> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | } |
| | | }; |
| | | return { |
| | | pics: "", |
| | | filterText: "", |
| | | DataList: [], |
| | | list1: true, |
| | |
| | | this.open = true; |
| | | this.title = "体检套餐信息维护"; |
| | | this.DataList = []; |
| | | this.checkedkey=[]; |
| | | this.checkedListkey=[]; |
| | | this.checkedkey = []; |
| | | this.checkedListkey = []; |
| | | this.getDataList(); |
| | | // getAllList().then((response) => { |
| | | // this.allList = response.data; |
| | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | renderContent(h, { node, data, store }) { |
| | | return ( |
| | | <span class="custom-tree-node"> |
| | | <span>{node.label}</span> |
| | | <span>({data.proPrice}元)</span> |
| | | </span> |
| | | ); |
| | | }, |
| | | getDataList() { |
| | | this.loading = true; |
| | | getProParentIdDxList().then((response) => { |
| | | this.Treedata = response.data.list; |
| | | console.log(this.Treedata, 666); |
| | | if (this.form.tjProjectList) { |
| | | this.form.tjProjectList.forEach((item) => { |
| | | this.Treedata.forEach((item1) => { |
| | |
| | | item2.disabled = true; |
| | | this.checkedListkey.push(item2.proId); |
| | | this.DataList.push(item2); |
| | | console.log(this.DataList); |
| | | if (this.DataList.length != 0) { |
| | | this.DataList.forEach((item) => { |
| | | if (item.proParentId == item1.proId) { |
| | |
| | | }); |
| | | }); |
| | | } else { |
| | | console.log(this.checkedkey) |
| | | this.checkedkey.push(this.Treedata[0].proId); |
| | | let proId = this.Treedata[0].proId; |
| | | console.log(proId) |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | |
| | | }); |
| | | }, |
| | | handleCurrentChecked(data, checked, checkedNodes) { |
| | | console.log(data, checked) |
| | | this.dataObj = data; |
| | | this.checkedObj = checked; |
| | | if (checked == true) { |
| | |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataList.push(item); |
| | | this.spliceData(); |
| | | this.pics = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.pics += item.proPrice; |
| | | if (item1.proParentId == data.proId) { |
| | | item1.propinName = data.proName; |
| | | item1.propinPrice = this.dataObj.proPrice; |
| | |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | this.pics = 0; |
| | | if (this.DataList.length != 0) { |
| | | this.list1 = false; |
| | | this.DataList.forEach((item) => { |
| | | this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | this.pics += item.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | |
| | | item.disabled = true; |
| | | }); |
| | | this.checkedListkey = []; |
| | | console.log(this.DataList); |
| | | this.DataList.forEach((item, index) => { |
| | | if (item.proParentId == this.dataObj.proId) { |
| | | this.DataList.splice(index, this.TreedataList.length); |
| | | } |
| | | }); |
| | | this.pics = 0; |
| | | this.DataList.forEach((item, index) => { |
| | | this.pics += item.proPrice; |
| | | }); |
| | | }); |
| | | } |
| | |
| | | if (item.proId == data.proId) { |
| | | this.DataList.splice(index, 1); |
| | | this.TotalPrice1 = 0; |
| | | this.pics = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.pics += item1.proPrice; |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | } |
| | |
| | | }); |
| | | this.spliceData(); |
| | | this.TotalPrice1 = 0; |
| | | this.pics = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | this.pics += item1.proPrice; |
| | | }); |
| | | } |
| | | }, |
| | |
| | | this.treeList = JSON.parse(JSON.stringify(this.DataList)); |
| | | for (var i = 0; i < this.treeList.length; i++) { |
| | | for (var j = i + 1; j < this.treeList.length; j++) { |
| | | if (this.treeList[i].proParentId == this.treeList[j].proParentId) { |
| | | if ( |
| | | this.treeList[i].proParentId == this.treeList[j].proParentId |
| | | ) { |
| | | this.treeList.splice(j, 1); |
| | | j--; |
| | | } |
| | | } |
| | | } |
| | | this.treeList.forEach((item) => { |
| | | this.treeList.forEach((item) => { |
| | | this.form.tjProjectList.push({ |
| | | // id: 0, |
| | | proName: item.propinName, |
| | |
| | | overflow-y: auto; |
| | | border: 1px solid #d9d9d9; |
| | | } |
| | | /* .custom-tree-node { |
| | | flex: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | font-size: 14px; |
| | | padding-right: 8px; |
| | | } */ |
| | | </style> |