From 71cdf662247ec0092f02c2d7c20cef01726416ad Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期三, 11 十二月 2024 15:25:01 +0800 Subject: [PATCH] 总检 --- src/views/doctor/checkAll/index.vue | 95 ++++++++++++++++++++++++++++++----------------- 1 files changed, 61 insertions(+), 34 deletions(-) diff --git a/src/views/doctor/checkAll/index.vue b/src/views/doctor/checkAll/index.vue index b99cdc6..b8d5832 100644 --- a/src/views/doctor/checkAll/index.vue +++ b/src/views/doctor/checkAll/index.vue @@ -247,7 +247,7 @@ <div class="top"> <table style=" - width: 98%; + width: 100%; margin: 10px 10px; border: 1px solid #dfe6ec; border-collapse: collapse; @@ -346,7 +346,7 @@ style=" font-size: 14px; height: calc(100% - 11%); - width: 1300px; + width: 1100px; margin-left: 10px; " > @@ -368,7 +368,7 @@ :row-style="changRed" :header-cell-style="{ background: '#aad8df' }" > - <el-table-column align="center" label="妫�娴嬮」鐩�" width="240"> + <el-table-column align="center" label="妫�娴嬮」鐩�" width="464"> <template slot-scope="scope"> <div>{{ scope.row.proName }}</div> </template> @@ -629,8 +629,28 @@ border style="width: 100%" :header-cell-style="{ background: '#67C23A' }" + :expand-row-keys="expends" + :row-key="getRowKeys" > - <el-table-column align="center" label="妫�娴嬮」鐩�" width="220"> + <el-table-column type="expand"> + <template slot-scope="props"> + <div + v-if="props.row.advices && props.row.advices.length > 0" + > + <div + v-for="(jianyi, index1) in props.row.advices" + :key="index1" + style="padding: 0 10px; margin-bottom: 10px" + > + <div>鏍囬锛歿{ jianyi.bt || "" }}</div> + <div>鍐呭锛歿{ jianyi.nr || "" }}</div> + </div> + </div> + <div v-else style="padding: 0 10px">鏆傛棤鍐呭</div> + </template> + </el-table-column> + + <el-table-column align="center" label="妫�娴嬮」鐩�" width="335"> <template slot-scope="scope"> <div>{{ scope.row.proName }}</div> </template> @@ -639,7 +659,7 @@ align="center" prop="proResult" label="妫�娴嬬粨鏋�" - width="160" + width="85" > </el-table-column> @@ -647,9 +667,16 @@ align="center" prop="stanId" label=" 鍙傝�冭寖鍥�" + width="117" > </el-table-column> - <el-table-column align="center" prop="proAdvice" label="鍗曚綅"> + + <el-table-column + align="center" + prop="proAdvice" + label="鍗曚綅" + width="78" + > </el-table-column> </el-table> </div> @@ -670,19 +697,12 @@ :data="statusList" style="width: 100%" :header-cell-style="{ background: '#e6a23c' }" - :expand-row-keys="expends" - :row-key="getRowKeys" :stripe="true" > - <el-table-column type="expand"> - <template slot-scope="props"> - <span>{{ props.row.deptName }}</span> - </template> - </el-table-column> <el-table-column align="center" label="閮ㄩ棬" - width="160" + width="185" prop="deptName" > </el-table-column> @@ -690,7 +710,7 @@ align="center" prop="proName" label="椤圭洰" - width="160" + width="260" > </el-table-column> @@ -1395,9 +1415,12 @@ }, //璁剧疆table涓殑鎵╁睍椤癸紝灞曞紑鐨刬d锛屾澶勬垜闇�瑕佸叏閮ㄥ睍寮� getExpends() { - var proId = this.statusList.map((item) => item.proId); - this.expends = proId; + // 閫氳繃flatMap灏嗘瘡涓猻one鏁扮粍涓殑ID鎻愬彇鍑烘潵锛屽苟杩斿洖涓�涓墎骞冲寲鐨処D鏁扮粍 + this.expends = this.yichangList.flatMap((item) => + item.sone.map((subItem) => subItem.proId) + ); }, + getRowKeys(row) { return row.proId; }, @@ -1406,7 +1429,7 @@ cSWebGetPro(this.tjNumber).then((res) => { this.status = 1; this.statusList = res.data; - this.getExpends(); + if (this.statusList.length == 0) { _this.$message.msgSuccess("鏆傛棤椤圭洰鎯呭喌"); } @@ -1422,6 +1445,7 @@ tjNum: this.tjNumber, }).then((res) => { this.yichangList = res.data; + this.getExpends(); if (this.yichangList.length == 0) { _this.$message.msgSuccess("鏆傛棤寮傚父鎶ュ憡"); } @@ -2261,63 +2285,63 @@ flex-direction: column; gap: 10px; /* 鎸夐挳涔嬮棿鐨勯棿璺� */ position: fixed; /* 浣挎暣涓寜閽尯鍩熷浐瀹氬湪椤甸潰 */ - right: 0; /* 鍥哄畾鍦ㄩ〉闈㈠彸渚� */ - top: 20%; /* 鍒濆浣嶇疆 */ + right: 0; /* 鍥哄畾鍦ㄩ〉闈㈠彸渚� */ + top: 20%; /* 鍒濆浣嶇疆 */ z-index: 10; } /* 姣忎釜鎸夐挳鐨勬牱寮� */ .btn1 { - animation: fadeInUp 0.5s ease-out forwards; /* 鎸夐挳鍔犺浇鏃剁殑娣″叆鍔ㄧ敾 */ + animation: fadeInUp 0.5s ease-out forwards; /* 鎸夐挳鍔犺浇鏃剁殑娣″叆鍔ㄧ敾 */ display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; - writing-mode: vertical-rl; /* 鎸夐挳鏂囨湰绔栫洿鎺掑垪 */ - text-align: center; /* 鏂囧瓧灞呬腑 */ + writing-mode: vertical-rl; /* 鎸夐挳鏂囨湰绔栫洿鎺掑垪 */ + text-align: center; /* 鏂囧瓧灞呬腑 */ } /* 璁剧疆鍔ㄧ敾鏁堟灉 */ @keyframes fadeInUp { 0% { opacity: 0; - transform: translateY(20px) scale(0.5); /* 鍒濆鐘舵�侊細閫忔槑涓旂缉灏� */ + transform: translateY(20px) scale(0.5); /* 鍒濆鐘舵�侊細閫忔槑涓旂缉灏� */ } 100% { opacity: 1; - transform: translateY(0) scale(1); /* 鏈�缁堢姸鎬侊細瀹屽叏鏄剧ず涓旀甯稿ぇ灏� */ + transform: translateY(0) scale(1); /* 鏈�缁堢姸鎬侊細瀹屽叏鏄剧ず涓旀甯稿ぇ灏� */ } } /* 姣忎釜鎸夐挳鐨勪綅缃拰鍔ㄧ敾寤惰繜 */ .btnbox > div:nth-child(1) { - top: 20%; /* 绗竴涓寜閽殑浣嶇疆 */ - animation-delay: 0s; /* 鏃犲欢杩� */ + top: 20%; /* 绗竴涓寜閽殑浣嶇疆 */ + animation-delay: 0s; /* 鏃犲欢杩� */ } .btnbox > div:nth-child(2) { - top: 30%; /* 绗簩涓寜閽殑浣嶇疆 */ + top: 30%; /* 绗簩涓寜閽殑浣嶇疆 */ animation-delay: 0.2s; } .btnbox > div:nth-child(3) { - top: 40%; /* 绗笁涓寜閽殑浣嶇疆 */ + top: 40%; /* 绗笁涓寜閽殑浣嶇疆 */ animation-delay: 0.4s; } .btnbox > div:nth-child(4) { - top: 50%; /* 绗洓涓寜閽殑浣嶇疆 */ + top: 50%; /* 绗洓涓寜閽殑浣嶇疆 */ animation-delay: 0.6s; } .btnbox > div:nth-child(5) { - top: 60%; /* 绗簲涓寜閽殑浣嶇疆 */ + top: 60%; /* 绗簲涓寜閽殑浣嶇疆 */ animation-delay: 0.8s; } .btnbox > div:nth-child(6) { - top: 70%; /* 绗叚涓寜閽殑浣嶇疆 */ + top: 70%; /* 绗叚涓寜閽殑浣嶇疆 */ animation-delay: 1s; } @@ -2404,11 +2428,11 @@ } .rightbox { - margin-left: 30px; + margin-left: 60px; overflow-y: scroll; position: sticky; top: 0px; - + width: 684px; .right { position: sticky; top: 0px; @@ -2437,6 +2461,9 @@ .kong { box-shadow: none; } +::v-deep .el-table--medium .el-table__cell { + padding: 5px 0; +} </style> -- Gitblit v1.8.0