滚动条

lkk

2024-12-27 724c4830ea23cd632802a2f76a318a16b309f8a2

 src/views/doctor/examination/index.vue

@@ -7,7 +7,7 @@
      :inline="true"
      label-width="68px"
    >
    <el-form-item label="姓名" prop="name">
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入姓名"
@@ -27,7 +27,7 @@
          style="width: 170px"
        />
      </el-form-item>
   

      <el-form-item
        label="单位名称"
        prop="tjCompName"
@@ -208,7 +208,7 @@
          </el-table-column>
        </el-table>
      </div>
      <div style="width: 50%">
      <div style="width: 40%">
        <el-table
          v-loading="loading"
          border
@@ -320,68 +320,16 @@
      </div>
    </div>

    <!-- <el-drawer title="我是标题" :visible.sync="drawer" :with-header="false">
      <div class="a" v-for="(item, index) in jieguoList" :key="index">
        <template v-if="item.jyjc == 0">
          <div
            style="
              text-align: center;
              background-color: #aad8df;
              margin-top: 10px;
            "
          >
            {{ item.pro_name || "" }}
          </div>
          <el-table
            :data="jieguoList"
            border
            style="width: 100%"
            :header-cell-style="{ background: '#AAD8DF' }"
          >
            <el-table-column label="检测项目" prop="pro_name">
            </el-table-column>
            <el-table-column label="检测结果" prop="pro_result">
            </el-table-column>
            <el-table-column label="参考范围" prop="ckfw"> </el-table-column>
          </el-table>
        </template>
        <template v-if="item.jyjc == 1">
          <div
            style="
              text-align: center;
              background-color: #aad8df;
              margin-top: 10px;
            "
          >
            {{ item.pro_name || "" }}
          </div>

          <div style="padding: 0 10px; margin-bottom: 10px; margin-top: 10px">
            <div>检查所见：{{ item.pro_result }}</div>

            <div style="margin-top: 10px">
              检查结论：{{ item.yxzd || "暂无结论" }}
            </div>
          </div>
        </template>
      </div>
    </el-drawer> -->

    <el-drawer title="我是标题" :visible.sync="drawer" :with-header="false">
      <div v-if="jieguoList && jieguoList.length > 0">
        <div v-if="jieguoList[0].jyjc === 0">
          <div
            style="
              text-align: center;
              background-color: #aad8df;
              margin-top: 10px;
            "
          >
            {{ jieguoList[0].pro_name || "" }}
          </div>
      <div style="text-align: center; background-color: #aad8df">
        {{ name || "" }}
      </div>
      <div class="a">
        <div v-if="jyjc == 0">
          <el-table
            :data="jieguoList"
            border
            :row-style="changRed"
            style="width: 100%"
            :header-cell-style="{ background: '#AAD8DF' }"
          >
@@ -392,22 +340,28 @@
            <el-table-column label="参考范围" prop="ckfw"> </el-table-column>
          </el-table>
        </div>
        <div v-else-if="jieguoList[0].jyjc === 1">
          <div
            style="
              text-align: center;
              background-color: #aad8df;
              margin-top: 10px;
            "
          >
            {{ jieguoList[0].pro_name || "" }}
          </div>

          <div style="padding: 0 10px; margin-bottom: 10px; margin-top: 10px">
            <div>检查所见：{{ jieguoList[0].pro_result }}</div>
        <div v-if="jyjc == 1">
          <div style="text-align: center; background-color: #aad8df"></div>
          <div class="check-result-container">
            <div class="check-item">
              <div class="check-title">检查所见：</div>
              <div
                class="check-description"
                :style="{ color: isRed ? 'red' : '' }"
              >
                {{ jieguoList[0].pro_result }}
              </div>
            </div>

            <div style="margin-top: 10px">
              检查结论：{{ jieguoList[0].yxzd || "暂无结论" }}
            <div class="check-item">
              <div class="check-title">检查结论：</div>
              <div
                class="check-description"
                :style="{ color: isRed ? 'red' : '' }"
              >
                {{ jieguoList[0].yxzd || "暂无结论" }}
              </div>
            </div>
          </div>
        </div>
@@ -451,11 +405,8 @@
  dicts: ["dict_tj_status"],
  data() {
    return {
      jieguoList: [
        {
          jyjc: "",
        },
      ],
      jieguoList: [],
      jyjc: null,
      dis: false,
      createTimeList: "",
      currentRow: null,
@@ -483,6 +434,7 @@
      exaList: [],
      // 表单参数
      xianshi: "",
      name: "",
      form: {},
      clearTimeSet: null,
      tjNumbers: "",
@@ -537,21 +489,28 @@
    });
  },
  methods: {
    red() {
      return {
        color: "red",
      };
    changRed({ row }) {
      if (row.ycbz != "" && row.ycbz != null && row.ycbz === "1") {
        // 变颜色的条件
        return {
          color: "red", // 这个return的就是样式 可以是color 也可以是backgroundColor
        };
      }
    },
    getdate() {
      getConfigKey("tj_confirm").then((res) => {
        this.xianshi = res.msg;
        console.log(this.xianshi, 999);
        // console.log(this.xianshi, 999);
      });
      getNewDateList().then((res) => {
        this.createTimeList = [
          moment(res.data).format("YYYY-MM-DD 00:00:00"),
          moment(res.data).format("YYYY-MM-DD 23:59:00"),
        ];
        console.log(res,222);
        
        // this.createTimeList = [
        //   moment(res.data).format("YYYY-MM-DD 00:00:00"),
        //   moment(res.data).format("YYYY-MM-DD 23:59:00"),
        // ];
        // console.log(this.createTimeList,8855);
        
        this.getList();
      });
    },
@@ -782,6 +741,8 @@

      cSWebGetPro(tjNumber).then((res) => {
        this.xiangmuList = res.data;
        console.log(this.xiangmuList, 999);

        this.xiangmuList.forEach((item) => {
          // console.log(item);
          // if (item.type == 0) {
@@ -833,17 +794,32 @@
    },
    chaxun() {},
    handleRowClick(row, column, event) {
      console.log(row);
      console.log(row, 2323);
      this.name = row.proName;
      console.log(this.name, 99999);
    },
    queryResultone(row) {
      // 打开抽屉
      const tjNum = this.selectedTjNumber;
      const proId = row.proId;
      resultList(tjNum, proId).then((res) => {
        console.log(res, 666);
        this.jieguoList = res.data;
        console.log(this.jieguoList[0],22222);
        
        console.log(this.jieguoList, 998877);

        this.jyjc = this.jieguoList[0].jyjc;
        const ycbz = this.jieguoList[0].ycbz;
        /* if (ycbz === "" || ycbz === null) {
          return;
        } */

        // 设置是否需要改变颜色
        if (ycbz === "1") {
          this.isRed = true; // 设置标识，改变字体颜色
          console.log(this.isRed, 444);
        } else {
          this.isRed = false; // 恢复默认颜色
        }

        if (res.data.length > 0) {
          this.drawer = true;
        } else {
@@ -921,6 +897,9 @@
  display: flex;
  justify-content: center;
}
.red-text {
  color: red !important;
}

.pag1 {
  width: 30%;
@@ -929,4 +908,34 @@
.a ::v-deep .el-table__cell {
  padding: 1px 0 !important;
}
.check-result-container {
  // background-color: #fafafa;
  padding: 20px;
  border-radius: 8px;
  // box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  max-width: 700px;
}

.check-item {
  margin-bottom: 20px;
}

.check-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  // margin-bottom: 8px;
}

.check-description {
  font-size: 14px;
  color: #555; /* 中灰色文字 */
  line-height: 1.6; /* 行高，增加可读性 */
  padding: 8px 0; /* 上下内边距 */
}

.check-description.no-result {
  color: #bbb; /* 如果没有结论，文字为淡灰色 */
}
</style>