专家类型多选

WXL

2026-05-17 d4b9b197632366be60796f059030394aef6802ea

 src/views/business/appear/index.vue

@@ -48,12 +48,6 @@

    <!-- 操作按钮区域 -->
    <el-row :gutter="10" class="mb8">
      <!-- <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" @click="handleAdd"
          >新增案例</el-button
        >
      </el-col> -->

      <el-col :span="1.5">
        <el-button
          type="danger"
@@ -67,14 +61,13 @@
    </el-row>

    <!-- 数据表格 -->
    <!-- 数据表格 -->
    <el-table
      v-loading="loading"
      :data="caseList"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="selection" width="55" align="center" />
      

      <el-table-column
        label="编号"
        align="center"
@@ -165,7 +158,7 @@
            v-if="
              scope.row.reportStatus !== '3' &&
                scope.row.reportStatus !== '4' &&
                scope.row.delFlag === 0
                scope.row.delFlag == 0
            "
            >编辑</el-button
          >
@@ -174,20 +167,28 @@
            type="text"
            icon="el-icon-check"
            @click="handleApprove(scope.row)"
            v-if="scope.row.reportStatus === '2' && scope.row.delFlag === 0"
            v-if="scope.row.reportStatus == '2' && scope.row.delFlag == 0"
            >确认</el-button
          >
          <!-- 移除转运按钮 -->
          <el-button
            v-if="scope.row.serviceTransport.length"
            size="mini"
            type="text"
            icon="el-icon-truck"
            :type="getTransportStatustype(scope.row)"
            @click="handleTransport(scope.row)"
            v-if="shouldShowTransportButton(scope.row)"
            :disabled="!canGoToTransport(scope.row)"
            type="primary"
            @click="goToTransportDetail(scope.row.name)"
            >查看转运单</el-button
          >
            {{ getTransportButtonText(scope.row) }}
          </el-button>
          <el-button
            v-if="
              scope.row.reportStatus == 3 &&
                !scope.row.serviceTransport.length &&
                scope.row.isTransport == 2
            "
            size="mini"
            type="success"
            @click="Createatransferorder(scope.row)"
            >创建转运单</el-button
          >
        </template>
      </el-table-column>
    </el-table>
@@ -220,20 +221,18 @@
      append-to-body
      class="approve-dialog"
    >
      <el-container style="height: 800px;">
      <!-- 使用 div 布局替代 el-container -->
      <div class="approve-dialog-content">
        <!-- 左侧：案例详情 -->
        <el-aside
          width="50vw"
          style="background: #f8f9fa; padding: 20px; overflow-y: auto;"
        >
        <div class="approve-detail-left">
          <div class="approve-detail-preview">
            <h3 style="margin-bottom: 15px; color: #303133;">案例详情预览</h3>
            <case-detail :caseData="currentCase" :showtitle="false" />
          </div>
        </el-aside>
        </div>

        <!-- 右侧：确认表单 -->
        <el-main style="padding: 20px;">
        <div class="approve-form-right">
          <el-form
            ref="approveForm"
            :model="approveForm"
@@ -241,24 +240,69 @@
            label-width="100px"
          >
            <el-form-item label="确认结果" prop="approveResult">
              <el-radio-group v-model="approveForm.approveResult">
              <el-radio-group
                v-model="approveForm.approveResult"
                @change="handleApproveResultChange"
              >
                <el-radio label="3">同意</el-radio>
                <el-radio label="4">驳回</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="确认意见" prop="approveOpinion">

            <!-- 当选择"同意"时显示转运选项 -->
            <el-form-item
              v-if="approveForm.approveResult == '3'"
              label="是否需要转运"
              prop="isTransport"
            >
              <el-radio-group v-model="approveForm.isTransport">
                <el-radio label="1">不需要</el-radio>
                <el-radio label="2">需要</el-radio>
              </el-radio-group>
            </el-form-item>

            <!-- 当选择"驳回"时显示驳回原因 -->
            <div v-if="approveForm.approveResult == '4'">
              <el-form-item label="驳回原因" prop="rejectType">
                <el-radio-group v-model="approveForm.rejectType">
                  <el-radio label="1">好转</el-radio>
                  <el-radio label="2">死亡</el-radio>
                  <el-radio label="3">不符合捐献标准</el-radio>
                  <el-radio label="4">家属放弃捐献</el-radio>
                  <el-radio label="5">其他</el-radio>
                </el-radio-group>
              </el-form-item>

              <el-form-item label="驳回意见" prop="confirmResult">
                <el-input
                  type="textarea"
                  v-model="approveForm.confirmResult"
                  placeholder="请输入详细的驳回意见"
                  :rows="6"
                  maxlength="500"
                  show-word-limit
                />
              </el-form-item>
            </div>

            <!-- 当选择"同意"时显示确认意见 -->
            <el-form-item
              v-if="approveForm.approveResult == '3'"
              label="确认意见"
              prop="confirmResult"
            >
              <el-input
                type="textarea"
                v-model="approveForm.approveOpinion"
                placeholder="请输入详细的确认意见，包括通过或驳回的理由"
                v-model="approveForm.confirmResult"
                placeholder="请输入确认意见"
                :rows="6"
                maxlength="500"
                show-word-limit
              />
            </el-form-item>
          </el-form>
        </el-main>
      </el-container>
        </div>
      </div>

      <div slot="footer" class="dialog-footer">
        <el-button @click="approveOpen = false">取消</el-button>
@@ -396,9 +440,11 @@
                  placeholder="请选择证件类型"
                  style="width: 100%"
                >
                  <el-option label="身份证" value="1" />
                  <el-option label="护照" value="2" />
                  <el-option label="军官证" value="3" />
                  <el-option
                    v-for="item in dict.type.sys_IDType"
                    :label="item.label"
                    :value="item.value"
                  />
                </el-select>
              </el-form-item>
            </el-col>
@@ -628,10 +674,18 @@
          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="传染病情况" prop="infectious">
                <el-input
                <el-checkbox-group v-model="editForm.infectious">
                  <el-checkbox
                    v-for="item in dict.type.sys_Infectious"
                    :label="item.value"
                    :value="item.value"
                    >{{ item.label }}</el-checkbox
                  >
                </el-checkbox-group>
                <!-- <el-input
                  v-model="editForm.infectious"
                  placeholder="请输入传染病情况"
                />
                /> -->
              </el-form-item>
            </el-col>
            <el-col :span="12">
@@ -740,24 +794,16 @@
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报告者编号" prop="infoNo">
              <el-form-item label="报告者电话" prop="reporterphone">
                <el-input
                  v-model="editForm.infoNo"
                  placeholder="请输入报告者编号"
                  v-model="editForm.phone"
                  placeholder="请输入报告者联系电话"
                />
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="报告者电话" prop="reporterphone">
                <el-input
                  v-model="editForm.reporterphone"
                  placeholder="请输入报告者联系电话"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="协调员姓名" prop="coordinatorName">
                <el-input
@@ -766,23 +812,12 @@
                />
              </el-form-item>
            </el-col>
          </el-row>

          <el-row :gutter="20">
            <el-col :span="12">
              <el-form-item label="协调员编号" prop="coordinatorNo">
                <el-input
                  v-model="editForm.coordinatorNo"
                  placeholder="请输入协调员编号"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="是否终止案例" prop="terminationCase">
                <el-radio-group v-model="editForm.terminationCase">
                  <el-radio label="0">进行中</el-radio>
                  <el-radio label="1">已终止</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
          </el-row>
@@ -962,7 +997,7 @@
    UploadAttachment,
    FilePreviewDialog
  },
  dicts: ["sys_user_sex", "sys_BloodType"],
  dicts: ["sys_user_sex", "sys_BloodType", "sys_Infectious", "sys_IDType"],
  data() {
    return {
      // 遮罩层
@@ -1002,15 +1037,33 @@
      approveForm: {
        id: null,
        approveResult: "3",
        approveOpinion: ""
        confirmResult: "",
        rejectType: "", // 驳回原因
        isTransport: "1", // 是否需要转运
        createTransport: false, // 是否需要创建转运单
        isDonate: "0" // 是否捐献，0-未捐献，1-已捐献
      },
      // 确认表单验证
      approveRules: {
        approveResult: [
          { required: true, message: "请选择确认结果", trigger: "change" }
        ],
        approveOpinion: [
        confirmResult: [
          { required: true, message: "请输入确认意见", trigger: "blur" }
        ],
        rejectType: {
          required: false,
          validator: (rule, value, callback) => {
            if (this.approveForm.approveResult == "4" && !value) {
              callback(new Error("请选择驳回原因"));
            } else {
              callback();
            }
          },
          trigger: "change"
        },
        isTransport: [
          { required: true, message: "请选择是否需要转运", trigger: "change" }
        ]
      },
      // 编辑表单
@@ -1020,9 +1073,7 @@
        caseNo: [
          { required: true, message: "请输入案例编号", trigger: "blur" }
        ],
        name: [
          { required: true, message: "请输入患者姓名", trigger: "blur" }
        ],
        name: [{ required: true, message: "请输入患者姓名", trigger: "blur" }],
        sex: [{ required: true, message: "请选择性别", trigger: "change" }],
        age: [{ required: true, message: "请输入年龄", trigger: "blur" }],
        diagnosisname: [
@@ -1084,56 +1135,31 @@
        this.loading = false;
      }
    },
    // 转运------------------
    /** 判断是否需要显示转运按钮 */
    shouldShowTransportButton(row) {
      // 只有已同意的案例才能进行转运操作
      // return row.reportStatus == "3" && row.delFlag == 0;
      return row.reportStatus != "4";

    /** 确认结果变化处理 */
    handleApproveResultChange(value) {
      if (value == "3") {
        // 选择同意时，重置驳回原因
        this.approveForm.rejectType = "";
        this.approveForm.isDonate = "0"; // 重置为未捐献
      } else if (value == "4") {
        // 选择驳回时，重置转运选项
        this.approveForm.isTransport = "1";
        this.approveForm.createTransport = false;
      }

      // 清除验证
      this.$nextTick(() => {
        if (this.$refs.approveForm) {
          this.$refs.approveForm.clearValidate();
        }
      });
    },

    /** 判断是否可以跳转到转运单 */
    canGoToTransport(row) {
      // 需要转运（isTransport === "2"）且没有转运信息（serviceTransport不存在或为空数组）
      return row.isTransport == "2" && row.serviceTransport;
    },

    /** 获取转运按钮文本 */
    getTransportButtonText(row) {
      if (row.isTransport == "2") {
        if (
          row.serviceTransport &&
          Array.isArray(row.serviceTransport) &&
          row.serviceTransport.length > 0
        ) {
          return "查看转运单";
        } else {
          return "创建转运单";
        }
      }
      return "无需转运";
    },
    getTransportStatustype(row) {
      if (row.isTransport == "1") {
        return "info"; // 不需要转运
      }
      if (
        row.serviceTransport &&
        Array.isArray(row.serviceTransport) &&
        row.serviceTransport.length > 0
      ) {
        // 根据转运单状态显示不同颜色
        const transport = row.serviceTransport[0];
        if (transport.transitStatus) {
         return "primary"; // 有转运信息但无状态
        }
        return "primary"; // 有转运信息但无状态
      }
      return "success"; // 需要转运但无转运信息
    },
    // 转运相关方法
    /** 获取转运状态标签样式 */
    getTransportStatusTag(row) {
      if (row.isTransport === "1") {
      if (row.isTransport == "1") {
        return "info"; // 不需要转运
      }
      if (
@@ -1166,7 +1192,7 @@

    /** 获取转运状态文本 */
    getTransportStatusText(row) {
      if (row.isTransport === "1") {
      if (row.isTransport == "1") {
        return "无需转运";
      }
      if (
@@ -1196,95 +1222,26 @@
      return "需转运";
    },

    /** 处理转运操作 */
    async handleTransport(row) {
      try {
        // 先获取最新的案例信息
        const caseData = row;

        if (caseData.isTransport == "2") {
          if (
            caseData.serviceTransport &&
            Array.isArray(caseData.serviceTransport) &&
            caseData.serviceTransport.length > 0
          ) {
            // 已有转运单，跳转到转运单详情页
            const transport = caseData.serviceTransport[0];
            this.goToTransportDetail(transport.id, row.name);
          } else {
            // 没有转运单，跳转到创建转运单页面
            this.goToCreateTransport(row);
          }
        } else {
          this.$message.warning("该案例不需要转运");
        }
      } catch (error) {
        console.error("获取案例信息失败:", error);
        this.$message.error("获取案例信息失败");
      }
    },

    /** 跳转到创建转运单页面 */
    goToCreateTransport(caseData) {
      // 方式1：在新页面打开
      this.$router.push({
        path: "/report/transfer",
        query: {
          autoCreate: "true", //跳转转运标识
          caseId: caseData.id,
          caseNo: caseData.caseNo,
          patName: caseData.name,
          age: caseData.age,
          sex: caseData.sex,
          diagnosisname: caseData.diagnosisname,
          treatmentHospitalName: caseData.treatmenthospitalname
        }
      });
    },
    Createatransferorder(res) {
      console.log(res);

    /** 打开转运单弹框 */
    openTransportDialog(caseData) {
      this.$modal.confirm({
        title: "创建转运单",
        message: `您将创建案例【${caseData.caseNo} - ${caseData.name}】的转运单，是否继续？`,
        confirmButtonText: "前往创建",
        cancelButtonText: "取消",
        type: "warning",
        beforeClose: (action, instance, done) => {
          if (action === "confirm") {
            // 跳转到转运单创建页面
            this.$router.push({
              path: "/report/transfer",
              query: {
                caseId: caseData.id,
                caseNo: caseData.caseNo,
                patName: caseData.name,
                age: caseData.age,
                sex: caseData.sex,
                diagnosisname: caseData.diagnosisname,
                treatmentHospitalName: caseData.treatmenthospitalname
              }
            });
            done();
          } else {
            done();
          }
        }
      });
    },

    /** 跳转到转运单详情页 */
    goToTransportDetail(transportId, name) {
      this.$router.push({
        path: "/report/transfer",
        query: {
          autoCreate: "true",
          patName: name
          caseId: res.id,
          caseNo: res.caseNo,
          patName: res.name,
          age: res.age,
          sex: res.sex,
          diagnosisname: res.diagnosisname,
          treatmentHospitalName: res.treatmenthospitalname
        }
      });
    },
    // ---------------------------------end
    // 多选框选中数据

    /** 多选框选中数据 */
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id);
      this.single = selection.length !== 1;
@@ -1315,7 +1272,7 @@
        this.currentCase = row;

        // 如果状态是"已上报"(1)，则更新为"已阅读"(2)
        if (this.currentCase.reportStatus === "1") {
        if (this.currentCase.reportStatus == "1") {
          try {
            const updateData = {
              ...this.currentCase,
@@ -1350,7 +1307,7 @@
    async handleEdit(row) {
      try {
        const response = await donateInfo(row.id);
        if (response.code === 200 || response.data) {
        if (response.code == 200 || response.data) {
          this.isEditing = true;
          const data = response.data || response;

@@ -1365,6 +1322,12 @@

          this.currentCase = data;
          this.editForm = { ...data };
          this.editForm.idcardtype = this.editForm.idcardtype.toString();
          console.log(this.editForm.idcardtype);
          this.editForm.infectious = this.editForm.infectious
            .split(",")
            .filter(item => item.trim() !== "");

          this.editOpen = true;
          this.$nextTick(() => {
            this.$refs.editForm && this.$refs.editForm.clearValidate();
@@ -1397,7 +1360,10 @@

        this.approveForm.id = row.id;
        this.approveForm.approveResult = "3";
        this.approveForm.approveOpinion = "";
        this.approveForm.confirmResult = "";
        this.approveForm.rejectType = "";
        this.approveForm.isTransport = row.isTransport || "1";
        this.approveForm.isDonate = "0";

        this.$nextTick(() => {
          if (this.$refs.approveForm) {
@@ -1411,7 +1377,7 @@
        this.currentCase = row;
        this.approveForm.id = row.id;
        this.approveForm.approveResult = "3";
        this.approveForm.approveOpinion = "";
        this.approveForm.confirmResult = "";
        this.approveOpen = true;
        this.$modal.msgError("获取详情失败，但已打开确认窗口");
      }
@@ -1421,21 +1387,66 @@
    async submitApprove() {
      try {
        const valid = await this.$refs.approveForm.validate();
        if (valid) {
          const approveData = {
            ...this.currentCase,
            reportStatus: this.approveForm.approveResult,
            remark: this.approveForm.approveOpinion,
            approvername: this.$store.state.user?.name || "当前用户",
            approvetime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
            updateTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
            updateBy: this.$store.state.user?.name || "当前用户"
          };
        if (!valid) return;

          await donateEdit(approveData);
          this.$modal.msgSuccess("确认成功");
          this.approveOpen = false;
          this.getList();
        // 准备确认数据
        const approveData = {
          ...this.currentCase,
          reportStatus: this.approveForm.approveResult,
          confirmResult: this.approveForm.confirmResult,
          approvername: this.$store.state.user?.name || "当前用户",
          approvetime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
          updateTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
          updateBy: this.$store.state.user?.name || "当前用户"
        };

        // 处理确认结果
        if (this.approveForm.approveResult == "3") {
          // 同意
          approveData.isTransport = this.approveForm.isTransport;

          // 如果不需要转运，设置isDonate为1
          if (this.approveForm.isTransport == "1") {
            approveData.isDonate = "1";
          } else {
            approveData.isDonate = "0";
          }
        } else if (this.approveForm.approveResult == "4") {
          // 驳回
          approveData.rejectType = this.approveForm.rejectType;
          approveData.isTransport = "1"; // 驳回的案例不需要转运
          approveData.isDonate = "1"; // 驳回的案例标记为已捐献
        }

        // 保存案例确认信息
        await donateEdit(approveData);

        this.$modal.msgSuccess("确认成功");

        // 关闭确认对话框
        this.approveOpen = false;

        // 刷新列表
        this.getList();

        // 如果同意且需要转运，跳转到转运单创建页面
        if (
          this.approveForm.approveResult == "3" &&
          this.approveForm.isTransport == "2"
        ) {
          this.$router.push({
            path: "/report/transfer",
            query: {
              autoCreate: "true",
              caseId: this.currentCase.id,
              caseNo: this.currentCase.caseNo,
              patName: this.currentCase.name,
              age: this.currentCase.age,
              sex: this.currentCase.sex,
              diagnosisname: this.currentCase.diagnosisname,
              treatmentHospitalName: this.currentCase.treatmenthospitalname
            }
          });
        }
      } catch (error) {
        console.error("确认失败:", error);
@@ -1503,6 +1514,8 @@
        infectious: undefined,
        infectiousOther: undefined,
        isTransport: "1",
        isDonate: "0", // 新增：是否捐献
        rejectType: undefined, // 新增：驳回原因
        // 医院信息
        treatmenthospitalname: undefined,
        treatmentdeptname: undefined,
@@ -1549,7 +1562,7 @@

    /** 附件上传成功处理 */
    handleUploadSuccess({ file, fileList, response }) {
      if (response && response.code === 200) {
      if (response && response.code == 200) {
        if (!this.editForm.annexfilesList) {
          this.editForm.annexfilesList = [];
        }
@@ -1578,7 +1591,7 @@
    handleAttachmentRemove(file) {
      if (file.url && this.editForm.annexfilesList) {
        const index = this.editForm.annexfilesList.findIndex(
          item => item.path === file.url || item.fileUrl === file.url
          item => item.path == file.url || item.fileUrl == file.url
        );
        if (index > -1) {
          this.editForm.annexfilesList.splice(index, 1);
@@ -1664,7 +1677,15 @@
        this.$refs.editForm && this.$refs.editForm.clearValidate();
      });
    },

    goToTransportDetail(name) {
      this.$router.push({
        path: "/report/transfer",
        query: {
          autoCreate: "true",
          patName: name
        }
      });
    },
    /** 保存表单 */
    async handleSave() {
      try {
@@ -1684,6 +1705,7 @@
        this.saveLoading = true;

        const requestData = { ...this.editForm };
        requestData.infectious = requestData.infectious.join(",");
        let response;

        if (this.isEditing) {
@@ -1695,7 +1717,7 @@
          response = await donateAdd(requestData);
        }

        if (response.code === 200) {
        if (response.code == 200) {
          this.$message.success(this.isEditing ? "修改成功" : "新增成功");
          this.handleEditClose();
          this.getList();
@@ -1791,7 +1813,49 @@
.approve-detail-preview {
  height: 100%;
}
.approve-dialog-content {
  display: flex;
  height: 600px; /* 可以调整高度 */
  overflow: hidden;
}

.approve-detail-left {
  width: 50%;
  background: #f8f9fa;
  padding: 20px;
  overflow-y: auto;
  border-right: 1px solid #e4e7ed;
}

.approve-form-right {
  width: 50%;
  padding: 20px;
  overflow-y: auto;
}

.approve-detail-preview {
  height: 100%;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .approve-dialog-content {
    flex-direction: column;
    height: auto;
    max-height: 80vh;
  }

  .approve-detail-left,
  .approve-form-right {
    width: 100%;
    height: auto;
  }

  .approve-detail-left {
    border-right: none;
    border-bottom: 1px solid #e4e7ed;
  }
}
/* 响应式设计 */
@media (max-width: 1200px) {
  .approve-dialog {