| | |
| | | width="110px" |
| | | /> --> |
| | | <el-table-column |
| | | v-if="tjStatus === '1'" |
| | | label="审核时间" |
| | | align="center" |
| | | prop="shsj" |
| | |
| | | width="180px" |
| | | /> |
| | | <el-table-column |
| | | v-if="tjStatus === '0'" |
| | | label="完成时间" |
| | | align="center" |
| | | prop="finishTime" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | | <el-table-column |
| | | label="套餐名称" |
| | | align="center" |
| | | prop="pacName" |
| | | :show-overflow-tooltip="true" |
| | | width="160px" |
| | | /> |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="90px" fixed="right"> |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | width="120px" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | fixed="right" |
| | | title="处方" |
| | | type="text" |
| | | size="mini" |
| | | @click.stop="rowClick(scope.row)" |
| | | icon="el-icon-edit-outline" |
| | | ></el-button> |
| | | <el-button |
| | | fixed="right" |
| | | title="详情" |
| | |
| | | @click.stop="handleClick(scope.row)" |
| | | icon="el-icon-document-copy" |
| | | ></el-button> |
| | | <el-button |
| | | fixed="right" |
| | | title="同步" |
| | | type="text" |
| | | size="mini" |
| | | @click.stop="tongbu(scope.row)" |
| | | v-if="scope.row.tjStatus != '1'" |
| | | icon="el-icon-upload2" |
| | | ></el-button> |
| | | <el-button |
| | | fixed="right" |
| | | title="处方" |
| | | type="text" |
| | | size="mini" |
| | | @click.stop="rowClick(scope.row)" |
| | | icon="el-icon-edit-outline" |
| | | ></el-button> |
| | | |
| | | <!-- <el-button type="text" size="mini" @click="generate(scope.row)" v-if="scope.row.tjStatus=='1'">生成</el-button> --> |
| | | <el-button |
| | | type="text" |
| | |
| | | </div> |
| | | </template> |
| | | |
| | | <!-- 点击弹出框 --> |
| | | <!-- 点击弹出框 show-close="true"--> |
| | | <el-drawer |
| | | custom-class="tanchu" |
| | | :visible.sync="drawer" |
| | | :before-close="handleClose" |
| | | :with-header="false" |
| | | size="100%" |
| | | show-close="true" |
| | | > |
| | | <div class="top"> |
| | | <table |
| | |
| | | </div> |
| | | </div> |
| | | <div class="box"> |
| | | <div |
| | | class="left" |
| | | style=" |
| | | font-size: 14px; |
| | | width: 1100px; |
| | | margin-left: 10px; |
| | | padding: 0 0 50px; |
| | | " |
| | | > |
| | | <div v-for="(item, index) in changedate" :key="index"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | background-color: #aad8df; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | {{ item.parent || "" }} |
| | | </div> |
| | | <div v-if="item.xmlb == '0'"> |
| | | <el-table |
| | | :data="item.sons" |
| | | border |
| | | style="width: 100%" |
| | | :row-style="changRed" |
| | | :header-cell-style="{ background: '#aad8df' }" |
| | | <div class="left-container"> |
| | | <div class="left"> |
| | | <div v-for="(item, index) in changedate" :key="index"> |
| | | <div |
| | | style=" |
| | | text-align: center; |
| | | background-color: #aad8df; |
| | | margin-top: 10px; |
| | | " |
| | | > |
| | | <el-table-column align="center" label="检测项目" width="464"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="proResult" |
| | | label="检测结果" |
| | | width="180" |
| | | {{ item.parent || "" }} |
| | | </div> |
| | | <div v-if="item.xmlb == '0'"> |
| | | <el-table |
| | | :data="item.sons" |
| | | border |
| | | style="width: 100%" |
| | | :row-style="changRed" |
| | | :header-cell-style="{ background: '#aad8df' }" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="" label="单位"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.project != null"> |
| | | {{ scope.row.standard.company || "" }} |
| | | </div> |
| | | <div v-else>{{ scope.row.proAdvice }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="" label=" 参考范围"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.project != null"> |
| | | {{ |
| | | scope.row.standard.tjStandardGtValue || |
| | | "/" + "-" + scope.row.standard.tjStandardLtValue || |
| | | "/" |
| | | }} |
| | | </div> |
| | | <div v-else>{{ scope.row.stanId || "/" }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <table style="width: 100%" v-if="tjproject != '1'"> |
| | | <tr |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | > |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 7%; |
| | | " |
| | | <el-table-column align="center" label="检测项目" width="464"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="proResult" |
| | | label="检测结果" |
| | | width="180" |
| | | > |
| | | 小结: |
| | | </td> |
| | | <td style="border: 1px solid #dfe6ec; width: 45%"> |
| | | <el-input v-model="item.remark" disabled></el-input> |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | " |
| | | > |
| | | 主检医师: |
| | | </td> |
| | | <td |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="" label="单位"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.project != null"> |
| | | {{ scope.row.standard.company || "" }} |
| | | </div> |
| | | <div v-else>{{ scope.row.proAdvice }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | align="center" |
| | | prop="conclusion" |
| | | label="异常" |
| | | width="180" |
| | | ></el-table-column> |
| | | <el-table-column align="center" prop="" label=" 参考范围"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.project != null"> |
| | | {{ |
| | | scope.row.standard.tjStandardGtValue || |
| | | "/" + "-" + scope.row.standard.tjStandardLtValue || |
| | | "/" |
| | | }} |
| | | </div> |
| | | <div v-else>{{ scope.row.stanId || "/" }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <table style="width: 100%" v-if="tjproject != '1'"> |
| | | <tr |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | colspan="2" |
| | | > |
| | | {{ item.doctorName }} |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 200px; |
| | | " |
| | | > |
| | | <td |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 7%; |
| | | " |
| | | > |
| | | 小结: |
| | | </td> |
| | | <td style="border: 1px solid #dfe6ec; width: 45%"> |
| | | <el-input v-model="item.remark" disabled></el-input> |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | " |
| | | > |
| | | 主检医师: |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | " |
| | | colspan="2" |
| | | > |
| | | {{ item.doctorName }} |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 240px; |
| | | width: 200px; |
| | | " |
| | | > |
| | | 备注: |
| | | </td> |
| | | <td |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 240px; |
| | | " |
| | | > |
| | | 备注: |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | " |
| | | colspan="3" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="changedate[index].remark" |
| | | v-on:input="change" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | placeholder="请输入内容" |
| | | :autosize="{ minRows: 2 }" |
| | | style="width: 100%; height: 240px; resize: none" |
| | | v-model="changedate[index].remark" |
| | | v-on:input="change" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div v-else> |
| | | <table style="width: 100%" v-if="tjproject != '1'"> |
| | | <tr style="border: 1px solid #dfe6ec"> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | height: auto; |
| | | " |
| | | > |
| | | 检查所见: |
| | | </td> |
| | | <td |
| | | style="border: 1px solid #dfe6ec; height: auto" |
| | | colspan="2" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="item.jgbx" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | placeholder="请输入内容" |
| | | :autosize="{ minRows: 3}" |
| | | style="width: 100%; height: auto; resize: none" |
| | | v-model="item.jgbx" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | colspan="3" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="changedate[index].remark" |
| | | v-on:input="change" |
| | | style="width: 100%" |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | " |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | placeholder="请输入内容" |
| | | :autosize="{ minRows: 2 }" |
| | | style="width: 100%; height: 240px; resize: none" |
| | | v-model="changedate[index].remark" |
| | | v-on:input="change" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | <div v-else> |
| | | <table style="width: 100%" v-if="tjproject != '1'"> |
| | | <tr style="border: 1px solid #dfe6ec"> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | height: auto; |
| | | " |
| | | > |
| | | 检查所见: |
| | | </td> |
| | | <td |
| | | style="border: 1px solid #dfe6ec; height: auto" |
| | | colspan="2" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="item.jgbx" |
| | | style="width: 100%" |
| | | 检查提示: |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | " |
| | | colspan="2" |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | placeholder="请输入内容" |
| | | :autosize="{ minRows: 3}" |
| | | style="width: 100%; height: auto; resize: none" |
| | | v-model="item.jgbx" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | > |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | " |
| | | > |
| | | 检查提示: |
| | | </td> |
| | | <td |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | colspan="2" |
| | | > |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="item.remark" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | <el-input |
| | | type="textarea" |
| | | autosize |
| | | placeholder="请输入内容" |
| | | v-model="item.remark" |
| | | style="width: 100%" |
| | | > |
| | | </el-input> |
| | | <!-- <textarea |
| | | |
| | | placeholder="请输入内容" |
| | | style="width: 100%; resize: none" |
| | | v-model="item.remark" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 200px; |
| | | " |
| | | > |
| | | <td |
| | | placeholder="请输入内容" |
| | | style="width: 100%; resize: none" |
| | | v-model="item.remark" |
| | | ></textarea> --> |
| | | </td> |
| | | </tr> |
| | | <tr |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | width: 200px; |
| | | " |
| | | > |
| | | 主检医师: |
| | | </td> |
| | | <td |
| | | style="border: 1px solid #dfe6ec; border-collapse: collapse" |
| | | colspan="2" |
| | | > |
| | | {{ item.doctorName }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | width: 15%; |
| | | " |
| | | > |
| | | 主检医师: |
| | | </td> |
| | | <td |
| | | style=" |
| | | border: 1px solid #dfe6ec; |
| | | border-collapse: collapse; |
| | | " |
| | | colspan="2" |
| | | > |
| | | {{ item.doctorName }} |
| | | </td> |
| | | </tr> |
| | | </table> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin: 0 0px 10px 15px" v-if="tjproject != '1'"> |
| | | <el-button type="primary" @click="propoChange">快捷建议</el-button> |
| | | <el-button type="primary" @click="proposalChange" |
| | | >生成建议</el-button |
| | | > |
| | | </div> |
| | | |
| | | <el-form |
| | | ref="numberValidateForm" |
| | | label-width="80px" |
| | | class="demo-ruleForm" |
| | | v-if="tjproject != '1'" |
| | | > |
| | | <el-form-item label="总检建议"> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | v-model="textarea1" |
| | | :rows="3" |
| | | style="width: 96%" |
| | | <div style="margin: 0 0px 10px 15px" v-if="tjproject != '1'"> |
| | | <el-button type="primary" @click="propoChange" |
| | | >快捷建议</el-button |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footers"> |
| | | <el-button type="primary" @click.stop="guanbi">取消</el-button> |
| | | <el-button |
| | | v-if="tjproject == '0' && (msgkcf == 'y' || msgkcf == 'Y')" |
| | | type="primary" |
| | | @click.stop="rowClick" |
| | | icon="el-icon-edit-outline" |
| | | >开处方</el-button |
| | | <el-button type="primary" @click="proposalChange" |
| | | >生成建议</el-button |
| | | > |
| | | </div> |
| | | |
| | | <el-form |
| | | ref="numberValidateForm" |
| | | label-width="80px" |
| | | class="demo-ruleForm" |
| | | v-if="tjproject != '1'" |
| | | > |
| | | <div v-if="tjproject == '0'"> |
| | | <el-form-item label="总检建议"> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | v-model="textarea1" |
| | | :rows="3" |
| | | style="width: 96%" |
| | | > |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footers"> |
| | | <el-button type="primary" @click.stop="guanbi">取消</el-button> |
| | | <el-button |
| | | v-if="tjproject == '0' && (msgkcf == 'y' || msgkcf == 'Y')" |
| | | type="primary" |
| | | @click="determine" |
| | | :disabled="isdisabled" |
| | | >提交并生成报告</el-button |
| | | @click.stop="rowClick" |
| | | icon="el-icon-edit-outline" |
| | | >开处方</el-button |
| | | > |
| | | <div v-if="tjproject == '0'"> |
| | | <el-button |
| | | type="primary" |
| | | @click="determine" |
| | | :disabled="isdisabled" |
| | | >提交并生成报告</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="rightbox"> |
| | | <div class="right"> |
| | | <template v-if="status1 == 0"> |
| | |
| | | > |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="props"> |
| | | <div |
| | | v-if=" |
| | | props.row.advices && props.row.advices.length > 0 |
| | | " |
| | | > |
| | | <div style="padding: 10px"> |
| | | <!-- 内容区域 --> |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="padding: 0 10px; margin-bottom: 10px" |
| | | v-if=" |
| | | props.row.advices && props.row.advices.length > 0 |
| | | " |
| | | > |
| | | <div>标题:{{ jianyi.bt || "" }}</div> |
| | | <div>内容:{{ jianyi.nr || "" }}</div> |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="margin-bottom: 10px" |
| | | > |
| | | <div> |
| | | 标题: |
| | | <el-input |
| | | v-model="jianyi.bt" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | <div> |
| | | 内容: |
| | | <el-input |
| | | v-model="jianyi.nr" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 如果 advices 为空时,渲染空的输入框 --> |
| | | <div v-else> |
| | | <div> |
| | | 标题: |
| | | <el-input |
| | | v-model="emptyAdvice.bt" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | <div> |
| | | 内容: |
| | | <el-input |
| | | v-model="emptyAdvice.nr" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin-top: 10px"> |
| | | <el-button |
| | | @click="shanchu(props.row)" |
| | | type="danger" |
| | | size="small" |
| | | >删除</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <div v-else style="padding: 0 10px">暂无内容</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | align="center" |
| | | label="检测项目" |
| | | :show-overflow-tooltip="true" |
| | | width="353" |
| | | > |
| | | <template slot-scope="scope"> |
| | |
| | | > |
| | | <el-table-column type="expand"> |
| | | <template slot-scope="props"> |
| | | <div |
| | | v-if=" |
| | | props.row.advices && props.row.advices.length > 0 |
| | | " |
| | | > |
| | | <div style="padding: 10px"> |
| | | <!-- 内容区域 --> |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="padding: 0 10px; margin-bottom: 10px" |
| | | v-if=" |
| | | props.row.advices && props.row.advices.length > 0 |
| | | " |
| | | > |
| | | <div>标题:{{ jianyi.bt || "" }}</div> |
| | | <div>内容:{{ jianyi.nr || "" }}</div> |
| | | <div |
| | | v-for="(jianyi, index1) in props.row.advices" |
| | | :key="index1" |
| | | style="margin-bottom: 10px" |
| | | > |
| | | <div> |
| | | 标题: |
| | | <el-input |
| | | v-model="jianyi.bt" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | <div> |
| | | 内容: |
| | | <el-input |
| | | v-model="jianyi.nr" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 如果 advices 为空时,渲染空的输入框 --> |
| | | <div v-else> |
| | | <div> |
| | | 标题: |
| | | <el-input |
| | | v-model="emptyAdvice.bt" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | <div> |
| | | 内容: |
| | | <el-input |
| | | v-model="emptyAdvice.nr" |
| | | size="small" |
| | | type="textarea" |
| | | autosize |
| | | ></el-input> |
| | | </div> |
| | | </div> |
| | | |
| | | <div style="margin-top: 10px"> |
| | | <el-button |
| | | @click="shanchu(props.row)" |
| | | type="danger" |
| | | size="small" |
| | | >删除</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <div v-else style="padding: 0 10px">暂无内容</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | |
| | | align="center" |
| | | label="检测项目" |
| | | width="232" |
| | | :show-overflow-tooltip="true" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.proName }}</div> |
| | |
| | | :data="statusList" |
| | | style="width: 100%" |
| | | :header-cell-style="{ background: '#e6a23c' }" |
| | | :stripe="true" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | |
| | | </el-drawer> |
| | | |
| | | <el-dialog |
| | | class="dia" |
| | | title="PDF 预览" |
| | | :visible.sync="dialogVisible" |
| | | :close-on-click-modal="false" |
| | | width="50%" |
| | | > |
| | | <div class="main"> |
| | | <iframe |
| | |
| | | </el-dialog> |
| | | <Packages ref="bbb" :baogao="baogao" /> |
| | | <Prescription ref="Pre" :preObj="preObj" /> |
| | | <proposal ref="proposal" :cusobj="cusobj" @event1="eventchange($event)" /> |
| | | <proposal |
| | | ref="proposal" |
| | | :cusobj="cusobj" |
| | | :tjNumber="tjNumber" |
| | | @event1="eventchange($event)" |
| | | /> |
| | | <createproposal ref="createproposal" :creatobj="creatobj" /> |
| | | |
| | | <el-dialog |
| | |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | |
| | | |
| | | <script> |
| | | import jianqianwenzhen from "@/components/jianqianwenzhen"; |
| | |
| | | gettoPdf, |
| | | getModified, |
| | | isPdfOrJimu, |
| | | addOrder, |
| | | } from "@/api/doctor/checkAll"; |
| | | import { getInfoById } from "@/api/hosp/history"; |
| | | import { getInfo } from "@/api/login"; |
| | | import { getCompany, queryCompany } from "@/api/team/tuanti"; |
| | | import { reportHistory, yichang } from "@/api/doctor/check"; |
| | | import { reportHistory, yichang, shanchu } from "@/api/doctor/check"; |
| | | import { getPdf, revoke } from "@/api/hosp/order"; |
| | | import { cSWebGetPro } from "@/api/doctor/examination"; |
| | | import { cSWebGetPro, dataSynchronization } from "@/api/doctor/examination"; |
| | | import ViewPdf from "@/components/ViewPdf"; |
| | | import Historicalreport from "@/components/Historicalreport"; |
| | | import { getDicts } from "@/api/system/dict/data"; |
| | |
| | | import { getNewDateList } from "@/api/hosp/order"; |
| | | import { getconfigKey } from "@/api/login"; |
| | | import moment from "moment"; |
| | | import { get } from "sortablejs"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | data() { |
| | | return { |
| | | // 更新总检建议 |
| | | emptyAdvice: { |
| | | bt: "", |
| | | nr: "", |
| | | }, |
| | | initialTotalCheckAdvice: "", |
| | | initialState: "", |
| | | preObj: {}, |
| | |
| | | status1: 0, // 0展示异常1展示项目情况 |
| | | viewportHeight: 0, |
| | | expends: [], |
| | | clearTimeSet: null, |
| | | }; |
| | | }, |
| | | |
| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | setTime() { |
| | | //设置定时器 |
| | | this.clearTimeSet = setInterval(() => { |
| | | this.$modal.closeLoading(); |
| | | }, 300000); |
| | | }, |
| | | tongbu(row) { |
| | | this.$modal.loading("正在同步,请稍候..."); |
| | | this.setTime(); |
| | | let tjNumber = row.tjNumber; |
| | | dataSynchronization(tjNumber) |
| | | .then((res, error) => { |
| | | if (res.code == 200) { |
| | | this.clearTimeSet = null; |
| | | this.$modal.closeLoading(); |
| | | this.$modal.msgSuccess("同步成功!"); |
| | | } |
| | | }) |
| | | .catch((error) => { |
| | | this.clearTimeSet = null; |
| | | this.$modal.closeLoading(); |
| | | }); |
| | | }, |
| | | shanchu(row) { |
| | | console.log(row); |
| | | shanchu({ |
| | | id: row.orderDetailId, |
| | | }).then((res) => { |
| | | console.log(res); |
| | | // 找到要删除项所在的父级数组 |
| | | const parentItem = this.yichangList.find((item) => |
| | | item.sone.some((soneItem) => soneItem.proId === row.proId) |
| | | ); |
| | | |
| | | if (parentItem) { |
| | | // 从父级的 sone 数组中删除该项 |
| | | const index = parentItem.sone.findIndex( |
| | | (item) => item.proId === row.proId |
| | | ); |
| | | if (index > -1) { |
| | | parentItem.sone.splice(index, 1); |
| | | |
| | | // 如果删除后 sone 数组为空,则删除整个父级项 |
| | | if (parentItem.sone.length === 0) { |
| | | const parentIndex = this.yichangList.indexOf(parentItem); |
| | | if (parentIndex > -1) { |
| | | this.yichangList.splice(parentIndex, 1); |
| | | } |
| | | } |
| | | |
| | | // 更新 expends 数组 |
| | | this.getExpends(); |
| | | |
| | | this.$message.success("删除成功"); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | getConfigKey() { |
| | | getconfigKey("sfkqtwbg").then((res) => { |
| | | this.msgtuwen = res.msg; |
| | |
| | | tjNum: this.tjNumber, |
| | | }).then((res) => { |
| | | this.yichangList = res.data; |
| | | |
| | | console.log(this.yichangList, 3232); |
| | | this.getExpends(); |
| | | |
| | | this.yichangList.forEach((item) => { |
| | | item.sone.forEach((soneItem) => { |
| | | if ( |
| | | !Array.isArray(soneItem.advices) || |
| | | soneItem.advices.length === 0 |
| | | ) { |
| | | // 如果 advices 是空,设置默认值 |
| | | soneItem.advices = [ |
| | | { |
| | | bt: "", |
| | | nr: "", |
| | | }, |
| | | ]; |
| | | } |
| | | }); |
| | | }); |
| | | |
| | | if (!this.yichangList) { |
| | | this.$message({ |
| | | _this.$message({ |
| | | type: "warning ", |
| | | message: "暂无异常报告", |
| | | }); |
| | |
| | | }, |
| | | getdate() { |
| | | getNewDateList().then((res) => { |
| | | this.startTime = [ |
| | | /* this.startTime = [ |
| | | moment(res.data).format("YYYY-MM-DD 00:00:00"), |
| | | moment(res.data).format("YYYY-MM-DD 23:59:00"), |
| | | ]; |
| | | ]; */ |
| | | this.getList(); |
| | | }); |
| | | }, |
| | |
| | | setTimeout(() => { |
| | | loading.close(); |
| | | }, 3000); |
| | | this.$message.msgSuccess("报告正在生成,请两分钟后预览!"); |
| | | this.$message({ |
| | | message: "报告正在生成,请两分钟后预览!", |
| | | type: "error", |
| | | }); |
| | | } else { |
| | | this.dialogVisible = true; |
| | | |
| | |
| | | }, |
| | | eventchange(data) { |
| | | this.dataText = data; |
| | | console.log(data, 6655); |
| | | |
| | | if (this.textarea1 == null) { |
| | | this.textarea1 = ""; |
| | | } |
| | | data.forEach((item) => { |
| | | /* data.forEach((item) => { |
| | | this.textarea1 += item.advice; |
| | | }); */ |
| | | data.forEach((item) => { |
| | | this.textarea1 += (item.advice || item.jynr || "") + "\n"; |
| | | }); |
| | | }, |
| | | proposalChange() { |
| | |
| | | if (this.tjproject == "0") { |
| | | getupdateCheckType(this.tjNumber).then((response) => { |
| | | this.changedate = response.data; |
| | | |
| | | this.changedate.forEach((item) => { |
| | | this.textarea1 = item.checkAdvice; |
| | | }); |
| | |
| | | if (res.data) { |
| | | // this.Testitems = res.data |
| | | this.changedate = res.data; |
| | | |
| | | this.changedate.forEach((item) => { |
| | | this.textarea1 = item.checkAdvice; |
| | | }); |
| | |
| | | }; |
| | | }, |
| | | redxiangmu({ row }) { |
| | | if (row.type == 0) { |
| | | if (row.type != 1) { |
| | | // 变颜色的条件 |
| | | return { |
| | | color: "red", // 这个return的就是样式 可以是color 也可以是backgroundColor |
| | | backgroundColor: "#AAD8DF !important", // 这个return的就是样式 可以是color 也可以是backgroundColor |
| | | // color: "#AAD8DF ", |
| | | }; |
| | | } |
| | | }, |
| | |
| | | // } |
| | | // }, |
| | | change(vale) {}, |
| | | /* determine() { |
| | | let tjNumber = this.tableAll.tjNumber; |
| | | let advice = this.textarea1; |
| | | let data = { |
| | | tjNumber, |
| | | advice, |
| | | checkStatus: 1, |
| | | }; |
| | | this.loading = true; |
| | | getTjdetailList(data).then((response) => { |
| | | if (response.code === 200) { |
| | | this.$modal.msgSuccess("提交成功"); |
| | | let tjNumber = this.tjNumber; |
| | | let data = { |
| | | userId: this.userId, |
| | | tjNumber: tjNumber, |
| | | state: 1, |
| | | id: this.MsgId, |
| | | }; |
| | | gettoPdf(tjNumber) |
| | | .then((res) => { |
| | | this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!"); |
| | | }) |
| | | .catch((error) => { |
| | | this.$modal.msgError( |
| | | "打印报告失败,请前往报告打印页面补打报告!" |
| | | ); |
| | | }) |
| | | getfiedState(data).then((res) => { |
| | | this.drawer = false; |
| | | }); |
| | | this.queryParams.page = 1; |
| | | this.queryParams.pageSize = 10; |
| | | this.submitForm(); |
| | | this.$forceUpdate(); |
| | | }); |
| | | |
| | | for (let i = 0; i < this.changedate.length; i++) { |
| | | this.proIds = this.changedate[i].parentId; |
| | | let remarks = this.changedate[i].remark; |
| | | let updateOrderRemarkVos = [ |
| | | { |
| | | tjNumber, |
| | | proId: this.proIds.toString(), |
| | | remarks, |
| | | }, |
| | | ]; |
| | | getModified(updateOrderRemarkVos).then((response) => {}); |
| | | } |
| | | // determine() { |
| | | // let tjNumber = this.tableAll.tjNumber; |
| | | // let tjh = this.tableAll.tjNumber; |
| | | // // let jyjc = this.yichangList.map(item => item.jyjc || null); |
| | | // let advice = this.textarea1; |
| | | // let data = { |
| | | // tjNumber, |
| | | // advice, |
| | | // checkStatus: 1, |
| | | // }; |
| | | |
| | | // this.changedate.forEach((item) => { |
| | | // this.proIds = item.parentId; |
| | | // // this.remark = item.remark; |
| | | // }); |
| | | }, */ |
| | | // console.log(this.yichangList, 66); |
| | | |
| | | // let dataList = this.yichangList |
| | | // .map((item) => { |
| | | // return item.sone.map((soneItem) => ({ |
| | | // tjh, |
| | | // parentName: item.proName, |
| | | // jcxm: soneItem.proName, |
| | | // map: soneItem.advices, |
| | | // jyjc: item.jyjc, // assuming jyjc belongs to the outer item, not soneItem |
| | | // jcjg: soneItem.proResult, |
| | | // ckfw: soneItem.stanId, |
| | | // dw: soneItem.proAdvice, |
| | | // })); |
| | | // }) |
| | | // .flat(); // 使用 flat() 方法将嵌套数组展平 |
| | | // console.log(dataList, 777); |
| | | |
| | | // /* addOrder(dataList).then((res) => { |
| | | // console.log(res, 999); |
| | | // }); */ |
| | | // getTjdetailList(data) |
| | | // .then((response) => { |
| | | // if (response.code === 200) { |
| | | // this.$modal.msgSuccess("提交成功"); |
| | | |
| | | // // 准备生成报告的请求数据 |
| | | // let reportData = { |
| | | // userId: this.userId, |
| | | // tjNumber: tjNumber, |
| | | // state: 1, |
| | | // id: this.MsgId, |
| | | // }; |
| | | |
| | | // // 生成报告并保持 loading 打开 |
| | | // const reportPromise = gettoPdf(tjNumber) |
| | | // .then((res) => { |
| | | // this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!"); |
| | | // }) |
| | | // .catch((error) => { |
| | | // this.$modal.msgError( |
| | | // "打印报告失败,请前往报告打印页面补打报告!" |
| | | // ); |
| | | // }); |
| | | |
| | | // // 更新状态并提交修改请求 |
| | | // const statePromise = getfiedState(reportData).then((res) => { |
| | | // this.drawer = false; |
| | | // }); |
| | | |
| | | // // const addOrderPromise = addOrder(dataList).then((res) => { |
| | | // // console.log(res, 999); |
| | | // // }); |
| | | |
| | | // // 处理其他修改操作 |
| | | // const updatePromises = this.changedate.map((item) => { |
| | | // this.proIds = item.parentId; |
| | | // let remarks = item.remark; |
| | | // let updateOrderRemarkVos = [ |
| | | // { |
| | | // tjNumber, |
| | | // proId: this.proIds.toString(), |
| | | // remarks, |
| | | // }, |
| | | // ]; |
| | | // return getModified(updateOrderRemarkVos); // 返回 Promise |
| | | // }); |
| | | |
| | | // // 等待所有请求完成 |
| | | // Promise.all([ |
| | | // reportPromise, |
| | | // statePromise, |
| | | // // addOrderPromise, |
| | | // ...updatePromises, |
| | | // ]) |
| | | // .then(() => { |
| | | // // 所有请求完成,关闭 loading |
| | | // this.loading = false; |
| | | // // 更新分页信息 |
| | | // this.queryParams.page = 1; |
| | | // this.queryParams.pageSize = 10; |
| | | // this.submitForm(); |
| | | // this.$forceUpdate(); |
| | | // }) |
| | | // .catch((error) => { |
| | | // // 处理错误情况 |
| | | // this.loading = false; |
| | | // console.error("发生错误:", error); |
| | | // }); |
| | | // } else { |
| | | // // 提交失败,关闭 loading |
| | | // this.loading = false; |
| | | // } |
| | | // }) |
| | | // .catch((error) => { |
| | | // // 提交请求失败,关闭 loading |
| | | // this.loading = false; |
| | | // console.error("提交请求失败:", error); |
| | | // }); |
| | | // }, |
| | | determine() { |
| | | let tjNumber = this.tableAll.tjNumber; |
| | | let tjh = this.tableAll.tjNumber; |
| | | let advice = this.textarea1; |
| | | let data = { |
| | | tjNumber, |
| | |
| | | checkStatus: 1, |
| | | }; |
| | | |
| | | // 开始加载 |
| | | this.loading = true; |
| | | console.log(this.yichangList, 6644); |
| | | |
| | | // 提交数据 |
| | | let dataList = this.yichangList |
| | | .map((item) => { |
| | | return item.sone.map((soneItem) => ({ |
| | | tjh, |
| | | parentName: item.proName, |
| | | jcxm: soneItem.proName, |
| | | map: soneItem.advices, |
| | | jyjc: item.jyjc, |
| | | jcjg: soneItem.proResult, |
| | | ckfw: soneItem.stanId, |
| | | dw: soneItem.proAdvice, |
| | | })); |
| | | }) |
| | | .flat(); // 使用 flat() 方法将嵌套数组展平 |
| | | |
| | | getTjdetailList(data) |
| | | .then((response) => { |
| | | if (response.code === 200) { |
| | |
| | | id: this.MsgId, |
| | | }; |
| | | |
| | | // 生成报告并保持 loading 打开 |
| | | const reportPromise = gettoPdf(tjNumber) |
| | | // 调用 addOrderPromise |
| | | console.log(dataList, 5555); |
| | | |
| | | addOrder(dataList) |
| | | .then((res) => { |
| | | this.$modal.msgSuccess("已生成报告!请前往报告核收页面确认!"); |
| | | console.log(res, 999); |
| | | if (res.code == 200) { |
| | | gettoPdf(tjNumber) |
| | | .then((res) => { |
| | | this.$modal.msgSuccess( |
| | | "已生成报告!请前往报告核收页面确认!" |
| | | ); |
| | | }) |
| | | .catch(() => { |
| | | this.$modal.msgError( |
| | | "打印报告失败,请前往报告打印页面补打报告!" |
| | | ); |
| | | }); |
| | | const statePromise = getfiedState(reportData).then(() => { |
| | | this.drawer = false; |
| | | }); |
| | | const updatePromises = this.changedate.map((item) => { |
| | | this.proIds = item.parentId; |
| | | let remarks = item.remark; |
| | | let updateOrderRemarkVos = [ |
| | | { |
| | | tjNumber, |
| | | proId: this.proIds.toString(), |
| | | remarks, |
| | | }, |
| | | ]; |
| | | return getModified(updateOrderRemarkVos); // 返回 Promise |
| | | }); |
| | | |
| | | // 等待所有请求完成 |
| | | Promise.all([statePromise, ...updatePromises]) |
| | | .then(() => { |
| | | // 所有请求完成,关闭 loading |
| | | this.loading = false; |
| | | // 更新分页信息 |
| | | this.queryParams.page = 1; |
| | | this.queryParams.pageSize = 10; |
| | | this.submitForm(); |
| | | this.$forceUpdate(); |
| | | }) |
| | | .catch((error) => { |
| | | // 处理错误情况 |
| | | this.loading = false; |
| | | console.error("发生错误:", error); |
| | | }); |
| | | } |
| | | }) |
| | | .catch((error) => { |
| | | this.$modal.msgError( |
| | | "打印报告失败,请前往报告打印页面补打报告!" |
| | | ); |
| | | }); |
| | | |
| | | // 更新状态并提交修改请求 |
| | | const statePromise = getfiedState(reportData).then((res) => { |
| | | this.drawer = false; |
| | | }); |
| | | |
| | | // 处理其他修改操作 |
| | | const updatePromises = this.changedate.map((item) => { |
| | | this.proIds = item.parentId; |
| | | let remarks = item.remark; |
| | | let updateOrderRemarkVos = [ |
| | | { |
| | | tjNumber, |
| | | proId: this.proIds.toString(), |
| | | remarks, |
| | | }, |
| | | ]; |
| | | return getModified(updateOrderRemarkVos); // 返回 Promise |
| | | }); |
| | | |
| | | // 等待所有请求完成 |
| | | Promise.all([reportPromise, statePromise, ...updatePromises]) |
| | | .then(() => { |
| | | // 所有请求完成,关闭 loading |
| | | // 如果 addOrderPromise 失败,处理错误 |
| | | this.loading = false; |
| | | // 更新分页信息 |
| | | this.queryParams.page = 1; |
| | | this.queryParams.pageSize = 10; |
| | | this.submitForm(); |
| | | this.$forceUpdate(); |
| | | }) |
| | | .catch((error) => { |
| | | // 处理错误情况 |
| | | this.loading = false; |
| | | console.error("发生错误:", error); |
| | | console.error("addOrderPromise 失败:", error); |
| | | }); |
| | | } else { |
| | | // 提交失败,关闭 loading |
| | |
| | | .mainbox { |
| | | position: relative; |
| | | } |
| | | |
| | | .btn { |
| | | margin: 20px 0px; |
| | | } |
| | | |
| | | .btnbox { |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 10px; /* 按钮之间的间距 */ |
| | | position: fixed; /* 使整个按钮区域固定在页面 */ |
| | | right: 0; /* 固定在页面右侧 */ |
| | | top: 20%; /* 初始位置 */ |
| | | gap: 10px; |
| | | /* 按钮之间的间距 */ |
| | | position: fixed; |
| | | /* 使整个按钮区域固定在页面 */ |
| | | right: 0; |
| | | /* 固定在页面右侧 */ |
| | | top: 20%; |
| | | /* 初始位置 */ |
| | | z-index: 10; |
| | | } |
| | | |
| | | /* 每个按钮的样式 */ |
| | | .btn1 { |
| | | animation: fadeInUp 0.5s ease-out forwards; /* 按钮加载时的淡入动画 */ |
| | | animation: fadeInUp 0.5s ease-out forwards; |
| | | /* 按钮加载时的淡入动画 */ |
| | | cursor: pointer; |
| | | text-align: center; |
| | | } |
| | | |
| | | .vertical-text { |
| | | writing-mode: vertical-rl; |
| | | text-orientation: upright; |
| | |
| | | @keyframes fadeInUp { |
| | | 0% { |
| | | opacity: 0; |
| | | transform: translateY(20px) scale(0.5); /* 初始状态:透明且缩小 */ |
| | | transform: translateY(20px) scale(0.5); |
| | | /* 初始状态:透明且缩小 */ |
| | | } |
| | | |
| | | 100% { |
| | | opacity: 1; |
| | | transform: translateY(0) scale(1); /* 最终状态:完全显示且正常大小 */ |
| | | transform: translateY(0) scale(1); |
| | | /* 最终状态:完全显示且正常大小 */ |
| | | } |
| | | } |
| | | |
| | | /* 每个按钮的位置和动画延迟 */ |
| | | .btnbox > div:nth-child(1) { |
| | | top: 20%; /* 第一个按钮的位置 */ |
| | | animation-delay: 0s; /* 无延迟 */ |
| | | top: 20%; |
| | | /* 第一个按钮的位置 */ |
| | | animation-delay: 0s; |
| | | /* 无延迟 */ |
| | | } |
| | | |
| | | .btnbox > div:nth-child(2) { |
| | | top: 30%; /* 第二个按钮的位置 */ |
| | | top: 30%; |
| | | /* 第二个按钮的位置 */ |
| | | animation-delay: 0.2s; |
| | | } |
| | | |
| | | .btnbox > div:nth-child(3) { |
| | | top: 40%; /* 第三个按钮的位置 */ |
| | | top: 40%; |
| | | /* 第三个按钮的位置 */ |
| | | animation-delay: 0.4s; |
| | | } |
| | | |
| | | .btnbox > div:nth-child(4) { |
| | | top: 50%; /* 第四个按钮的位置 */ |
| | | top: 50%; |
| | | /* 第四个按钮的位置 */ |
| | | animation-delay: 0.6s; |
| | | } |
| | | |
| | | .btnbox > div:nth-child(5) { |
| | | top: 60%; /* 第五个按钮的位置 */ |
| | | top: 60%; |
| | | /* 第五个按钮的位置 */ |
| | | animation-delay: 0.8s; |
| | | } |
| | | |
| | | .btnbox > div:nth-child(6) { |
| | | top: 70%; /* 第六个按钮的位置 */ |
| | | top: 70%; |
| | | /* 第六个按钮的位置 */ |
| | | animation-delay: 1s; |
| | | } |
| | | |
| | | .main { |
| | | height: 800px; |
| | | overflow: hidden; |
| | | height: 80vh; // 改为使用视窗高度 |
| | | min-height: 600px; // 设置最小高度 |
| | | overflow: auto; // 改为auto允许滚动 |
| | | } |
| | | |
| | | #printIframe::-webkit-scrollbar { |
| | | // 优化滚动条样式 |
| | | .main::-webkit-scrollbar { |
| | | width: 6px; |
| | | } |
| | | |
| | | /* 修改 滚动条的 下面 的 样式 */ |
| | | #printIframe::-webkit-scrollbar-track { |
| | | .main::-webkit-scrollbar-track { |
| | | background-color: white; |
| | | -webkit-border-radius: 2em; |
| | | -moz-border-radius: 2em; |
| | | border-radius: 2em; |
| | | } |
| | | |
| | | /* 修改 滑块 */ |
| | | #printIframe::-webkit-scrollbar-thumb { |
| | | .main::-webkit-scrollbar-thumb { |
| | | background-color: #dcdfe6; |
| | | -webkit-border-radius: 2em; |
| | | -moz-border-radius: 2em; |
| | | border-radius: 2em; |
| | | } |
| | | |
| | | ::v-deep .el-dialog { |
| | | width: 1700px; |
| | | height: 900px; |
| | | margin-top: 5vh !important; // 调整对话框位置 |
| | | } |
| | | ::v-deep .el-dialog__header{ |
| | | |
| | | ::v-deep .el-dialog__header { |
| | | padding: 8px; |
| | | } |
| | | ::v-deep .el-dialog__body{ |
| | | padding: 0; |
| | | |
| | | ::v-deep .el-dialog__body { |
| | | padding: 0; |
| | | } |
| | | |
| | | ::v-deep .el-button--medium { |
| | | padding: 10px; |
| | | } |
| | | ::v-deep .el-dialog__headerbtn{ |
| | | |
| | | ::v-deep .el-dialog__headerbtn { |
| | | // position: relative; |
| | | top: 13px; |
| | | } |
| | | |
| | | /* .el-dialog { |
| | | width: 1264px; |
| | | height: 800px; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | z-index: 1000; /* 确保按钮层级在其他内容上方 */ |
| | | z-index: 1000; |
| | | /* 确保按钮层级在其他内容上方 */ |
| | | width: 300px; |
| | | background-color: white; /* 可根据需要调整背景颜色 */ |
| | | background-color: white; |
| | | /* 可根据需要调整背景颜色 */ |
| | | } |
| | | |
| | | /* 确保按钮之间有合适的间距 */ |
| | |
| | | border: none; |
| | | outline: none; |
| | | } |
| | | |
| | | .box { |
| | | display: flex; |
| | | height: calc(100% - 160px); |
| | | margin-top: 20px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | height: 100vh; |
| | | .left-container { |
| | | flex: 1; |
| | | margin-right: 10px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .left { |
| | | height: 100%; |
| | | padding: 0 10px; |
| | | overflow-y: scroll; // 改为 scroll 而不是 auto |
| | | |
| | | &::-webkit-scrollbar { |
| | | width: 8px; // 增加宽度使其更容易看见 |
| | | background-color: #f5f5f5; |
| | | display: block; // 确保显示 |
| | | } |
| | | |
| | | &::-webkit-scrollbar-thumb { |
| | | background: #909399; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | &::-webkit-scrollbar-track { |
| | | background: #f5f5f5; |
| | | border-radius: 4px; |
| | | } |
| | | } |
| | | |
| | | .rightbox { |
| | | margin-left: 60px; |
| | | position: fixed; |
| | | top: 107px; |
| | | right: 56px; |
| | | width: 684px; |
| | | width: 700px; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .right { |
| | | background-color: #fff; |
| | | // box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); |
| | | z-index: 10; |
| | | max-height: calc(100vh - 100px); /* 假设你想为顶部和底部留出一些空间 */ |
| | | overflow-y: auto; /* 允许垂直滚动 */ |
| | | padding: 0 0 50px; /* 可选:添加一些内边距以避免内容紧贴边缘 */ |
| | | .right { |
| | | height: 100%; |
| | | padding: 0 10px; |
| | | overflow-y: scroll; // 改为 scroll 而不是 auto |
| | | |
| | | &::-webkit-scrollbar { |
| | | width: 8px; // 增加宽度 |
| | | background-color: #f5f5f5; |
| | | display: block; // 确保显示 |
| | | } |
| | | |
| | | &::-webkit-scrollbar-thumb { |
| | | background: #909399; |
| | | border-radius: 4px; |
| | | } |
| | | |
| | | &::-webkit-scrollbar-track { |
| | | background: #f5f5f5; |
| | | border-radius: 4px; |
| | | } |
| | | } |
| | | |
| | |
| | | background-color: #fff; |
| | | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); |
| | | display: flex; |
| | | |
| | | .el-icon-close { |
| | | cursor: pointer; |
| | | font-size: 30px; |
| | |
| | | color: rgb(24, 144, 255); |
| | | } |
| | | } |
| | | |
| | | .kong { |
| | | box-shadow: none; |
| | | } |
| | | |
| | | ::v-deep .el-table--medium .el-table__cell { |
| | | padding: 5px 0; |
| | | } |
| | | |
| | | ::-webkit-scrollbar { |
| | | display: none; |
| | | } |
| | | |
| | | ::v-deep .el-drawer { |
| | | padding: 0 0 50px; |
| | | } |
| | | </style> |
| | | |
| | | |