| | |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> |
| | | <!-- <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> --> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | append-to-body |
| | | :close-on-click-modal="false" |
| | | > |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 560px; margin: 0 10px; width: 100%" |
| | | @tab-click="handleClick" |
| | | v-model="activeNames" |
| | | > |
| | | <el-tab-pane label="组合" name="first"> |
| | | <div class="tab8"> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="6"> |
| | | <div |
| | | <div class="box"> |
| | | <div class="box1"> |
| | | <div |
| | | style="text-align: center; margin-bottom: 10px; margin-top: 10px" |
| | | > |
| | | 项目选择 |
| | | </div> |
| | | <el-tabs |
| | | type="border-card" |
| | | style="height: 560px; margin: 0 10px; width: 100%" |
| | | @tab-click="handleClick" |
| | | v-model="activeNames" |
| | | > |
| | | <el-tab-pane label="组合" name="first"> |
| | | <div class="tab8"> |
| | | <el-row :gutter="20" style="width: 100%"> |
| | | <el-col :span="22"> |
| | | <!-- <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 项目列表 |
| | | </div> --> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterage" |
| | | > |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packageList" |
| | | :props="defaultProp" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check="handlepackage" |
| | | :default-checked-keys="checkedkeys" |
| | | :filter-node-method="filterpackage" |
| | | ref="treas" |
| | | :render-content="renderContents" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="11"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packagedataList" |
| | | node-key="proId" |
| | | :props="defaultpackProps" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> --> |
| | | <!-- <el-col :span="11"> </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="单项" name="third"> |
| | | <div class="tab8"> |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="22"> |
| | | <!-- <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | |
| | | " |
| | | > |
| | | 项目列表 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterage"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packageList" |
| | | :props="defaultProp" |
| | | show-checkbox |
| | | node-key="id" |
| | | @check="handlepackage" |
| | | :default-checked-keys="checkedkeys" |
| | | :filter-node-method="filterpackage" |
| | | ref="treas" |
| | | :render-content="renderContents" |
| | | </div> --> |
| | | <el-input |
| | | placeholder="输入关键字进行过滤" |
| | | v-model="filterText" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="11"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="packagedataList" |
| | | node-key="proId" |
| | | :props="defaultpackProps" |
| | | :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 class="outside1"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="TreedataList" |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | :filter-node-method="filterNode" |
| | | show-checkbox |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | <el-table |
| | | :data="Datalists" |
| | | border |
| | | style="width: 100%" |
| | | height="400" |
| | | :span-method="objectspanmethod" |
| | | > |
| | | <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 |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDel(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="单项" name="third"> |
| | | <el-row type="flex" class="row-bg" justify="space-around"> |
| | | <el-col :span="6"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 项目列表 |
| | | </div> |
| | | <el-input placeholder="输入关键字进行过滤" v-model="filterText"> |
| | | </el-input> |
| | | <div class="tab3"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="Treedata" |
| | | :props="defaultProps" |
| | | show-checkbox |
| | | node-key="proId" |
| | | @check="handleCurrentChecked" |
| | | :default-checked-keys="checkedkey" |
| | | :filter-node-method="filterNode" |
| | | ref="tree" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="5"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | margin-bottom: 10px; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | 明细项目列表 |
| | | </div> |
| | | <div class="tab3"> |
| | | <div class="outside1"> |
| | | <el-tree |
| | | class="filter-tree" |
| | | v-loading="loading" |
| | | :data="TreedataList" |
| | | node-key="proId" |
| | | :props="defaultProps" |
| | | :filter-node-method="filterNode" |
| | | show-checkbox |
| | | @check-change="handleCurrentChecked1" |
| | | :default-checked-keys="checkedListkey" |
| | | :render-content="renderContent" |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="11"> |
| | | </el-col> --> |
| | | <!-- <el-col :span="11"> |
| | | <div class="grid-content bg-purple"> |
| | | <div |
| | | style=" |
| | |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-table> --> |
| | | <!-- <el-collapse v-model="activeName" accordion v-if="list1"> |
| | | <div> |
| | | <el-collapse-item title="请选择项目"> |
| | |
| | | </el-collapse-item> |
| | | </div> |
| | | </el-collapse> --> |
| | | <!-- </div> |
| | | </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | | <div class="grid-content bg-purple"> |
| | | <div style="text-align: center; margin-bottom: 10px;margin-top:9px"> |
| | | 已选项目列表 |
| | | </div> |
| | | <el-table |
| | | :data="DataList3" |
| | | border |
| | | style="width: 100%" |
| | | height="560" |
| | | :span-method="objectspanmethod" |
| | | > |
| | | <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 |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="50px" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDel(scope.row)" |
| | | title="删除" |
| | | ></el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <!-- <h3 style="font-weight: 600">合计:{{ marryalls }}元</h3> --> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="heji"> |
| | | <template> |
| | | <el-form :model="form" :inline="true"> |
| | |
| | | </template> |
| | | |
| | | <div class="outsides"> |
| | | <el-form :inline="true" class="outside2" label-width="80px" > |
| | | <el-form :inline="true" class="outside2" label-width="80px"> |
| | | <el-form-item label="原价" style="display: flex"> |
| | | <el-input |
| | | placeholder="原价" |
| | |
| | | name: "Order", |
| | | data() { |
| | | return { |
| | | DataList3: [], |
| | | bldhid: "", |
| | | budadaozhen: false, |
| | | huizongList: [], |
| | |
| | | activeName: "1", |
| | | proIds: [], |
| | | TotalPrice1: 0, |
| | | TotalPrice6: 0, |
| | | TotalPrice7: 0, |
| | | numberList: [], |
| | | dialogVisible: false, |
| | | // 遮罩层 |
| | |
| | | }, |
| | | budadzd() { |
| | | this.bldhs = []; |
| | | this.bldhid = ""; |
| | | getBlproByTjh(this.tjnumbers).then((res) => { |
| | | if (res.data) { |
| | | this.DataLists = res.data; |
| | |
| | | }); |
| | | }, |
| | | dayin() { |
| | | // this.bldhs = []; |
| | | console.log(this.bldhs); |
| | | this.bldhid.toString(this.bldhs); |
| | | this.bldhs.forEach((item) => { |
| | |
| | | |
| | | handleClick(tab, event) { |
| | | if (this.activeNames == "first") { |
| | | this.marryalls = 0; |
| | | this.Datalists = []; |
| | | // this.marryalls = 0; |
| | | // this.Datalists = []; |
| | | this.checkedkeys = []; |
| | | getZhList().then((response) => { |
| | | if (response.data) { |
| | |
| | | this.loading = false; |
| | | }); |
| | | } else { |
| | | this.TotalPrice1 = 0; |
| | | // this.TotalPrice1 = 0; |
| | | this.checkedkey = []; |
| | | this.DataList = []; |
| | | // this.DataList = []; |
| | | this.getDataList(); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | // if (this.marryalls != 0) { |
| | | // this.TotalPrice1 += this.marryalls; |
| | | // } |
| | | } |
| | | }, |
| | | |
| | |
| | | this.TreedataList = res.data.list; |
| | | this.TreedataList.forEach((item) => { |
| | | this.Datalists.push(item); |
| | | this.DataList3 = this.DataList.concat(this.Datalists); |
| | | if (this.Datalists.length >= 1) { |
| | | this.marryalls = 0; |
| | | this.Datalists.forEach((item1) => { |
| | | this.marryalls += item1.proPrice; |
| | | // this.TotalPrice1 = this.marryalls; |
| | | this.TotalPrice1 = 0; |
| | | console.log(this.DataList3, 9999999999); |
| | | if (this.DataList3.length != 0) { |
| | | this.DataList3.forEach((item) => { |
| | | console.log(item.proPrice); |
| | | this.TotalPrice1 += item.proPrice; |
| | | }); |
| | | } |
| | | this.packagedataList.forEach((item3) => { |
| | | if (item1.proParentId == item3.proId) { |
| | | item1.propinName = item3.proName; |
| | |
| | | handleProject(row) { |
| | | this.loading = true; |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.Datalists = []; |
| | | this.TotalPrice1 = 0; |
| | | this.orderId = row.orderId; |
| | | this.cusId = row.tjCusIdCard; |
| | | this.userId = row.userId; |
| | |
| | | handleProject1() { |
| | | this.loading = true; |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.Datalists = []; |
| | | this.TotalPrice1 = 0; |
| | | this.orderId = this.ids; |
| | | this.cusId = this.cusIds; |
| | | this.userId = this.userIds; |
| | |
| | | this.TreedataList.forEach((item) => { |
| | | this.checkedListkey.push(item.proId); |
| | | this.DataList.push(item); |
| | | this.DataList3 = this.DataList.concat(this.Datalists); |
| | | console.log(this.DataList, 77777); |
| | | this.spliceData(); |
| | | this.DataList.forEach((item1) => { |
| | | if (item1.proParentId == data.proId) { |
| | |
| | | }); |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | if (this.DataList.length != 0) { |
| | | this.list1 = false; |
| | | this.DataList.forEach((item) => { |
| | | this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | if (this.DataList3.length != 0) { |
| | | this.DataList3.forEach((item) => { |
| | | this.TotalPrice1 += item.proPrice; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | // this.TotalPrice1 = 0; |
| | | // if (this.DataList.length != 0) { |
| | | // this.list1 = false; |
| | | // this.DataList.forEach((item) => { |
| | | // this.TotalPrice1 = item.proPrice + this.TotalPrice1; |
| | | // }); |
| | | // if (this.marryalls != 0) { |
| | | // this.TotalPrice1 += this.marryalls; |
| | | // } |
| | | // } |
| | | }); |
| | | } else if (checked.checkedNodes.length == 0) { |
| | | let proId = data.proId; |
| | |
| | | }); |
| | | } else if (checked == true) { |
| | | this.DataList.push(data); |
| | | console.log(this.DataList, 6666); |
| | | this.DataList.forEach((item1) => { |
| | | if (item1.proParentId == this.dataObj.proId) { |
| | | item1.propinName = this.dataObj.proName; |
| | |
| | | }); |
| | | } |
| | | }); |
| | | this.DataList3.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList3.splice(index, 1); |
| | | this.marryalls = 0; |
| | | this.DataList3.forEach((item1) => { |
| | | this.marryalls += item1.proPrice; |
| | | }); |
| | | } |
| | | }); |
| | | this.DataList.forEach((item, index) => { |
| | | if (item.proId == row.proId) { |
| | | this.DataList.splice(index, 1); |
| | | this.TotalPrice1 = 0; |
| | | this.DataList.forEach((item1) => { |
| | | this.TotalPrice1 = item1.proPrice + this.TotalPrice1; |
| | | }); |
| | | if (this.marryalls != 0) { |
| | | this.TotalPrice1 += this.marryalls; |
| | | } |
| | | } |
| | | }); |
| | | this.TotalPrice1 = 0; |
| | | this.DataList3.forEach(item=>{ |
| | | this.TotalPrice1 += item.proPrice; |
| | | }) |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | |
| | | }; |
| | | getaddtTransition(data).then((response) => { |
| | | if (response.code === 200) { |
| | | this.DataList = []; |
| | | this.DataList3 = []; |
| | | this.DataLists = []; |
| | | this.TotalPrice1 = 0; |
| | | let tjType = this.form.tjType; |
| | | let copeWith = this.TotalPrice1; |
| | | let paidIn = copeWith * (this.discount / 10); |
| | |
| | | }; |
| | | getaddtTransition(data).then((response) => { |
| | | if (response.code === 200) { |
| | | // this.DataList3 = []; |
| | | // this.DataList = []; |
| | | // this.DataList3 = []; |
| | | let tjType = this.form.tjType; |
| | | let copeWith = this.TotalPrice1; |
| | | let paidIn = copeWith * (this.discount / 10); |
| | |
| | | |
| | | handleProjectssChange(selection) { |
| | | this.DataListss = []; |
| | | this.selection = []; |
| | | this.bldhs = selection.map((item) => item.bldh); |
| | | selection.forEach((item) => { |
| | | item.projectList.forEach((item1) => { |
| | |
| | | align-items: center; |
| | | margin-top: 10px; |
| | | } |
| | | .box { |
| | | |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | .box1{ |
| | | width: 50%; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | </style> |