qx

qx

2025-04-21 585a80894b9249878fee9c7182f4d14f8e5da985

 src/views/hosp/order/index.vue

@@ -42,7 +42,7 @@
      <el-form-item
        label="单位名称"
        prop="tjCompName"
        style="margin-left: 20px;margin-right: 500px;"
        style="margin-left: 20px; margin-right: 500px"
      >
        <el-select
          :remote-method="getRemoteData"
@@ -54,7 +54,6 @@
          placeholder="请选择单位名称"
          clearable
          @change="searchSelect"
          
        >
          <el-option
            v-for="dict in CompanyList"
@@ -64,10 +63,7 @@
          />
        </el-select>
      </el-form-item>
      <el-form-item
        label="状态"
        prop="zt"
      >
      <el-form-item label="状态" prop="zt">
        <el-select
          :remote-method="getRemoteData"
          v-model="queryParams.zt"
@@ -77,7 +73,6 @@
          placeholder="请选择状态"
          clearable
          @change="searchSelect"
          
        >
          <el-option
            v-for="item in ztList"
@@ -87,7 +82,11 @@
          />
        </el-select>
      </el-form-item>
      <el-form-item label="登记时间" prop="createTimeList" style="margin-right: 107px;" >
      <el-form-item
        label="登记时间"
        prop="createTimeList"
        style="margin-right: 107px"
      >
        <el-date-picker
          v-model="createTimeList"
          type="datetimerange"
@@ -142,20 +141,25 @@
        >
      </el-form-item>
    </el-form>
    <!-- <div class="timeline-wrapper">
    <el-timeline :reverse="false" class="horizontal-timeline">
      <el-timeline-item
        v-for="(item, index) in timelineData"
        :key="index"
        :timestamp="item.timestamp"
        :position="index % 2 === 0 ? 'left' : 'right'">
        <el-card :body-style="{ padding: '20px' }">
          <h3>{{ item.title }}</h3>
          <p>{{ item.description }}</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div> -->

    <div v-if="shijianlist.length > 0" style="margin-bottom: 20px">
      {{ findNameByTjnum(shijianlist[shijianlist.length - 1].tjNUm) }}
      <el-steps
        :space="200"
        :active="shijianlist[shijianlist.length - 1].sjz"
        finish-status="success"
        align-center
      >
        <el-step title="未检"></el-step>
        <el-step title="在检"></el-step>
        <el-step title="已完成"></el-step>
        <el-step title="已审核"></el-step>
        <el-step title="生成报告"></el-step>
        <el-step title="报告核收"></el-step>
        <el-step title="已打印"></el-step>
      </el-steps>
    </div>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
@@ -163,6 +167,7 @@
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
           :disabled="singles"
          v-hasPermi="['hosp:order:export']"
          >导出</el-button
        >
@@ -173,7 +178,8 @@
          type="primary"
          size="mini"
          @click="handleRevoke"
          :disabled="single"
          :loading="isLoading"
          :disabled="singles"
          >撤销签到</el-button
        >
      </el-col>
@@ -228,6 +234,25 @@
          >打印补录单</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          size="mini"
          @click="ForceChexiao"
          :disabled="single"
          v-hasPermi="['qzcx']"
          >强制撤销</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          size="mini"
          @click="ResumeAppointment"
          :disabled="multiple"
          >恢复预约</el-button
        >
      </el-col>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
@@ -239,6 +264,7 @@
        border
        v-loading="loading"
        :data="orderList"
        ref="tableRef"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
@@ -402,14 +428,14 @@
        </el-table-column>
        <!-- <el-table-column label="创建人" align="center" prop="createBy" /> -->
        <!-- <el-table-column label="更新人" align="center" prop="updateBy" /> -->
       <!--  <el-table-column
        <!--  <el-table-column
          label="单位工号"
          align="center"
          prop="firmWorkId"
          width="100px"
          :show-overflow-tooltip="true"
        /> -->
        

        <!-- <el-table-column label="部门名" align="center" prop="firmDeptName" /> -->

        <!-- <el-table-column label="客户照片" align="center" prop="photo" /> -->
@@ -558,317 +584,6 @@
      append-to-body
      :close-on-click-modal="false"
    >
      <el-tabs
        type="border-card"
        style="height: 640px; margin: 0 10px; width: 100%"
        @tab-click="handleClick"
        v-model="activeNames"
      >
        <el-tab-pane label="组合" name="first">
          <div class="tab8">
            <el-row :gutter="20" style="width: 100%">
              <el-col :span="6">
                <div
                  style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  "
                >
                  项目列表
                </div>
                <el-input placeholder="输入关键字进行过滤" v-model="filterage">
                </el-input>
                <div class="tab3">
                  <el-tree
                    class="filter-tree"
                    v-loading="loading"
                    :data="packageList"
                    :props="defaultProp"
                    show-checkbox
                    node-key="id"
                    @check="handlepackage"
                    :default-checked-keys="checkedkeys"
                    :filter-node-method="filterpackage"
                    ref="treas"
                    :render-content="renderContents"
                  >
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="6">
                <div
                  style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  "
                >
                  明细项目列表
                </div>
                <div class="tab3">
                  <el-tree
                    class="filter-tree"
                    v-loading="loading"
                    :data="packagedataList"
                    node-key="proId"
                    :props="defaultpackProps"
                    :render-content="renderContent"
                  >
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="11">
                <div class="grid-content bg-purple">
                  <div
                    style="
                      text-align: center;
                      margin-bottom: 10px;
                      margin-top: 10px;
                    "
                  >
                    已选项目列表
                  </div>
                  <el-table
                    :data="Datalists"
                    border
                    style="width: 100%"
                    height="400"
                    :span-method="objectspanmethod"
                  >
                    <el-table-column prop="propinName" label="检查项目">
                    </el-table-column>
                    <el-table-column
                      prop="proName"
                      label="明细项目"
                      width="260px"
                    >
                    </el-table-column>
                    <el-table-column prop="proPrice" label="原价" width="56px">
                    </el-table-column>

                    <el-table-column
                      label="操作"
                      align="center"
                      class-name="small-padding fixed-width"
                      width="50px"
                    >
                      <template slot-scope="scope">
                        <el-button
                          size="mini"
                          type="text"
                          icon="el-icon-delete"
                          @click="handleDel(scope.row)"
                          title="删除"
                        ></el-button>
                      </template>
                    </el-table-column>
                  </el-table>

                  <!-- <h3 style="font-weight: 600">合计：{{ marryalls }}元</h3> -->
                </div>
              </el-col>
            </el-row>
          </div>
        </el-tab-pane>
        <el-tab-pane label="单项" name="third">
          <el-row type="flex" class="row-bg" justify="space-around">
            <el-col :span="6">
              <div
                style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                "
              >
                项目列表
              </div>
              <el-input placeholder="输入关键字进行过滤" v-model="filterText">
              </el-input>
              <div class="tab3">
                <el-tree
                  class="filter-tree"
                  v-loading="loading"
                  :data="Treedata"
                  :props="defaultProps"
                  show-checkbox
                  node-key="proId"
                  @check="handleCurrentChecked"
                  :default-checked-keys="checkedkey"
                  :filter-node-method="filterNode"
                  ref="tree"
                  :render-content="renderContent"
                >
                </el-tree>
              </div>
            </el-col>
            <el-col :span="5">
              <div
                style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                "
              >
                明细项目列表
              </div>
              <div class="tab3">
                <el-tree
                  class="filter-tree"
                  v-loading="loading"
                  :data="TreedataList"
                  node-key="proId"
                  :props="defaultProps"
                  :filter-node-method="filterNode"
                  show-checkbox
                  @check-change="handleCurrentChecked1"
                  :default-checked-keys="checkedListkey"
                  :render-content="renderContent"
                >
                </el-tree>
              </div>
            </el-col>
            <el-col :span="11">
              <div class="grid-content bg-purple">
                <div
                  style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  "
                >
                  已选项目列表
                </div>
                <el-table
                  :data="DataList"
                  border
                  style="width: 100%"
                  height="400"
                  :span-method="objectSpanMethod"
                >
                  <el-table-column prop="propinName" label="检查项目">
                  </el-table-column>
                  <el-table-column prop="proPrice" label="原价" width="56px">
                  </el-table-column>
                  <el-table-column
                    prop="proName"
                    label="明细项目"
                    width="260px"
                  >
                  </el-table-column>

                  <el-table-column
                    label="操作"
                    align="center"
                    fixed="right"
                    class-name="small-padding fixed-width"
                    width="50px"
                  >
                    <template slot-scope="scope">
                      <el-button
                        size="mini"
                        type="text"
                        icon="el-icon-delete"
                        @click="handleDelete(scope.row)"
                        title="删除"
                      ></el-button>
                    </template>
                  </el-table-column>
                </el-table>
                <!-- <el-collapse v-model="activeName" accordion v-if="list1">
              <div>
                <el-collapse-item title="请选择项目">
                  <el-table :data="DataList" border style="width: 100%">
                    <el-table-column prop="proName" label="项目" width="180">
                    </el-table-column>
                    <el-table-column prop="ordPrice" label="原价">
                    </el-table-column>
                  </el-table>
                </el-collapse-item>
              </div>
            </el-collapse> -->
                <template>
                  <el-form :model="form">
                    <el-form-item label="体检类型" prop="tjType">
                      <div class="type">
                        {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }}
                      </div>

                      <!-- <el-radio-group v-model="form.tjType">
                        <el-radio :label="1">团队</el-radio>
                        <el-radio :label="2">个人</el-radio>
                      </el-radio-group> -->
                    </el-form-item>
                  </el-form>
                </template>

                <div class="outside">
                  <el-form :inline="true" class="outside1">
                    <el-form-item label="原价">
                      <el-input
                        placeholder="原价"
                        :value="TotalPrice1"
                        disabled
                        style="width: 90px"
                      ></el-input>
                    </el-form-item>
                    <el-form-item label="折扣设定">
                      <el-input
                        style="width: 90px"
                        type="number"
                        v-model="discount"
                        :value="discount"
                      ></el-input>
                    </el-form-item>
                    <el-form-item label="应付金额">
                      <el-input
                        placeholder="应付金额"
                        :value="TotalPrice1 * (discount / 10)"
                        style="width: 90px"
                      ></el-input>
                    </el-form-item>
                    <el-form-item label="付款类型" prop="payType">
                      <el-select
                        style="width: 120px"
                        v-model="payType"
                        placeholder="请选择付款类型"
                        @change="onPayTypeChange"
                      >
                        <el-option
                          v-for="dict in dict.type.dict_pay_type"
                          :key="dict.value"
                          :label="dict.label"
                          :value="dict.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item>
                      <el-button
                        type="primary"
                        @click="submitPrice"
                        :disabled="confirm"
                        style="margin-top: 34px"
                        >提交</el-button
                      >
                    </el-form-item>
                  </el-form>
                </div>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>

    <!-- 添加补录项目 -->
    <el-dialog
      :title="title"
      :visible.sync="Projectopen1"
      width="1100px"
      style="height: 860px"
      append-to-body
      :close-on-click-modal="false"
    >
      <div class="box">
        <div class="box1">
          <div
@@ -908,7 +623,7 @@
                        :props="defaultProp"
                        show-checkbox
                        node-key="id"
                        @check="handlepackage"
                        @check-change="handlepackage"
                        :default-checked-keys="checkedkeys"
                        :filter-node-method="filterpackage"
                        ref="treas"
@@ -969,7 +684,7 @@
                        :props="defaultProps"
                        show-checkbox
                        node-key="proId"
                        @check="handleCurrentChecked"
                        @check-change="handleCurrentChecked"
                        :default-checked-keys="checkedkey"
                        :filter-node-method="filterNode"
                        ref="tree"
@@ -1091,13 +806,248 @@
          <el-table
            :data="DataList3"
            border
            style="width: 100%"
            style="width: 100%; table-layout: fixed"
            height="560"
            :span-method="objectspanmethod"
          >
            <el-table-column prop="propinName" label="检查项目">
            <el-table-column
              prop="propinName"
              label="检查项目"
              width="200px"
              :show-overflow-tooltip="true"
            >
            </el-table-column>
            <el-table-column prop="proName" label="明细项目" width="260px">
            <el-table-column
              prop="proName"
              label="明细项目"
              width="200px"
              :show-overflow-tooltip="true"
            >
            </el-table-column>
            <el-table-column prop="sl" label="数量" width="56px">
            </el-table-column>
            <el-table-column prop="proPrice" label="原价" width="56px">
            </el-table-column>

            <el-table-column
              label="操作"
              align="center"
              class-name="small-padding fixed-width"
              width="50px"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  icon="el-icon-delete"
                  @click="handleDel(scope.row)"
                  title="删除"
                ></el-button>
              </template>
            </el-table-column>
          </el-table>

          <!-- <h3 style="font-weight: 600">合计：{{ marryalls }}元</h3> -->
        </div>
      </div>
      <el-form
        :model="form"
        inline
        style="display: flex; justify-content: space-between; margin-top: 20px"
      >
        <!-- 体检类型 -->
        <el-form-item label="体检类型" prop="tjType" style="display: flex">
          <div class="type">
            {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }}
          </div>
        </el-form-item>

        <!-- 原价 -->
        <el-form-item label="原价" style="display: flex">
          <el-input
            placeholder="原价"
            :value="TotalPrice1"
            disabled
            style="width: 90px"
          ></el-input>
        </el-form-item>

        <!-- 折扣设定 -->
        <el-form-item label="折扣" style="display: flex">
          <el-input
            style="width: 90px"
            type="number"
            v-model="discount"
            :value="discount"
          ></el-input>
        </el-form-item>

        <!-- 应付金额 -->
        <el-form-item label="应付" style="display: flex">
          <el-input
            placeholder="应付金额"
            :value="TotalPrice1 * (discount / 10)"
            style="width: 90px"
          ></el-input>
        </el-form-item>

        <!-- 付款类型 -->
        <el-form-item label="付款类型" prop="payType" style="display: flex">
          <el-select
            style="width: 120px"
            v-model="payType"
            placeholder="请选择付款类型"
            @change="onPayTypeChange"
          >
            <el-option
              v-for="dict in dict.type.dict_pay_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>

        <!-- 结算方式 -->
        <el-form-item label="结算方式" prop="jsType" style="display: flex">
          <el-select
            v-model="jsType"
            placeholder="请选择结算方式"
            style="width: 130px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.reservation_pay_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>

        <!-- 提交按钮 -->
        <el-form-item style="display: flex">
          <el-button
            type="primary"
            :loading="isSubmit1"
            @click="submitPrice1"
            :disabled="confirm"
          >
            提交
          </el-button>
        </el-form-item>
      </el-form>
    </el-dialog>

    <!-- 添加补录项目 -->
    <el-dialog
      :title="title"
      :visible.sync="Projectopen1"
      width="1100px"
      style="height: 860px"
      append-to-body
      :close-on-click-modal="false"
    >
      <div class="box">
        <div class="box1">
          <div
            style="text-align: center; margin-bottom: 10px; margin-top: 10px"
          >
            项目选择
          </div>
          <el-tabs
            type="border-card"
            style="height: 560px; margin: 0 10px; width: 100%"
            @tab-click="handleClick"
            v-model="activeNames"
          >
            <el-tab-pane label="组合" name="first">
              <div class="tab8">
                <el-row :gutter="20" style="width: 100%">
                  <el-col :span="22">
                    <el-input
                      placeholder="输入关键字进行过滤"
                      v-model="filterage"
                    >
                    </el-input>
                    <div class="tab3">
                      <el-tree
                        class="filter-tree"
                        v-loading="loading"
                        :data="packageList"
                        :props="defaultProp"
                        show-checkbox
                        node-key="id"
                        @check-change="handlepackage"
                        :default-checked-keys="checkedkeys"
                        :filter-node-method="filterpackage"
                        ref="treas"
                        :render-content="renderContents"
                      >
                      </el-tree>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-tab-pane>
            <el-tab-pane label="单项" name="third">
              <div class="tab8">
                <el-row type="flex" class="row-bg" justify="space-around">
                  <el-col :span="22">
                    <el-input
                      placeholder="输入关键字进行过滤"
                      v-model="filterText"
                    >
                    </el-input>
                    <div class="tab3">
                      <el-tree
                        class="filter-tree"
                        v-loading="loading"
                        :data="Treedata"
                        :props="defaultProps"
                        show-checkbox
                        node-key="proId"
                        @check-change="handleCurrentChecked"
                        :default-checked-keys="checkedkey"
                        :filter-node-method="filterNode"
                        ref="tree"
                        :render-content="renderContent"
                      >
                      </el-tree>
                    </div>
                  </el-col>
                </el-row>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>

        <div class="grid-content bg-purple">
          <div style="text-align: center; margin-bottom: 10px; margin-top: 9px">
            已选项目列表
          </div>
          <el-table
            :data="DataList3"
            border
            style="width: 100%; table-layout: fixed"
            height="560"
            :span-method="objectspanmethod"
          >
            <el-table-column
              prop="propinName"
              label="检查项目"
              width="200px"
              :show-overflow-tooltip="true"
            >
            </el-table-column>
            <el-table-column
              prop="proName"
              label="明细项目"
              width="200px"
              :show-overflow-tooltip="true"
            >
            </el-table-column>
            <el-table-column prop="sl" label="数量" width="56px">
            </el-table-column>
            <el-table-column prop="proPrice" label="原价" width="56px">
            </el-table-column>
@@ -1124,7 +1074,95 @@
        </div>
      </div>

      <div class="heji">
      <el-form
        :model="form"
        inline
        style="display: flex; justify-content: space-between; margin-top: 20px"
      >
        <!-- 体检类型 -->
        <el-form-item label="体检类型" prop="tjType" style="display: flex">
          <div class="type">
            {{ { 1: "团队", 2: "个人", 3: "团体票" }[form.tjType] }}
          </div>
        </el-form-item>

        <!-- 原价 -->
        <el-form-item label="原价" style="display: flex">
          <el-input
            placeholder="原价"
            :value="TotalPrice1"
            disabled
            style="width: 90px"
          ></el-input>
        </el-form-item>

        <!-- 折扣设定 -->
        <el-form-item label="折扣" style="display: flex">
          <el-input
            style="width: 90px"
            type="number"
            v-model="discount"
            :value="discount"
          ></el-input>
        </el-form-item>

        <!-- 应付金额 -->
        <el-form-item label="应付" style="display: flex">
          <el-input
            placeholder="应付金额"
            :value="TotalPrice1 * (discount / 10)"
            style="width: 90px"
          ></el-input>
        </el-form-item>

        <!-- 付款类型 -->
        <el-form-item label="付款类型" prop="payType" style="display: flex">
          <el-select
            style="width: 120px"
            v-model="payType"
            placeholder="请选择付款类型"
            @change="onPayTypeChange"
          >
            <el-option
              v-for="dict in dict.type.dict_pay_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            ></el-option>
          </el-select>
        </el-form-item>

        <!-- 结算方式 -->
        <el-form-item label="结算方式" prop="jsType" style="display: flex">
          <el-select
            v-model="jsType"
            placeholder="请选择结算方式"
            style="width: 130px"
            clearable
          >
            <el-option
              v-for="dict in dict.type.reservation_pay_type"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>

        <!-- 提交按钮 -->
        <el-form-item style="display: flex">
          <el-button
            type="primary"
            :loading="isSubmit1"
            @click="submitPrice1"
            :disabled="confirm"
          >
            提交
          </el-button>
        </el-form-item>
      </el-form>

      <!-- <div class="heji">
        <div class="o">
          <el-form
            :model="form"
@@ -1179,6 +1217,21 @@
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="结算方式" prop="payType">
              <el-select
                v-model="payType"
                placeholder="请选择结算方式"
                style="width: 130px"
                clearable
              >
                <el-option
                  v-for="dict in dict.type.reservation_pay_type"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                />
              </el-select>
            </el-form-item>
            <el-form-item style="display: flex">
              <el-button
                type="primary"
@@ -1189,84 +1242,67 @@
            </el-form-item>
          </el-form>
        </div>
      </div>
      </div> -->
    </el-dialog>

    <!-- 添加或修改体检记录对话框 -->
    <el-dialog
      :title="title"
      :visible.sync="open"
      width="950px"
      width="1400px"
      append-to-body
      :close-on-click-modal="false"
      class="custom-dialog"
    >
      <el-tabs v-model="activeName1" type="card">
        <!-- <el-tab-pane label="订单流水" name="first">
          <el-table :data="numberList" style="width: 100%">
            <el-table-column prop="proName" label="项目/耗材" width="300">
            </el-table-column>
            <el-table-column prop="price" label="单价" width="300">
            </el-table-column>
            <el-table-column prop="count" label="数量" width="300">
            </el-table-column>
          </el-table>
          <el-table :data="bill" style="width: 100%">
            <el-table-column prop="copeWith" label="应付" width="180">
            </el-table-column>
            <el-table-column prop="discount" label="折扣" width="180">
            </el-table-column>
            <el-table-column prop="paidIn" label="实付" width="180">
            </el-table-column>
            <el-table-column prop="payType" label="付款方式" width="180">
              <template slot-scope="scope">
                <span v-if="scope.row.payType == '0'">现金支付</span>
                <span v-if="scope.row.payType == '1'">刷卡支付</span>
                <span v-if="scope.row.payType == '2'">支付宝支付</span>
                <span v-if="scope.row.payType == '3'">微信支付</span>
                <span v-if="scope.row.payType == '4'">云闪付支付</span>
              </template>
            </el-table-column>
            <el-table-column prop="payStasus" label="付款状态" width="180">
              <template slot-scope="scope">
                <span v-if="scope.row.payStasus == '0'">未付款</span>
                <span v-if="scope.row.payStasus == '1'">已付款</span>
                <span v-if="scope.row.payStasus == '2'">退费</span>
                <span v-if="scope.row.payStasus == '3'">预付款</span>
              </template>
            </el-table-column>
          </el-table>
        </el-tab-pane> -->
        <el-tab-pane label="项目汇总" name="second" style="height: 400px">
          <el-table :data="huizongList" style="width: 100%" max-height="200">
          <el-table :data="huizongList" style="width: 100%" max-height="350">
            <el-table-column
              align="center"
              type="index"
              label="序号"
              width="50"
            >
            </el-table-column>
            <el-table-column align="center" prop="parent_pro_name" label="项目">
            </el-table-column>
            <el-table-column align="center" prop="ks" label="科室">
            </el-table-column>
            <el-table-column align="center" prop="price" label="费用合计">
            </el-table-column>
            ></el-table-column>
            <el-table-column
              align="center"
              prop="parent_pro_name"
              label="项目"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="ks"
              label="科室"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="price"
              label="费用合计"
            ></el-table-column>
          </el-table>
          <h3>付款详情</h3>
          <el-table :data="bill" style="width: 100%; margin-top: 10px">
            <el-table-column align="center" prop="copeWith" label="应付">
            </el-table-column>
            <el-table-column align="center" prop="discount" label="折扣">
            </el-table-column>
            <el-table-column align="center" prop="paidIn" label="实付">
            </el-table-column>
            <el-table-column
              align="center"
              prop="copeWith"
              label="应付"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="discount"
              label="折扣"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="paidIn"
              label="实付"
            ></el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="明细项目" name="third" style="height: 350px">
        <el-tab-pane label="明细项目" name="third" style="height: 450px">
          <!-- 移除 overflow-y: auto -->
          <el-table
            :data="infoList"
            style="width: 100%"
            max-height="330"
            style="width: 100"
            max-height="500"
            :span-method="objectSpanMethod1"
          >
            <el-table-column
@@ -1274,25 +1310,38 @@
              type="index"
              label="序号"
              width="50"
            >
            </el-table-column>
            <el-table-column align="center" prop="parent_pro_name" label="父项">
            </el-table-column>
            <el-table-column align="center" prop="pro_name" label="子项">
            </el-table-column>
            <el-table-column align="center" prop="danjia" label="单价">
            </el-table-column>
            <el-table-column align="center" prop="num" label="数量">
            </el-table-column>
            <el-table-column align="center" prop="zongjia" label="总价">
            </el-table-column>
            ></el-table-column>
            <el-table-column
              align="center"
              prop="parent_pro_name"
              label="父项"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="pro_name"
              label="子项"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="danjia"
              label="单价"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="num"
              label="数量"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="zongjia"
              label="总价"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="time"
              label="开单时间"
              width="180"
            >
            </el-table-column>
            ></el-table-column>
          </el-table>
        </el-tab-pane>
      </el-tabs>
@@ -1499,9 +1548,11 @@
  getOrderList,
  getNewDateList,
  revokeTjOrderByTjNum,
  huifuyuyuejilu,
  getTransitionInfo,
  getBlproByTjh,
  revokeBlProByBldhAndTjh,
  getForceChexiao,
} from "@/api/hosp/order";
import moment from "moment";
import { getZhList, getlistByZhId } from "@/api/system/package";
@@ -1513,6 +1564,7 @@
  getaddtTransition,
  getProParentIdDxList,
  getProSonDxList,
  getaddtTransition1,
} from "@/api/system/tijian";
import {
  SubmitCompany,
@@ -1520,30 +1572,29 @@
  queryCompany,
  addbatch,
} from "@/api/team/tuanti";
import { createLogger } from "vuex";
export default {
  components: {
    ViewPdf,
  },
  dicts: ["dict_pay_type", "dict_team"],
  dicts: ["dict_pay_type", "dict_team", "reservation_pay_type"],
  name: "Order",
  data() {
    return {
      ztList: [
        {name:'未检',id: 0},{name:'在检',id: 1},{name:'已完成',id: 2},{name:'已审核',id: 3},{name:'生成报告',id: 4},{name:'报告核收',id: 5},{name:'已出报告',id: 6},
      ],
      timelineData: [
        { timestamp: '2024-01-01', title: '未检', description: 'This is event 1 description' },
        { timestamp: '2024-01-05', title: '在检', description: 'This is event 2 description' },
        { timestamp: '2024-01-10', title: '已完成', description: 'This is event 3 description' },
        { timestamp: '2024-01-15', title: '已审核', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '生成报告', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '报告核收', description: 'This is event 4 description' },
        { timestamp: '2024-01-15', title: '已出报告', description: 'This is event 4 description' },
        { name: "未检", id: 0 },
        { name: "在检", id: 1 },
        { name: "已完成", id: 2 },
        { name: "已审核", id: 3 },
        { name: "生成报告", id: 4 },
        { name: "报告核收", id: 5 },
        { name: "已出报告", id: 6 },
      ],
      DataList3: [],
      bldhid: "",
      budadaozhen: false,
      isLoading: false,
      isSubmit: false,
      isSubmit1: false,
      huizongList: [],
      DataLists: [],
      infoList: [],
@@ -1571,6 +1622,7 @@
      packagedataList: [],
      cusId: "",
      payType: "0",
      jsType: "0",
      packageList: [],
      checkedkeys: [],
      dialogVisible: false,
@@ -1596,7 +1648,7 @@
      TreedataList: [],
      discount: 10,
      DataList: [],
      tjNUms: [],
      shijianlist: [],
      // 套餐提交按钮
      confirm: false,
      list1: true,
@@ -1615,9 +1667,11 @@
      dataObj: {},
      // 非单个禁用
      single: true,
      singles: false,
      activeNames: "first",
      // 非多个禁用
      multiple: true,
      tjNUms: [],
      // 显示搜索条件
      showSearch: true,
      userId: "",
@@ -1644,8 +1698,8 @@
        bgbeginTime: null,
        bgendTime: null,
        xmmc: null,
        tjCompName:'',
        dw:null
        tjCompName: "",
        dw: null,
      },
      startTime: "",
      startTime1: "",
@@ -1708,6 +1762,12 @@
    });
  },
  methods: {
    findNameByTjnum(tjnum) {
      const order = this.orderList.find(
        (orderItem) => orderItem.tjNumber === tjnum
      );
      return order ? order.tjCustomerName : "未找到"; // 如果找不到对应的项，返回一个默认值
    },
    // 搜索
    getRemoteData(query) {
      if (query) {
@@ -1724,8 +1784,7 @@
    searchSelect(val) {
      this.CheckBox = val;
      this.queryParams.dw = this.CheckBox.cnName;
      console.log(this.CheckBox,9999);
      
      console.log(this.CheckBox, 9999);
    },
    onPayTypeChange() {
      if (this.payType === "6" && this.form.tjType !== 3) {
@@ -1825,11 +1884,10 @@
        this.total = response.data.total;
        this.loading = false;
      });
       // 获取单位信息集合
       getCompany(this.queryParams).then((response) => {
      // 获取单位信息集合
      getCompany(this.queryParams).then((response) => {
        this.CompanyList = response.data;
        console.log( this.CompanyList,555);
        

        this.loading = false;
      });
    },
@@ -1925,14 +1983,22 @@
        });
    },

    handleRevoke() {
      this.$confirm("您确认要撤销？", "确认信息", {
        distinguishCancelAndClose: true,
        confirmButtonText: "确认",
        cancelButtonText: "取消",
      })
    // 强制撤销按钮
    ForceChexiao() {
      const tjNum = this.tjnumbers;
      this.$confirm(
        "您是否需要强制撤销？撤销后该人员本次体检记录不可恢复！",
        "确认信息",
        {
          distinguishCancelAndClose: true,
          confirmButtonText: "确认",
          cancelButtonText: "取消",
          customClass: "custom-message-box",
        }
      )

        .then(() => {
          revokeTjOrderByTjNum(this.tjnumbers).then((res) => {
          getForceChexiao(tjNum).then((res) => {
            this.$modal.msgSuccess("撤销成功");
            this.getList();
          });
@@ -1944,6 +2010,71 @@
              message: "已取消",
            });
          }
        });
      this.$nextTick(() => {
        // 确保弹框渲染后应用样式
        const messageBox = document.querySelector(
          ".custom-message-box .el-message-box__message"
        );
        if (messageBox) {
          messageBox.style.color = "red"; // 通过 JS 强制设置颜色
        }
      });
    },

    ResumeAppointment() {
      this.isLoading = true;
      this.$confirm("您确认要恢复预约？", "确认信息", {
        distinguishCancelAndClose: true,
        confirmButtonText: "确认",
        cancelButtonText: "取消",
      })
        .then(() => {
          huifuyuyuejilu(this.tjNUms).then((res) => {
            this.$modal.msgSuccess("恢复成功");
            // this.isLoading = false;
            this.getList();
          });
        })
        .catch((action) => {
          if (action === "cancel") {
            this.$message({
              type: "warning",
              message: "已取消",
            });
          }
        })
        .finally(() => {
          // 不论操作成功还是失败，都会执行
          this.isLoading = false;
        });
    },

    handleRevoke() {
      this.isLoading = true;
      this.$confirm("您确认要撤销？", "确认信息", {
        distinguishCancelAndClose: true,
        confirmButtonText: "确认",
        cancelButtonText: "取消",
      })
        .then(() => {
          revokeTjOrderByTjNum(this.tjnumbers).then((res) => {
            this.$modal.msgSuccess("撤销成功");
            // this.isLoading = false;
            this.getList();
          });
        })
        .catch((action) => {
          if (action === "cancel") {
            this.$message({
              type: "warning",
              message: "已取消",
            });
          }
        })
        .finally(() => {
          // 不论操作成功还是失败，都会执行
          this.isLoading = false;
        });
    },
    /** 点击显示体检报告报表*/
@@ -2027,7 +2158,7 @@
        djendTime: null,
        bgbeginTime: null,
        bgendTime: null,
        dw: null
        dw: null,
      };
      this.resetForm("form");
    },
@@ -2104,14 +2235,15 @@
        bgbeginTime: null,
        bgendTime: null,
        xmmc: null,
        tjCompName:'',
        dw:null
      }
        tjCompName: "",
        dw: null,
      };
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.tjNUms = selection.map(item => item.tjNumber);
      let tjNUms = selection.map((item) => item.tjNumber);
      this.tjNUms = selection.map((item) => item.tjNumber);
      selection.forEach((item) => {
        this.orderIds = item.orderId;
        this.tjnumbers = item.tjNumber;
@@ -2127,11 +2259,14 @@
      this.ids = selection.map((item) => item.orderId);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
      shijianzhou({
        tjNUms: this.tjNUms
      }).then((res) => {
        console.log(res)
      })
      this.singles = selection.length !== 1;
      if (tjNUms.length > 0) {
        shijianzhou(tjNUms).then((res) => {
          this.shijianlist = res.data;
        });
      } else {
        this.shijianlist = [];
      }
    },
    /** 新增按钮操作 */
    // handleAdd() {
@@ -2153,7 +2288,7 @@
        var discount = "";
        response.data.water.forEach((item) => {
          copeWith += item.copeWith;
          paidIn += item.copeWith;
          paidIn += item.paidIn;
          discount = item.discount;
        });
        this.bill.push({
@@ -2194,7 +2329,7 @@
        var discount = "";
        response.data.water.forEach((item) => {
          copeWith += item.copeWith;
          paidIn += item.copeWith;
          paidIn += item.paidIn;
          discount = item.discount;
        });
        this.bill.push({
@@ -2282,6 +2417,8 @@
        // this.marryalls = 0;
        // this.Datalists = [];
        this.checkedkeys = [];

        this.DataList3 = [];
        getZhList().then((response) => {
          if (response.data) {
            this.packageList = response.data;
@@ -2290,23 +2427,107 @@
        });
      } else {
        // this.TotalPrice1 = 0;
        this.checkedkey = [];
        this.checkedkeys = [];
        // this.DataList = [];
        this.Datalists = [];
        this.DataList3 = [];
        this.getDataList();
        // if (this.marryalls != 0) {
        //   this.TotalPrice1 += this.marryalls;
        // }
      }
    },

    handlepackage(data, checked, checkedNodes) {
      if (checked == true) {
        // this.$refs.treas.setCheckedKeys([data.id]);
        let datas = {
          zhId: data.id,
        };

        getlistByZhId(datas).then((res) => {
          this.packagedataList = res.data.tjProjectList;
          for (var i = 0; i < this.packagedataList.length; i++) {
            let proId = this.packagedataList[i].proId;
            getProSonDxList(proId).then((res) => {
              this.TreedataList = res.data.list;
              this.TreedataList.forEach((item) => {
                this.Datalists.push(item);
              });

              // 合并 Datalists 和 DataList 到 DataList3
              this.DataList3 = this.DataList.concat(this.Datalists);

              // 清空累加器
              this.marryalls = 0;
              this.TotalPrice1 = 0;

              // 重新计算价格
              this.DataList3.forEach((item) => {
                console.log(item.proPrice);
                this.TotalPrice1 += item.proPrice * item.sl;
                this.marryalls += item.proPrice * item.sl;
              });

              // 为每个项目添加 propinName
              this.Datalists.forEach((item1) => {
                this.packagedataList.forEach((item3) => {
                  if (item1.proParentId == item3.proId) {
                    item1.propinName = item3.proName;
                  }
                });
              });
            });
          }
        });
      } else if (checked == false) {
        let datas = {
          zhId: data.id,
        };

        this.marryalls = 0;

        // 清空 Datalists 和 DataList3
        this.Datalists = [];
        this.DataList3 = [...this.DataList]; // 重新设置 DataList3，仅包含原始 DataList

        getlistByZhId(datas).then((res) => {
          this.packagedataList = res.data.tjProjectList;
          for (var i = 0; i < this.packagedataList.length; i++) {
            let proId = this.packagedataList[i].proId;
            getProSonDxList(proId).then((res) => {
              this.TreedataList = res.data.list;
              this.checkedListkey = this.checkedListkey.filter(
                (id) => id !== proId
              );

              // 从 DataList3 中移除相关的子项
              this.DataList3 = this.DataList3.filter(
                (item) => item.proParentId !== proId
              );

              // 更新总价格
              this.TotalPrice1 = 0; // 清空价格
              this.DataList3.forEach((item) => {
                this.TotalPrice1 += item.proPrice;
              });
            });
          }
        });
      }
    },

    /* handlepackage(data, checked, checkedNodes) {
      console.log(checked, 3333);

      if (checked.checkedNodes.length != 0) {
        this.$refs.treas.setCheckedKeys([data.id]);
        let datas = {
          zhId: data.id,
        };

        getlistByZhId(datas).then((res) => {
          this.packagedataList = res.data.tjProjectList;

          for (var i = 0; i < this.packagedataList.length; i++) {
            let proId = this.packagedataList[i].proId;
            getProSonDxList(proId).then((res) => {
@@ -2320,7 +2541,7 @@
                    this.marryalls += item1.proPrice;
                    // this.TotalPrice1 = this.marryalls;
                    this.TotalPrice1 = 0;
                    console.log(this.DataList3, 9999999999);

                    if (this.DataList3.length != 0) {
                      this.DataList3.forEach((item) => {
                        console.log(item.proPrice);
@@ -2340,12 +2561,12 @@
        });
      } else if (checked.checkedNodes.length == 0) {
      }
    },
    }, */

    renderContent(h, { node, data, store }) {
      return (
        <span class="custom-tree-node">
            <span>{node.label}</span>
          <span>{node.label}</span>
          <span>({data.proPrice}元)</span>
        </span>
      );
@@ -2362,6 +2583,12 @@
      this.orderId = row.orderId;
      this.cusId = row.tjCusIdCard;
      this.userId = row.userId;
      console.log(row, 666);
      this.$nextTick(() => {
        this.$refs.tableRef.clearSelection(); // 清除所有选中
        this.$refs.tableRef.toggleRowSelection(row, true); // 选中当前行
      });

      this.customer = {
        cusIdcard: row.tjCusIdCard,
        cusName: row.tjCustomerName,
@@ -2447,9 +2674,10 @@
    },

    // 点击获取每个树节点
    handleCurrentChecked(data, checked, checkedNodes) {
    /*  handleCurrentChecked(data, checked, checkedNodes) {
      this.dataObj = data;
      if (checked.checkedNodes.length != 0) {
      this.checkedObj = checked;
      if (checked == true) {
        this.$refs.tree.setCheckedKeys([data.proId]);
        let proId = data.proId;
        getProSonDxList(proId).then((res) => {
@@ -2458,7 +2686,6 @@
            this.checkedListkey.push(item.proId);
            this.DataList.push(item);
            this.DataList3 = this.DataList.concat(this.Datalists);
            console.log(this.DataList, 77777);
            this.spliceData();
            this.DataList.forEach((item1) => {
              if (item1.proParentId == data.proId) {
@@ -2469,7 +2696,7 @@
          this.TotalPrice1 = 0;
          if (this.DataList3.length != 0) {
            this.DataList3.forEach((item) => {
              this.TotalPrice1 += item.proPrice;
              this.TotalPrice1 += item.proPrice * item.sl;
            });
          }
          // this.TotalPrice1 = 0;
@@ -2483,11 +2710,91 @@
          //   }
          // }
        });
      } else if (checked.checkedNodes.length == 0) {
      } else if (checked == false) {
        let proId = data.proId;
        getProSonDxList(proId).then((res) => {
          this.TreedataList = res.data.list;
          this.checkedListkey = [];
          this.TreedataList.forEach((item) => {
            item.disabled = true;
          });
          this.DataList3.forEach((item, index) => {
            if (item.proParentId == this.dataObj.proId) {
              this.DataList3.splice(index, this.TreedataList.length);
            }
          });

          // 手动更新总价格
          this.TotalPrice1 = 0;
          this.DataList3.forEach((item, index) => {
            this.TotalPrice1 += item.proPrice * item.sl;
          });
        });
      }
    }, */
    handleCurrentChecked(data, checked, checkedNodes) {
      this.dataObj = data;
      this.checkedObj = checked;

      if (checked === true) {
        // this.$refs.tree.setCheckedKeys([data.proId]);
        let proId = data.proId;
        getProSonDxList(proId).then((res) => {
          this.TreedataList = res.data.list;

          this.TreedataList.forEach((item) => {
            // item.disabled = true;
            // this.checkedListkey.push(item.proId);
            if (!this.checkedListkey.includes(item.proId)) {
              this.checkedListkey.push(item.proId);
            }
            this.Datalists.push(item);

            this.DataList3.push(item);

            this.spliceData();
            this.DataList3.forEach((item1) => {
              this.TotalPrice1 += item1.proPrice * item1.sl;
              if (item1.proParentId == data.proId) {
                item1.propinName = data.proName;
                item1.propinPrice = this.dataObj.proPrice;
              }
            });
          });

          // 更新总价格
          this.TotalPrice1 = 0;
          this.DataList3.forEach((item) => {
            this.TotalPrice1 += item.proPrice * item.sl;
          });
        });
      } else if (checked === false) {
        // 当取消选中时
        let proId = data.proId;
        getProSonDxList(proId).then((res) => {
          this.TreedataList = res.data.list;

          // 遍历 TreedataList 并移除相关的子项 ID
          this.TreedataList.forEach((item) => {
            this.checkedListkey = this.checkedListkey.filter(
              (id) => id !== item.proId
            );
          });

          this.Datalists = this.Datalists.filter(
            (item) => item.proParentId !== proId
          );

          // 从 DataList3 中移除相关的子项
          this.DataList3 = this.DataList3.filter(
            (item) => item.proParentId !== proId
          );

          // 更新总价格
          this.TotalPrice1 = 0;
          this.DataList3.forEach((item) => {
            this.TotalPrice1 += item.proPrice * item.sl;
          });
        });
      }
    },
@@ -2522,7 +2829,6 @@
        });
      } else if (checked == true) {
        this.DataList.push(data);
        console.log(this.DataList, 6666);
        this.DataList.forEach((item1) => {
          if (item1.proParentId == this.dataObj.proId) {
            item1.propinName = this.dataObj.proName;
@@ -2531,6 +2837,9 @@
        this.spliceData();
        this.TotalPrice1 = 0;
        this.DataList.forEach((item1) => {
          console.log(item1.proPrice, 3322);
          console.log(this.TotalPrice1, 1122);

          this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
        });
        if (this.marryalls != 0) {
@@ -2657,6 +2966,7 @@
    // 收费按钮
    submitPrice() {
      this.proIds = [];
      this.isSubmit = true;
      if (this.DataList.length != 0) {
        this.DataList.forEach((item) => {
          this.proIds.push(item.proId);
@@ -2692,6 +3002,7 @@
            payType: this.payType,
          };
          getwater(data).then((res) => {
            this.isSubmit = false;
            this.$modal.msgSuccess("提交成功");
            this.mobanId = res.data.mobanId;
            this.waterId = res.data.waterId;
@@ -2707,6 +3018,7 @@
    // 收费按钮
    submitPrice1() {
      this.proIds = [];
      this.isSubmit1 = true;
      if (this.DataList.length != 0) {
        this.DataList.forEach((item) => {
          this.proIds.push(item.proId);
@@ -2721,7 +3033,9 @@
        cusId: this.cusIds,
        proIds: this.proIds,
      };
      getaddtTransition(data).then((response) => {
      getaddtTransition1(data).then((response) => {
        console.log(123456789);

        if (response.code === 200) {
          // this.DataList3 = [];
          //   this.DataList = [];
@@ -2736,10 +3050,12 @@
            discount,
            copeWith,
            tjType,
            payStasus: this.jsType,
            orderId: this.orderIds,
            tjProIds: this.proIds,
            payType: this.payType,
          };

          getwater(data).then((res) => {
            this.$modal.msgSuccess("提交成功");
            this.mobanId = res.data.mobanId;
@@ -2749,8 +3065,11 @@
            const params = { viewNum, tjnumber };
            this.$tab.openPage("收款小票", "/report/charge", params);
            this.Projectopen1 = false;
            this.Projectopen = false;
            this.isSubmit1 = false;
          });
        }
        this.isSubmit1 = false;
      });
    },

@@ -2801,8 +3120,9 @@

    /** 导出按钮操作 */
    handleExport() {
      console.log(this.queryParams)
      this.download(
        "hosp/order/export",
        "/hosp/order/exportOrderList",
        {
          ...this.queryParams,
        },
@@ -2812,7 +3132,27 @@
  },
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.custom-dialog {
  /* 自定义弹出框的最小高度 */
  min-height: 600px; /* 从默认高度增加到 600px，可以根据需要调整 */
}

/* 调整 el-tabs 的内容区域高度 */
::v-deep .el-tabs__content {
  min-height: 500px; /* 确保选项卡内容区域有足够高度 */
}

/* 调整对话框的主体部分 */
::v-deep .el-dialog__body {
  padding: 20px;
}

/* 可选：调整 footer 的样式 */
.dialog-footer {
  padding: 10px 20px;
  text-align: right;
}
.pag {
  width: 100%;
  display: flex;
@@ -2863,6 +3203,12 @@
// .el-dialog__body {
//   padding: 20px;
// }
::v-deep .el-message-box__message {
  color: red !important; /* 强制设置颜色为红色 */
}
// .custom-message-box .el-message-box__message {
//   color: red !important; /* 设置文字为红色 */
// }
.o {
  margin-top: 8px;
}
@@ -2910,45 +3256,16 @@
  display: flex;
  flex-direction: column;
}
.timeline-wrapper {
  overflow-x: auto;
  padding: 20px;
  width: 100%;
}

.horizontal-timeline {
::v-deep .el-step__title.is-process {
  color: rgb(24, 144, 255);
}
::v-deep .el-step__head.is-process {
  color: rgb(24, 144, 255);
  border-color: rgb(24, 144, 255);
}
.shijian {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 20px 0;
  width: 100%;
}

.el-timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
}

.el-timeline-item .el-card {
  width: 150px;
  border-radius: 10px;
}

.el-timeline-item .el-timeline-item-tail {
  display: none;
}

.el-timeline-item .el-timeline-item-dot {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background-color: #409EFF;
  border-radius: 50%;
  align-items: flex-start;
}
</style>