From dec09546294047e54c0531d6047d0685cbb45ddd Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期一, 09 十二月 2024 18:30:31 +0800
Subject: [PATCH] 总检
---
src/views/doctor/checkAll/index.vue | 1659 +++++++++++++++++++++++++++++++---------------------------
1 files changed, 885 insertions(+), 774 deletions(-)
diff --git a/src/views/doctor/checkAll/index.vue b/src/views/doctor/checkAll/index.vue
index ef48f09..99c5e66 100644
--- a/src/views/doctor/checkAll/index.vue
+++ b/src/views/doctor/checkAll/index.vue
@@ -1,5 +1,5 @@
<template>
- <div>
+ <div class="mainbox">
<el-form
:model="queryParams"
ref="tableList"
@@ -241,816 +241,805 @@
:visible.sync="drawer"
:before-close="handleClose"
:with-header="false"
- size="80%"
+ size="100%"
+ show-close="true"
>
- <div>
- <el-row>
- <el-col :span="18">
- <div style="font-size: 14px">
- <table
- style="
- width: 98%;
- margin: 10px 10px;
- border: 1px solid #dfe6ec;
- border-collapse: collapse;
- "
- cellspacing="4"
+ <div class="top">
+ <table
+ style="
+ width: 98%;
+ margin: 10px 10px;
+ border: 1px solid #dfe6ec;
+ border-collapse: collapse;
+ "
+ cellspacing="4"
+ >
+ <caption style="background-color: #f8f8f9; font-size: 18px">
+ {{
+ tableAll.cusName
+ }}鐨勪綋妫�璧勬枡
+ </caption>
+ <tr
+ style="
+ border: 1px solid #dfe6ec;
+ border-collapse: collapse;
+ height: 36px;
+ "
+ >
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ 濮撳悕锛�
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ {{ tableAll.cusName }}
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ 鎬у埆锛�
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ {{
+ tableAll.cusSex == 0
+ ? "鐢�"
+ : tableAll.cusSex == 1
+ ? "濂�"
+ : "鏈煡"
+ }}
+ </td>
+ </tr>
+ <tr
+ style="
+ border: 1px solid #dfe6ec;
+ border-collapse: collapse;
+ height: 36px;
+ "
+ >
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ 浣撴鍗曞彿锛�
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ {{ tableAll.tjNumber }}
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ 浣撴鏃堕棿锛�
+ </td>
+ <td style="border: 1px solid #dfe6ec; border-collapse: collapse">
+ {{ tableAll.tjTime }}
+ </td>
+ </tr>
+ </table>
+ <i class="el-icon-close" @click="guanbi"></i>
+ </div>
+
+ <div style="margin-right: 10px; display: flex">
+ <div class="btn1">
+ <el-button @click="Graphicreport()" type="primary"
+ >鍥炬枃鎶ュ憡</el-button
+ >
+ </div>
+ <div class="btn2">
+ <el-button @click="historicalreport()" type="primary"
+ >鍘嗗彶鎶ュ憡</el-button
+ >
+ </div>
+ <div v-if="tableAll.tjCategory == '02'" class="btn1">
+ <el-button @click="medicalhistory()" type="primary"
+ >鑱屼笟鐥呭彶</el-button
+ >
+ </div>
+ <div class="btn3">
+ <el-button @click="jianqian()" type="primary">妫�鍓嶉棶璇�</el-button>
+ </div>
+ <div class="btn4">
+ <el-button @click="yichangjieguo()" type="primary">寮傚父缁撴灉</el-button>
+ </div>
+ </div>
+ <div class="box">
+ <div
+ class="left"
+ style="
+ font-size: 14px;
+ height: calc(100% - 11%);
+ width: 1300px;
+ margin-left: 10px;
+ "
+ >
+ <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' }"
>
- <caption style="background-color: #f8f8f9; font-size: 18px">
- {{
- tableAll.cusName
- }}鐨勪綋妫�璧勬枡
- </caption>
+ <el-table-column align="center" label="妫�娴嬮」鐩�" width="240">
+ <template slot-scope="scope">
+ <div>{{ scope.row.proName }}</div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="proResult"
+ 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.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;
- height: 36px;
- "
+ style="border: 1px solid #dfe6ec; border-collapse: collapse"
>
<td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
+ 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"
>
- {{ tableAll.cusName }}
- </td>
- <td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
- >
- 鎬у埆锛�
- </td>
- <td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
- >
- {{
- tableAll.cusSex == 0
- ? "鐢�"
- : tableAll.cusSex == 1
- ? "濂�"
- : "鏈煡"
- }}
+ {{ item.doctorName }}
</td>
</tr>
<tr
style="
border: 1px solid #dfe6ec;
border-collapse: collapse;
- height: 36px;
+ width: 200px;
"
>
<td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
+ style="
+ border: 1px solid #dfe6ec;
+ border-collapse: collapse;
+ width: 240px;
+ "
>
- 浣撴鍗曞彿锛�
+ 澶囨敞锛�
</td>
<td
style="border: 1px solid #dfe6ec; border-collapse: collapse"
+ colspan="3"
>
- {{ tableAll.tjNumber }}
- </td>
- <td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
- >
- 浣撴鏃堕棿锛�
- </td>
- <td
- style="border: 1px solid #dfe6ec; border-collapse: collapse"
- >
- {{ tableAll.tjTime }}
+ <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>
- </el-col>
- <el-col :span="6">
- <div style="margin-right: 10px; display: flex">
- <div style="margin: 10px 2px">
- <el-button type="primary" size="mini" @click="Graphicreport()"
- >鍥炬枃鎶ュ憡</el-button
+ <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"
>
- </div>
- <div style="margin: 10px 5px">
- <el-button
- type="primary"
- size="mini"
- @click="historicalreport()"
- >鍘嗗彶鎶ュ憡</el-button
+ <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
+
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ style="width: 100%; resize: none"
+ v-model="item.remark"
+ ></textarea> -->
+ </td>
+ </tr>
+ <tr
+ style="
+ border: 1px solid #dfe6ec;
+ border-collapse: collapse;
+ width: 200px;
+ "
>
- </div>
- <div style="margin: 10px 5px" v-if="tableAll.tjCategory == '02'">
- <el-button type="primary" size="mini" @click="medicalhistory()"
- >鑱屼笟鐥呭彶</el-button
- >
- </div>
- <div style="margin: 10px 5px">
- <el-button type="primary" size="mini" @click="jianqian()"
- >妫�鍓嶉棶璇�</el-button
- >
- </div>
+ <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>
- </el-col>
- </el-row>
+ </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%"
+ >
+ </el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footers">
+ <el-button
+ v-if="tjproject == '0'"
+ type="primary"
+ size="mini"
+ @click.stop="rowClick"
+ icon="el-icon-edit-outline"
+ >寮�澶勬柟</el-button
+ >
+ <div v-if="tjproject == '0'" style="padding-left: 10px">
+ <el-button
+ type="primary"
+ @click="determine"
+ :disabled="isdisabled"
+ >鎻愪氦骞剁敓鎴愭姤鍛�</el-button
+ >
+ </div>
+ </div>
+ </div>
+ <div class="right">
+ <div v-for="(item, index) in yichangList" :key="index">
+ <div
+ style="
+ text-align: center;
+ background-color: #aad8df;
+ margin-top: 10px;
+ "
+ >
+ {{ item.proName || "" }}
+ </div>
+ <el-table
+ :row-style="red"
+ :data="item.sone"
+ border
+ style="width: 100%"
+ :header-cell-style="{ background: '#aad8df' }"
+ >
+ <el-table-column align="center" label="妫�娴嬮」鐩�" width="240">
+ <template slot-scope="scope">
+ <div>{{ scope.row.proName }}</div>
+ </template>
+ </el-table-column>
+ <el-table-column
+ align="center"
+ prop="proResult"
+ label="妫�娴嬬粨鏋�"
+ width="160"
+ >
+ </el-table-column>
+
+ <el-table-column align="center" prop="stanId" label=" 鍙傝�冭寖鍥�">
+ </el-table-column>
+ <el-table-column align="center" prop="proAdvice" label="鍗曚綅">
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
</div>
- <el-row>
- <el-col :span="18">
- <div
- style="font-size: 14px; overflow-y: auto; height: calc(100% - 11%)"
- >
- <div
- v-for="(item, index) in changedate"
- :key="index"
- style="margin-left: 10px"
+ <div class="hist3" v-if="wenzhen">
+ <span class="txt">闂瘖淇℃伅</span>
+ <el-form
+ ref="form"
+ :model="formobj"
+ label-width="100px"
+ :inline="true"
+ size="mini"
+ >
+ <el-collapse class="coll" v-model="activeName" accordion>
+ <el-collapse-item
+ class="coll"
+ title="鍩烘湰淇℃伅"
+ name="1"
+ style="width: 100%; font-weight: 600"
>
- <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' }"
- >
- <el-table-column align="center" label="妫�娴嬮」鐩�" width="240">
- <template slot-scope="scope">
- <div>{{ scope.row.proName }}</div>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="proResult"
- label="妫�娴嬬粨鏋�"
- width="180"
+ <div style="width: 100%">
+ <el-form-item label="濮撳悕" prop="cusName">
+ <el-input
+ disabled
+ v-model="formobj.cusName"
+ placeholder="璇疯緭鍏ュ鍚�"
+ />
+ </el-form-item>
+ <el-form-item label="鑱屼笟" prop="work">
+ <el-select
+ filterable
+ v-model="formobj.work"
+ placeholder="璇烽�夋嫨鑱屼笟"
+ clearable
+ style="width: 150px"
+ disabled
>
- </el-table-column>
- <el-table-column align="center" prop="" label="鍗曚綅">
+ <el-option
+ v-for="dict in dict.type.tj_work"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="宸ヤ綔鐘舵��" prop="workStatus">
+ <el-select
+ disabled
+ filterable
+ v-model="formobj.workStatus"
+ placeholder="璇烽�夋嫨宸ヤ綔鐘舵��"
+ clearable
+ style="width: 150px"
+ >
+ <el-option
+ v-for="dict in dict.type.tj_work_status"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎺ヨЕ姣掔墿" prop="contactPoison">
+ <el-input
+ disabled
+ type="textarea"
+ rows="4"
+ v-model="formobj.contactPoison"
+ placeholder="璇疯緭鍏ユ帴瑙︽瘨鐗�"
+ style="width: 700px"
+ />
+ </el-form-item>
+ <el-form-item label="鏃㈠線鐥呭彶" prop="medicalHistory">
+ <el-input
+ disabled
+ type="textarea"
+ rows="4"
+ v-model="formobj.medicalHistory"
+ placeholder="璇疯緭鍏ユ棦寰�鐥呭彶"
+ style="width: 700px"
+ />
+ </el-form-item>
+ </div>
+ </el-collapse-item>
+ <el-collapse-item title="鏈堢粡鍙�" name="2" v-show="sex">
+ <div style="width: 100%">
+ <el-form-item label="鍒濇疆(宀�)" prop="chuchao">
+ <el-input
+ v-model="formobj.chuchao"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ <el-form-item label="缁忔湡" prop="jingqi">
+ <el-input
+ v-model="formobj.jingqi"
+ disabled
+ style="width: 70px"
+ />澶�
+ </el-form-item>
+ <el-form-item label="鍛ㄦ湡" prop="zhouqi">
+ <el-input
+ v-model="formobj.zhouqi"
+ disabled
+ style="width: 70px"
+ />澶�
+ </el-form-item>
+ <el-form-item label="鏈鏈堢粡" prop="mociage">
+ <el-input
+ v-model="formobj.mociage"
+ disabled
+ style="width: 100px"
+ />
+ </el-form-item>
+ </div>
+ </el-collapse-item>
+ <el-collapse-item title="鐢熻偛鍙�" name="3" v-show="sex">
+ <div style="width: 100%">
+ <el-form-item label="鐜版湁瀛愬コ(浜�)" prop="zinv">
+ <el-input
+ v-model="formobj.zinv"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ <el-form-item label="娴佷骇(娆�)" prop="liuchan">
+ <el-input
+ v-model="formobj.liuchan"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ <el-form-item label="鏃╀骇(娆�)" prop="zaochan">
+ <el-input
+ v-model="formobj.zaochan"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ <el-form-item label="姝讳骇(娆�)" prop="sichan">
+ <el-input
+ v-model="formobj.sichan"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ <el-form-item label="寮傚父鑳�(娆�)" prop="yichangtai">
+ <el-input
+ v-model="formobj.yichangtai"
+ style="width: 70px"
+ disabled
+ />
+ </el-form-item>
+ </div>
+ </el-collapse-item>
+ <el-collapse-item title="鐑熼厭鍙�" name="4">
+ <div style="width: 100%">
+ <el-form-item label="鏄惁鍚哥儫" prop="xiyan">
+ <!-- <el-input v-model="form.xiyanpinlv" placeholder="璇疯緭鍏ュ惛鐑熼鐜�" /> -->
+ <el-select
+ disabled
+ filterable
+ v-model="formobj.xiyan"
+ placeholder="璇烽�夋嫨鏄惁鍚哥儫"
+ clearable
+ style="width: 150px"
+ >
+ <el-option
+ v-for="dict in dict.type.tj_smoking_pinlv"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍚哥儫棰戠巼" prop="xiyanpinlv">
+ <el-input
+ v-model="formobj.xiyanpinlv"
+ disabled
+ style="width: 70px"
+ />鏀�/澶�
+ </el-form-item>
+ <el-form-item label="鍚哥儫鏃堕棿" prop="xiyanyear">
+ <el-input
+ v-model="formobj.xiyanyear"
+ disabled
+ style="width: 70px"
+ />骞� </el-form-item
+ ><br />
+ <el-form-item label="鏄惁楗厭" prop="yinjiu">
+ <!-- <el-input v-model="form.yinjiupinlv" placeholder="璇疯緭鍏ラギ閰掗鐜�" /> -->
+ <el-select
+ filterable
+ v-model="formobj.yinjiu"
+ disabled
+ placeholder="璇烽�夋嫨鏄惁楗厭"
+ clearable
+ style="width: 150px"
+ >
+ <el-option
+ v-for="dict in dict.type.tj_smoking_pinlv"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="楗厭棰戠巼" prop="yinjiupinlv">
+ <el-input
+ v-model="formobj.yinjiupinlv"
+ disabled
+ style="width: 70px"
+ />ml/澶�
+ </el-form-item>
+ <el-form-item label="楗厭鏃堕棿" prop="yinjiuyear">
+ <el-input
+ v-model="formobj.yinjiuyear"
+ disabled
+ style="width: 70px"
+ />骞�
+ </el-form-item>
+ <el-form-item label="鍏朵粬" prop="qita">
+ <el-input
+ v-model="formobj.qita"
+ placeholder="璇疯緭鍏ュ叾浠�"
+ disabled
+ type="textarea"
+ style="width: 600px"
+ rows="2"
+ />
+ </el-form-item>
+ </div>
+ </el-collapse-item>
+ <el-collapse-item title="鎬ユ參鎬ц亴涓氱梾鍙蹭俊鎭�" name="5">
+ <div style="width: 100%">
+ <el-table
+ border
+ :data="formobj.tjAskHistorysList"
+ ref="tjAskHistorys"
+ style="width: 98%"
+ >
+ <el-table-column type="selection" width="40" align="center" />
+ <el-table-column label="鐤剧梾鍚嶇О" prop="diseaseName">
<template slot-scope="scope">
- <div v-if="scope.row.project != null">
- {{ scope.row.standard.company || "" }}
- </div>
- <div v-else>{{ scope.row.proAdvice }}</div>
+ <el-input
+ size="mini"
+ disabled
+ v-model="scope.row.diseaseName"
+ placeholder="璇疯緭鍏ョ柧鐥呭悕绉�"
+ />
</template>
</el-table-column>
- <el-table-column align="center" prop="" label=" 鍙傝�冭寖鍥�">
+ <el-table-column label="璇婃柇鏃ユ湡" prop="diseaseData">
<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>
+ <el-date-picker
+ size="mini"
+ v-model="scope.row.diseaseData"
+ align="right"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptions"
+ style="width: 130px"
+ value-format="yyyy-MM-dd"
+ >
+ </el-date-picker>
+ </template>
+ </el-table-column>
+ <el-table-column label="璇婃柇鍗曚綅" prop="diseaseCompany">
+ <template slot-scope="scope">
+ <el-input
+ size="mini"
+ disabled
+ v-model="scope.row.diseaseCompany"
+ placeholder="璇疯緭鍏ヨ瘖鏂崟浣�"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column label="鏄惁鐥婃剤" prop="isOk">
+ <template slot-scope="scope">
+ <!-- <el-input v-model="scope.row.isOk" placeholder="璇疯緭鍏ユ槸鍚︾棅鎰�" /> -->
+ <el-select
+ disabled
+ filterable
+ size="mini"
+ v-model="scope.row.isOk"
+ placeholder="璇烽�夋嫨鏄惁鐥婃剤"
+ clearable
+ >
+ <el-option
+ v-for="dict in dict.type.sys_yes_no"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column label="澶囨敞" prop="remark">
+ <template slot-scope="scope">
+ <el-input
+ disabled
+ size="mini"
+ v-model="scope.row.remark"
+ placeholder="璇疯緭鍏ュ娉�"
+ />
</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%;
- "
- >
- 灏忕粨锛�
- </td>
- <td style="border: 1px solid #dfe6ec; width: 45%">
- <el-input v-model="item.remark" disabled></el-input>
- <!-- <el-select v-model="item.value" multiple filterable placeholder="璇烽�夋嫨" style="width: 100%" @change="xiAoJieChange($event, item)">
- <el-option v-for="item1 in item.parentAdvice" :key="item1.id" :label="item1.title" :value="item1.id">
- </el-option>
- </el-select> -->
- </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: 200px;
- "
- >
- <td
- style="
- border: 1px solid #dfe6ec;
- border-collapse: collapse;
- width: 240px;
- "
- >
- 澶囨敞锛�
- </td>
- <td
- style="
- border: 1px solid #dfe6ec;
- border-collapse: collapse;
- "
- colspan="3"
- >
- <textarea
- placeholder="璇疯緭鍏ュ唴瀹�"
- :autosize="{ minRows: 2, maxRows: 2 }"
- style="width: 100%; height: 100%; resize: none"
- v-model="changedate[index].remark"
- v-on:input="change"
- ></textarea>
- <!-- <el-input type="textarea" autosize >
- </el-input> -->
- </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: 52px;
- "
- >
- 妫�鏌ユ墍瑙侊細
- </td>
- <td
- style="border: 1px solid #dfe6ec; height: 52px"
- colspan="2"
- >
- <textarea
- placeholder="璇疯緭鍏ュ唴瀹�"
- :autosize="{ minRows: 3, maxRows: 4 }"
- style="width: 100%; height: 100%; 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 v-model="item.remark"></el-input> -->
- <textarea
- placeholder="璇疯緭鍏ュ唴瀹�"
- :autosize="{ minRows: 2, maxRows: 3 }"
- style="width: 100%; height: 100%; resize: none"
- v-model="item.remark"
- ></textarea>
- </td>
- </tr>
- <tr
- style="
- border: 1px solid #dfe6ec;
- border-collapse: collapse;
- width: 200px;
- height: 36px;
- "
- >
- <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>
+ </el-collapse-item>
+
+ <el-collapse-item title="鑱屼笟鍙�" name="7">
+ <div style="width: 100%">
+ <el-table border :data="formobj.workLogs" style="width: 98%">
+ <el-table-column type="selection" width="40" align="center" />
+ <el-table-column label="寮�濮嬫椂闂�" prop="beginTime">
+ <template slot-scope="scope">
+ <el-date-picker
+ size="mini"
+ v-model="scope.row.beginTime"
+ align="right"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptions"
+ style="width: 130px"
+ value-format="yyyy-MM-dd"
+ >
+ </el-date-picker>
+ </template>
+ </el-table-column>
+ <el-table-column label="缁撴潫鏃堕棿" prop="endTime">
+ <template slot-scope="scope">
+ <el-date-picker
+ size="mini"
+ disabled
+ v-model="scope.row.endTime"
+ align="right"
+ type="date"
+ placeholder="閫夋嫨鏃ユ湡"
+ :picker-options="pickerOptions"
+ style="width: 130px"
+ value-format="yyyy-MM-dd"
+ >
+ </el-date-picker>
+ </template>
+ </el-table-column>
+ <el-table-column label="宸ヤ綔鍗曚綅" prop="workCompany">
+ <template slot-scope="scope">
+ <el-input
+ size="mini"
+ disabled
+ v-model="scope.row.workCompany"
+ placeholder="璇疯緭鍏ュ伐浣滃崟浣�"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column label="閮ㄩ棬" prop="workDept">
+ <template slot-scope="scope">
+ <el-input
+ disabled
+ size="mini"
+ v-model="scope.row.workDept"
+ placeholder="璇疯緭鍏ラ儴闂�"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column label="宸ョ" prop="workType">
+ <template slot-scope="scope">
+ <el-input
+ disabled
+ size="mini"
+ v-model="scope.row.workType"
+ placeholder="璇疯緭鍏ュ伐绉�"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column label="鏈夊鍥犵礌" prop="harmTypeLogs">
+ <template slot-scope="scope">
+ <!-- <el-input v-model="scope.row.isOk" placeholder="璇疯緭鍏ユ槸鍚︾棅鎰�" /> -->
+ <el-select
+ filterable
+ disabled
+ size="mini"
+ v-model="scope.row.harmTypeLogs"
+ multiple
+ placeholder="璇烽�夋嫨鏈夊鍥犵礌"
+ clearable
+ >
+ <el-option
+ v-for="dict in harmTypeList"
+ :key="dict.aid"
+ :label="dict.harmtype"
+ :value="dict.aid"
+ />
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column label="闃叉姢鎺柦" prop="fangHu">
+ <template slot-scope="scope">
+ <el-input
+ disabled
+ size="mini"
+ v-model="scope.row.fangHu"
+ placeholder="璇疯緭鍏ラ槻鎶ゆ帾鏂�"
+ />
+ </template>
+ </el-table-column>
+ </el-table>
</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%"
- >
- </el-input>
- </el-form-item>
- </el-form>
- <div slot="footer" class="dialog-footers">
- <el-button
- v-if="tjproject == '0'"
- type="primary"
- size="mini"
- @click.stop="rowClick"
- icon="el-icon-edit-outline"
- >寮�澶勬柟</el-button
- >
- <div v-if="tjproject == '0'" style="padding-left: 10px">
- <el-button
- type="primary"
- @click="determine"
- :disabled="isdisabled"
- >鎻愪氦骞剁敓鎴愭姤鍛�</el-button
- >
- </div>
- </div>
- </div>
- </el-col>
- <el-col :span="6">
- <div v-if="hosproy">
- <Historicalreport
- :reportHistorydata="reportHistorydata"
- ></Historicalreport>
- </div>
-
- <div class="hist3" v-if="wenzhen">
- <span class="txt">闂瘖淇℃伅</span>
- <el-form
- ref="form"
- :model="formobj"
- label-width="100px"
- :inline="true"
- size="mini"
- >
- <el-collapse class="coll" v-model="activeName" accordion>
- <el-collapse-item
- class="coll"
- title="鍩烘湰淇℃伅"
- name="1"
- style="width: 100%; font-weight: 600"
- >
- <div style="width: 100%">
- <el-form-item label="濮撳悕" prop="cusName">
- <el-input
- disabled
- v-model="formobj.cusName"
- placeholder="璇疯緭鍏ュ鍚�"
- />
- </el-form-item>
- <el-form-item label="鑱屼笟" prop="work">
- <el-select
- filterable
- v-model="formobj.work"
- placeholder="璇烽�夋嫨鑱屼笟"
- clearable
- style="width: 150px"
- disabled
- >
- <el-option
- v-for="dict in dict.type.tj_work"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="宸ヤ綔鐘舵��" prop="workStatus">
- <el-select
- disabled
- filterable
- v-model="formobj.workStatus"
- placeholder="璇烽�夋嫨宸ヤ綔鐘舵��"
- clearable
- style="width: 150px"
- >
- <el-option
- v-for="dict in dict.type.tj_work_status"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="鎺ヨЕ姣掔墿" prop="contactPoison">
- <el-input
- disabled
- type="textarea"
- rows="4"
- v-model="formobj.contactPoison"
- placeholder="璇疯緭鍏ユ帴瑙︽瘨鐗�"
- style="width: 700px"
- />
- </el-form-item>
- <el-form-item label="鏃㈠線鐥呭彶" prop="medicalHistory">
- <el-input
- disabled
- type="textarea"
- rows="4"
- v-model="formobj.medicalHistory"
- placeholder="璇疯緭鍏ユ棦寰�鐥呭彶"
- style="width: 700px"
- />
- </el-form-item>
- </div>
- </el-collapse-item>
- <el-collapse-item title="鏈堢粡鍙�" name="2" v-show="sex">
- <div style="width: 100%">
- <el-form-item label="鍒濇疆(宀�)" prop="chuchao">
- <el-input
- v-model="formobj.chuchao"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- <el-form-item label="缁忔湡" prop="jingqi">
- <el-input
- v-model="formobj.jingqi"
- disabled
- style="width: 70px"
- />澶�
- </el-form-item>
- <el-form-item label="鍛ㄦ湡" prop="zhouqi">
- <el-input
- v-model="formobj.zhouqi"
- disabled
- style="width: 70px"
- />澶�
- </el-form-item>
- <el-form-item label="鏈鏈堢粡" prop="mociage">
- <el-input
- v-model="formobj.mociage"
- disabled
- style="width: 100px"
- />
- </el-form-item>
- </div>
- </el-collapse-item>
- <el-collapse-item title="鐢熻偛鍙�" name="3" v-show="sex">
- <div style="width: 100%">
- <el-form-item label="鐜版湁瀛愬コ(浜�)" prop="zinv">
- <el-input
- v-model="formobj.zinv"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- <el-form-item label="娴佷骇(娆�)" prop="liuchan">
- <el-input
- v-model="formobj.liuchan"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- <el-form-item label="鏃╀骇(娆�)" prop="zaochan">
- <el-input
- v-model="formobj.zaochan"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- <el-form-item label="姝讳骇(娆�)" prop="sichan">
- <el-input
- v-model="formobj.sichan"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- <el-form-item label="寮傚父鑳�(娆�)" prop="yichangtai">
- <el-input
- v-model="formobj.yichangtai"
- style="width: 70px"
- disabled
- />
- </el-form-item>
- </div>
- </el-collapse-item>
- <el-collapse-item title="鐑熼厭鍙�" name="4">
- <div style="width: 100%">
- <el-form-item label="鏄惁鍚哥儫" prop="xiyan">
- <!-- <el-input v-model="form.xiyanpinlv" placeholder="璇疯緭鍏ュ惛鐑熼鐜�" /> -->
- <el-select
- disabled
- filterable
- v-model="formobj.xiyan"
- placeholder="璇烽�夋嫨鏄惁鍚哥儫"
- clearable
- style="width: 150px"
- >
- <el-option
- v-for="dict in dict.type.tj_smoking_pinlv"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="鍚哥儫棰戠巼" prop="xiyanpinlv">
- <el-input
- v-model="formobj.xiyanpinlv"
- disabled
- style="width: 70px"
- />鏀�/澶�
- </el-form-item>
- <el-form-item label="鍚哥儫鏃堕棿" prop="xiyanyear">
- <el-input
- v-model="formobj.xiyanyear"
- disabled
- style="width: 70px"
- />骞� </el-form-item
- ><br />
- <el-form-item label="鏄惁楗厭" prop="yinjiu">
- <!-- <el-input v-model="form.yinjiupinlv" placeholder="璇疯緭鍏ラギ閰掗鐜�" /> -->
- <el-select
- filterable
- v-model="formobj.yinjiu"
- disabled
- placeholder="璇烽�夋嫨鏄惁楗厭"
- clearable
- style="width: 150px"
- >
- <el-option
- v-for="dict in dict.type.tj_smoking_pinlv"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="楗厭棰戠巼" prop="yinjiupinlv">
- <el-input
- v-model="formobj.yinjiupinlv"
- disabled
- style="width: 70px"
- />ml/澶�
- </el-form-item>
- <el-form-item label="楗厭鏃堕棿" prop="yinjiuyear">
- <el-input
- v-model="formobj.yinjiuyear"
- disabled
- style="width: 70px"
- />骞�
- </el-form-item>
- <el-form-item label="鍏朵粬" prop="qita">
- <el-input
- v-model="formobj.qita"
- placeholder="璇疯緭鍏ュ叾浠�"
- disabled
- type="textarea"
- style="width: 600px"
- rows="2"
- />
- </el-form-item>
- </div>
- </el-collapse-item>
- <el-collapse-item title="鎬ユ參鎬ц亴涓氱梾鍙蹭俊鎭�" name="5">
- <div style="width: 100%">
- <el-table
- border
- :data="formobj.tjAskHistorysList"
- ref="tjAskHistorys"
- style="width: 98%"
- >
- <el-table-column
- type="selection"
- width="40"
- align="center"
- />
- <el-table-column label="鐤剧梾鍚嶇О" prop="diseaseName">
- <template slot-scope="scope">
- <el-input
- size="mini"
- disabled
- v-model="scope.row.diseaseName"
- placeholder="璇疯緭鍏ョ柧鐥呭悕绉�"
- />
- </template>
- </el-table-column>
- <el-table-column label="璇婃柇鏃ユ湡" prop="diseaseData">
- <template slot-scope="scope">
- <el-date-picker
- size="mini"
- v-model="scope.row.diseaseData"
- align="right"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- :picker-options="pickerOptions"
- style="width: 130px"
- value-format="yyyy-MM-dd"
- >
- </el-date-picker>
- </template>
- </el-table-column>
- <el-table-column label="璇婃柇鍗曚綅" prop="diseaseCompany">
- <template slot-scope="scope">
- <el-input
- size="mini"
- disabled
- v-model="scope.row.diseaseCompany"
- placeholder="璇疯緭鍏ヨ瘖鏂崟浣�"
- />
- </template>
- </el-table-column>
- <el-table-column label="鏄惁鐥婃剤" prop="isOk">
- <template slot-scope="scope">
- <!-- <el-input v-model="scope.row.isOk" placeholder="璇疯緭鍏ユ槸鍚︾棅鎰�" /> -->
- <el-select
- disabled
- filterable
- size="mini"
- v-model="scope.row.isOk"
- placeholder="璇烽�夋嫨鏄惁鐥婃剤"
- clearable
- >
- <el-option
- v-for="dict in dict.type.sys_yes_no"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </template>
- </el-table-column>
- <el-table-column label="澶囨敞" prop="remark">
- <template slot-scope="scope">
- <el-input
- disabled
- size="mini"
- v-model="scope.row.remark"
- placeholder="璇疯緭鍏ュ娉�"
- />
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-collapse-item>
-
- <el-collapse-item title="鑱屼笟鍙�" name="7">
- <div style="width: 100%">
- <el-table
- border
- :data="formobj.workLogs"
- style="width: 98%"
- >
- <el-table-column
- type="selection"
- width="40"
- align="center"
- />
- <el-table-column label="寮�濮嬫椂闂�" prop="beginTime">
- <template slot-scope="scope">
- <el-date-picker
- size="mini"
- v-model="scope.row.beginTime"
- align="right"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- :picker-options="pickerOptions"
- style="width: 130px"
- value-format="yyyy-MM-dd"
- >
- </el-date-picker>
- </template>
- </el-table-column>
- <el-table-column label="缁撴潫鏃堕棿" prop="endTime">
- <template slot-scope="scope">
- <el-date-picker
- size="mini"
- disabled
- v-model="scope.row.endTime"
- align="right"
- type="date"
- placeholder="閫夋嫨鏃ユ湡"
- :picker-options="pickerOptions"
- style="width: 130px"
- value-format="yyyy-MM-dd"
- >
- </el-date-picker>
- </template>
- </el-table-column>
- <el-table-column label="宸ヤ綔鍗曚綅" prop="workCompany">
- <template slot-scope="scope">
- <el-input
- size="mini"
- disabled
- v-model="scope.row.workCompany"
- placeholder="璇疯緭鍏ュ伐浣滃崟浣�"
- />
- </template>
- </el-table-column>
- <el-table-column label="閮ㄩ棬" prop="workDept">
- <template slot-scope="scope">
- <el-input
- disabled
- size="mini"
- v-model="scope.row.workDept"
- placeholder="璇疯緭鍏ラ儴闂�"
- />
- </template>
- </el-table-column>
- <el-table-column label="宸ョ" prop="workType">
- <template slot-scope="scope">
- <el-input
- disabled
- size="mini"
- v-model="scope.row.workType"
- placeholder="璇疯緭鍏ュ伐绉�"
- />
- </template>
- </el-table-column>
- <el-table-column label="鏈夊鍥犵礌" prop="harmTypeLogs">
- <template slot-scope="scope">
- <!-- <el-input v-model="scope.row.isOk" placeholder="璇疯緭鍏ユ槸鍚︾棅鎰�" /> -->
- <el-select
- filterable
- disabled
- size="mini"
- v-model="scope.row.harmTypeLogs"
- multiple
- placeholder="璇烽�夋嫨鏈夊鍥犵礌"
- clearable
- >
- <el-option
- v-for="dict in harmTypeList"
- :key="dict.aid"
- :label="dict.harmtype"
- :value="dict.aid"
- />
- </el-select>
- </template>
- </el-table-column>
- <el-table-column label="闃叉姢鎺柦" prop="fangHu">
- <template slot-scope="scope">
- <el-input
- disabled
- size="mini"
- v-model="scope.row.fangHu"
- placeholder="璇疯緭鍏ラ槻鎶ゆ帾鏂�"
- />
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-collapse-item>
- </el-collapse>
- </el-form>
- </div>
- </el-col>
- </el-row>
+ </el-collapse-item>
+ </el-collapse>
+ </el-form>
+ </div>
</el-drawer>
<el-dialog
@@ -1120,7 +1109,7 @@
import { getInfoById } from "@/api/hosp/history";
import { getInfo } from "@/api/login";
import { getCompany, queryCompany } from "@/api/team/tuanti";
-import { reportHistory } from "@/api/doctor/check";
+import { reportHistory, yichang } from "@/api/doctor/check";
import { getPdf, revoke } from "@/api/hosp/order";
import ViewPdf from "@/components/ViewPdf";
import Historicalreport from "@/components/Historicalreport";
@@ -1251,6 +1240,7 @@
},
formobj: {},
// 鏌ヨ鍙傛暟
+ yichangList: [],
queryParam: {
pageNum: 1,
pageSize: 10,
@@ -1280,16 +1270,34 @@
created() {
// this.getNowTime();
-
+
this.getdate();
},
mounted() {
this.$nextTick(() => {
this.$refs.inputName.focus();
+
});
},
methods: {
+ guanbi(){
+ this.drawer = false;
+ },
+ yichangjieguo() {
+ let _this = this
+ yichang({
+ tjNum: this.tjNumber,
+ }).then((res) => {
+ this.yichangList = res.data;
+ if (res.msg == '璇ヤ汉鍛樻棤寮傚父椤圭洰') {
+ _this.$message({
+ type: "info",
+ message: "璇ヤ汉鍛樻棤寮傚父椤圭洰",
+ });
+ }
+ });
+ },
getdate() {
getNewDateList().then((res) => {
this.startTime = [
@@ -1336,6 +1344,7 @@
let tjNumber = this.tableAll.tjNumber;
this.jianqianwenzhendata.push(tjNumber);
},
+
getList() {
this.loading = true;
this.queryParams.compId = this.CheckBox.drugManufacturerId;
@@ -1701,7 +1710,11 @@
};
}
},
-
+ red() {
+ return {
+ color: "red",
+ };
+ },
/* changRed(row) {
if (row.label === "鈫�") {
return {
@@ -1730,9 +1743,12 @@
this.tjproject = "0";
this.tjNumber = this.tableAll.tjNumber;
+
getState(this.tjNumber).then((res) => {
this.status = res.data;
+
if (this.status.status === "1") {
+ this.yichangjieguo()
getInfo().then((response) => {
this.userId = response.user.userId;
if (this.userId) {
@@ -1784,6 +1800,7 @@
}
});
} else {
+
this.$confirm(
"" + this.status.name + "姝ｅ湪淇敼璇ヤ俊鎭�, 鏄惁寮哄埗杩涘幓?",
"鎻愮ず",
@@ -1794,8 +1811,10 @@
}
)
.then(() => {
+ this.yichangjieguo()
getInfo().then((response) => {
this.userId = response.user.userId;
+
if (this.userId) {
let data = {
userId: this.userId,
@@ -1851,9 +1870,14 @@
message: "宸插彇娑堣繘鍏�",
});
});
+
this.drawer = false;
+
}
- });
+
+ }
+
+ );
// 鑾峰彇灏忕粨
// getDeptAdvice().then((response) => {
@@ -1948,7 +1972,7 @@
// }
// },
change(vale) {},
- /* determine() {
+ /* determine() {
let tjNumber = this.tableAll.tjNumber;
let advice = this.textarea1;
let data = {
@@ -2089,9 +2113,66 @@
},
};
</script>
-<style scoped>
+<style scoped lang="scss">
+.mainbox {
+ position: relative;
+}
.btn {
margin: 20px 0px;
+}
+/* 鎸夐挳鐨勫垵濮嬬姸鎬� */
+.btn1,
+.btn2,
+.btn3,
+.btn4 {
+ position: fixed;
+ right: 0;
+ transform: translateY(-50%);
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ cursor: pointer;
+ animation: fadeInUp 0.5s ease-out forwards; /* 鍔犺浇鏃剁殑娣″叆鍔ㄧ敾 */
+ z-index: 10;
+ transition: transform 0.3s ease; /* 骞虫粦杩囨浮 */
+ writing-mode: vertical-rl; /* 浣挎枃鏈珫鐩存帓鍒� */
+ text-align: center; /* 鏂囧瓧灞呬腑 */
+}
+// ::v-deep .el-button{
+// background-color: rgba(170, 226, 233, 0.5);
+// color: white;
+// }
+/* 鍔犺浇鍔ㄧ敾锛屾寜閽�愭笎鏄剧幇骞舵斁澶� */
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px) scale(0.5); /* 鍒濆鐘舵�侊細閫忔槑涓旂缉灏� */
+ }
+ 100% {
+ opacity: 1;
+ transform: translateY(0) scale(1); /* 鏈�缁堢姸鎬侊細瀹屽叏鏄剧ず涓旀甯稿ぇ灏� */
+ }
+}
+
+/* 姣忎釜鎸夐挳鐨勫叿浣撲綅缃拰寤惰繜 */
+.btn1 {
+ top: 20%;
+ animation-delay: 0s; /* 绗竴涓寜閽棤寤惰繜 */
+}
+
+.btn2 {
+ top: 30%;
+ animation-delay: 0.2s; /* 绗簩涓寜閽欢杩� 0.2 绉� */
+}
+
+.btn3 {
+ top: 40%;
+ animation-delay: 0.4s; /* 绗笁涓寜閽欢杩� 0.4 绉� */
+}
+
+.btn4 {
+ top: 50%;
+ animation-delay: 0.6s; /* 绗洓涓寜閽欢杩� 0.6 绉� */
}
.main {
@@ -2155,7 +2236,37 @@
border: none;
outline: none;
}
+.box {
+ display: flex;
+ position: sticky;
+ top: 0px;
+ height: 85vh;
+ overflow: auto; // 纭繚鐖跺鍣ㄥ彲浠ユ粴鍔�
+}
+
+.right {
+ position: sticky;
+ top: 0px; // 纭繚璁剧疆姝ｇ‘鐨勫崟浣�
+ background-color: #fff;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ z-index: 10;
+}
+
+.top {
+ position: sticky;
+ top: 0;
+ z-index: 10;
+ background-color: #fff;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+ display: flex;
+ .el-icon-close{
+ cursor: pointer;
+ font-size: 30px;
+ position: relative;
+ top: 7px;
+ right: 4px;
+ }
+}
</style>
-
--
Gitblit v1.8.0