From d873c5ee1eb9218341b73c116c02a456d0f2973a Mon Sep 17 00:00:00 2001
From: qx <1084500556@qq.com>
Date: 星期四, 12 六月 2025 16:52:12 +0800
Subject: [PATCH] qx

---
 src/views/hosp/order/index.vue | 2575 +++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 1,429 insertions(+), 1,146 deletions(-)

diff --git a/src/views/hosp/order/index.vue b/src/views/hosp/order/index.vue
index 9cdd148..3127430 100644
--- a/src/views/hosp/order/index.vue
+++ b/src/views/hosp/order/index.vue
@@ -1,365 +1,223 @@
 <template>
-  <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
-      <el-form-item label="濮撳悕" prop="name">
-        <el-input
-          ref="inputName"
-          v-model="queryParams.name"
-          placeholder="璇疯緭鍏ュ鍚�"
-          style="width: 120px"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="浣撴鍙�" prop="tjNum">
-        <el-input
-          ref="inputName"
-          v-model="queryParams.tjNum"
-          placeholder="璇疯緭鍏ヤ綋妫�鍙�"
-          style="width: 170px"
-          clearable
-          @keyup.enter.native="handleQuery"
-          @blur="hb"
-        />
-      </el-form-item>
-      <el-form-item label="浣撴椤圭洰" prop="xmmc">
-        <el-input
-          ref="inputName"
-          v-model="queryParams.xmmc"
-          placeholder="璇疯緭鍏ヤ綋妫�椤圭洰"
-          style="width: 120px"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="鐧昏鏃堕棿" prop="createTimeList">
-        <el-date-picker
-          v-model="createTimeList"
-          type="datetimerange"
-          align="right"
-          :picker-options="pickerOptions"
-          style="width: 300px"
-          start-placeholder="寮�濮嬫棩鏈�"
-          end-placeholder="缁撴潫鏃ユ湡"
-          :default-time="['00:00:00', '23:59:00']"
-          format="yyyy-MM-dd HH:mm"
-          value-format="yyyy-MM-dd HH:mm"
-          @change="dateChangebirthday1"
-        >
-        </el-date-picker>
-      </el-form-item>
-      <!-- <el-form-item label="鐧昏鏃堕棿" prop="createTime">
+  <div v-loading="isLoading" element-loading-text="姝e湪鎻愪氦锛岃绋嶅��..." element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(255, 255, 255, 0.8)" style="height: 100%; padding: 20px; position: relative;">
+    <div class="app-container">
+       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+        <el-form-item label="濮撳悕" prop="name">
+          <el-input ref="inputName" v-model="queryParams.name" placeholder="璇疯緭鍏ュ鍚�" style="width: 150px" clearable
+            @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="浣撴鍙�" prop="tjNum">
+          <el-input ref="inputName" v-model="queryParams.tjNum" placeholder="璇疯緭鍏ヤ綋妫�鍙�" style="width: 150px" clearable
+            @keyup.enter.native="handleQuery" @blur="hb" />
+        </el-form-item>
+        <el-form-item label="浣撴椤圭洰" prop="xmmc">
+          <el-input ref="inputName" v-model="queryParams.xmmc" placeholder="璇疯緭鍏ヤ綋妫�椤圭洰" style="width: 150px" clearable
+            @keyup.enter.native="handleQuery" />
+        </el-form-item>
+        <el-form-item label="鍗曚綅鍚嶇О" prop="tjCompName" >
+          <el-select :remote-method="getRemoteData" v-model="queryParams.tjCompName" value-key="drugManufacturerId"
+            style="width: 200px" remote filterable placeholder="璇烽�夋嫨鍗曚綅鍚嶇О" clearable @change="searchSelect">
+            <el-option v-for="dict in CompanyList" :key="dict.drugManufacturerId" :label="dict.cnName" :value="dict" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鐘舵��" prop="zt">
+          <el-select :remote-method="getRemoteData" v-model="queryParams.zt" style="width: 150px" remote filterable
+            placeholder="璇烽�夋嫨鐘舵��" clearable @change="searchSelect">
+            <el-option v-for="item in ztList" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鐧昏鏃堕棿" prop="createTimeList" style="margin-right: 107px">
+          <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions"
+            style="width: 300px" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡"
+            :default-time="['00:00:00', '23:59:00']" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm"
+            @change="dateChangebirthday1">
+          </el-date-picker>
+        </el-form-item>
+        <!-- <el-form-item label="鐧昏鏃堕棿" prop="createTime">
         <el-date-picker clearable v-model="queryParams.createTime" type="date" value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鐧昏鏃堕棿">
         </el-date-picker>
       </el-form-item> -->
-      <!-- <el-form-item label="瀹屾垚鏃堕棿" prop="finishTimeList">
+        <!-- <el-form-item label="瀹屾垚鏃堕棿" prop="finishTimeList">
         <el-date-picker clearable v-model="queryParams.finishTimeList" type="daterange" range-separator="-"
           start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions" value-format="yyyy-MM-dd"
           placeholder="璇烽�夋嫨浣撴瀹屾垚鏃堕棿" style="width: 240px">
         </el-date-picker>
       </el-form-item> -->
-      <el-form-item label="鎶ュ憡鏃堕棿" prop="reportTimeList">
-        <el-date-picker
-          clearable
-          v-model="reportTimeList"
-          @change="dateChangebirthday2"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="寮�濮嬫棩鏈�"
-          end-placeholder="缁撴潫鏃ユ湡"
-          :picker-options="pickerOptions"
-          value-format="yyyy-MM-dd"
-          placeholder="璇烽�夋嫨鍑烘姤鍛婃椂闂�"
-          style="width: 240px"
-        >
-        </el-date-picker>
-      </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-form>
+        <el-form-item label="鎶ュ憡鏃堕棿" prop="reportTimeList">
+          <el-date-picker clearable v-model="reportTimeList" @change="dateChangebirthday2" type="daterange"
+            range-separator="-" start-placeholder="寮�濮嬫棩鏈�" end-placeholder="缁撴潫鏃ユ湡" :picker-options="pickerOptions"
+            value-format="yyyy-MM-dd" placeholder="璇烽�夋嫨鍑烘姤鍛婃椂闂�" style="width: 240px">
+          </el-date-picker>
+        </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-form>
 
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
+      <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
           type="primary"
           icon="el-icon-download"
           size="mini"
           @click="handleExport"
+           :disabled="singles"
           v-hasPermi="['hosp:order:export']"
           >瀵煎嚭</el-button
         >
-      </el-col>
+      </el-col> -->
+        <el-col :span="1.5">
+          <el-button type="primary" icon="el-icon-download" size="mini" @click="exportDialogVisible = true"
+            v-hasPermi="['hosp:order:export']">瀵煎嚭</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="handleProject1" :disabled="single"
+            v-hasPermi="['hosp:order:export']">琛ュ綍椤圭洰</el-button>
+        </el-col>
+ <el-col :span="1.5">
+          <el-button type="primary"  size="mini" @click="revokeProject" :disabled="single"
+            v-hasPermi="['hosp:order:export']">鎾ら攢琛ュ綍</el-button>
+        </el-col>
 
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          size="mini"
-          @click="handleRevoke"
-          :disabled="single"
-          >鎾ら攢绛惧埌</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          size="mini"
-          @click="handleProject1"
-          :disabled="single"
-          v-hasPermi="['hosp:order:export']"
-          >琛ュ綍椤圭洰</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          size="mini"
-          @click="revokeProject"
-          :disabled="single"
-          v-hasPermi="['hosp:order:export']"
-          >鎾ら攢琛ュ綍</el-button
-        >
-      </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="handleReport1" :disabled="single"
+            v-hasPermi="['hosp:order:export']">鎵撳嵃瀵艰瘖鍗�</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="handleUpdate1" :disabled="single"
+            v-hasPermi="['hosp:order:export']">璁㈠崟鏄庣粏</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" size="mini" @click="budadzd" :disabled="single"
+            v-hasPermi="['hosp:order:export']">鎵撳嵃琛ュ綍鍗�</el-button>
+        </el-col>
+         <el-col :span="1.5">
+          <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="handleRevoke" 
+            :disabled="singles">鎾ら攢绛惧埌</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="ForceChexiao" :disabled="single"
+            v-hasPermi="['qzcx']">寮哄埗鎾ら攢</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button style="background-color:#E6A23C;color:#fff" size="mini" @click="ResumeAppointment"
+            :disabled="multiple">鎭㈠棰勭害</el-button>
+        </el-col>
+        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      </el-row>
 
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          size="mini"
-          @click="handleReport1"
-          :disabled="single"
-          v-hasPermi="['hosp:order:export']"
-          >鎵撳嵃瀵艰瘖鍗�</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          size="mini"
-          @click="handleUpdate1"
-          :disabled="single"
-          v-hasPermi="['hosp:order:export']"
-          >璁㈠崟鏄庣粏</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
-
-    <template>
-      <el-table
-        border
-        v-loading="loading"
-        :data="orderList"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column
-          type="selection"
-          width="40px"
-          align="center"
-          fixed="left"
-        />
-        <!-- <el-table-column label="涓婚敭id" align="center" prop="orderId" /> -->
-        <!-- <el-table-column label="鐢ㄦ埛id" align="center" prop="userId" /> -->
-        <el-table-column
-          label="搴忓彿"
-          align="center"
-          prop="newID"
-          width="50px"
-          fixed="left"
-        />
-        <el-table-column
-          label="濮撳悕"
-          align="center"
-          prop="tjCustomerName"
-          fixed="left"
-          width="90px"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="韬唤璇佸彿"
-          align="center"
-          prop="tjCusIdCard"
-          fixed="left"
-          width="180px"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鎬у埆"
-          align="center"
-          prop="tjCustomerSex"
-          width="50px"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span>
-            <span v-if="scope.row.tjCustomerSex == '1'">濂�</span>
-            <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="骞撮緞"
-          align="center"
-          prop="tjCustomerAge"
-          width="55px"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鐢佃瘽"
-          align="center"
-          prop="tjCustomerPhone"
-          :show-overflow-tooltip="true"
-          width="110px"
-        />
-        <el-table-column
-          label="浣撴绫诲瀷"
-          align="center"
-          prop="tjType"
-          width="80px"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span v-if="scope.row.tjType == '2'">涓汉</span>
-            <span v-if="scope.row.tjType == '1'">鍥㈤槦</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="浣撴鍙�"
-          align="center"
-          prop="tjNumber"
-          :show-overflow-tooltip="true"
-          width="160px"
-        />
-        <el-table-column
-          label="闂ㄨ瘖鍙�"
-          align="center"
-          prop="cardId"
-          :show-overflow-tooltip="true"
-          width="160px"
-        />
-        <!-- <el-table-column label="娴佹按鍙�" align="center" prop="tjSerialNumber" /> -->
-        <el-table-column
-          label="鎵�閫夊椁�"
-          align="center"
-          prop="pacName"
-          :formatter="driver"
-          :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鐧昏鏃堕棿"
-          align="center"
-          prop="createTime"
-          width="155px"
-          :show-overflow-tooltip="true"
-        >
-          <template slot-scope="scope">
-            <span>{{ parseTime(scope.row.createTime) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column
-          label="瀹屾垚鏃堕棿"
-          align="center"
-          prop="finishTime"
-          width="155px"
-          :show-overflow-tooltip="true"
-        >
-          <!-- <template slot-scope="scope">
+      <template>
+        <el-table border v-loading="loading" :data="orderList" ref="tableRef" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="40px" align="center" fixed="left" />
+          <!-- <el-table-column label="涓婚敭id" align="center" prop="orderId" /> -->
+          <!-- <el-table-column label="鐢ㄦ埛id" align="center" prop="userId" /> -->
+          <el-table-column label="搴忓彿" align="center" prop="newID" width="50px" fixed="left" />
+          <el-table-column label="濮撳悕" align="center" prop="tjCustomerName" fixed="left" width="90px"
+            :show-overflow-tooltip="true" />
+          <el-table-column label="韬唤璇佸彿" align="center" prop="tjCusIdCard" fixed="left" width="180px"
+            :show-overflow-tooltip="true" />
+          <el-table-column label="鎬у埆" align="center" prop="tjCustomerSex" width="50px" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span v-if="scope.row.tjCustomerSex == '0'">鐢�</span>
+              <span v-if="scope.row.tjCustomerSex == '1'">濂�</span>
+              <span v-if="scope.row.tjCustomerSex == '2'">鏈煡</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="骞撮緞" align="center" prop="tjCustomerAge" width="55px" :show-overflow-tooltip="true" />
+          <el-table-column label="鐢佃瘽" align="center" prop="tjCustomerPhone" :show-overflow-tooltip="true"
+            width="110px" />
+          <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" />
+              <!-- <span v-if="scope.row.tjType == '2'">涓汉</span>
+            <span v-if="scope.row.tjType == '1'">鍥㈤槦</span> -->
+            </template>
+          </el-table-column>
+          <el-table-column label="浣撴鍙�" align="center" prop="tjNumber" :show-overflow-tooltip="true" width="160px" />
+          <el-table-column label="闂ㄨ瘖鍙�" align="center" prop="cardId" :show-overflow-tooltip="true" width="160px" />
+          <el-table-column label="鍗曚綅鍚嶇О" align="center" prop="dictCompName" :show-overflow-tooltip="true" />
+          <el-table-column label="鐘舵��" align="center" prop="zt" :show-overflow-tooltip="true" />
+          <!-- <el-table-column label="娴佹按鍙�" align="center" prop="tjSerialNumber" /> -->
+          <el-table-column label="鎵�閫夊椁�" align="center" prop="pacName" :formatter="driver"
+            :show-overflow-tooltip="true" />
+          <el-table-column label="瀵艰瘖鎵撳嵃娆℃暟" align="center" prop="dycs" width="110px" :formatter="driver"
+            :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              {{ scope.row.dycs === null ? 0 : scope.row.dycs }}
+            </template>
+          </el-table-column>
+          <el-table-column label="鐧昏鏃堕棿" align="center" prop="createTime" width="155px" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.createTime) }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="瀹屾垚鏃堕棿" align="center" prop="finishTime" width="155px" :show-overflow-tooltip="true">
+            <!-- <template slot-scope="scope">
             <span>{{ parseTime(scope.row.finishTime) }}</span>
           </template> -->
-        </el-table-column>
-        <!-- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="180">
+          </el-table-column>
+          <!-- <el-table-column label="鏇存柊鏃堕棿" align="center" prop="updateTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column> -->
-        <el-table-column
-          label="鎶ュ憡鏃堕棿"
-          align="center"
-          prop="reportTime"
-          width="155px"
-          height="10px"
-          :show-overflow-tooltip="true"
-        >
-          <!-- <template slot-scope="scope">
+          <el-table-column label="鎶ュ憡鏃堕棿" align="center" prop="reportTime" width="155px" height="10px"
+            :show-overflow-tooltip="true">
+            <!-- <template slot-scope="scope">
             <span>{{ parseTime(scope.row.reportTime) }}</span>
           </template> -->
-        </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>
+          <!-- <el-table-column label="鍒涘缓浜�" align="center" prop="createBy" /> -->
+          <!-- <el-table-column label="鏇存柊浜�" align="center" prop="updateBy" /> -->
+          <!--  <el-table-column
           label="鍗曚綅宸ュ彿"
           align="center"
           prop="firmWorkId"
           width="100px"
           :show-overflow-tooltip="true"
-        />
-        <el-table-column
-          label="鍗曚綅鍚嶇О"
-          align="center"
-          prop="dictCompName"
-          :show-overflow-tooltip="true"
-        />
-        <!-- <el-table-column label="閮ㄩ棬鍚�" align="center" prop="firmDeptName" /> -->
+        /> -->
 
-        <!-- <el-table-column label="瀹㈡埛鐓х墖" align="center" prop="photo" /> -->
-        <!-- <el-table-column prop="checkStatus" label="瀹℃牳鐘舵��" width="180">
+          <!-- <el-table-column label="閮ㄩ棬鍚�" align="center" prop="firmDeptName" /> -->
+
+          <!-- <el-table-column label="瀹㈡埛鐓х墖" align="center" prop="photo" /> -->
+          <!-- <el-table-column prop="checkStatus" label="瀹℃牳鐘舵��" width="180">
           <template slot-scope="scope">
             <span>{{
               scope.row.checkStatus == "1" ? "宸插鏍�" : "寰呭鏍�"
             }}</span>
           </template>
         </el-table-column> -->
-        <el-table-column
-          fixed="right"
-          label="鎿嶄綔"
-          align="center"
-          class-name="small-padding fixed-width"
-          height="10px"
-          width="114px"
-        >
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              icon="el-icon-document"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['hosp:order:edit']"
-              title="璁㈠崟娴佹按"
-            ></el-button>
-            <el-button
-              size="mini"
-              type="text"
-              icon="el-icon-edit"
-              @click="handleProject(scope.row)"
-              v-hasPermi="['hosp:order:edit']"
-              title="琛ュ綍椤圭洰"
-            ></el-button>
-            <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="涓嬭浇瀵艰瘖鍗�" @click="
+          <el-table-column fixed="right" label="鎿嶄綔" align="center" class-name="small-padding fixed-width" height="10px"
+            width="114px">
+            <template slot-scope="scope">
+              <el-button size="mini" type="text" icon="el-icon-document" @click="handleUpdate(scope.row)"
+                v-hasPermi="['hosp:order:edit']" title="璁㈠崟娴佹按"></el-button>
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleProject(scope.row)"
+                v-hasPermi="['hosp:order:edit']" title="琛ュ綍椤圭洰"></el-button>
+              <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="涓嬭浇瀵艰瘖鍗�" @click="
               daoZhenDan,
               LoadFileImg(scope.row);
                                         "></el-button> -->
-            <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-view" title="鏌ョ湅鎶ュ憡" @click="
+              <!-- <el-button type="text" size="mini" class="btn" icon="el-icon-view" title="鏌ョ湅鎶ュ憡" @click="
               dialogVisible,
               downLoadFileImg(scope.row);
                                         "></el-button> -->
-            <!-- <el-button
+              <!-- <el-button
               type="text"
               size="mini"
               class="btn"
@@ -367,7 +225,7 @@
               title="浣撴鎶ュ憡"
               @click="viewReport(scope.row)"
             ></el-button> -->
-            <!-- <el-button
+              <!-- <el-button
               type="text"
               size="mini"
               class="btn"
@@ -377,41 +235,28 @@
               @click="viewReport(scope.row)"
             ></el-button> -->
 
-            <el-button
-              type="text"
-              size="mini"
-              class="btn"
-              icon="el-icon-download"
-              title="瀵艰瘖鍗�"
-              @click="handleReport(scope.row)"
-            ></el-button>
+              <el-button type="text" size="mini" class="btn" icon="el-icon-download" title="瀵艰瘖鍗�"
+                @click="handleReport(scope.row)"></el-button>
 
-            <!-- <button @click="downLoadFileImg(scope.row)">鏌ョ湅鎶ュ憡</button> -->
-          </template>
-        </el-table-column>
-      </el-table>
-    </template>
+              <!-- <button @click="downLoadFileImg(scope.row)">鏌ョ湅鎶ュ憡</button> -->
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
 
-    <div class="pag">
-      <div class="pag1">
-        <el-pagination
-          background
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :current-page="queryParams.pageNum"
-          :page-sizes="[10, 20, 30, 40]"
-          :page-size="queryParams.pageSize"
-          layout="total, sizes, prev, pager, next, jumper"
-          :total="total"
-        >
-        </el-pagination>
-        <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      <div class="pag">
+        <div class="pag1">
+          <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="queryParams.pageNum" :page-sizes="[10, 20, 30, 40]" :page-size="queryParams.pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="total">
+          </el-pagination>
+          <!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
           @pagination="getList" /> -->
+        </div>
       </div>
-    </div>
 
-    <!-- 璁㈠崟娴佹按瀵硅瘽妗� -->
-    <!-- <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="1500px " >
+      <!-- 璁㈠崟娴佹按瀵硅瘽妗� -->
+      <!-- <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="1500px " >
         <el-table :data="tableData" style="width: 100%">
       <el-table-column prop="date" label="鏃ユ湡" width="180">
       </el-table-column>
@@ -425,56 +270,81 @@
         </span>
      </el-dialog> -->
 
-    <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="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="瀵艰瘖鍗�"
-      :visible.sync="daoZhenDan"
-      :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="瀵艰瘖鍗�" :visible.sync="daoZhenDan" :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="Projectopen"
-      width="1100px"
-      style="height: 860px"
-      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
+      <!-- 娣诲姞琛ュ綍椤圭洰 -->
+      <el-dialog :title="title" :visible.sync="Projectopen" 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">
+                      <!-- <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-change="handlepackage" :default-checked-keys="checkedkeys"
+                          :filter-node-method="filterpackage" ref="treas" :render-content="renderContents">
+                        </el-tree>
+                      </div>
+                    </el-col>
+                    <!-- <el-col :span="11">
+                  <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"> </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">
+                      <!-- <div
                   style="
                     text-align: center;
                     margin-bottom: 10px;
@@ -482,27 +352,18 @@
                   "
                 >
                   椤圭洰鍒楄〃
-                </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> -->
+                      <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-col :span="11">
                 <div
                   style="
                     text-align: center;
@@ -513,436 +374,24 @@
                   鏄庣粏椤圭洰鍒楄〃
                 </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 class="outside1">
+                    <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-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">
-                      <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="璇烽�夋嫨浠樻绫诲瀷"
-                      >
-                        <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"
-    >
-      <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">
-                <div class="outside1">
-                  <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>
-              </div>
-            </el-col>
-            <el-col :span="11">
+              </el-col> -->
+                    <!-- <el-col :span="11">
               <div class="grid-content bg-purple">
                 <div
                   style="
@@ -989,8 +438,8 @@
                       ></el-button>
                     </template>
                   </el-table-column>
-                </el-table>
-                <!-- <el-collapse v-model="activeName" accordion v-if="list1">
+                </el-table> -->
+                    <!-- <el-collapse v-model="activeName" accordion v-if="list1">
                   <div>
                     <el-collapse-item title="璇烽�夋嫨椤圭洰">
                       <el-table
@@ -1012,271 +461,433 @@
                     </el-collapse-item>
                   </div>
                 </el-collapse> -->
-
-                <template>
-                  <el-form :model="form">
-                    <el-form-item label="浣撴绫诲瀷" prop="tjType">
-                      <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="璇烽�夋嫨浠樻绫诲瀷"
-                      >
-                        <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="submitPrice1"
-                        :disabled="confirm"
-                        style="margin-top: 34px"
-                        >鎻愪氦</el-button
-                      >
-                    </el-form-item>
-                  </el-form>
+                    <!-- </div>
+            </el-col> -->
+                  </el-row>
                 </div>
-              </div>
-            </el-col>
-          </el-row>
-        </el-tab-pane>
-      </el-tabs>
-    </el-dialog>
-
-    <!-- 娣诲姞鎴栦慨鏀逛綋妫�璁板綍瀵硅瘽妗� -->
-    <el-dialog :title="title" :visible.sync="open" width="950px" append-to-body :close-on-click-modal="false">
-      <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-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>
-          <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>
-        </el-tab-pane>
-        <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 350px">
-          <el-table
-            :data="infoList"
-            style="width: 100%"
-            max-height="330"
-            :span-method="objectSpanMethod1"
-          >
-            <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="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>
-        </el-tab-pane>
-      </el-tabs>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="cancel">鍙� 娑�</el-button>
-      </div>
-    </el-dialog>
-
-    <el-dialog
-      :title="title1"
-      :visible.sync="Projectssopen"
-      width="1100px"
-      style="height: 860px"
-      append-to-body
-      :close-on-click-modal="false"
-    >
-      <el-row type="flex" class="row-bg" justify="space-around">
-        <el-col :span="13">
-          <div
-            style="text-align: center; margin-bottom: 10px; margin-top: 10px"
-          >
-            琛ュ綍鍒楄〃
+              </el-tab-pane>
+            </el-tabs>
           </div>
 
-          <div class="tab3">
-            <el-table
-              :data="DataLists"
-              border
-              style="width: 100%"
-              height="400"
-              @selection-change="handleProjectssChange"
-            >
-              <el-table-column type="selection" width="40" align="center" />
-              <el-table-column
-                type="index"
-                label="搴忓彿"
-                align="center"
-                width="49px"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="blje"
-                label="琛ュ綍閲戦"
-                align="center"
-                width="74px"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="bldh"
-                label="琛ュ綍鍗曞彿"
-                align="center"
-                width="155px"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="blsj"
-                label="琛ュ綍鏃堕棿"
-                align="center"
-                width="156px"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="blrmc"
-                label="琛ュ綍浜�"
-                align="center"
-                width="96px"
-              >
-              </el-table-column>
-            </el-table>
-          </div>
-        </el-col>
-
-        <el-col :span="10">
           <div class="grid-content bg-purple">
-            <div
-              style="text-align: center; margin-bottom: 10px; margin-top: 10px"
-            >
-              琛ュ綍椤圭洰
+            <div style="text-align: center; margin-bottom: 10px; margin-top: 9px">
+              宸查�夐」鐩垪琛�
             </div>
-            <el-table
-              :data="DataListss"
-              border
-              style="width: 100%"
-              height="400"
-              :span-method="objectSpanMethod2"
-            >
-              <el-table-column prop="propinName" label="妫�鏌ラ」鐩�">
+            <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>
-              <el-table-column prop="proName" label="鏄庣粏椤圭洰" width="260px">
+
+              <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 slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">鎾� 閿�</el-button>
-        <!-- <el-button @click="cancel">鍙� 娑�</el-button> -->
-      </div>
-    </el-dialog>
+        </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>
+
+              <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>
+
+        <!-- <div class="heji">
+        <div class="o">
+          <el-form
+            :model="form"
+            :inline="true"
+            style="display: flex; align-items: center"
+          >
+            <el-form-item label="浣撴绫诲瀷" prop="tjType">
+              <div class="type">
+                {{ { 1: "鍥㈤槦", 2: "涓汉", 3: "鍥綋绁�" }[form.tjType] }}
+              </div>
+            </el-form-item>
+          </el-form>
+        </div>
+
+        <div class="outsides">
+          <el-form :inline="true" class="outside2" label-width="80px">
+            <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="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"
+                @click="submitPrice1"
+                :disabled="confirm"
+                >鎻愪氦</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div> -->
+      </el-dialog>
+
+      <el-dialog :title="title" :visible.sync="open" 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="second" style="height: 400px">
+            <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>
+            <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>
+          </el-tab-pane>
+          <el-tab-pane label="鏄庣粏椤圭洰" name="third" style="height: 450px">
+            <!-- 绉婚櫎 overflow-y: auto -->
+            <el-table :data="infoList" style="width: 100" max-height="500" :span-method="objectSpanMethod1">
+              <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="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>
+          </el-tab-pane>
+        </el-tabs>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="cancel">鍙� 娑�</el-button>
+        </div>
+      </el-dialog>
+
+      <el-dialog :title="title1" :visible.sync="Projectssopen" width="1100px" style="height: 860px" append-to-body
+        :close-on-click-modal="false">
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="13">
+            <div style="text-align: center; margin-bottom: 10px; margin-top: 10px">
+              琛ュ綍鍒楄〃
+            </div>
+
+            <div class="tab3">
+              <el-table :data="DataLists" border style="width: 100%" height="400"
+                @selection-change="handleProjectssChange">
+                <el-table-column type="selection" width="40" align="center" />
+                <el-table-column type="index" label="搴忓彿" align="center" width="49px">
+                </el-table-column>
+                <el-table-column prop="blje" label="琛ュ綍閲戦" align="center" width="74px">
+                </el-table-column>
+                <el-table-column prop="bldh" label="琛ュ綍鍗曞彿" align="center" width="155px">
+                </el-table-column>
+                <el-table-column prop="blsj" label="琛ュ綍鏃堕棿" align="center" width="156px">
+                </el-table-column>
+                <el-table-column prop="blrmc" label="琛ュ綍浜�" align="center" width="96px">
+                </el-table-column>
+              </el-table>
+            </div>
+          </el-col>
+
+          <el-col :span="10">
+            <div class="grid-content bg-purple">
+              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px">
+                琛ュ綍椤圭洰
+              </div>
+              <el-table :data="DataListss" border style="width: 100%" height="400" :span-method="objectSpanMethod2">
+                <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>
+            </div>
+          </el-col>
+        </el-row>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="submitForm">鎾� 閿�</el-button>
+          <!-- <el-button @click="cancel">鍙� 娑�</el-button> -->
+        </div>
+      </el-dialog>
+
+      <el-dialog :title="title1" :visible.sync="budadaozhen" width="1100px" style="height: 860px" append-to-body
+        :close-on-click-modal="false">
+        <el-row type="flex" class="row-bg" justify="space-around">
+          <el-col :span="13">
+            <div style="text-align: center; margin-bottom: 10px; margin-top: 10px">
+              琛ュ綍鍒楄〃
+            </div>
+
+            <div class="tab3">
+              <el-table :data="DataLists" border style="width: 100%" height="400"
+                @selection-change="handleProjectssChange">
+                <el-table-column type="selection" width="40" align="center" />
+                <el-table-column type="index" label="搴忓彿" align="center" width="49px">
+                </el-table-column>
+                <el-table-column prop="blje" label="琛ュ綍閲戦" align="center" width="74px">
+                </el-table-column>
+                <el-table-column prop="bldh" label="琛ュ綍鍗曞彿" align="center" width="155px">
+                </el-table-column>
+                <el-table-column prop="blsj" label="琛ュ綍鏃堕棿" align="center" width="156px">
+                </el-table-column>
+                <el-table-column prop="blrmc" label="琛ュ綍浜�" align="center" width="96px">
+                </el-table-column>
+              </el-table>
+            </div>
+          </el-col>
+
+          <el-col :span="10">
+            <div class="grid-content bg-purple">
+              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px">
+                琛ュ綍椤圭洰
+              </div>
+              <el-table :data="DataListss" border style="width: 100%" height="400" :span-method="objectSpanMethod2">
+                <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>
+            </div>
+          </el-col>
+        </el-row>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="dayin">鎵� 鍗�</el-button>
+          <!-- <el-button @click="cancel">鍙� 娑�</el-button> -->
+        </div>
+      </el-dialog>
+
+      <el-dialog title="璇烽�夋嫨瀵煎嚭鑼冨洿" :visible.sync="exportDialogVisible" width="30%">
+        <el-radio-group v-model="exportType">
+          <el-radio :label="'0'">褰撳墠椤垫暟鎹�</el-radio>
+          <el-radio :label="'1'">鍏ㄩ儴鏁版嵁</el-radio>
+        </el-radio-group>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="exportDialogVisible = false">鍙栨秷</el-button>
+          <el-button type="primary" @click="confirmExport">纭畾</el-button>
+        </span>
+      </el-dialog>
+    </div>
   </div>
 </template>
 
@@ -1288,32 +899,58 @@
   getOrderList,
   getNewDateList,
   revokeTjOrderByTjNum,
+  huifuyuyuejilu,
   getTransitionInfo,
   getBlproByTjh,
   revokeBlProByBldhAndTjh,
+  getForceChexiao,
 } from "@/api/hosp/order";
 import moment from "moment";
 import { getZhList, getlistByZhId } from "@/api/system/package";
 import { getwater } from "@/api/hosp/customer";
+import { getInfo } from "@/api/login";
 import ViewPdf from "@/components/ViewPdf";
 import {
-  projectGetList,
+  shijianzhou,
   getaddtTransition,
   getProParentIdDxList,
   getProSonDxList,
+  getaddtTransition1,
 } from "@/api/system/tijian";
+import {
+  SubmitCompany,
+  getCompany,
+  queryCompany,
+  addbatch,
+} from "@/api/team/tuanti";
 export default {
   components: {
     ViewPdf,
   },
-  dicts: ["dict_pay_type"],
+  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 },
+      ],
+      DataList3: [],
+      bldhid: "",
+      budadaozhen: false,
+      isLoading: false,
+      isSubmit: false,
+      isSubmit1: false,
       huizongList: [],
       DataLists: [],
       infoList: [],
       bldhs: [],
+      CompanyList: [],
       filterage: "",
       activeName1: "second",
       filterText: "",
@@ -1336,6 +973,7 @@
       packagedataList: [],
       cusId: "",
       payType: "0",
+      jsType: "0",
       packageList: [],
       checkedkeys: [],
       dialogVisible: false,
@@ -1361,14 +999,18 @@
       TreedataList: [],
       discount: 10,
       DataList: [],
+      shijianlist: [],
       // 濂楅鎻愪氦鎸夐挳
       confirm: false,
       list1: true,
       activeName: "1",
       proIds: [],
       TotalPrice1: 0,
+      TotalPrice6: 0,
+      TotalPrice7: 0,
       numberList: [],
       dialogVisible: false,
+      CheckBox: {},
       // 閬僵灞�
       loading: true,
       // 閫変腑鏁扮粍
@@ -1376,9 +1018,11 @@
       dataObj: {},
       // 闈炲崟涓鐢�
       single: true,
+      singles: false,
       activeNames: "first",
       // 闈炲涓鐢�
       multiple: true,
+      tjNUms: [],
       // 鏄剧ず鎼滅储鏉′欢
       showSearch: true,
       userId: "",
@@ -1395,6 +1039,8 @@
       // 鏃ユ湡鑼冨洿
       datetimerange: [],
       marryalls: 0,
+      exportDialogVisible: false, // 鎺у埗寮规
+      exportType: "0", // dqyorqbsj 鐨勫�硷紝榛樿褰撳墠椤�
       // 鏌ヨ鍙傛暟
       queryParams: {
         pageNum: 1,
@@ -1404,7 +1050,9 @@
         tjNum: null,
         bgbeginTime: null,
         bgendTime: null,
-        xmmc:null,
+        xmmc: null,
+        tjCompName: "",
+        dw: null,
       },
       startTime: "",
       startTime1: "",
@@ -1447,6 +1095,7 @@
       },
     };
   },
+
   watch: {
     filterText(val) {
       this.$refs.tree.filter(val);
@@ -1466,6 +1115,39 @@
     });
   },
   methods: {
+    findNameByTjnum(tjnum) {
+      const order = this.orderList.find(
+        (orderItem) => orderItem.tjNumber === tjnum
+      );
+      return order ? order.tjCustomerName : "鏈壘鍒�"; // 濡傛灉鎵句笉鍒板搴旂殑椤癸紝杩斿洖涓�涓粯璁ゅ��
+    },
+    // 鎼滅储
+    getRemoteData(query) {
+      if (query) {
+        let compName = query;
+        queryCompany(compName).then((response) => {
+          this.CompanyList = response.data;
+          this.CompanyList.forEach((item) => {
+            this.queryParams = item;
+          });
+        });
+      }
+    },
+    // 閫夋鏁版嵁
+    searchSelect(val) {
+      this.CheckBox = val;
+      this.queryParams.dw = this.CheckBox.cnName;
+      console.log(this.CheckBox, 9999);
+    },
+    onPayTypeChange() {
+      if (this.payType === "6" && this.form.tjType !== 3) {
+        this.cannotSelectPayType = true;
+        this.$message.warning("璇ヤ粯娆剧被鍨嬪湪姝や綋妫�绫诲瀷涓嬩笉鍏佽閫夋嫨锛�");
+        this.payType = this.dict.type.dict_pay_type[0]?.value || null;
+      } else {
+        this.cannotSelectPayType = false;
+      }
+    },
     getdate() {
       getNewDateList().then((res) => {
         if (res.data) {
@@ -1525,6 +1207,46 @@
     },
     /** 鏌ヨ浣撴璁板綍鍒楄〃 */
     getList() {
+      this.queryParams.compId = this.CheckBox.drugManufacturerId;
+      if (this.startTime) {
+        this.queryParams.djbeginTime = this.startTime[0];
+        this.queryParams.djendTime = this.startTime[1];
+      } else if (this.createTimeList) {
+        this.queryParams.djbeginTime = this.createTimeList[0];
+        this.queryParams.djendTime = this.createTimeList[1];
+      } else if (this.createTimeList == null) {
+        this.queryParams.djbeginTime = null;
+        this.queryParams.djendTime = null;
+      }
+      if (this.startTime1) {
+        this.queryParams.bgbeginTime = this.startTime1[0];
+        this.queryParams.bgendTime = this.startTime1[1];
+      }
+
+      this.loading = true;
+      getOrderList(this.queryParams).then((response) => {
+        this.orderList = response.data.list;
+        if (this.orderList) {
+          this.orderList.forEach((item, index) => {
+            item.newID =
+              (this.queryParams.pageNum - 1) * this.queryParams.pageSize +
+              index +
+              1;
+          });
+        }
+        this.total = response.data.total;
+        this.loading = false;
+      });
+      // 鑾峰彇鍗曚綅淇℃伅闆嗗悎
+      getCompany(this.queryParams).then((response) => {
+        this.CompanyList = response.data;
+
+        this.loading = false;
+      });
+    },
+
+    sub() {
+      this.queryParams.compId = this.CheckBox.drugManufacturerId;
       if (this.startTime) {
         this.queryParams.djbeginTime = this.startTime[0];
         this.queryParams.djendTime = this.startTime[1];
@@ -1572,9 +1294,13 @@
       });
     },
     /** 鐐瑰嚮鏄剧ず瀵兼鍗曟姤琛�*/ //lige    寮�濮�
-    handleReport1(row) {
+    /* handleReport1(row) {
       const tjNumber = this.tjnumbers;
       const viewNum = "792931586196398080";
+      getInfo().then(((res)=>{
+        console.log(res,123);
+        
+      }))
       const params = { viewNum, tjNumber };
       hasReport(tjNumber).then((res) => {
         if (res == 1) {
@@ -1583,9 +1309,120 @@
           this.$message.error("璇ョ敤鎴锋殏鏃犻」鐩紒");
         }
       });
+    }, */
+    handleReport1(row) {
+      const tjNumber = this.tjnumbers;
+      const viewNum = "792931586196398080";
+      // 鍏堣皟鐢� getInfo 鑾峰彇 userId
+      getInfo()
+        .then((res) => {
+          console.log(res, 1111);
+
+          const dqdlr = res.user.userId; // 鑾峰彇 userId
+          console.log("User ID:", dqdlr);
+          const params = { viewNum, tjNumber, dqdlr }; // 灏� userId 鍔犲叆 params
+
+          // 鍐嶈皟鐢� hasReport 妫�鏌ユ姤鍛婄姸鎬�
+          hasReport(tjNumber).then((reportRes) => {
+            if (reportRes === 1) {
+              this.$tab.openPage("瀵艰瘖鍗�", "/report/breDailyReport", params);
+            } else {
+              this.$message.error("璇ョ敤鎴锋殏鏃犻」鐩紒");
+            }
+          });
+        })
+        .catch(() => {
+          this.$message.error("鏃犳硶鑾峰彇鐢ㄦ埛淇℃伅锛�");
+        });
+    },
+
+    // 寮哄埗鎾ら攢鎸夐挳
+    ForceChexiao() {
+      this.isLoading = true;
+      const tjNum = this.tjnumbers;
+      this.$confirm(
+        "鎮ㄦ槸鍚﹂渶瑕佸己鍒舵挙閿�锛熸挙閿�鍚庤浜哄憳鏈浣撴璁板綍涓嶅彲鎭㈠锛�",
+        "纭淇℃伅",
+        {
+          distinguishCancelAndClose: true,
+          confirmButtonText: "纭",
+          cancelButtonText: "鍙栨秷",
+          customClass: "custom-message-box",
+        }
+      )
+
+        .then(() => {
+          getForceChexiao(tjNum).then((res) => {
+            this.$modal.msgSuccess("鎾ら攢鎴愬姛");
+            this.isLoading = false;
+            this.getList();
+          }).catch(() => {
+            console.log("鍔犺浇澶辫触")
+            this.isLoading = false;
+          }).finally(() => {
+            console.log("鍔犺浇澶辫触")
+            // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛�
+            this.isLoading = false;
+          });
+        })
+        .catch((action) => {
+          if (action === "cancel") {
+            this.isLoading = false;
+            this.$message({
+              type: "warning",
+              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(() => {
+            console.log("鍔犺浇澶辫触")
+            this.isLoading = false;
+          }).finally(() => {
+            console.log("鍔犺浇澶辫触")
+            // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛�
+            this.isLoading = false;
+          });
+        })
+        .catch((action) => {
+          if (action === "cancel") {
+            this.isLoading = false;
+            this.$message({
+              type: "warning",
+              message: "宸插彇娑�",
+            });
+          }
+        })
+        .finally(() => {
+          // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛�
+
+        });
     },
 
     handleRevoke() {
+      this.isLoading = true;
       this.$confirm("鎮ㄧ‘璁よ鎾ら攢锛�", "纭淇℃伅", {
         distinguishCancelAndClose: true,
         confirmButtonText: "纭",
@@ -1593,17 +1430,29 @@
       })
         .then(() => {
           revokeTjOrderByTjNum(this.tjnumbers).then((res) => {
-            this.$modal.msgSuccess(res.msg);
+            this.$modal.msgSuccess("鎾ら攢鎴愬姛");
+            this.isLoading = false;
             this.getList();
+          }).catch(() => {
+            console.log("鍔犺浇澶辫触")
+            this.isLoading = false;
+          }).finally(() => {
+            console.log("鍔犺浇澶辫触")
+            // 涓嶈鎿嶄綔鎴愬姛杩樻槸澶辫触锛岄兘浼氭墽琛�
+            this.isLoading = false;
           });
         })
         .catch((action) => {
           if (action === "cancel") {
+            this.isLoading = false;
             this.$message({
               type: "warning",
               message: "宸插彇娑�",
             });
           }
+        })
+        .finally(() => {
+
         });
     },
     /** 鐐瑰嚮鏄剧ず浣撴鎶ュ憡鎶ヨ〃*/
@@ -1687,6 +1536,7 @@
         djendTime: null,
         bgbeginTime: null,
         bgendTime: null,
+        dw: null,
       };
       this.resetForm("form");
     },
@@ -1698,7 +1548,8 @@
     /** 鎼滅储鎸夐挳鎿嶄綔 */
     handleQuery() {
       this.queryParams.pageNum = 1;
-      this.getList();
+      // this.getList();
+      this.sub();
     },
     renderContents(h, { node, data, store }) {
       return (
@@ -1753,10 +1604,24 @@
       this.startTime1 = [];
       this.createTimeList = [];
       this.resetForm("queryForm");
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        djbeginTime: null,
+        djendTime: null,
+        tjNum: null,
+        bgbeginTime: null,
+        bgendTime: null,
+        xmmc: null,
+        tjCompName: "",
+        dw: null,
+      };
       this.handleQuery();
     },
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
+      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;
@@ -1768,10 +1633,18 @@
         this.cusSex = item.tjCustomerSex;
         this.form.tjType = parseInt(item.tjType);
       });
+
       this.ids = selection.map((item) => item.orderId);
-      // this.tjNumbers = selection.map((item) => item.tjNumber);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
+      this.singles = selection.length !== 1;
+      if (tjNUms.length > 0) {
+        shijianzhou(tjNUms).then((res) => {
+          this.shijianlist = res.data;
+        });
+      } else {
+        this.shijianlist = [];
+      }
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
     // handleAdd() {
@@ -1793,7 +1666,7 @@
         var discount = "";
         response.data.water.forEach((item) => {
           copeWith += item.copeWith;
-          paidIn += item.copeWith;
+          paidIn += item.paidIn;
           discount = item.discount;
         });
         this.bill.push({
@@ -1834,7 +1707,7 @@
         var discount = "";
         response.data.water.forEach((item) => {
           copeWith += item.copeWith;
-          paidIn += item.copeWith;
+          paidIn += item.paidIn;
           discount = item.discount;
         });
         this.bill.push({
@@ -1843,7 +1716,6 @@
           discount: discount,
         });
 
-        console.log(this.bill);
         this.title = "璁㈠崟娴佹按";
       });
       getTransitionInfo(tjNumber).then((res) => {
@@ -1863,12 +1735,68 @@
         });
       });
     },
+    budadzd() {
+      this.bldhs = [];
+      this.bldhid = "";
+      getBlproByTjh(this.tjnumbers).then((res) => {
+        if (res.data) {
+          this.DataLists = res.data;
+          this.budadaozhen = true;
+          this.title1 = "琛ユ墦瀵艰瘖鍗�";
+        } else {
+          this.$message({
+            type: "warning ",
+            message: "璇ュ鎴锋病鏈夎ˉ褰曢」鐩�",
+          });
+        }
+      });
+    },
+    dayin() {
+      // this.bldhs = [];
+      console.log(this.bldhs);
+      this.bldhid.toString(this.bldhs);
+      this.bldhs.forEach((item) => {
+        console.log(item, 666);
+        this.bldhid += item + ",";
+      });
+      // this.bldhid = this.bldhs.toString()
+      console.log(this.bldhid);
+      const tjNumber = this.tjnumbers;
+      const viewNum = "983185234038140928";
+      const jxbz = this.bldhid;
+      // const params = { viewNum, tjNumber, jxbz };
+      // console.log(params);
+      getInfo().then((res) => {
+        console.log(res, 1111);
+        const dqdlr = res.user.userId; // 鑾峰彇 userId
+        const params = { viewNum, tjNumber, jxbz, dqdlr };
+
+        hasReport(tjNumber).then((res) => {
+          if (res == 1) {
+            this.$tab.openPage("瀵艰瘖鍗�", "/report/budabreDailyReport", params);
+            this.budadaozhen = false;
+          } else {
+            this.$message.error("璇ョ敤鎴锋殏鏃犻」鐩紒");
+          }
+        });
+      });
+      /* hasReport(tjNumber).then((res) => {
+        if (res == 1) {
+          this.$tab.openPage("瀵艰瘖鍗�", "/report/budabreDailyReport", params);
+          this.budadaozhen = false;
+        } else {
+          this.$message.error("璇ョ敤鎴锋殏鏃犻」鐩紒");
+        }
+      }); */
+    },
 
     handleClick(tab, event) {
       if (this.activeNames == "first") {
-        this.marryalls = 0;
-        this.Datalists = [];
+        // this.marryalls = 0;
+        // this.Datalists = [];
         this.checkedkeys = [];
+
+        this.DataList3 = [];
         getZhList().then((response) => {
           if (response.data) {
             this.packageList = response.data;
@@ -1876,23 +1804,24 @@
           this.loading = false;
         });
       } else {
-        console.log(111)
-        this.TotalPrice1 = 0;
-        this.checkedkey =[]
-        this.DataList = []
+        // this.TotalPrice1 = 0;
+        this.checkedkeys = [];
+        // this.DataList = [];
+        this.Datalists = [];
+        this.DataList3 = [];
         this.getDataList();
-        if (this.marryalls != 0) {
-          this.TotalPrice1 += this.marryalls;
-        }
+        // if (this.marryalls != 0) {
+        //   this.TotalPrice1 += this.marryalls;
+        // }
       }
     },
-
     handlepackage(data, checked, checkedNodes) {
-      if (checked.checkedNodes.length != 0) {
-        this.$refs.treas.setCheckedKeys([data.id]);
+      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++) {
@@ -1901,10 +1830,102 @@
               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) => {
+              this.TreedataList = res.data.list;
+              this.TreedataList.forEach((item) => {
+                this.Datalists.push(item);
+                this.DataList3 = this.DataList.concat(this.Datalists);
                 if (this.Datalists.length >= 1) {
                   this.marryalls = 0;
                   this.Datalists.forEach((item1) => {
                     this.marryalls += item1.proPrice;
+                    // this.TotalPrice1 = this.marryalls;
+                    this.TotalPrice1 = 0;
+
+                    if (this.DataList3.length != 0) {
+                      this.DataList3.forEach((item) => {
+                        console.log(item.proPrice);
+                        this.TotalPrice1 += item.proPrice;
+                      });
+                    }
                     this.packagedataList.forEach((item3) => {
                       if (item1.proParentId == item3.proId) {
                         item1.propinName = item3.proName;
@@ -1918,12 +1939,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>
       );
@@ -1931,11 +1952,21 @@
 
     // 琛ュ綍椤圭洰
     handleProject(row) {
+      this.payType = "0";
       this.loading = true;
       this.DataList = [];
+      this.DataList3 = [];
+      this.Datalists = [];
+      this.TotalPrice1 = 0;
       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,
@@ -1950,7 +1981,7 @@
       this.activeNames = "first";
       /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
       this.handleClick();
-     
+
       this.Projectopen = true;
       this.title = "琛ュ綍椤圭洰";
     },
@@ -1997,8 +2028,12 @@
     },
     // 琛ュ綍椤圭洰
     handleProject1() {
+      this.payType = "0";
       this.loading = true;
       this.DataList = [];
+      this.DataList3 = [];
+      this.Datalists = [];
+      this.TotalPrice1 = 0;
       this.orderId = this.ids;
       this.cusId = this.cusIds;
       this.userId = this.userIds;
@@ -2011,15 +2046,16 @@
       this.activeNames = "first";
       /** 鏌ヨ閮ㄩ棬涓嬫媺鏍戠粨鏋� */
       this.handleClick();
-      
+
       this.Projectopen1 = true;
       this.title = "琛ュ綍椤圭洰";
     },
 
     // 鐐瑰嚮鑾峰彇姣忎釜鏍戣妭鐐�
-    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) => {
@@ -2027,6 +2063,7 @@
           this.TreedataList.forEach((item) => {
             this.checkedListkey.push(item.proId);
             this.DataList.push(item);
+            this.DataList3 = this.DataList.concat(this.Datalists);
             this.spliceData();
             this.DataList.forEach((item1) => {
               if (item1.proParentId == data.proId) {
@@ -2035,21 +2072,107 @@
             });
           });
           this.TotalPrice1 = 0;
-          if (this.DataList.length != 0) {
-            this.list1 = false;
-            this.DataList.forEach((item) => {
-              this.TotalPrice1 = item.proPrice + this.TotalPrice1;
+          if (this.DataList3.length != 0) {
+            this.DataList3.forEach((item) => {
+              this.TotalPrice1 += item.proPrice * item.sl;
             });
-            if (this.marryalls != 0) {
-          this.TotalPrice1 += this.marryalls;
-        }
           }
+          // this.TotalPrice1 = 0;
+          // if (this.DataList.length != 0) {
+          //   this.list1 = false;
+          //   this.DataList.forEach((item) => {
+          //     this.TotalPrice1 = item.proPrice + this.TotalPrice1;
+          //   });
+          //   if (this.marryalls != 0) {
+          //     this.TotalPrice1 += this.marryalls;
+          //   }
+          // }
         });
-      } 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;
+          });
         });
       }
     },
@@ -2078,8 +2201,8 @@
               this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
             });
             if (this.marryalls != 0) {
-          this.TotalPrice1 += this.marryalls;
-        }
+              this.TotalPrice1 += this.marryalls;
+            }
           }
         });
       } else if (checked == true) {
@@ -2092,6 +2215,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) {
@@ -2109,6 +2235,31 @@
           });
         }
       });
+      this.DataList3.forEach((item, index) => {
+        if (item.proId == row.proId) {
+          this.DataList3.splice(index, 1);
+          this.marryalls = 0;
+          this.DataList3.forEach((item1) => {
+            this.marryalls += item1.proPrice;
+          });
+        }
+      });
+      this.DataList.forEach((item, index) => {
+        if (item.proId == row.proId) {
+          this.DataList.splice(index, 1);
+          this.TotalPrice1 = 0;
+          this.DataList.forEach((item1) => {
+            this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
+          });
+          if (this.marryalls != 0) {
+            this.TotalPrice1 += this.marryalls;
+          }
+        }
+      });
+      this.TotalPrice1 = 0;
+      this.DataList3.forEach((item) => {
+        this.TotalPrice1 += item.proPrice;
+      });
     },
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
@@ -2120,8 +2271,8 @@
             this.TotalPrice1 = item1.proPrice + this.TotalPrice1;
           });
           if (this.marryalls != 0) {
-          this.TotalPrice1 += this.marryalls;
-        }
+            this.TotalPrice1 += this.marryalls;
+          }
         }
       });
     },
@@ -2193,6 +2344,7 @@
     // 鏀惰垂鎸夐挳
     submitPrice() {
       this.proIds = [];
+      this.isSubmit = true;
       if (this.DataList.length != 0) {
         this.DataList.forEach((item) => {
           this.proIds.push(item.proId);
@@ -2209,6 +2361,10 @@
       };
       getaddtTransition(data).then((response) => {
         if (response.code === 200) {
+          this.DataList = [];
+          this.DataList3 = [];
+          this.DataLists = [];
+          this.TotalPrice1 = 0;
           let tjType = this.form.tjType;
           let copeWith = this.TotalPrice1;
           let paidIn = copeWith * (this.discount / 10);
@@ -2224,6 +2380,7 @@
             payType: this.payType,
           };
           getwater(data).then((res) => {
+            this.isSubmit = false;
             this.$modal.msgSuccess("鎻愪氦鎴愬姛");
             this.mobanId = res.data.mobanId;
             this.waterId = res.data.waterId;
@@ -2239,6 +2396,7 @@
     // 鏀惰垂鎸夐挳
     submitPrice1() {
       this.proIds = [];
+      this.isSubmit1 = true;
       if (this.DataList.length != 0) {
         this.DataList.forEach((item) => {
           this.proIds.push(item.proId);
@@ -2253,8 +2411,13 @@
         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 = [];
+          //   this.DataList3 = [];
           let tjType = this.form.tjType;
           let copeWith = this.TotalPrice1;
           let paidIn = copeWith * (this.discount / 10);
@@ -2265,10 +2428,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;
@@ -2278,13 +2443,18 @@
             const params = { viewNum, tjnumber };
             this.$tab.openPage("鏀舵灏忕エ", "/report/charge", params);
             this.Projectopen1 = false;
+            this.Projectopen = false;
+            this.isSubmit1 = false;
           });
         }
+        this.isSubmit1 = false;
       });
     },
 
     handleProjectssChange(selection) {
       this.DataListss = [];
+      this.selection = [];
+
       this.bldhs = selection.map((item) => item.bldh);
       selection.forEach((item) => {
         item.projectList.forEach((item1) => {
@@ -2325,21 +2495,77 @@
           this.Projectssopen = false;
         });
     },
-
-    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
+      this.$confirm("璇烽�夋嫨瀵煎嚭鑼冨洿", "瀵煎嚭鏁版嵁", {
+        distinguishCancelAndClose: true,
+        confirmButtonText: "瀵煎嚭鍏ㄩ儴",
+        cancelButtonText: "浠呭鍑哄綋鍓嶉〉",
+        type: "warning",
+      })
+        .then(() => {
+          // 鐢ㄦ埛鐐瑰嚮浜嗏�滃鍑哄叏閮ㄢ��
+          this.exportData(true);
+        })
+        .catch((action) => {
+          if (action === "cancel") {
+            // 鐢ㄦ埛鐐瑰嚮浜嗏�滀粎瀵煎嚭褰撳墠椤碘��
+            this.exportData(false);
+          }
+        });
+    },
+    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+    /*  handleExport() {
+      console.log(this.queryParams);
       this.download(
-        "hosp/order/export",
+        "/hosp/order/exportOrderList",
         {
           ...this.queryParams,
         },
+        `order_${new Date().getTime()}.xlsx`
+      );
+    }, */
+    confirmExport() {
+      this.exportDialogVisible = false;
+
+
+      const exportParams = {
+        ...this.queryParams,
+        dqyorqbsj: this.exportType, // 娣诲姞杩欎釜瀛楁
+      };
+
+      this.download(
+        "/hosp/order/exportOrderList",
+        exportParams,
         `order_${new Date().getTime()}.xlsx`
       );
     },
   },
 };
 </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;
@@ -2390,6 +2616,17 @@
 // .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;
+}
 
 .outside {
   width: 500px;
@@ -2397,8 +2634,15 @@
   margin-top: 8px;
 }
 
+.outsides {
+  width: 500px;
+  display: flex;
+  // margin-top: 12px;
+  // margin-right: 40%;
+}
+
 .tab3 {
-  max-height: 500px;
+  max-height: 420px;
   overflow-y: auto;
   border: 1px solid #d9d9d9;
 }
@@ -2408,4 +2652,43 @@
   display: flex;
   margin-top: 8px;
 }
+
+.outside2 {
+  width: 500px;
+  display: flex;
+  margin-top: 8px;
+}
+
+.heji {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: 10px;
+}
+
+.box {
+  display: flex;
+  justify-content: space-between;
+}
+
+.box1 {
+  width: 50%;
+  display: flex;
+  flex-direction: column;
+}
+
+::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: flex-start;
+}
 </style>

--
Gitblit v1.8.0