From b576ba3501304bdbd56771dc7299e0c40e047aa4 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期六, 11 五月 2024 19:40:04 +0800
Subject: [PATCH] 1
---
src/pages/TcmSystem/TcmSystem.vue | 134 ++++++++++++++++++++++++++++++++------------
1 files changed, 97 insertions(+), 37 deletions(-)
diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index 22dd33d..cec201f 100644
--- a/src/pages/TcmSystem/TcmSystem.vue
+++ b/src/pages/TcmSystem/TcmSystem.vue
@@ -50,8 +50,8 @@
style="padding: 0 20rpx; color: #2c2c2c; cursor: pointer"
@click="handInstitCLick(item, 'a')"
>
- <view class="">{{ item.dynastyName }}</view>
- <view class="">{{ item.count }}</view>
+ <view>{{ item.dynastyName }}</view>
+ <view>{{ item.count }}</view>
</li>
</ul>
<view v-if="institution.list.length - 1 > 3" class="flex flex-center">
@@ -85,8 +85,8 @@
style="padding: 0 20rpx; cursor: pointer"
@click="handInstitCLick(item, 'b')"
>
- <view class="">{{ item.dynastyName }}</view>
- <view class="">{{ item.count }}</view>
+ <view>{{ item.dynastyName }}</view>
+ <view>{{ item.count }}</view>
</li>
</ul>
<view v-if="officials.list.length - 1 > 3" class="flex flex-center">
@@ -125,9 +125,7 @@
v-loading="pageLoading"
>
<view class="flex" style="width: 100%; margin-bottom: 0.3rem">
- <view
- class=""
- style="font-size: 0.14rem; color: #2c2c2c; font-weight: 400"
+ <view style="font-size: 0.14rem; color: #2c2c2c; font-weight: 400"
>鍏眥{ total }}鏉�</view
>
<view class="paixu">
@@ -145,8 +143,8 @@
<view class="flex CommodityList">
<view
class="rightList"
- @click="ListClick(item)"
- v-for="item in CommodityList"
+ @click="ListClick(item, index)"
+ v-for="(item, index) in CommodityList"
:key="item"
>
<el-card class="box-card" style="height: 100%">
@@ -247,7 +245,6 @@
<el-dialog class="dialog" :visible.sync="dialogVisible" width="40%">
<!-- 鍙栨秷閿� -->
<view
- class=""
style="
padding: 0.16rem;
position: absolute;
@@ -292,21 +289,20 @@
</ul>
</view>
</view>
- <view class="" style="width: 80%; height: 100%; position: relative">
+ <view style="width: 80%; height: 100%; position: relative">
<view class="pinji flex">
- <view class=""
+ <view
>鍝佺骇锛�<span> {{ ListDetails.grade || "-" }}</span>
</view>
- <view class=""
+ <view
>鍒悕锛�<span> {{ ListDetails.alias || "-" }}</span>
</view>
- <view class=""
+ <view
>鏉ユ簮锛�<span> {{ ListDetails.source || "-" }}</span>
</view>
</view>
- <view class="">
+ <view>
<view
- class=""
style="
font-size: 0.14rem;
color: #2c2c2c;
@@ -320,7 +316,6 @@
鐩稿叧鎻忚堪
</view>
<view
- class=""
style="
font-size: 0.14rem;
color: #2c2c2c;
@@ -330,9 +325,8 @@
>
{{ ListDetails.desc || "-" }}
</view>
- <view class="">
+ <view>
<view
- class=""
style="
font-size: 0.14rem;
color: #2c2c2c;
@@ -346,7 +340,6 @@
澶囨敞
</view>
<span
- class=""
v-for="item in ListDetails.notesList"
style="
font-size: 0.14rem;
@@ -360,21 +353,60 @@
</view>
</view>
</view>
- <!-- <view class="flex detailsBtn">
- <el-button class="flex btn-prev">
+ <view class="flex detailsBtn">
+ <el-button
+ class="flex btn-prev"
+ :disabled="!ListDetails.prev"
+ @click="ListClick(ListDetails.prev, ListDetails.prev.index)"
+ >
<view class="flex">
- <view class="" style="margin-right: 40rpx">涓婁竴鏉�</view>
- <view class="btn-prev-L">鏈烘瀯: 澶尰闄� </view>
+ <view style="width: 0.6rem">涓婁竴鏉�</view>
+ <view
+ class="btn-prev-L"
+ style="
+ flex: 1;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ "
+ :title="ListDetails.prev ? ListDetails.prev.name : '-'"
+ >
+ {{
+ ListDetails.prev
+ ? ListDetails.prev.typeName + "锛�" + ListDetails.prev.name
+ : "-"
+ }}
+ </view>
</view>
</el-button>
- <view class=""> 102/329 </view>
- <el-button class="flex btn-next">
+ <view class="pageInfo">
+ {{ ListDetails.index + 1 }}/{{ total }}
+ </view>
+ <el-button
+ class="flex btn-next"
+ :disabled="!ListDetails.next"
+ @click="ListClick(ListDetails.next, ListDetails.next.index)"
+ >
<view class="flex">
- <view class="" style="margin-right: 40rpx">鏈烘瀯: 澶尰闄� </view>
- <view class="btn-prev-R">涓嬩竴鏉�</view>
+ <view
+ style="
+ flex: 1;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ "
+ :title="ListDetails.next ? ListDetails.next.name : '-'"
+ >
+ {{
+ ListDetails.next
+ ? ListDetails.next.typeName + "锛�" + ListDetails.next.name
+ : "-"
+ }}
+ </view>
+ <view class="btn-prev-R" style="width: 0.6rem">涓嬩竴鏉�</view>
</view>
</el-button>
- </view> -->
+ </view>
</view>
</el-dialog>
@@ -528,7 +560,7 @@
getMedicalList(Obj).then((res) => {
this.CommodityList = res.list.map((item) => {
return {
- id: item.id,
+ requestId: this.searchType == "ALL" ? item.id : item.rowId,
post:
item.type === "OFFICIAL"
? "鑱屽畼"
@@ -544,23 +576,44 @@
});
},
// list鏁扮粍 鑾峰彇list閲岄潰鐨勮鎯卻huju
- ListClick(item) {
- console.log(item,this.searchType);
+ ListClick(item, index) {
+ console.log(item, "item");
let Obj = {
- rowId: this.searchType == "ALL" ? item.id : item.rowId,
+ rowId: item.requestId,
medicalSearchType: this.searchType,
type: this.classifyType, //鏌ヨ绫诲瀷 鍙栧�硷細OFFICIAL->鑱屽畼 INSTITUTION->鏈烘瀯 ALL->鑱屽畼銆佹満鏋�
name: this.SearchValue, //鎼滅储妗嗘绱�
dynastyId: this.classifyId, //鐐瑰嚮鏈濅唬鏌ヨ鏁版嵁鏃讹紝甯︿笂姝ゅ弬鏁�
- sort: this.rankVal, //鎺掑簭鏂瑰紡 鍙栧�硷細CREATE鍒涘缓鏃堕棿锛孨AME鍚嶇О
+ sort: this.rankVal //鎺掑簭鏂瑰紡 鍙栧�硷細CREATE鍒涘缓鏃堕棿锛孨AME鍚嶇О
};
getMedicalDetails(Obj).then((res) => {
this.ListDetails = {
+ index,
...item,
- ...res.object.curr
+ ...res.object.curr,
+ next:
+ res.object.next && res.object.next.name
+ ? {
+ ...res.object.next,
+ requestId: res.object.next.rowId,
+ index: index + 1,
+ typeName:
+ res.object.next.type === "OFFICIAL" ? "鑱屽畼" : "鏈烘瀯"
+ }
+ : null,
+ prev:
+ res.object.prev && res.object.prev.name
+ ? {
+ ...res.object.prev,
+ requestId: res.object.prev.rowId,
+ index: index - 1,
+ typeName:
+ res.object.prev.type === "OFFICIAL" ? "鑱屽畼" : "鏈烘瀯"
+ }
+ : null
};
+ this.dialogVisible = true;
});
- this.dialogVisible = !this.dialogVisible;
},
// 宸︿晶鐨勬満鏋勭粺璁＄瓑绛夋寜閽�
handInstitCLick(item, name) {
@@ -755,12 +808,19 @@
border-radius: 5px;
/* height: .32rem; */
line-height: 0.32rem;
+ flex: 1;
+ overflow: hidden;
+}
+
+.detailsBtn .pageInfo {
+ width: 1rem;
+ text-align: center;
}
.detailsBtn .btn-prev-L,
.detailsBtn .btn-prev-R {
border-left: 1px solid #9e9e9e;
- padding-left: 0.1rem;
+ text-align: center;
}
.detailsBtn > :nth-child(2) {
--
Gitblit v1.9.1