| | |
| | | 项目列表 |
| | | </div> |
| | | <!-- @input="gaibian" --> |
| | | <el-input placeholder="输入关键字进行过滤" |
| | | v-model="filterText"> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <h3 style="font-weight: bold;">合计:{{ marryall }}元</h3> |
| | | <!-- <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column |
| | | prop="proName" |
| | | label="项目" |
| | | width="180" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column prop="ordPrice" label="原价"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-collapse-item> |
| | | </div> |
| | | </el-collapse> --> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="组合" name="third"> |
| | | <div class="tab8"> |
| | | <!-- <div class="tab7"> |
| | | <v-tree-transfer |
| | | :treeData="treedataList" |
| | | :defaultProps="{ children: 'tjProjectList', label: 'proName' }" |
| | | :defaultKeys="defaultKeys" |
| | | @changeKeys="changeCategoryKeys" |
| | | :key="datekey" |
| | | ></v-tree-transfer> --> |
| | | <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps" :default-checked-keys="treeList" |
| | | @check-change="handleCurrentChecked"> |
| | | </el-tree> --> |
| | | <!-- </div> --> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 组合项目 |
| | | </div> |
| | | <!-- @input="gaibian" --> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps1" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check="handleCurrentCheckeds" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="trees" |
| | | :render-content="renderContent1" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="zhxqList" |
| | | node-key="id" |
| | | :props="defaultProps2" |
| | | :filter-node-method="filterNode" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 已选项目列表 |
| | | </div> |
| | | <el-table |
| | | :data="DataList" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectSpanMethod" |
| | | > |
| | | <el-table-column prop="hisXmmc" label="检查项目"> |
| | | </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 |
| | | label="操作" |
| | | align="center" |
| | | fixed="right" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete1(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <h3 style="font-weight: bold">合计:{{ marryall }}元</h3> |
| | | <!-- <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | |
| | | getIsRequired, |
| | | getconfigKey, |
| | | getHistryTjOrderProByCusIdCard, |
| | | getZhList, |
| | | listByZhId, |
| | | } from "@/api/system/tijian"; |
| | | import Packages from "@/components/Packages"; |
| | | import { MessageBox } from "element-ui"; |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | pname:"", |
| | | zhxqList: [], |
| | | zhList: [], |
| | | pname: "", |
| | | filterText: "", |
| | | proIdList: [], |
| | | tableDatas: [], |
| | |
| | | table: false, |
| | | HistoryList: {}, |
| | | index: 0, |
| | | names:"", |
| | | names: "", |
| | | dictType: [ |
| | | { |
| | | value: 0, |
| | |
| | | // 树状形状 |
| | | Treedata: [], |
| | | TreedataList: [], |
| | | TreedataLists: [], |
| | | treedataList: [], |
| | | checkedkey: [], |
| | | checkedListkey: [], |
| | | defaultProps: { |
| | | children: [], |
| | | label: "proName", |
| | | }, |
| | | defaultProps1: { |
| | | children: [], |
| | | label: "zhmc", |
| | | }, |
| | | defaultProps2: { |
| | | children: [], |
| | | label: "proName", |
| | | }, |
| | |
| | | filterNode(value, data) { |
| | | if (!value) return true; |
| | | // return data.proName.indexOf(value) !== -1; |
| | | if(data.proName.indexOf(value) !== -1){ |
| | | if (data.proName.indexOf(value) !== -1) { |
| | | return data.proName.indexOf(value) !== -1; |
| | | }else{ |
| | | } else { |
| | | return data.proEngName.indexOf(value) !== -1; |
| | | } |
| | | }, |
| | |
| | | let _this = this; |
| | | _this.pacId = ""; |
| | | this.proIds = []; |
| | | this.tjCategory ="12" |
| | | this.tjCategory = "12"; |
| | | let data = { |
| | | cusId, |
| | | pacId: _this.pacId, |
| | |
| | | this.DataList = []; |
| | | this.getDataList(); |
| | | } |
| | | if (tab.label == "组合") { |
| | | this.DataList = []; |
| | | this.getzhList(); |
| | | } |
| | | }, |
| | | // gaibian(val){ |
| | | // console.log(val); |
| | |
| | | // }) |
| | | // }, |
| | | getDataList() { |
| | | console.log(111); |
| | | this.loading = true; |
| | | // this.pname = "null"; |
| | | getProParentIdDxList().then((response) => { |
| | |
| | | } |
| | | this.checkedkey.push("1735504273274236929"); |
| | | let proId = "1735504273274236929"; |
| | | this.Treedata.forEach(item =>{ |
| | | if(proId == item.proId){ |
| | | this.names = item.proName |
| | | this.Treedata.forEach((item) => { |
| | | if (proId == item.proId) { |
| | | this.names = item.proName; |
| | | } |
| | | }) |
| | | }); |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataList.push(item); |
| | | this.DataList.forEach((item) => { |
| | | item.propinName = this.names; |
| | | item.propinName = this.names; |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | |
| | | getzhList() { |
| | | // getZhList().then((res) => { |
| | | // console.log(res); |
| | | // this.zhList = res.data; |
| | | // }); |
| | | // this.pname = "null"; |
| | | getZhList().then((response) => { |
| | | this.Treedata = response.data; |
| | | if (this.tableData[0]) { |
| | | this.tableData[0].tjProjectList.forEach((selectionitem) => { |
| | | this.Treedata.forEach((item) => { |
| | | if (selectionitem.proId == item.proId) { |
| | | item.disabled = true; |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | this.checkedkey.push("1735504273274236929"); |
| | | let proId = "1735504273274236929"; |
| | | this.Treedata.tjProjectList.forEach((item) => { |
| | | if (proId == item.proId) { |
| | | this.names = item.proName; |
| | | } |
| | | }); |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataLists.push(item); |
| | | this.DataLists.forEach((item) => { |
| | | item.propinName = this.names; |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | this.marryall = 0; |
| | | if (this.DataLists.length != 0) { |
| | | this.list1 = false; |
| | | this.DataLists.forEach((item) => { |
| | | this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | this.marryall += item.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | // 点击获取每个树节点 |
| | | handleCurrentChecked(data, checked, checkedNodes) { |
| | | this.dataObj = data; |
| | |
| | | } |
| | | }, |
| | | |
| | | handleCurrentCheckeds(data, checked, checkedNodes) { |
| | | console.log(data,222); |
| | | let zhId = data.id; |
| | | listByZhId(zhId).then((res) => { |
| | | this.zhxqList = res.data.tjProjectList; |
| | | this.dataObj = data; |
| | | if (checked.checkedNodes.length != 0) { |
| | | this.zhxqList.forEach((element) => { |
| | | this.$refs.trees.setCheckedKeys([data.id]); |
| | | let proId = element.proId; |
| | | getProSonDxList(proId).then((rese) => { |
| | | this.TreedataLists = rese.data.list; |
| | | this.TreedataLists.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataLists.push(item); |
| | | console.log(this.DataLists,333); |
| | | this.spliceData(); |
| | | this.DataLists.forEach((item1) => { |
| | | if (item1.proParentId == data.proId) { |
| | | item1.propinName = data.proName; |
| | | } |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | this.marryall = 0; |
| | | if (this.DataLists.length != 0) { |
| | | this.list1 = false; |
| | | this.DataLists.forEach((item) => { |
| | | // this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | this.marryall += item.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | }); |
| | | } else if (checked.checkedNodes.length == 0) { |
| | | this.zhxqList.forEach((element) => { |
| | | let proId = element.proId; |
| | | getProSonDxList(proId).then((res) => { |
| | | this.TreedataLists = res.data.list; |
| | | this.checkedListkey = []; |
| | | }); |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | spliceData() { |
| | | for (var i = 0; i < this.DataList.length; i++) { |
| | | for (var j = i + 1; j < this.DataList.length; j++) { |
| | |
| | | <span class="custom-tree-node"> |
| | | <span>{node.label}</span> |
| | | <span>({data.proPrice}元)</span> |
| | | </span> |
| | | ); |
| | | }, |
| | | renderContent1(h, { node, data, store }) { |
| | | return ( |
| | | <span class="custom-tree-node"> |
| | | <span>{node.label}</span> |
| | | <span>({data.price}元)</span> |
| | | </span> |
| | | ); |
| | | }, |
| | |
| | | |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | this.DataList.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList.splice(index, 1); |
| | | this.marryall = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.marryall += item1.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete1(row) { |
| | | this.DataList.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList.splice(index, 1); |
| | |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | | if (this.DataLists.length != 0) { |
| | | this.DataList.forEach((item) => { |
| | | this.proIds.push(item.proId); |
| | | }); |
| | | } |
| | | let data = { |
| | | cusId, |
| | | pacId: _this.pacId, |
| | | proIds: this.proIds, |
| | | }; |
| | | getaddtTransition(data).then((response) => { |
| | | if(response.code==200 ){ |
| | | if (response.code == 200) { |
| | | let cusId = this.form.cusIdcard; |
| | | this.proIds = []; |
| | | getTransitionList(cusId).then((response) => { |
| | |
| | | if (this.tableData1) { |
| | | this.tableData1.forEach((item) => { |
| | | this.TotalPrice1 += item.nowPrice; |
| | | if (item.tjCategory!=null ) { |
| | | this.tjCategory = item.tjCategory |
| | | if (item.tjCategory != null) { |
| | | this.tjCategory = item.tjCategory; |
| | | } |
| | | if (item.pacName == "单项") { |
| | | item.list.forEach((item9) => { |