From cb1f69717eed3b6a61b6c61a8934bac752782b2d Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期三, 05 三月 2025 17:00:38 +0800 Subject: [PATCH] 1 --- src/views/hosp/order/index.vue | 351 +++++++++++++++------------------------------------------- 1 files changed, 91 insertions(+), 260 deletions(-) diff --git a/src/views/hosp/order/index.vue b/src/views/hosp/order/index.vue index 2056b76..deb3d93 100644 --- a/src/views/hosp/order/index.vue +++ b/src/views/hosp/order/index.vue @@ -804,13 +804,20 @@ <el-table :data="DataList3" border - style="width: 100%" + style="width: 100%; table-layout: fixed" height="560" - :span-method="objectspanmethod" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + :span-method="objectspanmethod"> + <el-table-column + prop="propinName" + label="妫�鏌ラ」鐩�" + width="200px" + :show-overflow-tooltip="true"> </el-table-column> - <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="200px"> + <el-table-column + prop="proName" + label="鏄庣粏椤圭洰" + width="200px" + :show-overflow-tooltip="true"> </el-table-column> <el-table-column prop="sl" label="鏁伴噺" width="56px"> </el-table-column> @@ -953,15 +960,7 @@ <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" @@ -984,29 +983,6 @@ </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> @@ -1014,15 +990,6 @@ <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; - margin-top: 10px; - " - > - 椤圭洰鍒楄〃 - </div> --> <el-input placeholder="杈撳叆鍏抽敭瀛楄繘琛岃繃婊�" v-model="filterText" @@ -1045,106 +1012,6 @@ </el-tree> </div> </el-col> - <!-- <el-col :span="11"> - <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"> - <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="propinName" 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="handleDelete(scope.row)" - title="鍒犻櫎" - ></el-button> - </template> - </el-table-column> - </el-table> --> - <!-- <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> @@ -1158,13 +1025,20 @@ <el-table :data="DataList3" border - style="width: 100%" + style="width: 100%; table-layout: fixed" height="560" - :span-method="objectspanmethod" - > - <el-table-column prop="propinName" label="妫�鏌ラ」鐩�"> + :span-method="objectspanmethod"> + <el-table-column + prop="propinName" + label="妫�鏌ラ」鐩�" + width="200px" + :show-overflow-tooltip="true"> </el-table-column> - <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="200px"> + <el-table-column + prop="proName" + label="鏄庣粏椤圭洰" + width="200px" + :show-overflow-tooltip="true"> </el-table-column> <el-table-column prop="sl" label="鏁伴噺" width="56px"> </el-table-column> @@ -1364,114 +1238,50 @@ </div> --> </el-dialog> - <!-- 娣诲姞鎴栦慨鏀逛綋妫�璁板綍瀵硅瘽妗� --> <el-dialog - :title="title" - :visible.sync="open" - width="950px" - append-to-body - :close-on-click-modal="false" - > - <el-tabs v-model="activeName1" type="card"> - <!-- <el-tab-pane label="璁㈠崟娴佹按" name="first"> - <el-table :data="numberList" style="width: 100%"> - <el-table-column prop="proName" label="椤圭洰/鑰楁潗" width="300"> - </el-table-column> - <el-table-column prop="price" label="鍗曚环" width="300"> - </el-table-column> - <el-table-column prop="count" label="鏁伴噺" width="300"> - </el-table-column> - </el-table> - <el-table :data="bill" style="width: 100%"> - <el-table-column prop="copeWith" label="搴斾粯" width="180"> - </el-table-column> - <el-table-column prop="discount" label="鎶樻墸" width="180"> - </el-table-column> - <el-table-column prop="paidIn" label="瀹炰粯" width="180"> - </el-table-column> - <el-table-column prop="payType" label="浠樻鏂瑰紡" width="180"> - <template slot-scope="scope"> - <span v-if="scope.row.payType == '0'">鐜伴噾鏀粯</span> - <span v-if="scope.row.payType == '1'">鍒峰崱鏀粯</span> - <span v-if="scope.row.payType == '2'">鏀粯瀹濇敮浠�</span> - <span v-if="scope.row.payType == '3'">寰俊鏀粯</span> - <span v-if="scope.row.payType == '4'">浜戦棯浠樻敮浠�</span> - </template> - </el-table-column> - <el-table-column prop="payStasus" label="浠樻鐘舵��" width="180"> - <template slot-scope="scope"> - <span v-if="scope.row.payStasus == '0'">鏈粯娆�</span> - <span v-if="scope.row.payStasus == '1'">宸蹭粯娆�</span> - <span v-if="scope.row.payStasus == '2'">閫�璐�</span> - <span v-if="scope.row.payStasus == '3'">棰勪粯娆�</span> - </template> - </el-table-column> - </el-table> - </el-tab-pane> --> - <el-tab-pane label="椤圭洰姹囨��" name="second" style="height: 400px"> - <el-table :data="huizongList" style="width: 100%" max-height="200"> - <el-table-column - align="center" - type="index" - label="搴忓彿" - width="50" - > - </el-table-column> - <el-table-column align="center" prop="parent_pro_name" label="椤圭洰"> - </el-table-column> - <el-table-column align="center" prop="ks" label="绉戝"> - </el-table-column> - <el-table-column align="center" prop="price" label="璐圭敤鍚堣"> - </el-table-column> - </el-table> - <h3>浠樻璇︽儏</h3> - <el-table :data="bill" style="width: 100%; margin-top: 10px"> - <el-table-column align="center" prop="copeWith" label="搴斾粯"> - </el-table-column> - <el-table-column align="center" prop="discount" label="鎶樻墸"> - </el-table-column> - <el-table-column align="center" prop="paidIn" label="瀹炰粯"> - </el-table-column> - </el-table> - </el-tab-pane> - <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 350px"> - <el-table - :data="infoList" - style="width: 100%" - max-height="330" - :span-method="objectSpanMethod1" - > - <el-table-column - align="center" - type="index" - label="搴忓彿" - width="50" - > - </el-table-column> - <el-table-column align="center" prop="parent_pro_name" label="鐖堕」"> - </el-table-column> - <el-table-column align="center" prop="pro_name" label="瀛愰」"> - </el-table-column> - <el-table-column align="center" prop="danjia" label="鍗曚环"> - </el-table-column> - <el-table-column align="center" prop="num" label="鏁伴噺"> - </el-table-column> - <el-table-column align="center" prop="zongjia" label="鎬讳环"> - </el-table-column> - <el-table-column - align="center" - prop="time" - label="寮�鍗曟椂闂�" - width="180" - > - </el-table-column> - </el-table> - </el-tab-pane> - </el-tabs> - <div slot="footer" class="dialog-footer"> - <el-button @click="cancel">鍙� 娑�</el-button> - </div> - </el-dialog> + :title="title" + :visible.sync="open" + width="1400px" + append-to-body + :close-on-click-modal="false" + class="custom-dialog" +> + <el-tabs v-model="activeName1" type="card"> + <el-tab-pane label="椤圭洰姹囨��" name="second" style="height: 400px"> + <el-table :data="huizongList" style="width: 100%" max-height="350"> + <el-table-column align="center" type="index" label="搴忓彿" width="50"></el-table-column> + <el-table-column align="center" prop="parent_pro_name" label="椤圭洰"></el-table-column> + <el-table-column align="center" prop="ks" label="绉戝"></el-table-column> + <el-table-column align="center" prop="price" label="璐圭敤鍚堣"></el-table-column> + </el-table> + <h3>浠樻璇︽儏</h3> + <el-table :data="bill" style="width: 100%; margin-top: 10px;"> + <el-table-column align="center" prop="copeWith" label="搴斾粯"></el-table-column> + <el-table-column align="center" prop="discount" label="鎶樻墸"></el-table-column> + <el-table-column align="center" prop="paidIn" label="瀹炰粯"></el-table-column> + </el-table> + </el-tab-pane> + <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 450px;"> <!-- 绉婚櫎 overflow-y: auto --> + <el-table + :data="infoList" + style="width: 100;" + max-height="500" + :span-method="objectSpanMethod1" + > + <el-table-column align="center" type="index" label="搴忓彿" width="50"></el-table-column> + <el-table-column align="center" prop="parent_pro_name" label="鐖堕」"></el-table-column> + <el-table-column align="center" prop="pro_name" label="瀛愰」"></el-table-column> + <el-table-column align="center" prop="danjia" label="鍗曚环"></el-table-column> + <el-table-column align="center" prop="num" label="鏁伴噺"></el-table-column> + <el-table-column align="center" prop="zongjia" label="鎬讳环"></el-table-column> + <el-table-column align="center" prop="time" label="寮�鍗曟椂闂�" width="180"></el-table-column> + </el-table> +</el-tab-pane> + </el-tabs> + <div slot="footer" class="dialog-footer"> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> +</el-dialog> <el-dialog :title="title1" @@ -1687,6 +1497,7 @@ getaddtTransition, getProParentIdDxList, getProSonDxList, + getaddtTransition1 } from "@/api/system/tijian"; import { SubmitCompany, @@ -2686,7 +2497,7 @@ renderContent(h, { node, data, store }) { return ( <span class="custom-tree-node"> - 聽 <span>{node.label}</span> + <span>{node.label}</span> <span>({data.proPrice}鍏�)</span> </span> ); @@ -3149,7 +2960,7 @@ cusId: this.cusIds, proIds: this.proIds, }; - getaddtTransition(data).then((response) => { + getaddtTransition1(data).then((response) => { if (response.code === 200) { // this.DataList3 = []; // this.DataList = []; @@ -3246,6 +3057,26 @@ }; </script> <style lang="scss" scoped> +.custom-dialog { + /* 鑷畾涔夊脊鍑烘鐨勬渶灏忛珮搴� */ + min-height: 600px; /* 浠庨粯璁ら珮搴﹀鍔犲埌 600px锛屽彲浠ユ牴鎹渶瑕佽皟鏁� */ +} + +/* 璋冩暣 el-tabs 鐨勫唴瀹瑰尯鍩熼珮搴� */ +::v-deep .el-tabs__content { + min-height: 500px; /* 纭繚閫夐」鍗″唴瀹瑰尯鍩熸湁瓒冲楂樺害 */ +} + +/* 璋冩暣瀵硅瘽妗嗙殑涓讳綋閮ㄥ垎 */ +::v-deep .el-dialog__body { + padding: 20px; +} + +/* 鍙�夛細璋冩暣 footer 鐨勬牱寮� */ +.dialog-footer { + padding: 10px 20px; + text-align: right; +} .pag { width: 100%; display: flex; -- Gitblit v1.8.0