| | |
| | | :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" |
| | |
| | | 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" |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div style="width: 50%"> |
| | | <div style="width: 40%"> |
| | | <el-table |
| | | v-loading="loading" |
| | | border |
| | |
| | | </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' }" |
| | | > |
| | |
| | | </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> |
| | | |
| | |
| | | data() { |
| | | return { |
| | | jieguoList: [], |
| | | jyjc: null, |
| | | dis: false, |
| | | createTimeList: "", |
| | | currentRow: null, |
| | |
| | | name: null, |
| | | beginTime: null, |
| | | endTime: null, |
| | | tjCompName:'' |
| | | tjCompName: "", |
| | | }, |
| | | // 绑定单选按钮 |
| | | checkStatus: "0", |
| | | exaList: [], |
| | | // 表单参数 |
| | | xianshi: "", |
| | | name: "", |
| | | form: {}, |
| | | clearTimeSet: null, |
| | | tjNumbers: "", |
| | |
| | | }); |
| | | }, |
| | | 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(); |
| | | }); |
| | | }, |
| | |
| | | // 选框数据 |
| | | searchSelect(val) { |
| | | this.CheckBox = val; |
| | | console.log(this.CheckBox,9999); |
| | | |
| | | console.log(this.CheckBox, 9999); |
| | | }, |
| | | getList() { |
| | | this.loading = true; |
| | |
| | | // 获取单位信息集合 |
| | | getCompany(this.queryParam).then((response) => { |
| | | this.CompanyList = response.data; |
| | | console.log( this.CompanyList,555); |
| | | |
| | | console.log(this.CompanyList, 555); |
| | | |
| | | this.loading = false; |
| | | }); |
| | | |
| | |
| | | hb() { |
| | | // console.log(this.queryParams.tjNumber); |
| | | if (this.queryParams.tjNumber != null) { |
| | | this.handleQuery(); |
| | | // this.handleQuery(); |
| | | this.submitForm(); |
| | | } |
| | | }, |
| | |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.createTimeList = []; |
| | | this.queryParams ={ |
| | | (this.queryParams = { |
| | | page: 1, |
| | | pageSize: 20, |
| | | checkStatus: null, |
| | |
| | | name: null, |
| | | beginTime: null, |
| | | endTime: null, |
| | | tjCompName:'' |
| | | }, |
| | | this.CheckBox.drugManufacturerId = '' |
| | | tjCompName: "", |
| | | }), |
| | | (this.CheckBox.drugManufacturerId = ""); |
| | | this.handleQuery(); |
| | | |
| | | |
| | | this.loading = true; |
| | | |
| | | }, |
| | | // 单选框选中数据 |
| | | handleSelectionChange(selection) { |
| | |
| | | |
| | | cSWebGetPro(tjNumber).then((res) => { |
| | | this.xiangmuList = res.data; |
| | | console.log(this.xiangmuList, 999); |
| | | |
| | | this.xiangmuList.forEach((item) => { |
| | | // console.log(item); |
| | | // if (item.type == 0) { |
| | |
| | | }, |
| | | 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() { |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .red-text { |
| | | color: red !important; |
| | | } |
| | | |
| | | .pag1 { |
| | | width: 30%; |
| | |
| | | .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> |