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