1

lkk

2025-01-21 7d2dba2945bf807413e7fc809fc06acebe3721a8

 src/views/doctor/checkAll/index.vue

@@ -144,12 +144,19 @@
          width="130px"
        />

        <el-table-column
        <!-- <el-table-column
          label="体检时间"
          align="center"
          prop="tjTime"
          :show-overflow-tooltip="true"
          width="110px"
        /> -->
        <el-table-column
          label="审核时间"
          align="center"
          prop="shsj"
          :show-overflow-tooltip="true"
          width="180px"
        />
        <el-table-column
          label="完成时间"
@@ -163,10 +170,10 @@
          align="center"
          prop="tjStatus"
          :show-overflow-tooltip="true"
          width="50px"
          width="120px"
        >
          <template slot-scope="scope">
            <span>{{ scope.row.tjStatus == "1" ? "已检" : "未检" }}</span>
            <span>{{ scope.row.tjStatus == "1" ? "已审核" : "未审核" }}</span>
          </template>
        </el-table-column>
        <el-table-column
@@ -183,7 +190,7 @@
            />
          </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"
@@ -237,7 +244,7 @@

    <!-- 点击弹出框 -->
    <el-drawer
      title=""
      custom-class="tanchu"
      :visible.sync="drawer"
      :before-close="handleClose"
      :with-header="false"
@@ -247,7 +254,7 @@
      <div class="top">
        <table
          style="
            width: 98%;
            width: 100%;
            margin: 10px 10px;
            border: 1px solid #dfe6ec;
            border-collapse: collapse;
@@ -309,31 +316,37 @@
        <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 style="margin-right: 10px; display: flex" class="btnbox">
        <div class="btn1" v-if="msgtuwen == 'y' || msgtuwen == 'Y'">
          <el-button @click="Graphicreport()" type="primary">
            <span class="vertical-text">图文报告</span>
          </el-button>
        </div>
        <div class="btn2">
        <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="btn3">
          <el-button @click="jianqian()" type="primary">检前问诊</el-button>
        <div class="btn1" v-if="msgjianqian == 'y' || msgjianqian == 'Y'">
          <el-button @click="jianqian()" type="primary"
            ><span class="vertical-text">检前问诊</span></el-button
          >
        </div>
        
        <div class="btn4">
          <el-button @click="xiangmuqingkuang()" type="primary">项目情况</el-button>

        <div class="btn1">
          <el-button @click="xiangmuqingkuang()" type="primary"
            ><span class="vertical-text">项目情况</span></el-button
          >
        </div>
        <div class="btn5">
          <el-button @click="yichangjieguo()" type="primary">异常结果</el-button>
        <div class="btn1">
          <el-button @click="yichangjieguo()" type="primary"
            ><span class="vertical-text">异常结果</span></el-button
          >
        </div>
      </div>
      <div class="box">
@@ -341,9 +354,9 @@
          class="left"
          style="
            font-size: 14px;
            height: calc(100% - 11%);
            width: 1300px;
            width: 1100px;
            margin-left: 10px;
            padding: 0 0 50px;
          "
        >
          <div v-for="(item, index) in changedate" :key="index">
@@ -364,7 +377,7 @@
                :row-style="changRed"
                :header-cell-style="{ background: '#aad8df' }"
              >
                <el-table-column align="center" label="检测项目" width="240">
                <el-table-column align="center" label="检测项目" width="464">
                  <template slot-scope="scope">
                    <div>{{ scope.row.proName }}</div>
                  </template>
@@ -384,6 +397,12 @@
                    <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">
@@ -449,7 +468,7 @@
                    style="border: 1px solid #dfe6ec; border-collapse: collapse"
                    colspan="3"
                  >
                  <el-input
                    <el-input
                      type="textarea"
                      autosize
                      placeholder="请输入内容"
@@ -566,8 +585,9 @@
            <el-button type="primary" @click="proposalChange"
              >生成建议</el-button
            >
          
          </div>

  
          <el-form
            ref="numberValidateForm"
            label-width="80px"
@@ -586,21 +606,15 @@
            </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"
              size="mini"
              @click.stop="guanbi"
              >取消</el-button
            >
            <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">
            <div v-if="tjproject == '0'">
              <el-button
                type="primary"
                @click="determine"
@@ -610,98 +624,193 @@
            </div>
          </div>
        </div>

        <div class="rightbox">
          <div class="right">
         <template v-if="status==0">
          <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 v-if="status1 == 0">
              <div v-for="(item, index) in yichangList" :key="index">
                <div
                  style="
                    text-align: center;
                    background-color: #67c23a;
                    margin-top: 10px;
                  "
                >
                  {{ item.proName || "" }}
                </div>
                <template v-if="item.jyjc == '0'">
                  <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="353"
                    >
                      <template slot-scope="scope">
                        <div>{{ scope.row.proName }}</div>
                      </template>
                    </el-table-column>
                    <el-table-column
                      align="center"
                      prop="proResult"
                      label="检测结果"
                      width="85"
                    >
                    </el-table-column>

                    <el-table-column
                      align="center"
                      prop="stanId"
                      label=" 参考范围"
                      width="117"
                    >
                    </el-table-column>

                    <el-table-column
                      align="center"
                      prop="proAdvice"
                      label="单位"
                      width="78"
                    >
                    </el-table-column>
                  </el-table>
                </template>
              </el-table-column>
              <el-table-column
                align="center"
                prop="proResult"
                label="检测结果"
                width="160"
              >
              </el-table-column>
                <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" prop="stanId" label=" 参考范围">
              </el-table-column>
              <el-table-column align="center" prop="proAdvice" label="单位">
              </el-table-column>
            </el-table>
          </div>
          <div v-if="!yichangList.length">暂无异常结果</div>
         </template>
       <template v-if="status==1">
        <div v-for="(item, index) in statusList" :key="index">
            <div
              style="
                text-align: center;
                background-color: #aad8df;
                margin-top: 10px;
              "
            >
              {{ item.proName || "" }}
            </div>
            <el-table
              :data="statusList"
              border
              style="width: 100%"
              :header-cell-style="{ background: '#aad8df' }"
            >
              <el-table-column align="center" label="部门" width="190" prop="deptName">
              </el-table-column>
              <el-table-column
                align="center"
                 prop="proName"
                label="项目"
                width="160"
              >
              </el-table-column>

              <el-table-column
            label="状态"
            align="center"
            prop="type"
            :show-overflow-tooltip="true"
            width="60"
          >
            <template slot-scope="scope">
              <span v-if="scope.row.type == '0'">未检</span>
              <span v-if="scope.row.type == '1'">已检</span>
              <span v-if="scope.row.type == '2'">弃检</span>
              <span v-if="scope.row.type == '3'">延期</span>
                    <el-table-column
                      align="center"
                      label="检测项目"
                      width="232"
                    >
                      <template slot-scope="scope">
                        <div>{{ scope.row.proName }}</div>
                      </template>
                    </el-table-column>
                    <el-table-column
                      align="center"
                      prop="proResult"
                      label="检测结果"
                      width="403"
                    >
                    </el-table-column>
                  </el-table>
                </template>
              </div>
            </template>
          </el-table-column>
          <el-table-column
            label="检查时间"
            align="center"
            prop="bcupdateTime"
            width="160"
          />
            </el-table>
            <template v-if="status1 == 1">
              <div>
                <div
                  style="
                    text-align: center;
                    background-color: #e6a23c;
                    margin-top: 10px;
                  "
                >
                  项目检查情况
                </div>
                <el-table
                  :row-style="redxiangmu"
                  :data="statusList"
                  style="width: 100%"
                  :header-cell-style="{ background: '#e6a23c' }"
                
                >
                  <el-table-column
                    align="center"
                    label="部门"
                    width="144"
                    prop="deptName"
                  >
                  </el-table-column>
                  <el-table-column
                    align="center"
                    prop="proName"
                    label="项目"
                    width="260"
                  >
                  </el-table-column>

                  <el-table-column
                    label="状态"
                    align="center"
                    prop="type"
                    :show-overflow-tooltip="true"
                    width="120"
                  >
                    <template slot-scope="scope">
                      <span v-if="scope.row.type == '0'">未审核</span>
                      <span v-if="scope.row.type == '1'">已审核</span>
                      <span v-if="scope.row.type == '2'">弃检</span>
                      <span v-if="scope.row.type == '3'">延期</span>
                    </template>
                  </el-table-column>
                  <el-table-column
                    label="检查时间"
                    align="center"
                    prop="bcupdateTime"
                    width="160"
                  />
                </el-table>
              </div>
            </template>
          </div>
       </template>
        </div>
        </div>
      </div>

@@ -1185,12 +1294,13 @@
import { getCompany, queryCompany } from "@/api/team/tuanti";
import { reportHistory, yichang } from "@/api/doctor/check";
import { getPdf, revoke } from "@/api/hosp/order";
import { cSWebGetPro} from "@/api/doctor/examination";
import { cSWebGetPro } from "@/api/doctor/examination";
import ViewPdf from "@/components/ViewPdf";
import Historicalreport from "@/components/Historicalreport";
import { getDicts } from "@/api/system/dict/data";
import { getTjYxjcList } from "@/api/system/package";
import { getNewDateList } from "@/api/hosp/order";
import { getconfigKey } from "@/api/login";
import moment from "moment";

export default {
@@ -1218,6 +1328,7 @@
  data() {
    return {
      // 更新总检建议

      initialTotalCheckAdvice: "",
      initialState: "",
      preObj: {},
@@ -1237,7 +1348,6 @@
      cusobj: {},
      xiaojie: "",
      isdisabled: false,
      dialogVisible: false,
      src: "",
      url: "",
      userId: "",
@@ -1277,6 +1387,9 @@
          },
        ],
      },
      msgtuwen: "",
      msgjianqian: "",
      msgkcf: "",
      // 页面全部数据
      checkList: [],
      // 绑定单选按钮
@@ -1342,48 +1455,84 @@
        tjCategory: undefined,
        payType: undefined,
      },
      status: 0 // 0展示异常1展示项目情况
      status1: 0, // 0展示异常1展示项目情况
      viewportHeight: 0,
      expends: [],
    };
  },

  created() {
    // this.getNowTime();
    
    this.getConfigKey();
    this.getdate();
  },

  mounted() {
    this.$nextTick(() => {
      this.$refs.inputName.focus();
      
      this.viewportHeight =
        window.innerHeight || document.documentElement.clientHeight;
    });
  },
  methods: {
    // 项目情况
    xiangmuqingkuang () {
      cSWebGetPro(this.tjNumber).then((res) => {
        this.status = 1
        this.statusList = res.data;
      })
    getConfigKey() {
      getconfigKey("sfkqtwbg").then((res) => {
        this.msgtuwen = res.msg;
      });
      getconfigKey("sfkqjqwz").then((res) => {
        this.msgjianqian = res.msg;
      });
      getconfigKey("kcf").then((res) => {
        this.msgkcf = res.msg;
      });
    },
    guanbi(){
    //设置table中的扩展项，展开的id，此处我需要全部展开
    getExpends() {
      // 通过flatMap将每个sone数组中的ID提取出来，并返回一个扁平化的ID数组
      this.expends = this.yichangList.flatMap((item) =>
        item.sone.map((subItem) => subItem.proId)
      );
    },

    getRowKeys(row) {
      return row.proId;
    },
    // 项目情况
    xiangmuqingkuang() {
      cSWebGetPro(this.tjNumber).then((res) => {
        this.status1 = 1;
        this.statusList = res.data;

        if (this.statusList.length == 0) {
          _this.$message.msgSuccess("暂无项目情况");
        }
      });
    },
    guanbi() {
      this.drawer = false;
    },
    yichangjieguo() {
      this.status = 0
      let _this = this
      this.status1 = 0;
      let _this = this;
      yichang({
        tjNum: this.tjNumber,
      }).then((res) => {
        this.yichangList = res.data;
        this.getExpends();
        if (!this.yichangList) {
          _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();
      });
    },
@@ -1424,7 +1573,7 @@
      let tjNumber = this.tableAll.tjNumber;
      this.jianqianwenzhendata.push(tjNumber);
    },
  

    getList() {
      this.loading = true;
      this.queryParams.compId = this.CheckBox.drugManufacturerId;
@@ -1658,6 +1807,7 @@
      if (this.tjproject == "0") {
        getupdateCheckType(this.tjNumber).then((response) => {
          this.changedate = response.data;
          
          this.changedate.forEach((item) => {
            this.textarea1 = item.checkAdvice;
          });
@@ -1795,6 +1945,15 @@
        color: "red",
      };
    },
    redxiangmu({ row }) {
      if (row.type != 1) {
        // 变颜色的条件
        return {
          backgroundColor: '#AAD8DF !important', // 这个return的就是样式 可以是color 也可以是backgroundColor
          // color: "#AAD8DF ",
        };
      }
    },
    /*  changRed(row) {
      if (row.label === "↑") {
        return {
@@ -1823,42 +1982,163 @@
      this.tjproject = "0";

      this.tjNumber = this.tableAll.tjNumber;
     

      getState(this.tjNumber).then((res) => {
        this.status = res.data;
      
        if (this.status.status === "1") {
          this.yichangjieguo()
        if (this.status) {
          if (this.status.status === "1") {
            this.yichangjieguo();
            getInfo().then((response) => {
              this.userId = response.user.userId;
              if (this.userId) {
                let data = {
                  userId: this.userId,
                  tjNumber: this.tjNumber,
                  state: 0,
                };
                getModifiedState(data).then((res) => {
                  this.MsgId = res.msg;
                  this.drawer = true;
                  getupdateCheckType(this.tjNumber).then((response) => {
                    this.changedate = response.data;
                    if (this.changedate) {
                      this.changedate.forEach((item) => {
                        this.textarea1 = item.checkAdvice || "";
                      });

                      // 这里设置初始值
                      this.initialTotalCheckAdvice = this.textarea1; // 保存总检建议

                      // 保存初始状态
                      this.initialState = JSON.parse(
                        JSON.stringify(this.changedate)
                      );

                      for (let i = 0; i < this.changedate.length; i++) {
                        this.remark = this.changedate[i].remark;
                      }
                      this.changedate.forEach((item) => {
                        // this.remark = item.remark;
                        // item.sons.forEach((item3) => {
                        //   if (item3.standard.tjStandardGtValue === null) {
                        //     item3.standard.tjStandardGtValue = "";
                        //   }
                        //   if (item3.standard.tjStandardLtValue === null) {
                        //     item3.standard.tjStandardLtValue = "";
                        //   }
                        // });
                      });
                    } else {
                      this.$message({
                        type: "warning ",
                        message: "该客户没有体检项目数据",
                      });
                    }
                  });
                });
              }
            });
          } else {
            this.$confirm(
              "" + this.status.name + "正在修改该信息, 是否强制进去?",
              "提示",
              {
                confirmButtonText: "是",
                cancelButtonText: "否",
                type: "warning",
              }
            )
              .then(() => {
                this.yichangjieguo();
                getInfo().then((response) => {
                  this.userId = response.user.userId;

                  if (this.userId) {
                    let data = {
                      userId: this.userId,
                      tjNumber: this.tjNumber,
                      state: 0,
                    };
                    getforceIn(data).then((res) => {
                      this.MsgId = res.msg;
                      this.drawer = true;
                      getupdateCheckType(this.tjNumber).then((response) => {
                        this.changedate = response.data;
                        if (this.changedate) {
                          for (let i = 0; i < this.changedate.length; i++) {
                            this.remark = this.changedate[i].remark;
                          }
                          this.initialState = JSON.parse(
                            JSON.stringify(this.changedate)
                          );

                          this.changedate.forEach((item) => {
                            this.textarea1 = item.checkAdvice || "";

                            // this.remark = item.remark;
                            // item.sons.forEach((item3) => {
                            //   if (item3.standard.tjStandardGtValue === null) {
                            //     item3.standard.tjStandardGtValue = "";
                            //   }
                            //   if (item3.standard.tjStandardLtValue === null) {
                            //     item3.standard.tjStandardLtValue = "";
                            //   }
                            // });
                            // item.remark = "";
                          });

                          // 保存总检建议
                          this.totalCheckAdvice = this.changedate.map(
                            (item) => item.totalCheckAdvice
                          );
                        } else {
                          this.$message({
                            type: "warning ",
                            message: "该客户没有体检项目数据",
                          });
                        }
                      });
                    });
                  }
                });
              })
              .catch(() => {
                this.$message({
                  type: "info",
                  message: "已取消进入",
                });
              });

            this.drawer = false;
          }
        } else {
          this.drawer = true;
          this.yichangjieguo();
          getInfo().then((response) => {
            this.userId = response.user.userId;

            if (this.userId) {
              let data = {
                userId: this.userId,
                tjNumber: this.tjNumber,
                state: 0,
              };
              getModifiedState(data).then((res) => {
              getforceIn(data).then((res) => {
                this.MsgId = res.msg;
                this.drawer = true;
                getupdateCheckType(this.tjNumber).then((response) => {
                  this.changedate = response.data;
                  if (this.changedate) {
                    this.changedate.forEach((item) => {
                      this.textarea1 = item.checkAdvice || "";
                    });

                    // 这里设置初始值
                    this.initialTotalCheckAdvice = this.textarea1; // 保存总检建议

                    // 保存初始状态
                    for (let i = 0; i < this.changedate.length; i++) {
                      this.remark = this.changedate[i].remark;
                    }
                    this.initialState = JSON.parse(
                      JSON.stringify(this.changedate)
                    );

                    for (let i = 0; i < this.changedate.length; i++) {
                      this.remark = this.changedate[i].remark;
                    }
                    this.changedate.forEach((item) => {
                      this.textarea1 = item.checkAdvice || "";

                      // this.remark = item.remark;
                      // item.sons.forEach((item3) => {
                      //   if (item3.standard.tjStandardGtValue === null) {
@@ -1868,7 +2148,13 @@
                      //     item3.standard.tjStandardLtValue = "";
                      //   }
                      // });
                      // item.remark = "";
                    });

                    // 保存总检建议
                    this.totalCheckAdvice = this.changedate.map(
                      (item) => item.totalCheckAdvice
                    );
                  } else {
                    this.$message({
                      type: "warning ",
@@ -1879,85 +2165,8 @@
              });
            }
          });
        } else {

          this.$confirm(
            "" + this.status.name + "正在修改该信息, 是否强制进去?",
            "提示",
            {
              confirmButtonText: "是",
              cancelButtonText: "否",
              type: "warning",
            }
          )
            .then(() => {
              this.yichangjieguo()
              getInfo().then((response) => {
                this.userId = response.user.userId;
         
                if (this.userId) {
                  let data = {
                    userId: this.userId,
                    tjNumber: this.tjNumber,
                    state: 0,
                  };
                  getforceIn(data).then((res) => {
                    this.MsgId = res.msg;
                    this.drawer = true;
                    getupdateCheckType(this.tjNumber).then((response) => {
                      this.changedate = response.data;
                      if (this.changedate) {
                        for (let i = 0; i < this.changedate.length; i++) {
                          this.remark = this.changedate[i].remark;
                        }
                        this.initialState = JSON.parse(
                          JSON.stringify(this.changedate)
                        );

                        this.changedate.forEach((item) => {
                          this.textarea1 = item.checkAdvice || "";

                          // this.remark = item.remark;
                          // item.sons.forEach((item3) => {
                          //   if (item3.standard.tjStandardGtValue === null) {
                          //     item3.standard.tjStandardGtValue = "";
                          //   }
                          //   if (item3.standard.tjStandardLtValue === null) {
                          //     item3.standard.tjStandardLtValue = "";
                          //   }
                          // });
                          // item.remark = "";
                        });

                        // 保存总检建议
                        this.totalCheckAdvice = this.changedate.map(
                          (item) => item.totalCheckAdvice
                        );
                      } else {
                        this.$message({
                          type: "warning ",
                          message: "该客户没有体检项目数据",
                        });
                      }
                    });
                  });
                }
              });
            })
            .catch(() => {
              this.$message({
                type: "info",
                message: "已取消进入",
              });
            });
            
          this.drawer = false;
  
        }

      }
    
    );
      });

      // 获取小结
      // getDeptAdvice().then((response) => {
@@ -2200,30 +2409,28 @@
.btn {
  margin: 20px 0px;
}
/* 按钮的初始状态 */
.btn1,
.btn2,
.btn3,
.btn4,
.btn5 {
  position: fixed;
  right: 0;
  transform: translateY(-50%);
.btnbox {
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  animation: fadeInUp 0.5s ease-out forwards; /* 加载时的淡入动画 */
  gap: 10px; /* 按钮之间的间距 */
  position: fixed; /* 使整个按钮区域固定在页面 */
  right: 0; /* 固定在页面右侧 */
  top: 20%; /* 初始位置 */
  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;
//   }
/* 加载动画，按钮逐渐显现并放大 */

/* 每个按钮的样式 */
.btn1 {
  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;
@@ -2235,32 +2442,39 @@
  }
}

/* 每个按钮的具体位置和延迟 */
.btn1 {
  top: 20%;
  animation-delay: 0s; /* 第一个按钮无延迟 */
/* 每个按钮的位置和动画延迟 */
.btnbox > div:nth-child(1) {
  top: 20%; /* 第一个按钮的位置 */
  animation-delay: 0s; /* 无延迟 */
}

.btn2 {
  top: 30%;
  animation-delay: 0.2s; /* 第二个按钮延迟 0.2 秒 */
.btnbox > div:nth-child(2) {
  top: 30%; /* 第二个按钮的位置 */
  animation-delay: 0.2s;
}

.btn3 {
  top: 40%;
  animation-delay: 0.4s; /* 第三个按钮延迟 0.4 秒 */
.btnbox > div:nth-child(3) {
  top: 40%; /* 第三个按钮的位置 */
  animation-delay: 0.4s;
}

.btn4 {
  top: 50%;
  animation-delay: 0.6s; /* 第四个按钮延迟 0.6 秒 */
.btnbox > div:nth-child(4) {
  top: 50%; /* 第四个按钮的位置 */
  animation-delay: 0.6s;
}
.btn5 {
  top: 60%;
  animation-delay: 0.8s; /* 第四个按钮延迟 0.6 秒 */

.btnbox > div:nth-child(5) {
  top: 60%; /* 第五个按钮的位置 */
  animation-delay: 0.8s;
}

.btnbox > div:nth-child(6) {
  top: 70%; /* 第六个按钮的位置 */
  animation-delay: 1s;
}

.main {
  height: 700px;
  height: 800px;
  overflow: hidden;
}

@@ -2283,7 +2497,23 @@
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::v-deep .el-dialog {
  width: 1700px;
  height: 900px;
}
::v-deep .el-dialog__header{
  padding: 8px;
}
::v-deep .el-dialog__body{
padding: 0;
}
::v-deep .el-button--medium {
  padding: 10px;
}
::v-deep .el-dialog__headerbtn{
  // position: relative;
  top: 13px;
}
/* .el-dialog {
  width: 1264px;
  height: 800px;
@@ -2310,9 +2540,21 @@
}

.dialog-footers {
  /* margin-top: 5px; */
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  margin-left: calc(100% - 25%);
  justify-content: center;
  align-items: center;
  z-index: 1000; /* 确保按钮层级在其他内容上方 */
  width: 300px;
  background-color: white; /* 可根据需要调整背景颜色 */
}

/* 确保按钮之间有合适的间距 */
.dialog-footers .el-button {
  margin: 0 5px;
}

textarea {
@@ -2322,23 +2564,25 @@
}
.box {
  display: flex;
  position: sticky;
  top: 0px;
  height: 85vh;
  overflow: auto; // 确保父容器可以滚动

  height: 100vh;
}

.rightbox{
  overflow-y: scroll;
  position: sticky;
  top: 0px;
.rightbox {
  margin-left: 60px;
  position: fixed;
  top: 107px;
  right: 56px;
  width: 684px;

  .right {
  position: sticky;
  top: 0px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
    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; /* 可选：添加一些内边距以避免内容紧贴边缘 */
  }
}

.top {
@@ -2348,15 +2592,27 @@
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  .el-icon-close{
  .el-icon-close {
    cursor: pointer;
    font-size: 30px;
    position: relative;
    top: 7px;
    right: 4px;
    color: rgb(24,144,255);
    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>