lkk
2024-12-17 6bf0b65995f54e9ee85b9d6823b77fb355b2a47c
src/views/doctor/examination/index.vue
@@ -7,6 +7,15 @@
      :inline="true"
      label-width="68px"
    >
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
          style="width: 110px"
        />
      </el-form-item>
      <el-form-item label="体检号" prop="tjNumber">
        <el-input
          ref="inputName"
@@ -18,15 +27,7 @@
          style="width: 170px"
        />
      </el-form-item>
      <el-form-item label="姓名" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入姓名"
          clearable
          @keyup.enter.native="handleQuery"
          style="width: 110px"
        />
      </el-form-item>
      <el-form-item
        label="单位名称"
        prop="tjCompName"
@@ -207,7 +208,7 @@
          </el-table-column>
        </el-table>
      </div>
      <div style="width: 50%">
      <div style="width: 40%">
        <el-table
          v-loading="loading"
          border
@@ -320,20 +321,15 @@
    </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>
      <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' }"
          >
@@ -343,32 +339,32 @@
            </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>
          <div style="padding: 0 10px; margin-bottom: 10px; margin-top: 10px">
            <div>检查所见:{{ item.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">
              检查结论:{{ item.yxzd || "暂无结论" }}
            <div class="check-item">
              <div class="check-title">检查结论:</div>
              <div
                class="check-description"
                :style="{ color: isRed ? 'red' : '' }"
              >
                {{ jieguoList[0].yxzd || "暂无结论" }}
              </div>
            </div>
          </div>
          <!-- <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> -->
        </template>
        </div>
      </div>
    </el-drawer>
@@ -410,6 +406,7 @@
  data() {
    return {
      jieguoList: [],
      jyjc: null,
      dis: false,
      createTimeList: "",
      currentRow: null,
@@ -430,13 +427,14 @@
        name: null,
        beginTime: null,
        endTime: null,
        tjCompName:''
        tjCompName: "",
      },
      // 绑定单选按钮
      checkStatus: "0",
      exaList: [],
      // 表单参数
      xianshi: "",
      name: "",
      form: {},
      clearTimeSet: null,
      tjNumbers: "",
@@ -491,10 +489,13 @@
    });
  },
  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) => {
@@ -547,8 +548,7 @@
    // 选框数据
    searchSelect(val) {
      this.CheckBox = val;
      console.log(this.CheckBox,9999);
      console.log(this.CheckBox, 9999);
    },
    getList() {
      this.loading = true;
@@ -565,8 +565,8 @@
      // 获取单位信息集合
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
        console.log( this.CompanyList,555);
        console.log(this.CompanyList, 555);
        this.loading = false;
      });
@@ -624,7 +624,7 @@
    hb() {
      // console.log(this.queryParams.tjNumber);
      if (this.queryParams.tjNumber != null) {
        this.handleQuery();
        // this.handleQuery();
        this.submitForm();
      }
    },
@@ -672,7 +672,7 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.createTimeList = [];
      this.queryParams ={
      (this.queryParams = {
        page: 1,
        pageSize: 20,
        checkStatus: null,
@@ -681,13 +681,12 @@
        name: null,
        beginTime: null,
        endTime: null,
        tjCompName:''
      },
      this.CheckBox.drugManufacturerId = ''
        tjCompName: "",
      }),
        (this.CheckBox.drugManufacturerId = "");
      this.handleQuery();
      this.loading = true;
    },
    // 单选框选中数据
    handleSelectionChange(selection) {
@@ -738,6 +737,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) {
@@ -789,17 +790,37 @@
    },
    chaxun() {},
    handleRowClick(row, column, event) {
      console.log(row);
      console.log(row, 2323);
      this.name = row.proName;
      console.log(this.name, 99999);
    },
    queryResultone(row) {
      // 打开抽屉
      this.drawer = true;
      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, 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 {
          this.$message.warning("该项目没有结果");
        }
      });
    },
    setTime() {
@@ -872,6 +893,9 @@
  display: flex;
  justify-content: center;
}
.red-text {
  color: red !important;
}
.pag1 {
  width: 30%;
@@ -880,4 +904,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>