1

YM

2024-05-11 b576ba3501304bdbd56771dc7299e0c40e047aa4

 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里面的详情shuju
    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创建时间，NAME名称
        sort: this.rankVal //排序方式 取值：CREATE创建时间，NAME名称
      };
      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) {