| | |
| | | |
| | | <div style="margin-right: 10px; display: flex" class="btnbox"> |
| | | <div class="btn1" v-if="msgtuwen == 'y' || msgtuwen == 'Y'"> |
| | | <el-button @click="Graphicreport()" type="primary" |
| | | >图文报告</el-button |
| | | > |
| | | <el-button @click="Graphicreport()" type="primary"> |
| | | <span class="vertical-text">图文报告</span> |
| | | </el-button> |
| | | </div> |
| | | <div class="btn1"> |
| | | <el-button @click="historicalreport()" type="primary" |
| | | >历史报告</el-button |
| | | ><span class="vertical-text">历史报告</span></el-button |
| | | > |
| | | </div> |
| | | <div v-if="tableAll.tjCategory == '02'" class="btn1"> |
| | | <el-button @click="medicalhistory()" type="primary" |
| | | >职业病史</el-button |
| | | ><span class="vertical-text">职业病史</span></el-button |
| | | > |
| | | </div> |
| | | <div class="btn1" v-if="msgjianqian == 'y' || msgjianqian == 'Y'"> |
| | | <el-button @click="jianqian()" type="primary">检前问诊</el-button> |
| | | <el-button @click="jianqian()" type="primary"><span class="vertical-text">检前问诊</span></el-button> |
| | | </div> |
| | | |
| | | <div class="btn1"> |
| | | <el-button @click="xiangmuqingkuang()" type="primary" |
| | | >项目情况</el-button |
| | | ><span class="vertical-text">项目情况</span></el-button |
| | | > |
| | | </div> |
| | | <div class="btn1"> |
| | | <el-button @click="yichangjieguo()" type="primary" |
| | | >异常结果</el-button |
| | | ><span class="vertical-text">异常结果</span></el-button |
| | | > |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <div class="rightbox"> |
| | | <div class="right"> |
| | | <template v-if="status == 0"> |
| | | <template v-if="status1 == 0"> |
| | | <div v-for="(item, index) in yichangList" :key="index"> |
| | | <div |
| | | style=" |
| | |
| | | > |
| | | {{ item.proName || "" }} |
| | | </div> |
| | | <el-table |
| | | <template v-if="item.jyjc == '0'"> |
| | | <el-table |
| | | :stripe="true" |
| | | :row-style="red" |
| | | :data="item.sone" |
| | |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | <template v-if="item.jyjc == '1'"> |
| | | <el-table |
| | | :stripe="true" |
| | | :row-style="red" |
| | | :data="item.sone" |
| | | border |
| | | style="width: 100%" |
| | | :header-cell-style="{ background: '#67C23A' }" |
| | | :expand-row-keys="expends" |
| | | :row-key="getRowKeys" |
| | | > |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="props"> |
| | | <div |
| | | v-if="props.row.advices && props.row.advices.length > 0" |
| | | > |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="padding: 0 10px; margin-bottom: 10px" |
| | | > |
| | | <div>标题:{{ jianyi.bt || "" }}</div> |
| | | <div>内容:{{ jianyi.nr || "" }}</div> |
| | | </div> |
| | | </div> |
| | | <div v-else style="padding: 0 10px">暂无内容</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column align="center" label="检测项目" width="250"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="proResult" |
| | | label="检测结果" |
| | | width="366" |
| | | > |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | </div> |
| | | </template> |
| | | <template v-if="status == 1"> |
| | | <template v-if="status1 == 1"> |
| | | <div> |
| | | <div |
| | | style=" |
| | |
| | | tjCategory: undefined, |
| | | payType: undefined, |
| | | }, |
| | | status: 0, // 0展示异常1展示项目情况 |
| | | status1: 0, // 0展示异常1展示项目情况 |
| | | viewportHeight: 0, |
| | | expends: [], |
| | | }; |
| | |
| | | // 项目情况 |
| | | xiangmuqingkuang() { |
| | | cSWebGetPro(this.tjNumber).then((res) => { |
| | | this.status = 1; |
| | | this.status1 = 1; |
| | | this.statusList = res.data; |
| | | |
| | | if (this.statusList.length == 0) { |
| | |
| | | this.drawer = false; |
| | | }, |
| | | yichangjieguo() { |
| | | this.status = 0; |
| | | this.status1 = 0; |
| | | let _this = this; |
| | | yichang({ |
| | | tjNum: this.tjNumber, |
| | | }).then((res) => { |
| | | this.yichangList = res.data; |
| | | this.getExpends(); |
| | | if (this.yichangList.length == 0) { |
| | | _this.$message.msgSuccess("暂无异常报告"); |
| | | if(!this.yichangList){ |
| | | this.$message({ |
| | | type: "warning ", |
| | | message: "暂无异常报告", |
| | | }); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | |
| | | getState(this.tjNumber).then((res) => { |
| | | this.status = res.data; |
| | | |
| | | if (this.status.status === "1") { |
| | | if (this.status) { |
| | | if (this.status.status === "1") { |
| | | this.yichangjieguo(); |
| | | getInfo().then((response) => { |
| | | this.userId = response.user.userId; |
| | |
| | | |
| | | this.drawer = false; |
| | | } |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "请稍后重试", |
| | | }); |
| | | } |
| | | |
| | | }); |
| | | |
| | | // 获取小结 |
| | |
| | | .btn { |
| | | margin: 20px 0px; |
| | | } |
| | | /* 按钮的初始状态 */ |
| | | .btnbox { |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | /* 每个按钮的样式 */ |
| | | .btn1 { |
| | | animation: fadeInUp 0.5s ease-out forwards; /* 按钮加载时的淡入动画 */ |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: center; |
| | | justify-content: center; |
| | | cursor: pointer; |
| | | writing-mode: vertical-rl; /* 按钮文本竖直排列 */ |
| | | text-align: center; /* 文字居中 */ |
| | | text-align: center; |
| | | } |
| | | .vertical-text { |
| | | writing-mode: vertical-rl; |
| | | text-orientation: upright; |
| | | |
| | | } |
| | | |
| | | /* 设置动画效果 */ |
| | |
| | | -moz-border-radius: 2em; |
| | | border-radius: 2em; |
| | | } |
| | | |
| | | ::v-deep .el-dialog { |
| | | width: 1200px; |
| | | height: 800px; |
| | | } |
| | | ::v-deep .el-button--medium { |
| | | padding: 10px; |
| | | } |
| | | /* .el-dialog { |
| | | width: 1264px; |
| | | height: 800px; |
| | |
| | | align-items: center; |
| | | padding: 0px 20px; |
| | | z-index: 1000; /* 确保按钮层级在其他内容上方 */ |
| | | width: 100%; |
| | | width: 300px; |
| | | background-color: white; /* 可根据需要调整背景颜色 */ |
| | | } |
| | | |