From 0ac2d43fce4d74f6eea5a51a2e16af4e6a536c7c Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期三, 14 八月 2024 14:19:24 +0800
Subject: [PATCH] 11

---
 src/views/project/unitCost/particulars/index.vue |  673 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 517 insertions(+), 156 deletions(-)

diff --git a/src/views/project/unitCost/particulars/index.vue b/src/views/project/unitCost/particulars/index.vue
index 4c5537a..8947231 100644
--- a/src/views/project/unitCost/particulars/index.vue
+++ b/src/views/project/unitCost/particulars/index.vue
@@ -6,134 +6,255 @@
         <el-row>
           <el-col :span="5">
             <el-form-item label="鐢宠鏃ユ湡" prop="createTime">
-              <el-date-picker v-model="form.createTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
-                :disabled="true" placeholder="閫夋嫨鍑虹敓骞存湀">
+              <el-date-picker
+                v-model="form.createTime"
+                value-format="yyyy-MM-dd "
+                type="date"
+                :disabled="true"
+                placeholder="閫夋嫨鍑虹敓骞存湀"
+              >
               </el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="5">
-            <el-form-item label="鍗曟嵁鐘舵��" prop="paystatus">
-              <el-select v-model="form.paystatus" placeholder="璇烽�夋嫨鐘舵��">
-                <el-option v-for="dict in gatheringlist" :key="dict.label" :label="dict.label"
-                  :value="dict.value"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5"><el-form-item label="鍗曟嵁缂栧彿" prop="paymentno">
+          <el-col :span="5"
+            ><el-form-item label="鍗曟嵁缂栧彿" prop="paymentno">
               <el-input v-model="form.paymentno" placeholder="璇疯緭鍏ユ敹娆惧崟鍙�" />
             </el-form-item>
           </el-col>
           <el-col :span="5">
-            <el-form-item label="缁忓姙浜�" prop="createby">
-              <el-input v-model="form.createby" placeholder="璇疯緭鍏ュ鍚�" :disabled="true" />
+            <el-form-item label="鏀舵鐘舵��" prop="paystatus">
+              <el-select v-model="form.paystatus" placeholder="璇烽�夋嫨鐘舵��">
+                <el-option
+                  v-for="dict in gatheringlist"
+                  :key="dict.label"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="缁忓姙浜�" prop="userName">
+              <el-input
+                v-model="form.userName"
+                placeholder="璇疯緭鍏ュ鍚�"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="5">
-            <el-form-item label="鏀舵鍗曚綅" prop="beneficiary">
-              <el-input v-model="form.beneficiary" placeholder="璇疯緭鍏ユ敹娆惧崟浣�" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-form-item label="鏀舵閾惰" prop="beneficiarybank">
-              <el-input v-model="form.beneficiarybank" placeholder="璇疯緭鍏ユ敹娆鹃摱琛�" />
+            <el-form-item label="鍖荤枟鏈烘瀯" prop="hospitalname">
+              <el-input
+                v-model="form.hospitalname"
+                placeholder="璇疯緭鍏ヤ粯娆惧尰闄�"
+                :disabled="true"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="5">
-            <el-form-item label="鏀舵璐﹀彿" prop="beneficiaryaccount">
-              <el-input v-model="form.beneficiaryaccount" placeholder="璇疯緭鍏ユ敹娆捐鍙�" />
+            <el-form-item label="搴旀敹閲戦" prop="receivableamount">
+              <el-input
+                v-model="form.receivableamount"
+                placeholder="璇疯緭鍏ュ簲鏀堕噾棰�"
+                :disabled="true"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="瀹炴敹閲戦" prop="receivedamount">
+              <el-input
+                @blur="chargeSumall"
+                v-model="form.receivedamount"
+                placeholder="璇疯緭鍏ュ疄鏀堕噾棰�"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="5">
+            <el-form-item label="鏀舵鏃ユ湡" prop="receivedtime">
+              <el-date-picker
+                clearable
+                size="small"
+                v-model="form.receivedtime"
+                value-format="yyyy-MM-dd "
+                type="date"
+                placeholder="閫夋嫨鏀舵鏃ユ湡"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鑱旂郴淇℃伅" prop="remark">
+            <el-form-item label="澶囨敞淇℃伅" prop="remark">
               <el-input v-model="form.remark" placeholder="璇疯緭鍏ュ娉�" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="5">
-            <el-form-item label="浠樻鍖婚櫌" prop="hospitalname">
-              <el-input v-model="form.hospitalname" placeholder="璇疯緭鍏ヤ粯娆惧尰闄�" :disabled="true" />
-            </el-form-item>
-          </el-col>          
-          <el-col :span="5">
-            <el-form-item label="瀹炴敹閲戦" prop="receivedamount">
-              <el-input @blur="chargeSumall" v-model="form.receivedamount" placeholder="璇疯緭鍏ュ疄鏀堕噾棰�" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="鏀舵鏃ユ湡" prop="receivedtime">
-              <el-date-picker clearable size="small" v-model="form.receivedtime" value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetime" placeholder="閫夋嫨鏀舵鏃ユ湡">
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="搴旀敹閲戦" prop="receivableamount">
-              <el-input v-model="form.receivableamount" placeholder="璇疯緭鍏ュ簲鏀堕噾棰�" :disabled="true" />
             </el-form-item>
           </el-col>
         </el-row>
         <div class="headlines">
           <div>绉绘鍣ㄥ畼锛堝寘鍚粍缁囷級鏄庣粏</div>
-          <el-button type="primary" @click="handleAddpatient">鏂板绉绘鍣ㄥ畼锛堝寘鍚粍缁囷級</el-button>
+          <el-button type="primary" @click="handleAddpatient"
+            >鏂板绉绘鍣ㄥ畼锛堝寘鍚粍缁囷級</el-button
+          >
         </div>
         <el-row style="margin-top: 10px">
-          <el-table :data="donorchargeorgans" ref="table" border max-height="800" highlight-current-row
-            :summary-method="getSummaries" show-summary>
-            <el-table-column prop="organno" align="center" fixed label="鍣ㄥ畼缂栧彿" width="90">
+          <el-table
+            :data="donorchargeorgans"
+            ref="table"
+            border
+            max-height="800"
+            highlight-current-row
+            :summary-method="getSummaries"
+            show-summary
+          >
+            <el-table-column
+              prop="index"
+              fixed
+              align="center"
+              label="搴忓彿"
+              width="50"
+            />
+
+            <el-table-column
+              prop="donorname"
+              align="center"
+              fixed
+              label="鎹愮尞鑰�"
+              width="120"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.organno" placeholder="鍣ㄥ畼缂栧彿" :disabled="true" />
+                <el-input
+                  v-model="scope.row.donorname"
+                  placeholder="鎹愮尞鑰�"
+                  :disabled="true"
+                />
               </template>
             </el-table-column>
-            <el-table-column prop="organname" fixed align="center" label="鍣ㄥ畼鍚嶇О" width="120">
+            <el-table-column
+              prop="organname"
+              fixed
+              align="center"
+              label="鍣ㄥ畼鍚嶇О"
+              width="120"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.organname" :disabled="true" placeholder="鍣ㄥ畼鍚嶇О" />
+                <el-input
+                  v-model="scope.row.organname"
+                  :disabled="true"
+                  placeholder="鍣ㄥ畼鍚嶇О"
+                />
               </template>
             </el-table-column>
-            <el-table-column label="鍥藉缂栧彿" align="center" width="120" prop="caseno">
+            <el-table-column
+              prop="organno"
+              align="center"
+              fixed
+              label="鍣ㄥ畼缂栧彿"
+              width="90"
+            >
               <template slot-scope="scope">
-                <el-input v-model="scope.row.caseno" :disabled="true" placeholder="鍥藉缂栧彿" />
+                <el-input
+                  v-model="scope.row.organno"
+                  placeholder="鍣ㄥ畼缂栧彿"
+                  :disabled="true"
+                />
               </template>
             </el-table-column>
+            <el-table-column
+              label="鍒嗛厤绯荤粺缂栧彿"
+              align="center"
+              width="120"
+              prop="caseno"
+            >
+              <template slot-scope="scope">
+                <el-input
+                  v-model="scope.row.caseno"
+                  :disabled="true"
+                  placeholder="鍒嗛厤绯荤粺缂栧彿"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="鍙椾綋濮撴皬"
+              align="center"
+              width="120"
+              prop="name"
+            >
+              <template slot-scope="scope">
+                <el-input v-model="scope.row.name" placeholder="鍙椾綋濮撴皬" />
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="receiveTime"
+              align="center"
+              label="鎺ユ敹鏃ユ湡"
+              width="200"
+            >
+              <template slot-scope="scope">
+                <el-date-picker
+                  clearable
+                  size="small"
+                  style="width: 100%"
+                  v-model="scope.row.receiveTime"
+                  :disabled="true"
+                  type="date"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  placeholder="鎺ユ敹鏃ユ湡"
+                >
+                </el-date-picker>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="organcharge"
+              align="center"
+              label="搴旀敹閲戦"
+              width="150"
+            >
+              <template slot-scope="scope">
+                <el-input
+                  @blur="chargeSum"
+                  v-model="scope.row.organcharge"
+                  placeholder="搴旀敹閲戦"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="amount"
+              align="center"
+              label="瀹炴敹閲戦"
+              width="150"
+            >
+              <template slot-scope="scope">
+                <el-input
+                  @blur="chargeSum"
+                  v-model="scope.row.amount"
+                  placeholder="瀹炴敹閲戦"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="organchargedesc"
+              width="280"
+              align="center"
+              label="澶囨敞"
+            >
+              <template slot-scope="scope">
+                <el-input
+                  type="textarea"
+                  :rows="1"
+                  v-model="scope.row.organchargedesc"
+                  placeholder="澶囨敞"
+                />
+              </template>
+            </el-table-column>
+            <!--
             <el-table-column prop="hospitalno" align="center" label="鎺ユ敹鍖婚櫌" width="280">
               <template slot-scope="scope">
-                <!-- <el-input
-                    v-model="scope.row.hospitalname"
-                    :disabled="true"
-                    placeholder="鎺ユ敹鍖婚櫌"
-                  /> -->
                 <org-selecter ref="tranHosSelect" :org-type="'4'" :disabled="true" v-model="scope.row.hospitalno"
                   style="width: 100%" />
               </template>
             </el-table-column>
-            <el-table-column label="鍙椾綋濮撴皬" align="center" width="120" prop="name">
-              <template slot-scope="scope">
-                <el-input v-model="scope.row.name" :disabled="true" placeholder="鍙椾綋濮撴皬" />
-              </template>
-            </el-table-column>
-            <el-table-column prop="receiveTime" align="center" label="鎺ユ敹鏃ユ湡" width="200">
-              <template slot-scope="scope">
-                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.receiveTime"
-                  :disabled="true" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="鎺ユ敹鏃ユ湡">
-                </el-date-picker>
-              </template>
-            </el-table-column>
-
-            <el-table-column prop="organcharge" align="center" label="搴旀敹閲戦" width="150">
-              <template slot-scope="scope">
-                <el-input @blur="chargeSum" v-model="scope.row.organcharge" placeholder="搴旀敹閲戦" />
-              </template>
-            </el-table-column>
-            <el-table-column prop="amount" align="center" label="瀹炴敹閲戦" width="150">
-              <template slot-scope="scope">
-                <el-input @blur="chargeSum" v-model="scope.row.amount" placeholder="瀹炴敹閲戦" />
-              </template>
-            </el-table-column>
-
             <el-table-column prop="amounttime" align="center" label="鏀舵鏃ユ湡" width="200">
               <template slot-scope="scope">
                 <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.amounttime" type="date"
@@ -141,117 +262,268 @@
                 </el-date-picker>
               </template>
             </el-table-column>
-            <el-table-column prop="organchargedesc" width="280" align="center" label="澶囨敞">
+            -->
+            <el-table-column
+              label="鎿嶄綔"
+              fixed="right"
+              width="260"
+              align="center"
+            >
               <template slot-scope="scope">
-                <el-input type="textarea" :rows="1" v-model="scope.row.organchargedesc" placeholder="澶囨敞" />
-              </template>
-            </el-table-column>
-            <el-table-column label="鎿嶄綔" fixed="right" width="260" align="center">
-              <template slot-scope="scope">
-                <el-button type="text" @click="handleDelete(scope.row)" v-hasPermi="['system:donorcharge:remove']"><span
-                    class="button-delete"><i class="el-icon-delete"></i>鍒犻櫎</span></el-button>
-                <el-button type="text" icon="el-icon-folder-opened" @click="Filepopup(scope.$index, scope.row)"
-                  v-hasPermi="['system:donorcharge:edit']">闄勪欢</el-button>
+                <el-button
+                  type="text"
+                  @click="handleDelete(scope.row)"
+                  v-hasPermi="['system:donorcharge:remove']"
+                  ><span class="button-delete"
+                    ><i class="el-icon-delete"></i>鍒犻櫎</span
+                  ></el-button
+                >
+                <el-button
+                  type="text"
+                  icon="el-icon-folder-opened"
+                  @click="Filepopup(scope.$index, scope.row)"
+                  v-hasPermi="['system:donorcharge:edit']"
+                  >闄勪欢</el-button
+                >
               </template>
             </el-table-column>
           </el-table>
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="success" @click="submitForm" v-if="operationType == 'add' || operationType == 'update'">淇�
-          瀛�</el-button>
+        <el-button
+          type="success"
+          @click="submitForm"
+          v-if="operationType == 'add' || operationType == 'update'"
+          >淇� 瀛�</el-button
+        >
         <el-button type="info" @click="cancel">鍏抽棴</el-button>
       </div>
       <!-- 娣诲姞鎮h�� -->
-      <el-dialog title="閫夋嫨鍣ㄥ畼鍜岀粍缁�" :visible.sync="dialogVisiblepatient" width="70%" :before-close="handleClosehz">
+      <el-dialog
+        title="閫夋嫨鍣ㄥ畼鍜岀粍缁�"
+        :visible.sync="dialogVisiblepatient"
+        width="70%"
+        :before-close="handleClosehz"
+      >
         <div class="examine-jic">
+          <div style="margin: 0 10px 20px 10px;">
+            <el-card class="box-card">
+              <el-tag
+                v-for="item in overallCase"
+                :key="item.id"
+                closable
+                @close="handleClose(item)"
+              >
+                {{ item.donorname }}
+              </el-tag>
+              <div style="margin-top: 20px; text-align: right;">
+                鍏遍�夋嫨<span
+                  style="font-size: 18px; color: #409EFF;margin: 0 10px;"
+                  >{{ overallCase.length }}</span
+                >鏉℃暟鎹�
+              </div>
+            </el-card>
+          </div>
           <div class="jic-value">
             <el-row :gutter="20">
               <!--鐢ㄦ埛鏁版嵁-->
-              <el-form :model="patientqueryParams" ref="queryForm" size="small" :inline="true" label-width="98px">
+              <el-form
+                :model="patientqueryParams"
+                ref="queryForm"
+                size="small"
+                :inline="true"
+                label-width="98px"
+              >
                 <el-form-item label="鎺ユ敹鍖婚櫌" prop="status">
-                  <el-input v-model="form.hospitalname" placeholder="璇疯緭鍏ヤ粯娆惧尰闄�" :disabled="true" />
+                  <el-input
+                    v-model="form.hospitalname"
+                    placeholder="璇疯緭鍏ヤ粯娆惧尰闄�"
+                    :disabled="true"
+                  />
                 </el-form-item>
                 <el-form-item label="鎹愮尞鑰�" prop="status">
+                  <el-input
+                    v-model="patientqueryParams.donorname"
+                    @keyup.enter.native="handleAddpatient"
+                    placeholder="璇疯緭鍏ユ崘鐚�呭鍚�"
+                  />
+                </el-form-item>
+                <!-- <el-form-item label="鎹愮尞鑰�" prop="status">
                   <el-select v-model="patientqueryParams.donorchargeid" filterable placeholder="璇烽�夋嫨">
                     <el-option v-for="item in donorchargeanlList" :key="item.id" :label="item.name" :value="item.id">
                     </el-option>
                   </el-select>
-                </el-form-item>
+                </el-form-item> -->
 
                 <el-form-item>
-                  <el-button type="primary" icon="el-icon-search" size="medium" @click="handleAddpatient">鎼滅储</el-button>
-                  <el-button icon="el-icon-refresh" size="medium" @click="resetQuery">閲嶇疆</el-button>
+                  <el-button
+                    type="primary"
+                    icon="el-icon-search"
+                    size="medium"
+                    @click="handleAddpatient"
+                    >鎼滅储</el-button
+                  >
+                  <el-button
+                    icon="el-icon-refresh"
+                    size="medium"
+                    @click="resetQuery"
+                    >閲嶇疆</el-button
+                  >
                 </el-form-item>
               </el-form>
               <!-- 閫夋嫨鍣ㄥ畼鍒楄〃 -->
-              <el-table ref="multipleTable" :data="donorchargeList" tooltip-effect="dark" style="width: 100%"
-                @selection-change="handleSelectionChange">
+              <el-table
+                ref="multipleTable"
+                :data="donorchargeList"
+                tooltip-effect="dark"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+              >
                 <el-table-column type="selection" width="55"> </el-table-column>
                 <el-table-column label="鎹愮尞鑰�" width="120">
                   <template slot-scope="scope">{{
-        scope.row.donorname
-      }}</template>
+                    scope.row.donorname
+                  }}</template>
                 </el-table-column>
-
-                <el-table-column prop="organname" label="鍣ㄥ畼鍚嶇О" show-overflow-tooltip>
+                <el-table-column
+                  prop="organname"
+                  label="鍣ㄥ畼鍚嶇О"
+                  show-overflow-tooltip
+                >
                 </el-table-column>
                 <el-table-column prop="organno" label="鍣ㄥ畼缂栧彿" width="120">
                 </el-table-column>
-                <el-table-column prop="caseno" label="鍥藉鍒嗛厤缂栧彿" show-overflow-tooltip>
+                <el-table-column
+                  prop="caseno"
+                  label="鍒嗛厤绯荤粺缂栧彿"
+                  show-overflow-tooltip
+                >
                 </el-table-column>
-                <el-table-column prop="name" label="鍙椾綋濮撴皬" show-overflow-tooltip>
+                <el-table-column
+                  prop="name"
+                  label="鍙椾綋濮撴皬"
+                  show-overflow-tooltip
+                >
                 </el-table-column>
-                <el-table-column prop="hospitalname" label="鎺ユ敹鍖婚櫌" show-overflow-tooltip>
+                <el-table-column
+                  prop="receiveTime"
+                  label="绉绘鏃ユ湡"
+                  show-overflow-tooltip
+                >
                 </el-table-column>
-                <el-table-column prop="receiveTime" label="鎺ユ敹鏃ユ湡" show-overflow-tooltip>
-                </el-table-column>
-                <el-table-column prop="address" label="澶囨敞" show-overflow-tooltip>
+                <el-table-column
+                  prop="organchargedesc"
+                  label="澶囨敞淇℃伅"
+                  show-overflow-tooltip
+                >
                 </el-table-column>
               </el-table>
             </el-row>
-            <pagination v-show="patienttotal > 0" :total="patienttotal" :page.sync="patientqueryParams.pageNum"
-              :limit.sync="patientqueryParams.pageSize" @pagination="handleAddpatient" />
+            <pagination
+              v-show="patienttotal > 0"
+              :total="patienttotal"
+              :page.sync="patientqueryParams.pageNum"
+              :limit.sync="patientqueryParams.pageSize"
+              @pagination="handleAddpatient"
+            />
           </div>
         </div>
         <span slot="footer" class="dialog-footer">
           <el-button @click="dialogVisiblepatient = false">鍙� 娑�</el-button>
-          <el-button type="primary" @click="AddDispatchpatients">纭畾娣诲姞</el-button>
+          <el-button type="primary" @click="AddDispatchpatients"
+            >纭畾娣诲姞</el-button
+          >
         </span>
       </el-dialog>
       <!-- 闄勪欢寮圭獥 -->
-      <el-dialog v-dialogDrags :modal="false" :close-on-click-modal="false" :title="pdftitle" :visible.sync="pdfVisible"
-        width="60%">
+      <el-dialog
+        v-dialogDrags
+        :modal="false"
+        :close-on-click-modal="false"
+        :title="pdftitle"
+        :visible.sync="pdfVisible"
+        width="60%"
+      >
         <div class="pdfimg">
           <div class="box-pdf">
             <div>
-              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto"
-                :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) =>
-        uploadSccess(response, file, fileList)
-        " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError"
-                :on-remove="remove" accept="image/*,.pdf">
+              <el-upload
+                size="mini"
+                class="upload-demo"
+                :action="uploadFileUrl"
+                :file-list="fileListto"
+                :show-file-list="false"
+                multiple
+                drag
+                :headers="headers"
+                :on-success="
+                  (response, file, fileList) =>
+                    uploadSccess(response, file, fileList)
+                "
+                :on-preview="downFile"
+                :disabled="operationType == 'detail'"
+                :on-error="handleUploadError"
+                :on-remove="remove"
+                accept="image/*,.pdf"
+              >
                 <i class="el-icon-upload"></i>
                 <div class="el-upload__text">
                   灏嗙エ鎹嫋鍒版澶勶紝鎴�
-                  <em><el-button :disabled="operationType == 'detail'" size="small" type="primary">鐐瑰嚮涓婁紶</el-button></em>
+                  <em
+                    ><el-button
+                      :disabled="operationType == 'detail'"
+                      size="small"
+                      type="primary"
+                      >鐐瑰嚮涓婁紶</el-button
+                    ></em
+                  >
                 </div>
               </el-upload>
-              <el-table :data="fileListto" @row-click="downFile" style="width: 100%" height="400">
-                <el-table-column prop="name" :show-overflow-tooltip="true" label="鍚嶇О">
+              <el-table
+                :data="fileListto"
+                @row-click="downFile"
+                style="width: 100%"
+                height="400"
+              >
+                <el-table-column
+                  prop="name"
+                  :show-overflow-tooltip="true"
+                  label="鍚嶇О"
+                >
                   <template slot-scope="scope">
                     <i style="color:#409EFF" class=" el-icon-s-order" />
                     <span>{{ scope.row.name }}</span>
                   </template>
                 </el-table-column>
 
-                <el-table-column prop="name" width="190" :show-overflow-tooltip="true" label="鍔熻兘">
+                <el-table-column
+                  prop="name"
+                  width="190"
+                  :show-overflow-tooltip="true"
+                  label="鍔熻兘"
+                >
                   <template slot-scope="scope">
-                    <el-button type="danger" size="mini" @click="deletedowfile(scope.row)">鍒犻櫎</el-button>
+                    <el-button
+                      type="danger"
+                      size="mini"
+                      @click="deletedowfile(scope.row)"
+                      >鍒犻櫎</el-button
+                    >
 
-                    <el-button type="primary" size="mini"
-                      @click.native.prevent.stop="moveupdowfile(scope.row)">涓婄Щ</el-button>
-                    <el-button type="success" size="mini" icon="el-icon-search" circle
-                      @click.native.prevent.stop="Downloadfile(scope.row)"></el-button>
+                    <el-button
+                      type="primary"
+                      size="mini"
+                      @click.native.prevent.stop="moveupdowfile(scope.row)"
+                      >涓婄Щ</el-button
+                    >
+                    <el-button
+                      type="success"
+                      size="mini"
+                      icon="el-icon-search"
+                      circle
+                      @click.native.prevent.stop="Downloadfile(scope.row)"
+                    ></el-button>
                   </template>
                 </el-table-column>
               </el-table>
@@ -260,7 +532,11 @@
 
           <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
             <!-- <img :src="pdfimg" /> -->
-            <el-image style="width: 95%; height: 90%" :src="pdfimg" :preview-src-list="pdfimgsrcList">
+            <el-image
+              style="width: 95%; height: 90%"
+              :src="pdfimg"
+              :preview-src-list="pdfimgsrcList"
+            >
               <!-- <div slot="error" class="image-slot">
                 <i class="el-icon-picture-outline"></i>
               </div> -->
@@ -307,7 +583,7 @@
     Li_area_select,
     pdf
   },
-  dicts: ["sys_gathering", "sys_0_1"],
+  dicts: ["Collection_status", "sys_0_1"],
   name: "Donorchargemanager",
   data() {
     return {
@@ -346,6 +622,8 @@
         hospitalno: null,
         paymentid: null
       },
+      // 鎬婚�変腑鏁版嵁
+      overallCase: [],
       dialogVisiblepatient: false,
       patienttotal: 0, //
       //绁ㄦ嵁鏂囦欢
@@ -512,7 +790,7 @@
       if (
         (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
           JSON.stringify(this.donorchargeorgans) ==
-          sessionStorage.getItem("apifunddetail")) ||
+            sessionStorage.getItem("apifunddetail")) ||
         !sessionStorage.getItem("apifunddetail")
       ) {
       } else {
@@ -528,23 +806,90 @@
     handleClosehz() {
       this.dialogVisiblepatient = false;
     },
-    handleQuery() { },
     resetQuery() {
       this.patientqueryParams.donorname = null;
       this.patientqueryParams.donorchargeid = null;
       this.handleAddpatient();
     },
-    handleUploadError() { },
+    handleUploadError() {},
     // 寮规娣诲姞
     AddDispatchpatients() {
-      this.donorchargeorgans = this.donorchargeorgans.concat(
-        this.multipleSelection
-      );
+      this.donorchargeorgans = this.donorchargeorgans.concat(this.overallCase);
       this.dialogVisiblepatient = false;
+      this.sortfun();
     },
     // 澶氶�夋閫変腑鏁版嵁
-    handleSelectionChange(val) {
-      this.multipleSelection = val;
+    handleSelectionChange(selection) {
+      if (this.decision) return;
+      // 鍒ゆ柇鏄惁鏈夊垹闄�
+      if (this.multipleSelection.length <= selection.length) {
+        this.multipleSelection = selection;
+      } else {
+        console.log(11);
+        this.multipleSelection.forEach(item => {
+          if (selection.includes(item)) {
+          } else {
+            if (this.multipleSelection.length == 1) {
+              this.multipleSelection = [];
+            } else {
+              this.multipleSelection.splice(
+                this.multipleSelection.indexOf(item),
+                1
+              );
+            }
+            if (this.overallCase.length == 1) {
+              this.overallCase = [];
+            } else {
+              this.overallCase.splice(this.overallCase.indexOf(item), 1);
+            }
+          }
+        });
+      }
+      // 璧嬪�肩粰鏁翠綋閫変腑鏁扮粍
+      this.multipleSelection.forEach(item => {
+        if (!this.overallCase.includes(item)) {
+          this.overallCase.push(item);
+        }
+      });
+      console.log(this.multipleSelection, "瑙﹀彂閫夋嫨鍚巑ultipleSelection");
+    },
+    // 鍒囨崲椤靛悗鎭㈠閫変腑
+    Restorecheck() {
+      console.log(this.overallCase, "this.overallCase");
+      const allid = this.overallCase.map(item => item.id);
+      const overlap = this.donorchargeList.filter(value => {
+        return allid.includes(value.id);
+      });
+      // 淇濇寔ids鍜屽綋鍓嶉〉闈㈢殑鍚屾鎬�
+      this.multipleSelection = overlap;
+      console.log(this.multipleSelection, "杩涘叆鍒嗛〉multipleSelection");
+
+      this.toggleSelection(overlap);
+    },
+    // 鎸傝浇閫夋嫨鐘舵��
+    toggleSelection(rows) {
+      if (rows) {
+        this.decision = true;
+        this.$nextTick(() => {
+          rows.forEach(row => {
+            this.$refs.multipleTable.toggleRowSelection(row, true);
+          });
+          this.decision = false;
+        });
+        console.log(123);
+      } else {
+        this.$refs.multipleTable.clearSelection();
+      }
+    },
+    // 閫夋嫨浜哄憳鏍囩鍒犻櫎浜嬩欢
+    handleClose(item) {
+      this.overallCase.splice(this.overallCase.indexOf(item), 1);
+      if (this.multipleSelection.indexOf(item) == -1) {
+      } else {
+        this.multipleSelection.splice(this.multipleSelection.indexOf(item), 1);
+        this.$refs.multipleTable.toggleRowSelection(item, false);
+        // this.toggleSelection(this.multipleSelection);
+      }
     },
     // 鐐瑰嚮鏂板
     handleAddpatient(row) {
@@ -552,11 +897,12 @@
       this.patientqueryParams.hospitalno = this.form.hospitalno;
       this.patientqueryParams.paymentid = null;
       this.patientqueryParams.paymentidIsNotNull = false;
+      this.patientqueryParams.pageSize = 10;
       listDonorchargeorgan(this.patientqueryParams).then(res => {
         this.donorchargeList = res.rows;
         this.patienttotal = res.total;
         this.patientqueryParams.paymentidIsNotNull = true;
-        console.log(this.donorchargeList);
+        this.Restorecheck();
       });
     },
     // 鑾峰彇璇锋眰澶�
@@ -622,12 +968,6 @@
       });
     },
 
-    /** 閲嶇疆鎸夐挳鎿嶄綔 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-
     // 鍙栨秷鎸夐挳
     cancel() {
       this.$store.dispatch("tagsView/delView", this.$route);
@@ -656,9 +996,11 @@
       listDonorpayment({ id: this.curId }).then(response => {
         this.form = response.rows[0];
         //鍣ㄥ畼璐圭敤淇℃伅
+        this.patientqueryParams.pageSize = 1000;
         listDonorchargeorgan(this.patientqueryParams).then(res => {
           console.log("listDonorchargeorgan", res);
           this.donorchargeorgans = res.rows;
+          this.sortfun();
           console.log(this.donorchargeorgans, "donorchargeorgans");
         });
       });
@@ -671,9 +1013,11 @@
         this.title = "鏌ョ湅鎹愮尞妗堜緥鍣ㄥ畼璐圭敤琛�";
         this.form = response.rows[0];
         //鍣ㄥ畼璐圭敤淇℃伅
+        this.patientqueryParams.pageSize = 1000;
         listDonorchargeorgan(this.patientqueryParams).then(res => {
           console.log("listDonorchargeorgan", res);
           this.donorchargeorgans = res.rows;
+          this.sortfun();
           console.log(this.donorchargeorgans, "donorchargeorgans");
         });
       });
@@ -697,6 +1041,7 @@
                 saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
                   if (res2.code == 200) {
                     this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
+                    this.overallCase = [];
                   } else {
                     this.$modal.msgError(res2.msg);
                   }
@@ -718,6 +1063,7 @@
                 saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
                   if (res2.code == 200) {
                     this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
+                    this.overallCase = [];
                   } else {
                     this.$modal.msgError(res2.msg);
                   }
@@ -760,12 +1106,12 @@
         }
         this.form.receivableamount = ChargeSum.toFixed(2);
         this.form.receivedamount = ChargeamountSum.toFixed(2);
-      } catch { }
+      } catch {}
     },
 
     handleDelete(row) {
       this.$modal
-        .confirm("鏄惁纭鍒犻櫎璇ユ潯鍣ㄥ畼璐圭敤鏁版嵁椤癸紵")
+        .confirm("鏄惁纭鍒犻櫎璇ユ潯鍣ㄥ畼鐨勬暟鎹」锛�")
         .then(() => {
           let value = row;
           value.paymentid = null;
@@ -775,11 +1121,12 @@
             if (res2.code == 200) {
               let index = this.donorchargeorgans.indexOf(row);
               this.donorchargeorgans.splice(index, 1);
+              this.sortfun();
               this.$modal.msgSuccess("鍒犻櫎鎴愬姛锛�");
             }
           });
         })
-        .catch(() => { });
+        .catch(() => {});
     },
 
     //琛ㄦ牸鍚堣
@@ -1011,6 +1358,12 @@
     },
     Downloadfile(row) {
       window.location.href = row.url;
+    },
+    // 鎺掑簭
+    sortfun() {
+      this.donorchargeorgans.forEach((item, index) => {
+        item.index = index + 1;
+      });
     }
   }
 };
@@ -1148,8 +1501,16 @@
   }
 }
 
+::v-deep .el-tag--medium {
+  height: 28px;
+  line-height: 26px;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  font-size: 16px;
+}
+
 ::v-deep .el-input.is-disabled .el-input__inner {
-  background-color: #F5F7FA;
+  background-color: #f5f7fa;
   border-color: #dfe4ed;
   color: #000000;
   cursor: not-allowed;
@@ -1165,4 +1526,4 @@
   font-size: 20px;
   line-height: 20px;
 }
-</style>
\ No newline at end of file
+</style>

--
Gitblit v1.9.3