From 12933fc6115f3fab514b64d9324beadb115c0f58 Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期四, 26 六月 2025 15:19:32 +0800
Subject: [PATCH] qx

---
 src/views/reservation/reservations/index.vue | 1509 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 1,179 insertions(+), 330 deletions(-)

diff --git a/src/views/reservation/reservations/index.vue b/src/views/reservation/reservations/index.vue
index a4eebcb..add683d 100644
--- a/src/views/reservation/reservations/index.vue
+++ b/src/views/reservation/reservations/index.vue
@@ -1,54 +1,150 @@
 <template>
   <div class="app-container">
+    <el-dialog :title="title" :visible.sync="open1" width="1000px" append-to-body>
+      <el-form ref="form1" :model="form1" :rules="rules1" label-width="100px" :inline="true">
+        <el-form-item label="鍗曚綅鍚嶇О" prop="cnName">
+          <el-input v-model="form1.cnName" placeholder="璇疯緭鍏ヤ腑鏂囧悕绉�" />
+        </el-form-item>
+        <el-form-item label="鑱旂郴浜�" prop="contactPerson">
+          <el-input v-model="form1.contactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉" />
+        </el-form-item>
+        <el-form-item label="鑱旂郴鐢佃瘽" prop="contactPhone">
+          <el-input v-model="form1.contactPhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" />
+        </el-form-item>
+        <el-form-item label="绋庡彿" prop="taxNumber">
+          <el-input v-model="form1.taxNumber" placeholder="璇疯緭鍏ョ◣鍙�" />
+        </el-form-item>
+        <el-form-item label="娉曚汉" prop="legalPerson">
+          <el-input v-model="form1.legalPerson" placeholder="璇疯緭鍏ユ硶浜�" />
+        </el-form-item>
+        <el-form-item label="娉ㄥ唽鍦板潃" prop="registerAddress">
+          <el-input v-model="form1.registerAddress" placeholder="璇疯緭鍏ユ敞鍐屽湴鍧�" />
+        </el-form-item>
+        <el-form-item label="閫氳鍦板潃" prop="mailingAddress">
+          <el-input v-model="form1.mailingAddress" placeholder="璇疯緭鍏ラ�氳鍦板潃" />
+        </el-form-item>
+        <el-form-item label="寮�鎴烽摱琛�" prop="bankAccount">
+          <el-input v-model="form1.bankAccount" placeholder="璇疯緭鍏ュ紑鎴烽摱琛�" />
+        </el-form-item>
+        <el-form-item label="閾惰璐︽埛" prop="countNum">
+          <el-input v-model="form1.countNum" placeholder="璇疯緭鍏ラ摱琛岃处鎴�" />
+        </el-form-item>
+        <el-form-item label="閭" prop="email">
+          <el-input v-model="form1.email" placeholder="璇疯緭鍏ラ偖绠�" />
+        </el-form-item>
+        <el-form-item label="璐熻矗浜�" prop="principal">
+          <el-input v-model="form1.principal" placeholder="璇疯緭鍏ヨ礋璐d汉" />
+        </el-form-item>
+        <el-form-item label="缃戝潃" prop="url">
+          <el-input v-model="form1.url" placeholder="璇疯緭鍏ョ綉鍧�" />
+        </el-form-item>
+        <el-form-item label="浼犵湡" prop="faxNumber">
+          <el-input v-model="form1.faxNumber" placeholder="璇疯緭鍏ヤ紶鐪�" />
+        </el-form-item>
+        <el-form-item label="琛屾斂鍖哄垝鍚嶇О" prop="areaName">
+          <el-input v-model="form1.areaName" placeholder="璇疯緭鍏ヨ鏀垮尯鍒掑悕绉�" />
+        </el-form-item>
+        <el-form-item label="鎺掑簭" prop="orderNum">
+          <el-input v-model="form1.orderNum" placeholder="璇疯緭鍏ユ帓搴�" />
+        </el-form-item>
+        <el-form-item label="鏈夋晥鏃堕棿" prop="validTime">
+          <el-date-picker clearable v-model="form1.validTime" type="date" value-format="yyyy-MM-dd"
+            placeholder="璇烽�夋嫨鏈夋晥鏃堕棿">
+          </el-date-picker> </el-form-item><br />
+        <el-form-item label="澶囨敞" prop="remark">
+          <el-input v-model="form1.remark" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" :rows="2" label-width="400px"
+            style="width: 830px" resize="none"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer2">
+        <el-button type="primary" @click="submitFormS">纭� 瀹�</el-button>
+        <el-button @click="cancel1">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="濮撳悕" prop="name">
-        <el-input style="width: 120px" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable
-          @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="韬唤璇佸彿" prop="idCard">
-        <el-input v-model="queryParams.idCard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable @keyup.enter.native="handleQuery" />
-      </el-form-item>
-      <el-form-item label="鑱旂郴鐢佃瘽" prop="phoe">
-        <el-input v-model="queryParams.phoe" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable @keyup.enter.native="handleQuery"
-          style="width: 140px" />
-      </el-form-item>
-      <el-form-item label="鍗曚綅鍚嶇О" prop="company">
-        <el-select :remote-method="getRemoteData" v-model="queryParams.company" value-key="drugManufacturerId" remote
-          filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect">
-          <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName"
-            :value="dict.cnName" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="棰勭害瓒呮湡" prop="isExpire">
-        <el-select v-model="queryParams.isExpire" placeholder="璇烽�夋嫨鏄惁瓒呮湡" clearable style="width: 140px">
-          <el-option v-for="dict in options" :key="dict.value" :label="dict.label" :value="dict.value" />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
-      </el-form-item>
+      <el-row>
+        <el-col>
+          <el-form-item label="濮撳悕" prop="name">
+            <el-input style="width: 120px" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" clearable
+              @keyup.enter.native="handleQuery" />
+          </el-form-item>
+          <el-form-item label="韬唤璇佸彿" prop="idCard">
+            <el-input v-model="queryParams.idCard" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable @keyup.enter.native="handleQuery" />
+          </el-form-item>
+
+          <el-form-item label="鍗曚綅鍚嶇О" prop="company">
+            <el-select :remote-method="getRemoteData" v-model="queryParams.company" remote default-first-option
+              allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1">
+              <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
+                :value="dict.drugManufacturerId" />
+            </el-select>
+            <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
+          </el-form-item>
+
+
+          <el-form-item label="濂楅鍚嶇О" prop="dwDeptName">
+            <el-select v-model="queryParams.dwDeptName" placeholder="璇烽�夋嫨濂楅鍚嶇О" clearable style="width: 100%"
+              @change="idFn2">
+              <el-option v-for="dict in deptList" :key="dict.id" :label="dict.dwDeptName" :value="dict.id" />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="鍒嗙粍鍚嶇О" prop="groupingName">
+            <el-select v-model="queryParams.groupingName" placeholder="璇烽�夋嫨鍒嗙粍鍚嶇О" clearable style="width: 100%">
+              <el-option v-for="dict in groupingList" :key="dict.id" :label="dict.pacName" :value="dict.id" />
+            </el-select>
+          </el-form-item>
+
+        </el-col>
+        <el-col>
+
+          <el-form-item label="棰勭害鏃堕棿">
+            <el-date-picker clearable v-model="createTimeList" @change="dateChangebirthday2" type="daterange"
+              range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions"
+              value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑洪绾︽椂闂�" style="width: 300px">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="鑱旂郴鐢佃瘽" prop="phoe">
+            <el-input v-model="queryParams.phoe" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable @keyup.enter.native="handleQuery"
+              style="width: 140px" />
+          </el-form-item>
+          <el-form-item label="棰勭害瓒呮湡" prop="isExpire">
+            <el-select v-model="queryParams.isExpire" placeholder="璇烽�夋嫨鏄惁瓒呮湡" clearable style="width: 140px">
+              <el-option v-for="dict in options" :key="dict.value" :label="dict.label" :value="dict.value" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" style="margin: 10px 15px">
       <el-col :span="1.5">
-        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch"
-          v-hasPermi="['reservation:reservation:remove']">鎾ら攢棰勭害</el-button>
+        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="multiple" @click="batch">鎾ら攢棰勭害</el-button>
+        <!--  v-hasPermi="['reservation:reservation:remove']" -->
       </el-col>
       <el-col :span="1.5">
-        <el-button type="primary" size="mini" :disabled="single" @click="receipt"
-          v-hasPermi="['reservation:reservation:remove']">琛ユ墦灏忕エ</el-button>
+        <el-button type="primary" size="mini" :disabled="single" @click="receipt">琛ユ墦灏忕エ</el-button>
+        <!-- v-hasPermi="['reservation:reservation:remove']" -->
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="primary" size="mini" :disabled="multiple" @click="Groupsignin">鍥綋绛惧埌</el-button>
+        <!-- v-hasPermi="['reservation:reservation:remove']" -->
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table border v-loading="loading" :data="reservationList" @selection-change="handleSelectionChange"
-      :default-sort="{ prop: 'reservationTime', order: 'descending' }" highlight-current-row>
+      :default-sort="{ prop: 'reservationTime', order: 'descending' }" highlight-current-row style="margin-left: 15px">
       <el-table-column type="selection" width="40px" align="center" fixed="left" :selectable="selectHandle" />
       <el-table-column label="濮撳悕" align="center" prop="name" width="90px" :show-overflow-tooltip="true" fixed="left" />
       <el-table-column label="鎬у埆" align="center" prop="sex" width="60px" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <span v-if="scope.row.sex == '0'">鐢�</span>
           <span v-if="scope.row.sex == '1'">濂�</span>
+          <span v-if="scope.row.sex == '2'">鏈煡</span>
         </template>
       </el-table-column>
       <el-table-column label="骞撮緞" align="center" prop="age" width="60px" :show-overflow-tooltip="true" />
@@ -59,15 +155,24 @@
         </template>
       </el-table-column>
       <el-table-column label="鑱旂郴鐢佃瘽" align="center" prop="phoe" width="110px" :show-overflow-tooltip="true" />
-      <el-table-column label="閭" align="center" prop="email" :show-overflow-tooltip="true" width="160px" />
-      <el-table-column label="鍦板潃" align="center" prop="address" :show-overflow-tooltip="true" width="160px" />
+
       <el-table-column label="棰勭害鏃堕棿" align="center" prop="reservationTime" width="100px" :show-overflow-tooltip="true"
         sortable>
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.reservationTime, "{y}-{m}-{d}") }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="浣撴绫诲瀷" align="center" prop="tjType" width="80px" :show-overflow-tooltip="true" />
+      <!-- <el-table-column
+        label="浣撴绫诲瀷"
+        align="center"
+        prop="tjType"
+        width="80px"
+        :show-overflow-tooltip="true"
+      >
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.dict_team" :value="scope.row.tjType" />
+        </template>
+      </el-table-column> -->
       <el-table-column label="濠氬Щ" align="center" prop="marriage" width="60px" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.dict_user_marry" :value="scope.row.marriage" />
@@ -87,12 +192,17 @@
         </template>
       </el-table-column>
       <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="company" :show-overflow-tooltip="true" />
+      <el-table-column label="濂楅鍚嶇О" align="center" prop="email" :show-overflow-tooltip="true" width="160px" />
+      <el-table-column label="鍒嗙粍鍚嶇О" align="center" prop="email" :show-overflow-tooltip="true" width="160px" />
+      <el-table-column label="鍦板潃" align="center" prop="address" :show-overflow-tooltip="true" width="160px" />
       <el-table-column label="鎿嶄綔" align="center" width="90px" fixed="right">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-s-order" @click="handleUpdate1(scope.row)"
-            v-hasPermi="['reservation:reservation:edit']" title="棰勭害璇︾粏"></el-button>
+            title="棰勭害璇︾粏"></el-button>
+          <!--  v-hasPermi="['reservation:reservation:edit']" -->
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-            v-hasPermi="['reservation:reservation:edit']" title="淇敼"></el-button>
+            title="淇敼"></el-button>
+          <!-- v-hasPermi="['reservation:reservation:edit']" -->
           <el-button size="mini" type="text" title="鎾ら攢棰勭害" icon="el-icon-delete" @click="handleDelete(scope.row)">
           </el-button>
         </template>
@@ -101,8 +211,8 @@
 
     <div class="pag">
       <div class="pag1">
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-          @pagination="getList" />
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
       </div>
     </div>
     <!-- 棰勭害鐧昏璇︽儏瀵硅瘽妗� -->
@@ -161,7 +271,7 @@
                 <el-input v-model="formIn.address" placeholder="璇疯緭鍏ョ幇灞呬綇鍦板潃" style="width: 410px" />
               </el-form-item>
               <el-form-item label="浣撴绫诲埆" prop="tjCategory">
-                <el-select style="width: 150px" v-model="formIn.tjCategory" placeholder="璇烽�夋嫨浣撴绫诲埆">
+                <el-select style="width: 140px" v-model="formIn.tjCategory" placeholder="璇烽�夋嫨浣撴绫诲埆">
                   <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label"
                     :value="dict.value"></el-option>
                 </el-select>
@@ -169,8 +279,13 @@
               <el-form-item label="閮ㄩ棬" prop="department">
                 <el-input v-model="formIn.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" />
               </el-form-item>
-              <el-form-item label="宸ヤ綔鍗曚綅" prop="company">
-                <el-input v-model="formIn.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 410px" />
+              <el-form-item label="鍗曚綅鍚嶇О" prop="company">
+                <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option
+                  allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1">
+                  <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
+                    :value="dict.drugManufacturerId" />
+                </el-select>
+                <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
               </el-form-item>
               <el-form-item label="鑱屼笟" prop="career">
                 <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="璇疯緭鍏ヨ亴涓�"
@@ -180,8 +295,8 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="棰勭害鏃ユ湡" prop="reservationTime">
-                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡"
-                  :picker-options="setDisabled" style="width: 160px">
+                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd"
+                  placeholder="閫夋嫨鏃ユ湡" :picker-options="setDisabled" style="width: 160px">
                 </el-date-picker>
               </el-form-item>
               <el-form-item label="鏃堕棿" prop="timeRegion">
@@ -203,7 +318,8 @@
                 <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch"
                   label-width="auto" @submit.native.prevent>
                   <el-form-item label="濂楅鍚嶇О" prop="pacName">
-                    <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" />
+                    <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable
+                      @keyup.enter.native="handle" />
                   </el-form-item>
                   <el-form-item>
                     <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">鏌ヨ</el-button>
@@ -241,9 +357,13 @@
               <el-tab-pane label="鍗曢」">
                 <div class="tab3">
                   <div class="tab2">
-                    <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps"
-                      @check-change="handleCurrentChecked">
-                    </el-tree>
+                    <v-tree-transfer :treeData="treedataList" :defaultProps="{
+                      children: 'tjProjectList',
+                      label: 'proName',
+                    }" :defaultKeys="defaultKeys" @changeKeys="changeCategoryKeys" :key="datekey"></v-tree-transfer>
+                    <!-- <el-tree :data="data" show-checkbox node-key="proId" :props="defaultProps"
+                      @check-change="handleCurrentChecked"> 
+                    </el-tree>-->
                   </div>
                 </div>
               </el-tab-pane>
@@ -269,7 +389,7 @@
                     <!-- <div class="tab1"> -->
                     <!-- <el-form :inline="true" class="tab1"> -->
                     <el-form-item label="搴旀敹閲戦">
-                      <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1 + '.00'" disabled style="width: 160px"></el-input>
+                      <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1" disabled style="width: 160px"></el-input>
                     </el-form-item>
                     <el-form-item label="浼樻儬鎶樻墸">
                       <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> -->
@@ -277,7 +397,7 @@
                         :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number>
                     </el-form-item>
                     <el-form-item label="瀹炴敹閲戦">
-                      <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" style="width: 120px"></el-input>
+                      <el-input placeholder="瀹炴敹閲戦" v-model="TotalPrice" style="width: 120px" disabled></el-input>
                     </el-form-item>
 
                     <el-form-item>
@@ -289,17 +409,91 @@
                   </el-form>
                 </template>
 
-                <div style="text-align: center; margin-bottom: 10px">
+                <div style="
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+                    width: 100%;
+                  ">
+                  <div style="
+                      white-space: nowrap;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      margin-left: 46px;
+                      font-size: 16px;
+                      margin-right: 20px;
+                    ">
+                    宸查�夐」鐩潯鏁帮細<span style="font-weight: 700; color: red; margin-right: 5px">{{ this.tableData1.length || 0
+                    }}</span>鏉�
+                  </div>
                   宸查�夐」鐩垪琛�
                 </div>
                 <div style="
                     padding: 0px 6px;
                     border: 1px solid #e6ebf5;
+                    max-height: 650%;
+                    overflow: auto;
+                    width: 916px;
+                    margin-left: 35px;
+                  ">
+                  <el-table :data="tableData1" border style="width: 100%">
+                    <el-table-column prop="proName" label="椤圭洰" width="180" align="center">
+                    </el-table-column>
+                    <el-table-column prop="proType" label="鎬у埆" width="50" align="center">
+                      <template slot-scope="scope">
+                        <template v-if="isAll(scope.row.proType)">
+                          鍏ㄩ儴
+                        </template>
+                        <template v-else>
+                          <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
+                        </template>
+                      </template>
+                    </el-table-column>
+
+                    <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center">
+                    </el-table-column>
+                    <el-table-column label="鎶樻墸" width="160px" align="center">
+                      <template slot-scope="scope">
+                        <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
+                          placeholder="杈撳叆鎶樻墸" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0"
+                          :disabled="true">
+                        </el-input-number>
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center">
+                    </el-table-column>
+                    <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center">
+                      <template slot-scope="scope">
+                        <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="鎿嶄綔" align="center" width="80px">
+                      <template slot-scope="scope">
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)"
+                          title="鍒犻櫎">
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+
+                <!-- <div style="text-align: center; margin-bottom: 10px">
+                  宸查�夐」鐩垪琛�
+                </div> -->
+                <!-- <div
+                  style="
+                    padding: 0px 6px;
+                    border: 1px solid #e6ebf5;
                     max-height: 420px;
                     overflow: auto;
-                  ">
-                  <el-collapse v-model="index" accordion v-if="list3">
-                    <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index">
+                  "
+                > -->
+                <!-- <el-collapse v-model="index" accordion v-if="list3">
+                    <div
+                      class="info1"
+                      v-for="(item, index) in tableData1"
+                      :key="'info1-' + index"
+                    >
                       <el-collapse-item :name="index">
                         <template slot="title">
                           {{
@@ -308,42 +502,108 @@
                             item.parentName +
                             " (搴旀敹閲戦:" +
                             item.ordPrice +
-                            ".00鍏� / 瀹炴敹閲戦:" +
+                            " / 瀹炴敹閲戦:" +
                             item.nowPrice +
-                            ".00鍏�)"
+                            "鍏�)"
                           }}
+                          <div style="font-size: 16px; margin-left: 20px">
+                            宸查�夐」鐩潯鏁帮細<span
+                              style="
+                                font-weight: 700 !important;
+                                color: red;
+                                margin-right: 5px;
+                              "
+                              >{{ item.list.length || 0 }}</span
+                            >鏉�
+                          </div>
                         </template>
-                        <el-table :data="item.list" border style="width: 100%" height="270">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+                        <el-table
+                          :data="item.list"
+                          border
+                          style="width: 100%"
+                          height="270"
+                        >
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
+                          <el-table-column label="鎶樻墸">
+                            <template slot-scope="scope">
+                              <el-input-number
+                                v-model.number="scope.row.discount"
+                                @input="validateDiscount(scope.row)"
+                                placeholder="杈撳叆鎶樻墸"
+                                size="small"
+                                type="number"
+                                :precision="1"
+                                :step="0.1"
+                                :max="10"
+                                :min="0"
+                              >
+                              </el-input-number>
+                            </template>
+                          </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-
+                          <el-table-column
+                            label="鎿嶄綔"
+                            align="center"
+                            width="80px"
+                          >
+                            <template slot-scope="scope">
+                              <el-button
+                                size="mini"
+                                type="text"
+                                icon="el-icon-delete"
+                                @click="handleDelete1(scope.row)"
+                                title="鍒犻櫎"
+                              >
+                              </el-button>
+                            </template>
+                          </el-table-column>
                         </el-table>
                       </el-collapse-item>
                     </div>
                   </el-collapse>
 
                   <el-collapse v-model="activeName" accordion v-if="list2">
-                    <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index">
+                    <div
+                      class="info"
+                      v-for="(item, index) in tableData1"
+                      :key="'info-' + index"
+                    >
                       <el-collapse-item>
                         <template slot="title">
                           {{ item.pacName }}
                         </template>
-                        <el-table :data="item.tjProjectList" border style="width: 100%" height="250">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+                        <el-table
+                          :data="item.tjProjectList"
+                          border
+                          style="width: 100%"
+                          height="250"
+                        >
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
-                          <el-table-column prop="proSex" label="鎬у埆" width="180">
+                          <el-table-column
+                            prop="proSex"
+                            label="鎬у埆"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-                          <el-table-column prop="isEat" label="绌鸿吂">
+                          <el-table-column prop="proCheckMethod" label="绌鸿吂">
                           </el-table-column>
-
                         </el-table>
                       </el-collapse-item>
                     </div>
@@ -353,22 +613,29 @@
                     <div>
                       <el-collapse-item title="璇烽�夋嫨椤圭洰">
                         <el-table :data="list" border style="width: 100%">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
-                          <el-table-column prop="proSex" label="鎬у埆" width="180">
+                          <el-table-column
+                            prop="proSex"
+                            label="鎬у埆"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-                          <el-table-column prop="isEat" label="绌鸿吂">
+                          <el-table-column prop="proCheckMethod" label="绌鸿吂">
                           </el-table-column>
-
                         </el-table>
                       </el-collapse-item>
                     </div>
-                  </el-collapse>
-                </div>
+                  </el-collapse> -->
+                <!-- </div> -->
               </div>
             </el-col>
           </el-row>
@@ -382,30 +649,45 @@
       </template>
     </el-drawer>
 
+    <el-dialog title="PDF 棰勮" :visible.sync="dialogVisible" :close-on-click-modal="false">
+      <div class="main">
+        <iframe id="printIframe" :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>
+      </div>
+    </el-dialog>
+
+    <el-dialog :title="title" :visible.sync="open2" width="800px" append-to-body>
+      <el-form ref="form" :model="forms" label-width="100px" :inline="true">
+        <el-form-item label="浣撴绫诲埆">
+          <el-select style="width: 150px" v-model="forms.tjCategory" placeholder="璇烽�夋嫨浣撴绫诲埆">
+            <el-option v-for="dict in dict.type.dict_tjtype" :key="dict.value" :label="dict.label"
+              :value="dict.value"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer2">
+        <el-button type="primary" @click="submitType">纭� 瀹�</el-button>
+        <el-button @click="cancel">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+
     <div style="
-              position: absolute;
-              bottom: 100px;
-              left: 500px;
-              width: 700px;
-              display: none;
-            ">
+        position: absolute;
+        bottom: 100px;
+        left: 500px;
+        width: 700px;
+        display: none;
+      ">
       <div id="printBill">
         <div style="font-size: 13px; color: #000000">
-          <div style="width: 48%; margin-top: 10px">
-            濮撳悕锛歿{ fmobj.name }}
-          </div>
+          <div style="width: 48%; margin-top: 10px">濮撳悕锛歿{ fmobj.name }}</div>
           <div style="width: 48%; margin-top: 10px">
             鎬у埆锛歿{ fmobj.sex === 0 ? "鐢�" : "濂�" }}
           </div>
-          <div style="width: 48%; margin-top: 10px">
-            鐢佃瘽:{{ fmobj.phoe }}
-          </div>
+          <div style="width: 48%; margin-top: 10px">鐢佃瘽:{{ fmobj.phoe }}</div>
           <div style="width: 48%; margin-top: 10px">
             鏃ユ湡:{{ fmobj.reservationTime }}
           </div>
-          <div style="width: 58%; margin-top: 10px">
-            濂楅锛歿{ pacName }}
-          </div>
+          <div style="width: 58%; margin-top: 10px">濂楅锛歿{ pacName }}</div>
           <div style="width: 100%; margin-top: 10px">娓╅Θ鎻愮ず锛�</div>
           <div style="width: 100%">1銆侀噰琛�锛岃吂閮ㄥ僵瓒呮鏌ュ悗鏂瑰彲鐢ㄩ銆�</div>
           <div style="width: 100%">
@@ -414,15 +696,11 @@
           <div style="width: 100%">
             3銆佹��瀛曟垨鍙兘宸插彈瀛曠殑濂冲+锛岃繕搴旈伩鍏嶅绉戙�佹斁灏勭鍙婇槾寮忚秴澹版鏌ャ��
           </div>
-          <div style="width: 100%">
-            4銆佺粡鏈熷コ鎬т笉瀹滆繘琛屽绉戝強灏垮父瑙勬鏌ャ��
-          </div>
+          <div style="width: 100%">4銆佺粡鏈熷コ鎬т笉瀹滆繘琛屽绉戝強灏垮父瑙勬鏌ャ��</div>
           <div style="width: 100%">
             5銆佽嫢鎮ㄥ湪绛夊緟妫�鏌ヨ繃绋嬩腑鏈夌枒闂紝璇峰強鏃惰仈绯诲妫�鎶ゅ+銆�
           </div>
-          <div style="width: 100%">
-            6銆佷綋妫�缁撴潫鍚庤灏嗗妫�鍗曚氦杩樿嚦鍓嶅彴銆�
-          </div>
+          <div style="width: 100%">6銆佷綋妫�缁撴潫鍚庤灏嗗妫�鍗曚氦杩樿嚦鍓嶅彴銆�</div>
         </div>
       </div>
     </div>
@@ -491,8 +769,13 @@
               <el-form-item label="閮ㄩ棬" prop="department">
                 <el-input v-model="formIn.department" placeholder="璇疯緭鍏ラ儴闂�" style="width: 160px" />
               </el-form-item>
-              <el-form-item label="宸ヤ綔鍗曚綅" prop="company">
-                <el-input v-model="formIn.company" placeholder="璇疯緭鍏ュ伐浣滃崟浣�" style="width: 410px" />
+              <el-form-item label="鍗曚綅鍚嶇О" prop="company">
+                <el-select :remote-method="getRemoteData" v-model="formIn.company" remote default-first-option
+                  allow-create filterable style="width: 200px" placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="idFn1">
+                  <el-option v-for="dict in CompanyList" :key="dict.cnName" :label="dict.cnName"
+                    :value="dict.drugManufacturerId" />
+                </el-select>
+                <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
               </el-form-item>
               <el-form-item label="鑱屼笟" prop="career">
                 <el-select filterable :disabled="isDisabled" v-model="formIn.career" placeholder="璇疯緭鍏ヨ亴涓�"
@@ -502,8 +785,8 @@
                 </el-select>
               </el-form-item>
               <el-form-item label="棰勭害鏃ユ湡" prop="reservationTime">
-                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡"
-                  :picker-options="setDisabled" style="width: 160px">
+                <el-date-picker v-model="formIn.reservationTime" type="date" value-format="yyyy-MM-dd"
+                  placeholder="閫夋嫨鏃ユ湡" :picker-options="setDisabled" style="width: 160px">
                 </el-date-picker>
               </el-form-item>
               <el-form-item label="鏃堕棿" prop="timeRegion">
@@ -515,7 +798,7 @@
               <el-form-item label="鍗″彿" prop="indexCard">
                 <el-input v-model="formIn.indexCard" placeholder="璇疯緭鍏ュ崱鍙�" style="width: 190px" />
               </el-form-item>
-              <el-button type="primary" @click="taocan = true" size="mini">閫夋嫨濂楅</el-button>
+              <!-- <el-button type="primary" @click="Package" size="mini">閫夋嫨濂楅</el-button> -->
             </el-form>
           </div>
 
@@ -525,7 +808,8 @@
                 <el-form :model="queryParam" ref="queryForm" size="small" :inline="true" v-show="showSearch"
                   label-width="auto" @submit.native.prevent>
                   <el-form-item label="濂楅鍚嶇О" prop="pacName">
-                    <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable @keyup.enter.native="handle" />
+                    <el-input v-model="queryParam.pacName" placeholder="璇疯緭鍏ュ椁愬悕绉�" clearable
+                      @keyup.enter.native="handle" />
                   </el-form-item>
                   <el-form-item>
                     <el-button type="primary" icon="el-icon-search" size="mini" @click="handle">鏌ヨ</el-button>
@@ -539,6 +823,7 @@
                       <template slot="empty">鏁版嵁姝e湪鍔犺浇涓�</template>
                       <el-table-column type="selection" width="40px" align="center" label="閫夋嫨" />
                       <el-table-column label="濂楅鍚嶇О" align="center" prop="pacName" width="120px" />
+                      <el-table-column label="濂楅浠锋牸" align="center" prop="price" width="120px" />
                       <el-table-column label="濂楅鏄庣粏" align="center" prop="allProName" :show-overflow-tooltip="true" />
                     </el-table>
                   </div>
@@ -603,14 +888,10 @@
                           :value="dict.value"></el-option>
                       </el-select>
                     </el-form-item>
-
-                    <!-- <div class="tab1"> -->
-                    <!-- <el-form :inline="true" class="tab1"> -->
                     <el-form-item label="搴旀敹閲戦">
-                      <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1 + '.00'" disabled style="width: 160px"></el-input>
+                      <el-input placeholder="搴旀敹閲戦" :value="TotalPrice1" disabled style="width: 160px"></el-input>
                     </el-form-item>
                     <el-form-item label="浼樻儬鎶樻墸">
-                      <!-- <el-input style="width: 100px" type="number" v-model="discount" :value="discount"></el-input> -->
                       <el-input-number ref="inputNumber" style="width: 130px" v-model="discount" :precision="2"
                         :step="0.1" :max="10" :min="1" @change="numberChange" :disabled="isfalse"></el-input-number>
                     </el-form-item>
@@ -619,7 +900,7 @@
                     </el-form-item>
 
                     <el-form-item>
-                      <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">绛惧埌鐧昏</el-button>
+                      <el-button type="primary" @click="submitPrice" :disabled="confirm" size="mini">棰勭害淇敼</el-button>
                     </el-form-item>
                     <!-- </el-form> -->
                     <!-- </div> -->
@@ -629,14 +910,78 @@
                 <div style="text-align: center; margin-bottom: 10px">
                   宸查�夐」鐩垪琛�
                 </div>
+
                 <div style="
+                    padding: 0px 6px;
+                    border: 1px solid #e6ebf5;
+                    max-height: 650%;
+                    overflow: auto;
+                    width: 916px;
+                    margin-left: 35px;
+                  ">
+                  <el-table :data="tableData1" border style="width: 100%">
+                    <el-table-column prop="proName" label="椤圭洰" width="180" align="center">
+                    </el-table-column>
+                    <el-table-column prop="proType" label="鎬у埆" width="50" align="center">
+                      <template slot-scope="scope">
+                        <template v-if="isAll(scope.row.proType)">
+                          鍏ㄩ儴
+                        </template>
+                        <template v-else>
+                          <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.proType" />
+                        </template>
+                      </template>
+                    </el-table-column>
+
+                    <el-table-column prop="ordPrice" label="搴旀敹閲戦" align="center">
+                    </el-table-column>
+                    <el-table-column label="鎶樻墸" width="160px" align="center">
+                      <template slot-scope="scope">
+                        <el-input-number v-model.number="scope.row.discount" @input="validateDiscount(scope.row)"
+                          placeholder="杈撳叆鎶樻墸" size="small" type="number" :precision="1" :step="0.1" :max="10" :min="0"
+                          :disabled="true">
+                        </el-input-number>
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="nowPrice" label="瀹炴敹閲戦" align="center">
+                    </el-table-column>
+                    <el-table-column prop="proCheckMethod" label="鏄惁绌鸿吂" align="center">
+                      <template slot-scope="scope">
+                        <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.proCheckMethod" />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="鎿嶄綔" align="center" width="80px">
+                      <template slot-scope="scope">
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete1(scope.row)"
+                          title="鍒犻櫎">
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+
+                <!--  <div
+                  style="
                     padding: 0px 6px;
                     border: 1px solid #e6ebf5;
                     max-height: 420px;
                     overflow: auto;
-                  ">
+                  "
+                >
+                  <div
+                    style="
+                      padding: 0px 6px;
+                      border: 1px solid #e6ebf5;
+                      max-height: 420px;
+                      overflow: auto;
+                    "
+                  ></div>
                   <el-collapse v-model="index" accordion v-if="list3">
-                    <div class="info1" v-for="(item, index) in tableData1" :key="'info1-' + index">
+                    <div
+                      class="info1"
+                      v-for="(item, index) in tableData1"
+                      :key="'info1-' + index"
+                    >
                       <el-collapse-item :name="index">
                         <template slot="title">
                           {{
@@ -649,42 +994,97 @@
                             item.nowPrice +
                             ".00鍏�)"
                           }}
+                          <div style="font-size: 16px; margin-left: 20px">
+                            宸查�夐」鐩潯鏁帮細<span
+                              style="
+                                font-weight: 700 !important;
+                                color: red;
+                                margin-right: 5px;
+                              "
+                              >{{ item.list.length || 0 }}</span
+                            >鏉�
+                          </div>
                         </template>
-                        <el-table :data="item.list" border style="width: 100%" height="270">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+
+                        <el-table
+                          :data="item.list"
+                          border
+                          style="width: 100%"
+                          height="270"
+                        >
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
-                          <el-table-column prop="proSex" label="鎬у埆" width="180">
+                          <el-table-column
+                            prop="proSex"
+                            label="鎬у埆"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
+                          <el-table-column label="鎶樻墸">
+                            <template slot-scope="scope">
+                              <el-input-number
+                                v-model.number="scope.row.discount"
+                                @input="validateDiscount(scope.row)"
+                                placeholder="杈撳叆鎶樻墸"
+                                size="small"
+                                type="number"
+                                :precision="1"
+                                :step="0.1"
+                                :max="10"
+                                :min="0"
+                              >
+                              </el-input-number>
+                            </template>
+                          </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-                          <el-table-column prop="isEat" label="绌鸿吂">
+                          <el-table-column prop="proCheckMethod" label="绌鸿吂">
                           </el-table-column>
-
                         </el-table>
                       </el-collapse-item>
                     </div>
                   </el-collapse>
 
                   <el-collapse v-model="activeName" accordion v-if="list2">
-                    <div class="info" v-for="(item, index) in tableData1" :key="'info-' + index">
+                    <div
+                      class="info"
+                      v-for="(item, index) in tableData1"
+                      :key="'info-' + index"
+                    >
                       <el-collapse-item>
                         <template slot="title">
                           {{ item.pacName }}
                         </template>
-                        <el-table :data="item.tjProjectList" border style="width: 100%" height="250">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+                        <el-table
+                          :data="item.tjProjectList"
+                          border
+                          style="width: 100%"
+                          height="250"
+                        >
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
-                          <el-table-column prop="proSex" label="鎬у埆" width="180">
+                          <el-table-column
+                            prop="proSex"
+                            label="鎬у埆"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-                          <el-table-column prop="isEat" label="绌鸿吂">
+                          <el-table-column prop="proCheckMethod" label="绌鸿吂">
                           </el-table-column>
-
                         </el-table>
                       </el-collapse-item>
                     </div>
@@ -694,22 +1094,29 @@
                     <div>
                       <el-collapse-item title="璇烽�夋嫨椤圭洰">
                         <el-table :data="list" border style="width: 100%">
-                          <el-table-column prop="proName" label="椤圭洰" width="180">
+                          <el-table-column
+                            prop="proName"
+                            label="椤圭洰"
+                            width="180"
+                          >
                           </el-table-column>
-                          <el-table-column prop="proSex" label="鎬у埆" width="180">
+                          <el-table-column
+                            prop="proSex"
+                            label="鎬у埆"
+                            width="180"
+                          >
                           </el-table-column>
                           <el-table-column prop="ordPrice" label="搴旀敹閲戦">
                           </el-table-column>
                           <el-table-column prop="nowPrice" label="瀹炴敹閲戦">
                           </el-table-column>
-                          <el-table-column prop="isEat" label="绌鸿吂">
+                          <el-table-column prop="proCheckMethod" label="绌鸿吂">
                           </el-table-column>
-
                         </el-table>
                       </el-collapse-item>
                     </div>
                   </el-collapse>
-                </div>
+                </div> -->
               </div>
             </el-col>
           </el-row>
@@ -726,17 +1133,62 @@
 </template>
 
 <script>
-import { listReservation, gettjCancel, tjReappoint, tjCancelTj, } from "@/api/reservation/reservation";
+import {
+  addComp, addPlOrderAndDetail, Deptlist,
+  getDwAndDwDept,
+} from "@/api/system/comp";
+import Big from "big.js";
+import { Loading } from "element-ui";
+import {
+  listReservation,
+  gettjCancel,
+  tjReappoint,
+  tjCancelTj,
+  getReservation,
+} from "@/api/reservation/reservation";
 import printJS from "print-js";
-import { deptTreeSelect, projectGetList, getPackageListName, getaddtTransition, getTransitionList, } from "@/api/system/tijian";
+import {
+  deptTreeSelect,
+  projectGetList,
+  getPackageListName,
+  getaddtTransition,
+  getTransitionList,
+  getconfigKey,
+  delTbBycusCardIdAndProId,
+  getTransitionList1,
+} from "@/api/system/tijian";
 import { getCompany, queryCompany } from "@/api/team/tuanti";
 import user from "@/store/modules/user";
+import VTreeTransfer from "../../system/tijian/TreeTransfer.vue";
 export default {
+  components: {
+    VTreeTransfer,
+  },
   name: "Reservation",
-  dicts: ["dict_user_national", "dict_user_national", "dict_user_marry", "sys_yes_no",
-    "sys_user_sex", "dict_team", "tj_time_region", "dict_tjtype", "dict_job",
-    "dict_user_cardtype", "dict_ageunit",],
+  dicts: [
+    "dict_user_national",
+    "dict_user_national",
+    "dict_user_marry",
+    "sys_yes_no",
+    "sys_user_sex",
+    "dict_team",
+    "tj_time_region",
+    "dict_tjtype",
+    "dict_job",
+    "dict_user_cardtype",
+    "dict_ageunit",
+  ],
   data() {
+    let checkPhoneNum = (rule, value, callback) => {
+      let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
+      if (value == "" && value == undefined && !value) {
+        return callback("");
+      } else if (value != undefined && value != "") {
+        return callback();
+      } else if (!patter.test(value)) {
+        return callback("");
+      }
+    };
     return {
       isfalse: false,
       tijiao1: true,
@@ -749,7 +1201,12 @@
           return time.getTime() < Date.now() - 8.64e7; // 涓嶅彲閫夊巻鍙插ぉ銆佷笉鍙�夊綋鍓嶅ぉ銆佸彲閫夋湭鏉ュぉ
         },
       },
+      discount: 10,
       taocan: false,
+      webSocket: null,
+      defaultKeys: [],
+      deptList: [],
+      groupingList: [],
       value1: "",
       pacName: "",
       hides: false,
@@ -759,6 +1216,10 @@
       dialogVisibles: false,
       src: "",
       url: "",
+      open2: false,
+      forms: {
+        tjCategory: "12",
+      },
       dialogVisible: false,
       /** 鐓х浉鏈哄脊绐楁ā鍧�-start */
       videoWidth: 200,
@@ -769,6 +1230,8 @@
       thisCancas: null,
       thisContext: null,
       thisVideo: null,
+      datekey: Date.now(),
+      treedataList: [],
       list: [],
       activeName: "1",
       // 閬僵灞�
@@ -812,10 +1275,13 @@
       multiple: true,
       nodeobj: {},
       // 鏄惁鏄剧ず寮瑰嚭灞�
-      Seachopen: false,
+
       pacId: "",
+      cusIds: [],
       // 缁撴灉
       result: "",
+      createTimeList: "",
+      startTime: "",
       proIds: [],
       // 鏄剧ず鎼滅储鏉′欢
       showSearch: true,
@@ -847,6 +1313,8 @@
         cusBrithday: null,
         cusAddr: null,
         cusPhone: null,
+        yykssj: "", // 棰勭害寮�濮嬫椂闂�
+        yyjssj: "", // 棰勭害缁撴潫鏃堕棿
         cusPostcode: null,
         cusEmail: null,
         indexCard: null,
@@ -857,28 +1325,68 @@
         cusNumber: null,
         cusIsvip: null,
       },
-      formIn: {},
+      formIn: {
+        name: "",
+        age: "",
+        idCard: "",
+        remark: null,
+        pacName: "",
+        cusaddr: null,
+        idType: null,
+        ageUnit: null,
+        sex: null,
+        phoe: "",
+        nation: null,
+        email: "",
+        marriage: null,
+        address: "",
+        tjCategory: null,
+        company: "",
+        career: null,
+        reservationTime: null,
+        timeRegion: null,
+        indexCard: "",
+        department: "",
+      },
       fmobj: {},
       // 琛ㄥ崟鏍¢獙
+      form1: {},
+      open1: false,
+      rules1: {
+        cnName: [{ required: true, trigger: "blur" }],
+        contactPerson: [{ required: true, trigger: "blur" }],
+        contactPhone: [
+          {
+            required: true,
+            trigger: "blur",
+          },
+          {
+            pattern: /^1[3-9]\d{9}$/,
+            trigger: "blur",
+          },
+        ],
+      },
       rules: {
-        cusName: [{ required: true, message: "濮撳悕涓嶈兘涓虹┖", trigger: "blur" }],
+        cusName: [
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
+        ],
         cusSex: [
-          { required: true, message: "鎬у埆涓嶈兘涓虹┖", trigger: "change" },
+          { required: true, validator: checkPhoneNum, trigger: "change" },
         ],
         cusBrithday: [
-          { required: true, message: "鍑虹敓鏃ユ湡涓嶈兘涓虹┖", trigger: "blur" },
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
         ],
         // cusAddr: [
         //   { required: true, message: "鐜板眳浣忓湴鍧�涓嶈兘涓虹┖", trigger: "blur" },
         // ],
         cusPhone: [
-          { required: true, message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖", trigger: "blur" },
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
         ],
         reservationTime: [
-          { required: true, message: "棰勭害鏃ユ湡涓嶈兘涓虹┖", trigger: "change" },
+          { required: true, validator: checkPhoneNum, trigger: "change" },
         ],
         timeRegion: [
-          { required: true, message: "鏃堕棿涓嶈兘涓虹┖", trigger: "blur" },
+          { required: true, validator: checkPhoneNum, trigger: "blur" },
         ],
       },
       options: [
@@ -908,6 +1416,7 @@
       reservationList: [],
       // 寮瑰嚭灞傛爣棰�
       title: "",
+      valueUrls: "ws://127.0.0.1:6789/websocket",
       drawer: false,
       drawer1: false,
       // 鏌ヨ鍙傛暟
@@ -917,6 +1426,7 @@
         orderByColumn: "reservationTime",
         isAsc: "desc",
         name: null,
+        reservationTime: null,
         idCard: null,
         phoe: null,
         email: null,
@@ -932,21 +1442,21 @@
         name: [
           {
             required: true,
-            message: "濮撳悕涓嶈兘涓虹┖",
+            validator: checkPhoneNum,
             trigger: "blur",
           },
         ],
         idCard: [
           {
             required: true,
-            message: "韬唤璇佸彿涓嶈兘涓虹┖",
+            validator: checkPhoneNum,
             trigger: "blur",
           },
         ],
         phoe: [
           {
             required: true,
-            message: "鑱旂郴鐢佃瘽涓嶈兘涓虹┖",
+            validator: checkPhoneNum,
             trigger: "blur",
           },
         ],
@@ -958,44 +1468,191 @@
         //   },
         // ],
       },
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "鏈�杩戜竴鍛�",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date(new Date().setHours(0, 0, 0, 0));
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "鏈�杩戜竴涓湀",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date(new Date().setHours(0, 0, 0, 0));
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "鏈�杩戜笁涓湀",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date(new Date().setHours(0, 0, 0, 0));
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
     };
   },
   created() {
     this.getList();
   },
   methods: {
+    isAll(value) {
+      return value === "" || value === null;
+    },
+    validateDiscount(row) {
+      if (row.discount == null || isNaN(row.discount)) {
+        row.discount = 10;
+      }
+      if (row.discount > 10) {
+        row.discount = 10; // 寮哄埗灏嗗�艰缃负鏈�澶у��
+      } else if (row.discount < 0) {
+        row.discount = 0; // 寮哄埗灏嗗�艰缃负鏈�灏忓��
+      }
+      this.updateProPrice(row); // 鏇存柊浠锋牸鎴栧叾浠栭�昏緫
+    },
+    updateProPrice(row) {
+      const ordPrice = new Big(row.ordPrice || 0);
+      const discount = new Big(row.discount || 0);
+      const result = ordPrice.times(discount.div(10)); // ordPrice * (discount / 10)
+      row.nowPrice = result.toNumber();
+      this.TotalPrice = this.tableData1.reduce((sum, item) => {
+        return sum.plus(new Big(item.nowPrice || "0"));
+      }, new Big(0));
+
+      this.discount =
+        (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) * 10;
+    },
+
+    dateChangebirthday2(val) {
+      this.startTime = val;
+    },
+
+    /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+    handleDelete1(row) {
+      // console.log(row);
+      let data = {
+        cusCardId: row.cusId,
+        proId: row.parentProId,
+      };
+      this.$modal
+        .confirm("鏄惁纭鍒犻櫎锛�")
+        .then(() => {
+          return delTbBycusCardIdAndProId(data);
+        })
+        .then(() => {
+          this.TotalPrice1 = 0;
+          getTransitionList1(row.cusId).then((response) => {
+            this.tableData1 = response.data;
+
+            this.tableData1.forEach((item) => {
+              this.TotalPrice1 += item.ordPrice;
+              this.TotalPrice += item.nowPrice;
+            });
+            this.TotalPrice = this.tableData1.reduce((sum, item) => {
+              return sum.plus(new Big(item.nowPrice || "0"));
+            }, new Big(0));
+            this.discount =
+              (Math.floor((this.TotalPrice / this.TotalPrice1) * 100) / 100) *
+              10;
+          });
+          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        })
+        .catch(() => { });
+    },
+    getCompanyList() {
+      this.loading = true;
+      getconfigKey("team_reservation_default_day").then((res) => {
+        this.queryParams.yxts = res.msg;
+      });
+      getCompany(this.queryParam).then((response) => {
+        this.CompanyList = response.data;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    cancel1() {
+      this.open1 = false;
+      this.reset1();
+    },
+    submitFormS() {
+      this.$refs["form1"].validate((valid) => {
+        if (valid) {
+          addComp(this.form1).then((response) => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.open1 = false;
+            this.getCompanyList();
+          });
+        }
+      });
+    },
+    reset1() {
+      this.form1 = {
+        company: "",
+        payType: "",
+        name: "",
+        phoe: "",
+        signingPic: "",
+        discount: "",
+      };
+    },
+    handleAdd1() {
+      this.reset1();
+      this.open1 = true;
+      this.title = "娣诲姞浣撴鍗曚綅淇℃伅缁存姢";
+    },
+    idFn1(value) {
+      console.log(value)
+      if (value) {
+        this.form.dictCompId = value;
+        this.CompanyList.forEach((item) => {
+          if (item.drugManufacturerId == this.form.dictCompId) {
+            this.form.compName = item.cnName;
+            this.queryParams.company = item.cnName;
+          }
+        });
+        Deptlist(value).then((response) => {
+          this.deptList = response.data;
+        });
+      }
+    },
+    idFn2(value) {
+      let data = {
+        deptId: value,
+        dwId: this.form.dictCompId,
+      };
+      getDwAndDwDept(data).then((response) => {
+        // 閮ㄩ棬鍚嶇О
+        this.groupingList = response.data;
+
+      });
+    },
     /** 鏌ヨ浣撴棰勭害鍒楄〃 */
     getList() {
       this.loading = true;
+      if (this.startTime) {
+        this.queryParams.yykssj = this.startTime[0];
+        this.queryParams.yyjssj = this.startTime[1];
+      } else if (this.createTimeList) {
+        this.queryParams.yykssj = this.createTimeList[0];
+        this.queryParams.yyjssj = this.createTimeList[1];
+      } else if (this.createTimeList == null) {
+        this.queryParams.yykssj = null;
+        this.queryParams.yyjssj = null;
+      }
       listReservation(this.queryParams).then((response) => {
         this.reservationList = response.rows;
         //  response.rows.forEach((item, index) =>
         // {item.newID =(this.queryParams.pageNum - 1) * this.queryParams.pageSize +index +1;
         //   });
-        this.reservationList.forEach((item) => {
-          if (item.tjType === "2") {
-            item.tjType = "涓汉";
-          } else {
-            item.tjType = "鍥㈤槦";
-          }
-          if (item.tjCategory === "01") {
-            item.tjCategory = "鍋ュ悍浣撴";
-          } else if (item.tjCategory === "02") {
-            item.tjCategory = "鑱屼笟鐥呬綋妫�";
-          } else if (item.tjCategory === "03") {
-            item.tjCategory = "鍏崼浣撴";
-          } else if (item.tjCategory === "04") {
-            item.tjCategory = "鍏ヨ亴浣撴";
-          } else if (item.tjCategory === "05") {
-            item.tjCategory = "鍏姟鍛樹綋妫�";
-          } else if (item.tjCategory === "06") {
-            item.tjCategory = "鍖讳繚浣撴";
-          } else if (item.tjCategory === "07") {
-            item.tjCategory = "濠氭";
-          } else if (item.tjCategory === "09") {
-            item.tjCategory = "鍑哄叆澧冧綋妫�";
-          }
-        });
         this.total = response.total;
         this.loading = false;
       });
@@ -1007,6 +1664,7 @@
     // 鍙栨秷鎸夐挳
     cancel() {
       this.open = false;
+      this.open2 = false;
       this.reset();
     },
 
@@ -1065,15 +1723,37 @@
     },
     /** 閲嶇疆鎸夐挳鎿嶄綔 */
     resetQuery() {
+      this.startTime = [];
+      this.createTimeList = [];
       this.resetForm("queryForm");
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        cusName: null,
+        cusSex: null,
+        cusBrithday: null,
+        cusAddr: null,
+        cusPhone: null,
+        yykssj: "", // 棰勭害寮�濮嬫椂闂�
+        yyjssj: "", // 棰勭害缁撴潫鏃堕棿
+        cusPostcode: null,
+        cusEmail: null,
+        indexCard: null,
+        cusNational: null,
+        cusMarryStatus: null,
+        cusIdcard: null,
+        cusIntroduce: null,
+        cusNumber: null,
+        cusIsvip: null,
+      };
       this.handleQuery();
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
-      selection.forEach(item =>{
-         this.fmobj = item
-      })
-      console.log(this.fmobj)
+      this.cusIds = selection.map((item) => item.idCard);
+      selection.forEach((item) => {
+        this.fmobj = item;
+      });
       this.ids = selection.map((item) => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
@@ -1090,6 +1770,7 @@
     handleUpdate(row) {
       this.title = "淇敼浣撴棰勭害";
       this.formIn = row;
+      this.form.tjType = this.formIn.tjType;
       if (this.formIn.timeRegion === 0) {
         this.formIn.timeRegion = "8:00-9:00";
       }
@@ -1104,66 +1785,74 @@
       }
       if (this.formIn.isExpire === 2) {
         this.drawer = true;
-        this.discount = this.formIn.discount;
+        if (this.formIn.discount != null) {
+          this.discount = this.formIn.discount;
+        }
+
         //鍏ㄩ儴濂楅
         if (this.formIn.sex != null) {
           let cusSex = this.formIn.sex;
           deptTreeSelect(cusSex).then((response) => {
             this.newpacName = response.rows;
-            this.newpacName.forEach((item3) => {
-              this.tableData1.forEach((item4) => {
-                item4.list.forEach((item6) => {
-                  if (item6.pacName === item3.pacName) {
-                    this.$refs.tb.toggleRowSelection(item3, true);
-                    throw Error();
-                  }
-                });
-              });
-            });
+            // this.newpacName.forEach((item3) => {
+            //   this.tableData1.forEach((item4) => {
+            //     item4.list.forEach((item6) => {
+            //       if (item6.pacName === item3.pacName) {
+            //         this.$refs.tb.toggleRowSelection(item3, true);
+            //         throw Error();
+            //       }
+            //     });
+            //   });
+            // });
             this.loading = false;
           });
         } else {
           deptTreeSelect().then((response) => {
             this.newpacName = response.rows;
-            this.newpacName.forEach((item3) => {
-              this.tableData1.forEach((item4) => {
-                item4.list.forEach((item6) => {
-                  if (item6.pacName === item3.pacName) {
-                    this.$nextTick(() => {
-                      this.$refs.tb.toggleRowSelection(item3, true);
-                    });
-                    throw Error();
-                  }
-                });
-              });
-            });
+            // this.newpacName.forEach((item3) => {
+            //   this.tableData1.forEach((item4) => {
+            //     item4.list.forEach((item6) => {
+            //       if (item6.pacName === item3.pacName) {
+            //         this.$nextTick(() => {
+            //           this.$refs.tb.toggleRowSelection(item3, true);
+            //         });
+            //         throw Error();
+            //       }
+            //     });
+            //   });
+            // });
             this.loading = false;
           });
         }
-        let cusId = this.formIn.idCard;
+        let id = this.formIn.id;
         this.list1 = true;
         (this.tableData1 = []),
           (this.newpacName = []),
-          getTransitionList(cusId).then((response) => {
+          getReservation(id).then((response) => {
             if (response.data) {
-              this.tableData1 = response.data;
-              if (this.tableData1.length != 0) {
-                this.TotalPrice1 = 0;
-                this.tableData1.forEach((item) => {
-                  this.TotalPrice1 += item.nowPrice;
-                  this.TotalPrice = (
-                    this.TotalPrice1 *
-                    (this.discount / 10)
-                  ).toFixed(2);
-                  if (item.pacName === null) {
-                    item.pacName = "鍗曢」";
+              let cusId = response.data.idCard;
+              getTransitionList1(cusId).then((response) => {
+                if (response.data) {
+                  this.tableData1 = response.data;
+                  if (this.tableData1.length != 0) {
+                    this.TotalPrice1 = 0;
+                    this.tableData1.forEach((item) => {
+                      this.TotalPrice1 += item.nowPrice;
+                      this.TotalPrice = (
+                        this.TotalPrice1 *
+                        (this.discount / 10)
+                      ).toFixed(2);
+                      if (item.pacName === null) {
+                        item.pacName = "鍗曢」";
+                      }
+                    });
+                    this.list1 = false;
+                    this.list3 = true;
+                  } else {
+                    this.list1 = true;
                   }
-                });
-                this.list1 = false;
-                this.list3 = true;
-              } else {
-                this.list1 = true;
-              }
+                }
+              });
             } else {
               this.tableData1 = [];
               this.list3 = false;
@@ -1171,15 +1860,19 @@
             }
           });
 
-        /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
-        projectGetList().then((response) => {
-          this.data = response.data;
-          this.dXData = response.data;
-          return;
-        });
+        // /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
+        // projectGetList().then((response) => {
+        //   this.treedataList = response.data.list;
+        //   this.dXData = response.data.list;
+        //   return;
+        // });
       } else {
         this.$message.warning("宸茶繃鏈熻閲嶆柊棰勭害");
       }
+    },
+    changeCategoryKeys(val) {
+      this.proIds = [];
+      this.proIds = val;
     },
     /** 淇敼璇︾粏鎸夐挳鎿嶄綔 */
     handleUpdate1(row) {
@@ -1201,7 +1894,9 @@
         this.tijiao1 = false;
       }
       this.drawer1 = true;
-      this.discount = this.formIn.discount;
+      if (this.formIn.discount != null) {
+        this.discount = this.formIn.discount;
+      }
       //鍏ㄩ儴濂楅
       if (this.formIn.sex != null) {
         let cusSex = this.formIn.sex;
@@ -1239,41 +1934,47 @@
           this.loading = false;
         });
       }
-      let cusId = this.formIn.idCard;
+      let id = this.formIn.id;
       this.list1 = true;
       (this.tableData1 = []),
         (this.newpacName = []),
-        getTransitionList(cusId).then((response) => {
+        getReservation(id).then((response) => {
           if (response.data) {
-            this.tableData1 = response.data;
-            if (this.tableData1.length != 0) {
-              this.TotalPrice1 = 0;
-              this.tableData1.forEach((item) => {
-                this.TotalPrice1 += item.nowPrice;
-                this.TotalPrice = (
-                  this.TotalPrice1 *
-                  (this.discount / 10)
-                ).toFixed(2);
-                if (item.pacName === null) {
-                  item.pacName = "鍗曢」";
+            let cusId = response.data.idCard;
+            getTransitionList1(cusId).then((response) => {
+              if (response.data) {
+                this.tableData1 = response.data;
+
+                if (this.tableData1.length != 0) {
+                  this.TotalPrice1 = 0;
+                  this.tableData1.forEach((item) => {
+                    this.TotalPrice1 += item.nowPrice;
+                    this.TotalPrice = (
+                      this.TotalPrice1 *
+                      (this.discount / 10)
+                    ).toFixed(2);
+                    if (item.pacName === null) {
+                      item.pacName = "鍗曢」";
+                    }
+                  });
+                  this.list1 = false;
+                  this.list3 = true;
+                } else {
+                  this.list1 = true;
                 }
-              });
-              this.list1 = false;
-              this.list3 = true;
-            } else {
-              this.list1 = true;
-            }
-          } else {
-            this.tableData1 = [];
-            this.list3 = false;
-            this.list1 = true;
+              } else {
+                this.tableData1 = [];
+                this.list3 = false;
+                this.list1 = true;
+              }
+            });
           }
         });
 
       /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
       projectGetList().then((response) => {
-        this.data = response.data;
-        this.dXData = response.data;
+        this.treedataList = response.data.list;
+        this.dXData = response.data.list;
         return;
       });
     },
@@ -1282,6 +1983,11 @@
     numberChange(currentValue, oldValue) {
       this.discount = currentValue;
       this.TotalPrice = (this.TotalPrice1 * (this.discount / 10)).toFixed(2);
+    },
+
+    Package() {
+      this.taocan = true;
+      this.datekey = Date.now();
     },
 
     /** 鎼滅储鎿嶄綔 */
@@ -1312,9 +2018,9 @@
       this.multiple = !selection.length;
       if (selection[0]) {
         this.DataList = [];
-        this.data = JSON.parse(JSON.stringify(this.dXData));
+        this.treedataList = JSON.parse(JSON.stringify(this.dXData));
         selection[0].tjProjectList.forEach((selectionitem) => {
-          this.data.forEach((item) => {
+          this.treedataList.forEach((item) => {
             if (selectionitem.proName == item.proName) {
               item.disabled = true;
               item.tjProjectList = [];
@@ -1338,9 +2044,146 @@
           });
         });
       } else {
-        this.data = JSON.parse(JSON.stringify(this.dXData));
+        this.treedataList = JSON.parse(JSON.stringify(this.dXData));
         return;
       }
+    },
+
+    Groupsignin() {
+      this.open2 = true;
+    },
+
+    submitType() {
+      // let cusIds = [];
+      // this.selectList.forEach((item) => {
+      //   cusIds.push(item.idCard);
+      // });
+      let loadingInstance1 = Loading.service({
+        fullscreen: true,
+        text: "绛惧埌涓�",
+      });
+      let data = {
+        cusIds: this.cusIds,
+        tjCategory: this.forms.tjCategory,
+      };
+      this.open2 = false;
+      addPlOrderAndDetail(data).then((res) => {
+        if (res.code == 200) {
+          this.open2 = false;
+          this.$modal.msgSuccess("绛惧埌鎴愬姛");
+          if (res.file) {
+            let base64 = res.file;
+            this.base64ToBlob({
+              b64data: base64,
+              contentType: "application/pdf",
+            }).then((res) => {
+              this.dialogVisible = true;
+              // 杞悗鍚庣殑blob瀵硅薄
+              try {
+                this.url = res.preview;
+              } catch (error) {
+                this.url = window.webkitURL.createObjectURL(res.preview);
+              }
+            });
+          } else {
+            let _this = this;
+            this.$nextTick(() => {
+              // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂�
+              loadingInstance1.close();
+            });
+            var websocket = null;
+            var url = _this.valueUrls;
+            if ("WebSocket" in window) {
+              websocket = new WebSocket(url);
+            } else if ("MozWebSocket" in window) {
+              websocket = new MozWebSocket(url);
+            } else {
+            }
+            if (websocket == null) {
+              alert("11111");
+            }
+            websocket.onopen = function () {
+              console.log("res", res);
+
+              try {
+                // 杩炴帴璁惧
+                var jsonObjs = {
+                  type: 4,
+                  data: res,
+                };
+                var jStrs = JSON.stringify(jsonObjs);
+                websocket.send(jStrs);
+              } catch (err) {
+                var tryTime = 0;
+                // 閲嶈瘯10娆★紝姣忔涔嬮棿闂撮殧3绉�
+                if (tryTime < 1) {
+                  var t1 = setTimeout(function () {
+                    tryTime++;
+                    var jsonObjs = {
+                      type: 4,
+                      data: res,
+                    };
+                    var jStrs = JSON.stringify(jsonObjs);
+                    websocket.send(jStrs);
+                  }, 1 * 1000);
+                } else {
+                  console.error("閲嶈繛澶辫触.");
+                }
+              }
+            };
+            websocket.onclose = function () {
+              alert("杩炴帴鍏抽棴");
+            };
+            websocket.onmessage = function (event) {
+              var resultObj = JSON.parse(event.data);
+              _this.cardreader = false;
+            };
+
+            //杩炴帴鍙戠敓閿欒鐨勫洖璋冩柟娉�
+            websocket.onerror = function () {
+              alert("璇锋鏌ヨ繛鎺ユ槸鍚︽甯�");
+            };
+
+            this.getList();
+          }
+        } else {
+          this.$nextTick(() => {
+            // 浠ユ湇鍔$殑鏂瑰紡璋冪敤鐨� Loading 闇�瑕佸紓姝ュ叧闂�
+            loadingInstance1.close();
+          });
+        }
+      });
+    },
+
+    base64ToBlob({ b64data = "", contentType = "", sliceSize = 512 } = {}) {
+      return new Promise((resolve, reject) => {
+        // 浣跨敤 atob() 鏂规硶灏嗘暟鎹В鐮�
+        let byteCharacters = atob(b64data);
+        let byteArrays = [];
+        for (
+          let offset = 0;
+          offset < byteCharacters.length;
+          offset += sliceSize
+        ) {
+          let slice = byteCharacters.slice(offset, offset + sliceSize);
+          let byteNumbers = [];
+          for (let i = 0; i < slice.length; i++) {
+            byteNumbers.push(slice.charCodeAt(i));
+          }
+          // 8 浣嶆棤绗﹀彿鏁存暟鍊肩殑绫诲瀷鍖栨暟缁勩�傚唴瀹瑰皢鍒濆鍖栦负 0銆�
+          // 濡傛灉鏃犳硶鍒嗛厤璇锋眰鏁扮洰鐨勫瓧鑺傦紝鍒欏皢寮曞彂寮傚父銆�
+          byteArrays.push(new Uint8Array(byteNumbers));
+        }
+        let result = new Blob(byteArrays, {
+          type: contentType,
+        });
+        result = Object.assign(result, {
+          // jartto: 杩欓噷涓�瀹氳澶勭悊涓�涓� URL.createObjectURL
+          preview: URL.createObjectURL(result),
+          // name: `鍥剧墖绀轰緥.png`,
+        });
+        resolve(result);
+      });
     },
 
     // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
@@ -1362,8 +2205,7 @@
 
     receipt() {
       setTimeout(function () {
-        const style =
-          "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //鎵撳嵃鏃跺幓鎺夌湁椤电湁灏�
+        const style = "@media print { @page{margin:0 10mm,size:4mm 6mm;}};"; //鎵撳嵃鏃跺幓鎺夌湁椤电湁灏�
         printJS({
           printable: "printBill", // 鏍囩鍏冪礌id
           type: "html",
@@ -1436,91 +2278,91 @@
     // 鏈�鍚庢彁浜ゆ寜閽�
     submitPrice() {
       let _this = this;
-      if (_this.tableData1.length > 0) {
-        if (this.tableData[0]) {
-          var pacId = this.tableData[0].pacId;
-        }
-        // let copeWith = this.TotalPrice1;
-        // let paidIn = this.TotalPrice;
-        // let discount = this.discount;
-        // this.tjFlowingWater = { copeWith, paidIn, discount };
-        if (this.formIn.timeRegion === "8:00-9:00") {
-          this.formIn.timeRegion = 0;
-        }
-        if (this.formIn.timeRegion === "9:00-10:00") {
-          this.formIn.timeRegion = 1;
-        }
-        if (this.formIn.timeRegion === "10:00-11:00") {
-          this.formIn.timeRegion = 2;
-        }
-        if (this.formIn.timeRegion === "11:00-12:00") {
-          this.formIn.timeRegion = 3;
-        }
-        let data;
-        if (pacId) {
-          data = {
-            id: this.formIn.id,
-            isExpire: this.formIn.isExpire,
-            address: this.formIn.address,
-            company: this.formIn.company,
-            department: this.formIn.department,
-            discount: this.discount,
-            email: this.formIn.email,
-            idCard: this.formIn.idCard,
-            marriage: this.formIn.marriage,
-            name: this.formIn.name,
-            nation: this.formIn.nation,
-            pacId,
-            phoe: this.formIn.cusPhone,
-            reservationTime: this.formIn.reservationTime,
-            sex: this.formIn.sex,
-            timeRegion: this.formIn.timeRegion,
-            tjCategory: this.formIn.tjCategory,
-            // tjFlowingWater: this.tjFlowingWater,
-            tjType: this.formIn.tjType,
-            idType: this.formIn.idType,
-            age: this.formIn.age,
-            ageUnit: this.formIn.ageUnit,
-            career: this.formIn.career,
-          };
-        } else {
-          data = {
-            id: this.formIn.id,
-            isExpire: this.formIn.isExpire,
-            address: this.formIn.address,
-            company: this.formIn.company,
-            department: this.formIn.department,
-            discount: this.discount,
-            email: this.formIn.email,
-            idCard: this.formIn.idCard,
-            marriage: this.formIn.marriage,
-            name: this.formIn.name,
-            nation: this.formIn.nation,
-            pacId,
-            phoe: this.formIn.phoe,
-            reservationTime: this.formIn.reservationTime,
-            sex: this.formIn.sex,
-            timeRegion: this.formIn.timeRegion,
-            tjCategory: this.formIn.tjCategory,
-            // tjFlowingWater: this.tjFlowingWater,
-            tjType: this.formIn.tjType,
-            idType: this.formIn.idType,
-            age: this.formIn.age,
-            ageUnit: this.formIn.ageUnit,
-            career: this.formIn.career,
-          };
-        }
-        tjReappoint(data).then((res) => {
-          if (res.code === 200) {
-            this.$modal.msgSuccess("鐧昏鎴愬姛");
-          }
-          _this.drawer = false;
-        });
-        this.getList();
-        this.$tab.refreshPage();
-      } else {
-        this.$message.warning("璇烽�夋嫨鎮ㄨ浣撴鐨勫唴瀹�");
+      // if (_this.tableData1.length > 0) {
+      if (this.tableData[0]) {
+        var pacId = this.tableData[0].pacId;
       }
+      // let copeWith = this.TotalPrice1;
+      // let paidIn = this.TotalPrice;
+      // let discount = this.discount;
+      // this.tjFlowingWater = { copeWith, paidIn, discount };
+      if (this.formIn.timeRegion === "8:00-9:00") {
+        this.formIn.timeRegion = 0;
+      }
+      if (this.formIn.timeRegion === "9:00-10:00") {
+        this.formIn.timeRegion = 1;
+      }
+      if (this.formIn.timeRegion === "10:00-11:00") {
+        this.formIn.timeRegion = 2;
+      }
+      if (this.formIn.timeRegion === "11:00-12:00") {
+        this.formIn.timeRegion = 3;
+      }
+      let data;
+      if (pacId) {
+        data = {
+          id: this.formIn.id,
+          isExpire: this.formIn.isExpire,
+          address: this.formIn.address,
+          company: this.formIn.company,
+          department: this.formIn.department,
+          discount: this.discount,
+          email: this.formIn.email,
+          idCard: this.formIn.idCard,
+          marriage: this.formIn.marriage,
+          name: this.formIn.name,
+          nation: this.formIn.nation,
+          pacId,
+          phoe: this.formIn.cusPhone,
+          reservationTime: this.formIn.reservationTime,
+          sex: this.formIn.sex,
+          timeRegion: this.formIn.timeRegion,
+          tjCategory: this.formIn.tjCategory,
+          // tjFlowingWater: this.tjFlowingWater,
+          tjType: this.formIn.tjType,
+          idType: this.formIn.idType,
+          age: this.formIn.age,
+          ageUnit: this.formIn.ageUnit,
+          career: this.formIn.career,
+        };
+      } else {
+        data = {
+          id: this.formIn.id,
+          isExpire: this.formIn.isExpire,
+          address: this.formIn.address,
+          company: this.formIn.company,
+          department: this.formIn.department,
+          discount: this.discount,
+          email: this.formIn.email,
+          idCard: this.formIn.idCard,
+          marriage: this.formIn.marriage,
+          name: this.formIn.name,
+          nation: this.formIn.nation,
+          pacId,
+          phoe: this.formIn.phoe,
+          reservationTime: this.formIn.reservationTime,
+          sex: this.formIn.sex,
+          timeRegion: this.formIn.timeRegion,
+          tjCategory: this.formIn.tjCategory,
+          // tjFlowingWater: this.tjFlowingWater,
+          tjType: this.formIn.tjType,
+          idType: this.formIn.idType,
+          age: this.formIn.age,
+          ageUnit: this.formIn.ageUnit,
+          career: this.formIn.career,
+        };
+      }
+      tjReappoint(data).then((res) => {
+        if (res.code === 200) {
+          this.$modal.msgSuccess("棰勭害鎴愬姛");
+        }
+        _this.drawer = false;
+      });
+      this.getList();
+      this.$tab.refreshPage();
+      // } else {
+      //   this.$message.warning("璇烽�夋嫨鎮ㄨ浣撴鐨勫唴瀹�");
+      // }
     },
     // 鏈�鍚庢彁浜ゆ寜閽�
     submitPrice1() {
@@ -1751,6 +2593,13 @@
   border-radius: 2em;
 }
 
+.dialog-footer2 {
+  width: 960px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+}
+
 /* 淇敼 婊戝潡 */
 #printIframe::-webkit-scrollbar-thumb {
   background-color: #dcdfe6;

--
Gitblit v1.8.0