From abff8ae6903a7f95eca4779b27434ee39ed72844 Mon Sep 17 00:00:00 2001
From: yxh <172933527@qq.com>
Date: 星期一, 22 四月 2024 15:21:59 +0800
Subject: [PATCH] 修改了收费申请单
---
src/views/project/unitCost/particulars/index.vue | 2534 ++++++++++++++++++++++++++--------------------------------
1 files changed, 1,121 insertions(+), 1,413 deletions(-)
diff --git a/src/views/project/unitCost/particulars/index.vue b/src/views/project/unitCost/particulars/index.vue
index 687ba89..4c5537a 100644
--- a/src/views/project/unitCost/particulars/index.vue
+++ b/src/views/project/unitCost/particulars/index.vue
@@ -1,1460 +1,1168 @@
<template>
- <div class="Modifydetailscla">
- <div class="boxdiv">
- <div class="top-text">{{ title }}</div>
- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
- <el-row>
- <el-col :span="5">
- <el-form-item label="缁忓姙浜�" prop="name">
- <el-input
- v-model="form.createby"
- placeholder="璇疯緭鍏ュ鍚�"
- :disabled="true"
- />
- </el-form-item>
- </el-col>
- <el-col :span="5">
- <el-form-item label="鏀舵鐘舵��" prop="sex">
- <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="7">
- <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>
- </el-form-item>
- </el-col>
- <el-col :span="7"
- ><el-form-item label="鏀舵鍗曞彿" prop="donateno">
- <el-input v-model="form.paymentno" placeholder="璇疯緭鍏ユ敹娆惧崟鍙�" />
- </el-form-item>
- </el-col> </el-row
- ><el-row
- ><el-col :span="5"
- ><el-form-item label="鏀舵鍗曚綅" prop="donateno">
- <el-input
- v-model="form.beneficiary"
- placeholder="璇疯緭鍏ユ敹娆惧崟浣�"
- />
- </el-form-item>
- </el-col>
- <el-col :span="12"
- ><el-form-item label="鏀舵閾惰" prop="donateno">
- <el-input
- v-model="form.beneficiarybank"
- placeholder="璇疯緭鍏ユ敹娆鹃摱琛�"
- />
- </el-form-item>
- </el-col>
-
- <el-col :span="7">
- <el-form-item label="鏀舵琛屽彿" prop="donationcategory">
- <el-input
- v-model="form.beneficiaryaccount"
- placeholder="璇疯緭鍏ユ敹娆捐鍙�"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="24">
- <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="7">
- <el-form-item label="浠樻鍖婚櫌" prop="sex">
- <el-input
- v-model="form.hospitalname"
- placeholder="璇疯緭鍏ヤ粯娆惧尰闄�"
- :disabled="true"
- />
- </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-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-row>
- <div class="headlines">
- <div>鏀舵鏄庣粏</div>
- <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"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.organno"
- placeholder="鍣ㄥ畼缂栧彿"
- :disabled="true"
- />
- </template>
- </el-table-column>
- <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="鍣ㄥ畼鍚嶇О"
- />
- </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
- prop="hospitalno"
- align="center"
- label="鎺ユ敹鍖婚櫌"
- width="280"
- >
- <template slot-scope="scope">
- <!-- <el-input
+ <div class="Modifydetailscla">
+ <div class="boxdiv">
+ <div class="top-text">{{ title }}</div>
+ <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+ <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>
+ </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-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>
+ </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>
+ </el-col>
+ <el-col :span="5">
+ <el-form-item label="鏀舵璐﹀彿" prop="beneficiaryaccount">
+ <el-input v-model="form.beneficiaryaccount" placeholder="璇疯緭鍏ユ敹娆捐鍙�" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="20">
+ <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>
+ </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">
+ <template slot-scope="scope">
+ <el-input v-model="scope.row.organno" placeholder="鍣ㄥ畼缂栧彿" :disabled="true" />
+ </template>
+ </el-table-column>
+ <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="鍣ㄥ畼鍚嶇О" />
+ </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 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"
- value-format="yyyy-MM-dd HH:mm:ss"
- placeholder="鏀舵鏃ユ湡"
- >
- </el-date-picker>
- </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
- 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
- >
- </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="info" @click="cancel">鍏抽棴</el-button>
+ <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"
+ value-format="yyyy-MM-dd HH:mm:ss" placeholder="鏀舵鏃ユ湡">
+ </el-date-picker>
+ </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 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>
+ </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="info" @click="cancel">鍏抽棴</el-button>
+ </div>
+ <!-- 娣诲姞鎮ｈ�� -->
+ <el-dialog title="閫夋嫨鍣ㄥ畼鍜岀粍缁�" :visible.sync="dialogVisiblepatient" width="70%" :before-close="handleClosehz">
+ <div class="examine-jic">
+ <div class="jic-value">
+ <el-row :gutter="20">
+ <!--鐢ㄦ埛鏁版嵁-->
+ <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-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-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-column type="selection" width="55"> </el-table-column>
+ <el-table-column label="鎹愮尞鑰�" width="120">
+ <template slot-scope="scope">{{
+ scope.row.donorname
+ }}</template>
+ </el-table-column>
+
+ <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>
+ <el-table-column prop="name" label="鍙椾綋濮撴皬" show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column prop="hospitalname" 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>
+ </el-table>
+ </el-row>
+ <pagination v-show="patienttotal > 0" :total="patienttotal" :page.sync="patientqueryParams.pageNum"
+ :limit.sync="patientqueryParams.pageSize" @pagination="handleAddpatient" />
+ </div>
</div>
- <!-- 娣诲姞鎮ｈ�� -->
- <el-dialog
- title="閫夋嫨鍣ㄥ畼鍜岀粍缁�"
- :visible.sync="dialogVisiblepatient"
- width="70%"
- :before-close="handleClosehz"
- >
- <div class="examine-jic">
- <div class="jic-value">
- <el-row :gutter="20">
- <!--鐢ㄦ埛鏁版嵁-->
- <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-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-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-column type="selection" width="55"> </el-table-column>
- <el-table-column label="鎹愮尞鑰�" width="120">
- <template slot-scope="scope">{{
- scope.row.donorname
- }}</template>
- </el-table-column>
-
- <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>
- <el-table-column
- prop="name"
- label="鍙椾綋濮撴皬"
- show-overflow-tooltip
- >
- </el-table-column>
- <el-table-column
- prop="hospitalname"
- 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>
- </el-table>
- </el-row>
- <pagination
- v-show="patienttotal > 0"
- :total="patienttotal"
- :page.sync="patientqueryParams.pageNum"
- :limit.sync="patientqueryParams.pageSize"
- @pagination="handleAddpatient"
- />
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogVisiblepatient = false">鍙� 娑�</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%">
+ <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">
+ <i class="el-icon-upload"></i>
+ <div class="el-upload__text">
+ 灏嗙エ鎹嫋鍒版澶勶紝鎴�
+ <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="鍚嶇О">
+ <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="鍔熻兘">
+ <template slot-scope="scope">
+ <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>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
</div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisiblepatient = false">鍙� 娑�</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%"
- >
- <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"
- >
- <i class="el-icon-upload"></i>
- <div class="el-upload__text">
- 灏嗙エ鎹嫋鍒版澶勶紝鎴�
- <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="鍚嶇О"
- >
- <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="鍔熻兘"
- >
- <template slot-scope="scope">
- <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>
- </template>
- </el-table-column>
- </el-table>
- </div>
- </div>
-
- <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"
- >
- <!-- <div slot="error" class="image-slot">
+
+ <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">
+ <!-- <div slot="error" class="image-slot">
<i class="el-icon-picture-outline"></i>
</div> -->
- </el-image>
- </div>
- <div v-else class="pdfimgmins">{{ hintitle }}</div>
+ </el-image>
</div>
- </el-dialog>
- </div>
+ <div v-else class="pdfimgmins">{{ hintitle }}</div>
+ </div>
+ </el-dialog>
</div>
- </template>
-
- <script>
- import pdf from "vue-pdf";
- import Treeselect from "@riophae/vue-treeselect";
- import "@riophae/vue-treeselect/dist/vue-treeselect.css";
- import { regionDataPlus, CodeToText } from "element-china-area-data";
- import {
- getDonorcharge,
- addDonorcharge,
- updateDonorcharge,
- listDonorcharge,
- listDonorpayment,
- addDonorpayment,
- editDonorpayment
- } from "@/api/project/donorcharge";
-
- import {
- listDonorchargeorgan,
- updateDonorchargeorgan,
- saveDonorchargeorgan
- } from "@/api/project/donorcharge";
- import { listDonatecomporgan } from "@/api/project/donatecompletioninfo";
- import { listOrgancharge } from "@/api/project/organcharge";
- import OrgSelecter from "@/views/project/components/orgselect";
- import Li_area_select from "@/components/Address";
- import { getUserProfile } from "@/api/system/user";
- import { getToken } from "@/utils/auth";
- import debounce from "lodash/debounce";
- export default {
- components: {
- Treeselect,
- OrgSelecter,
- Li_area_select,
- pdf
+ </div>
+</template>
+
+<script>
+import pdf from "vue-pdf";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import { regionDataPlus, CodeToText } from "element-china-area-data";
+import {
+ getDonorcharge,
+ addDonorcharge,
+ updateDonorcharge,
+ listDonorcharge,
+ listDonorpayment,
+ addDonorpayment,
+ editDonorpayment
+} from "@/api/project/donorcharge";
+
+import {
+ listDonorchargeorgan,
+ updateDonorchargeorgan,
+ saveDonorchargeorgan
+} from "@/api/project/donorcharge";
+import { listDonatecomporgan } from "@/api/project/donatecompletioninfo";
+import { listOrgancharge } from "@/api/project/organcharge";
+import OrgSelecter from "@/views/project/components/orgselect";
+import Li_area_select from "@/components/Address";
+import { getUserProfile } from "@/api/system/user";
+import { getToken } from "@/utils/auth";
+import debounce from "lodash/debounce";
+export default {
+ components: {
+ Treeselect,
+ OrgSelecter,
+ Li_area_select,
+ pdf
+ },
+ dicts: ["sys_gathering", "sys_0_1"],
+ name: "Donorchargemanager",
+ data() {
+ return {
+ activeName: 1, //鏂囦欢绫诲瀷
+ tableData: [
+ {
+ date: "2016-05-03",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+ },
+ {
+ date: "2016-05-02",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+ },
+ {
+ date: "2016-05-04",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+ },
+ {
+ date: "2016-05-01",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
+ }
+ ],
+ gatheringlist: [
+ { label: "鏂板缓", value: "1" },
+ { label: "寰呮敹娆�", value: "2" },
+ { label: "宸叉敹娆�", value: "3" }
+ ],
+ multipleSelection: [],
+ patientqueryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ hospitalno: null,
+ paymentid: null
+ },
+ dialogVisiblepatient: false,
+ patienttotal: 0, //
+ //绁ㄦ嵁鏂囦欢
+ pdftitle: "",
+ pdfimg: "",
+ pdfVisible: false,
+ costtypeobj: {
+ value: 0,
+ label: ""
+ },
+ pdfimgsrcList: [],
+ Savereminder: false, //鎻愰啋淇濆瓨寮规
+ Reminderquantity: 0, //鎻愰啋鏁伴噺
+ totalquantity: 0, //鎬绘暟閲�
+
+ hintitle: "閫変腑宸︿晶宸蹭笂浼犳枃浠堕瑙堟煡鐪�",
+ atpresent: "",
+ iframeurl: "",
+ options: regionDataPlus,
+ selectedOptions: [],
+ value1: "",
+ previewpdf: false,
+ // 閬僵灞�
+ loading: true,
+ // 瀵煎嚭閬僵灞�
+ exportLoading: false,
+ // 缃戠粶璇锋眰澶�
+ Networkheader: null,
+
+ // 閫変腑鏁扮粍
+ ids: [],
+ // 闈炲崟涓鐢�
+ single: true,
+ // 闈炲涓鐢�
+ multiple: true,
+ // 鏄剧ず鎼滅储鏉′欢
+ showSearch: true,
+ // 鎬绘潯鏁�
+ total: 0,
+ // 鎹愮尞妗堜緥鍣ㄥ畼鍒楄〃鏍兼暟鎹�
+ donorchargeList: [],
+ donorchargeorgans: [],
+ donorchargeanlList: [], //妗堜緥鍒楄〃
+ delogans: [],
+ // 寮瑰嚭灞傛爣棰�
+ title: "",
+
+ // 鏌ヨ璐圭敤琛ㄥ弬鏁�
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ infoid: null,
+ name: null,
+ donationcategory: null,
+ donateorgan: null,
+ chargeamounted: null
+ },
+ // 鏌ヨ璐圭敤鍣ㄥ畼琛ㄥ弬鏁�
+ organParams: {
+ pageNum: 1,
+ pageSize: 10,
+ paymentid: null
+ },
+
+ // 褰撳墠鐢ㄦ埛淇℃伅
+ userprofile: {},
+ // 琛ㄥ崟鍙傛暟
+ form: {},
+ // 鍒楄〃鍙傛暟
+ table: {},
+ reimbursementList: [],
+
+ // 琛ㄥ崟鏍￠獙
+ rules: {
+ reason: [
+ { required: true, message: "璇疯緭鍏ュ嚭宸簨鐢�", trigger: "blur" }
+ ],
+ deptmentname: [
+ { required: true, message: "璇疯緭鍏ユ墍灞炰笟鍔＄粍", trigger: "blur" }
+ ]
+ },
+ topicoptions: [
+ {
+ value: "閫夐」1",
+ label: "榛勯噾绯�"
+ },
+ {
+ value: "閫夐」2",
+ label: "鍙岀毊濂�"
+ },
+ {
+ value: "閫夐」5",
+ label: "鍖椾含鐑ら腑"
+ }
+ ],
+
+ baselist: [],
+ donorList: [],
+ organchargelist: [],
+ standardlevel: 0,
+ defaultperson: {},
+ fundflowList: [],
+ showApproveRecordDialog: false,
+
+ // 褰撳墠鍗曟嵁ID
+ curId: 0,
+ curCase: null,
+ //涓氬姟鎿嶄綔绫诲瀷
+ operationType: "edit",
+
+ //涓婁紶鍙戠エ鏂囦欢璺緞
+ uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+ //鏂囦欢鍒楄〃
+ fileList: [],
+ fileListto: [],
+
+ invoDatatop: [],
+ //浜哄憳绫诲埆
+ persontype: null,
+
+ headers: {
+ Authorization: "Bearer " + getToken()
+ },
+
+ jurisdiction: false,
+
+ //淇濆瓨鎸夐挳鎺у埗
+ idisabled: false
+ };
+ },
+
+ created() {
+ console.log(234);
+ this.Getnetworkheader();
+
+ //鑾峰彇鐧诲綍鑰呬俊鎭�
+ getUserProfile().then(response => {
+ this.userprofile = response.data;
+ this.defaultperson = response.data;
+ this.standardlevel = response.data.standardlevel;
+ });
+
+ //鑾峰彇鍙傛暟
+ this.getroute();
+ },
+
+ mounted() {
+ window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
+ },
+
+ updated() {
+ this.$nextTick(() => {
+ this.$refs["table"].doLayout();
+ });
+ },
+
+ destroyed() {
+ window.removeEventListener("beforeunload", e => this.beforeunloadFn(e));
+ }, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴�
+
+ methods: {
+ // 娴忚鍣ㄩ〉闈㈠叧闂垨鍒锋柊鎻愮ず
+ beforeunloadHandler(e) {
+ if (
+ (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
+ JSON.stringify(this.donorchargeorgans) ==
+ sessionStorage.getItem("apifunddetail")) ||
+ !sessionStorage.getItem("apifunddetail")
+ ) {
+ } else {
+ this._beforeUnload_time = new Date().getTime();
+ e = e || window.event;
+ if (e) {
+ e.returnValue = "鍏抽棴鎻愮ず";
+ }
+ return "鍏抽棴鎻愮ず";
+ }
},
- dicts: ["sys_gathering", "sys_0_1"],
- name: "Donorchargemanager",
- data() {
- return {
- activeName: 1, //鏂囦欢绫诲瀷
- tableData: [
- {
- date: "2016-05-03",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
- },
- {
- date: "2016-05-02",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
- },
- {
- date: "2016-05-04",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
- },
- {
- date: "2016-05-01",
- name: "鐜嬪皬铏�",
- address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�"
- }
- ],
- gatheringlist: [
- { label: "鏂板缓", value: "1" },
- { label: "寰呮敹娆�", value: "2" },
- { label: "宸叉敹娆�", value: "3" }
- ],
- multipleSelection: [],
- patientqueryParams: {
- pageNum: 1,
- pageSize: 10,
- hospitalno: null,
- paymentid: null
- },
- dialogVisiblepatient: false,
- patienttotal: 0, //
- //绁ㄦ嵁鏂囦欢
- pdftitle: "",
- pdfimg: "",
- pdfVisible: false,
- costtypeobj: {
- value: 0,
- label: ""
- },
- pdfimgsrcList: [],
- Savereminder: false, //鎻愰啋淇濆瓨寮规
- Reminderquantity: 0, //鎻愰啋鏁伴噺
- totalquantity: 0, //鎬绘暟閲�
-
- hintitle: "閫変腑宸︿晶宸蹭笂浼犳枃浠堕瑙堟煡鐪�",
- atpresent: "",
- iframeurl: "",
- options: regionDataPlus,
- selectedOptions: [],
- value1: "",
- previewpdf: false,
- // 閬僵灞�
- loading: true,
- // 瀵煎嚭閬僵灞�
- exportLoading: false,
- // 缃戠粶璇锋眰澶�
- Networkheader: null,
-
- // 閫変腑鏁扮粍
- ids: [],
- // 闈炲崟涓鐢�
- single: true,
- // 闈炲涓鐢�
- multiple: true,
- // 鏄剧ず鎼滅储鏉′欢
- showSearch: true,
- // 鎬绘潯鏁�
- total: 0,
- // 鎹愮尞妗堜緥鍣ㄥ畼鍒楄〃鏍兼暟鎹�
- donorchargeList: [],
- donorchargeorgans: [],
- donorchargeanlList: [], //妗堜緥鍒楄〃
- delogans: [],
- // 寮瑰嚭灞傛爣棰�
- title: "",
-
- // 鏌ヨ璐圭敤琛ㄥ弬鏁�
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- infoid: null,
- name: null,
- donationcategory: null,
- donateorgan: null,
- chargeamounted: null
- },
- // 鏌ヨ璐圭敤鍣ㄥ畼琛ㄥ弬鏁�
- organParams: {
- pageNum: 1,
- pageSize: 10,
- paymentid: null
- },
-
- // 褰撳墠鐢ㄦ埛淇℃伅
- userprofile: {},
- // 琛ㄥ崟鍙傛暟
- form: {},
- // 鍒楄〃鍙傛暟
- table: {},
- reimbursementList: [],
-
- // 琛ㄥ崟鏍￠獙
- rules: {
- reason: [
- { required: true, message: "璇疯緭鍏ュ嚭宸簨鐢�", trigger: "blur" }
- ],
- deptmentname: [
- { required: true, message: "璇疯緭鍏ユ墍灞炰笟鍔＄粍", trigger: "blur" }
- ]
- },
- topicoptions: [
- {
- value: "閫夐」1",
- label: "榛勯噾绯�"
- },
- {
- value: "閫夐」2",
- label: "鍙岀毊濂�"
- },
- {
- value: "閫夐」5",
- label: "鍖椾含鐑ら腑"
- }
- ],
-
- baselist: [],
- donorList: [],
- organchargelist: [],
- standardlevel: 0,
- defaultperson: {},
- fundflowList: [],
- showApproveRecordDialog: false,
-
- // 褰撳墠鍗曟嵁ID
- curId: 0,
- curCase: null,
- //涓氬姟鎿嶄綔绫诲瀷
- operationType: "edit",
-
- //涓婁紶鍙戠エ鏂囦欢璺緞
- uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
- //鏂囦欢鍒楄〃
- fileList: [],
- fileListto: [],
-
- invoDatatop: [],
- //浜哄憳绫诲埆
- persontype: null,
-
- headers: {
- Authorization: "Bearer " + getToken()
- },
-
- jurisdiction: false,
-
- //淇濆瓨鎸夐挳鎺у埗
- idisabled: false
+
+ handleClosehz() {
+ this.dialogVisiblepatient = false;
+ },
+ handleQuery() { },
+ resetQuery() {
+ this.patientqueryParams.donorname = null;
+ this.patientqueryParams.donorchargeid = null;
+ this.handleAddpatient();
+ },
+ handleUploadError() { },
+ // 寮规娣诲姞
+ AddDispatchpatients() {
+ this.donorchargeorgans = this.donorchargeorgans.concat(
+ this.multipleSelection
+ );
+ this.dialogVisiblepatient = false;
+ },
+ // 澶氶�夋閫変腑鏁版嵁
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
+ // 鐐瑰嚮鏂板
+ handleAddpatient(row) {
+ this.dialogVisiblepatient = true;
+ this.patientqueryParams.hospitalno = this.form.hospitalno;
+ this.patientqueryParams.paymentid = null;
+ this.patientqueryParams.paymentidIsNotNull = false;
+ listDonorchargeorgan(this.patientqueryParams).then(res => {
+ this.donorchargeList = res.rows;
+ this.patienttotal = res.total;
+ this.patientqueryParams.paymentidIsNotNull = true;
+ console.log(this.donorchargeList);
+ });
+ },
+ // 鑾峰彇璇锋眰澶�
+ Getnetworkheader() {
+ let string = window.location.href;
+ if (string.includes("9091")) {
+ const index = string.indexOf("9091");
+ this.Networkheader = string.slice(0, index + 4); // 鎴彇9091鍙婂叾鍓嶉儴瀛楃
+ } else {
+ const index = string.indexOf("8032");
+ this.Networkheader = string.slice(0, index + 4); // 鎴彇8032鍙婂叾鍓嶉儴瀛楃
+ }
+ },
+ // 琛ㄥ崟閲嶇疆
+ reset() {
+ this.form = {
+ id: null,
+ infoid: null,
+ donateno: null,
+ donatetime: null,
+ name: null,
+ borthdate: null,
+ sex: null,
+ age: null,
+ donationcategory: null,
+ donateorgan: null,
+ chargeamount: null,
+ chargeamounted: null,
+ remark: null,
+ delFlag: null,
+ createBy: null,
+ createTime: null,
+ updateBy: null,
+ updateTime: null
};
+ this.resetForm("form");
},
-
- created() {
- console.log(234);
- this.Getnetworkheader();
-
- //鑾峰彇鐧诲綍鑰呬俊鎭�
- getUserProfile().then(response => {
- this.userprofile = response.data;
- this.defaultperson = response.data;
- this.standardlevel = response.data.standardlevel;
- });
-
- //鑾峰彇鍙傛暟
- this.getroute();
- },
-
- mounted() {
- window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
- },
-
- updated() {
- this.$nextTick(() => {
- this.$refs["table"].doLayout();
+
+ /** 閫氳繃鍙傛暟鑾峰彇涓氬姟绫诲瀷 */
+ getroute() {
+ //閫夋嫨涓氬姟绫诲瀷:1銆佹柊澧烇紱2銆佷慨鏀癸紱3銆佹煡鐪�
+ this.operationType = this.$route.query.operation;
+ this.curId = this.$route.query.id;
+ this.curCase = this.$route.query.data;
+ this.patientqueryParams.paymentid = this.curId;
+ console.log("this.$route.query", this.$route.query);
+
+ if (this.operationType == "add") {
+ this.title = "鏂板缓妗堜緥鍣ㄥ畼璐圭敤琛�";
+ this.handleAdd();
+ console.log("1");
+ } else if (this.operationType == "update") {
+ this.title = "淇敼妗堜緥鍣ㄥ畼璐圭敤琛�";
+ this.handleUpdate();
+ console.log("2");
+ } else if (this.operationType == "detail") {
+ this.title = "鏌ョ湅妗堜緥鍣ㄥ畼璐圭敤琛�";
+ this.handleDetail();
+ console.log("3");
+ }
+ listDonorcharge({ pageNum: 1, pageSize: 10000 }).then(response => {
+ this.donorchargeanlList = response.rows;
});
},
-
- destroyed() {
- window.removeEventListener("beforeunload", e => this.beforeunloadFn(e));
- }, //鐢熷懡鍛ㄦ湡 - 閿�姣佸畬鎴�
-
- methods: {
- // 娴忚鍣ㄩ〉闈㈠叧闂垨鍒锋柊鎻愮ず
- beforeunloadHandler(e) {
- if (
- (JSON.stringify(this.form) == sessionStorage.getItem("apiform") &&
- JSON.stringify(this.donorchargeorgans) ==
- sessionStorage.getItem("apifunddetail")) ||
- !sessionStorage.getItem("apifunddetail")
- ) {
- } else {
- this._beforeUnload_time = new Date().getTime();
- e = e || window.event;
- if (e) {
- e.returnValue = "鍏抽棴鎻愮ず";
- }
- return "鍏抽棴鎻愮ず";
- }
- },
-
- handleClosehz() {
- this.dialogVisiblepatient = false;
- },
- handleQuery() {},
- resetQuery() {
- this.patientqueryParams.donorname = null;
- this.patientqueryParams.donorchargeid = null;
- this.handleAddpatient();
- },
- handleUploadError() {},
- // 寮规娣诲姞
- AddDispatchpatients() {
- this.donorchargeorgans = this.donorchargeorgans.concat(
- this.multipleSelection
- );
- this.dialogVisiblepatient = false;
- },
- // 澶氶�夋閫変腑鏁版嵁
- handleSelectionChange(val) {
- this.multipleSelection = val;
- },
- // 鐐瑰嚮鏂板
- handleAddpatient(row) {
- this.dialogVisiblepatient = true;
- this.patientqueryParams.hospitalno = this.form.hospitalno;
- this.patientqueryParams.paymentid = null;
- this.patientqueryParams.paymentidIsNotNull = false;
+
+ /** 閲嶇疆鎸夐挳鎿嶄綔 */
+ resetQuery() {
+ this.resetForm("queryForm");
+ this.handleQuery();
+ },
+
+ // 鍙栨秷鎸夐挳
+ cancel() {
+ this.$store.dispatch("tagsView/delView", this.$route);
+ this.$router.go(-1);
+ },
+
+ /** 鏂板鎸夐挳鎿嶄綔 */
+ handleAdd() {
+ this.reset();
+ this.title = "鏂板鎹愮尞妗堜緥鍣ㄥ畼璐圭敤琛�";
+
+ if (this.curCase) {
+ this.form.infoid = this.curCase.id;
+ this.form.paystatus = "1";
+ this.form.hospitalname = this.curCase.organizationname;
+ this.form.hospitalno = this.curCase.organizationid;
+ this.form.borthdate = this.curCase.birthday;
+ }
+ },
+
+ /** 淇敼鎸夐挳鎿嶄綔 */
+ handleUpdate() {
+ this.reset();
+ this.title = "鏀舵缁撶畻鐢宠鍗曠紪杈�";
+
+ listDonorpayment({ id: this.curId }).then(response => {
+ this.form = response.rows[0];
+ //鍣ㄥ畼璐圭敤淇℃伅
listDonorchargeorgan(this.patientqueryParams).then(res => {
- this.donorchargeList = res.rows;
- this.patienttotal = res.total;
- this.patientqueryParams.paymentidIsNotNull = true;
- console.log(this.donorchargeList);
+ console.log("listDonorchargeorgan", res);
+ this.donorchargeorgans = res.rows;
+ console.log(this.donorchargeorgans, "donorchargeorgans");
});
- },
- // 鑾峰彇璇锋眰澶�
- Getnetworkheader() {
- let string = window.location.href;
- if (string.includes("9091")) {
- const index = string.indexOf("9091");
- this.Networkheader = string.slice(0, index + 4); // 鎴彇9091鍙婂叾鍓嶉儴瀛楃
- } else {
- const index = string.indexOf("8032");
- this.Networkheader = string.slice(0, index + 4); // 鎴彇8032鍙婂叾鍓嶉儴瀛楃
- }
- },
- // 琛ㄥ崟閲嶇疆
- reset() {
- this.form = {
- id: null,
- infoid: null,
- donateno: null,
- donatetime: null,
- name: null,
- borthdate: null,
- sex: null,
- age: null,
- donationcategory: null,
- donateorgan: null,
- chargeamount: null,
- chargeamounted: null,
- remark: null,
- delFlag: null,
- createBy: null,
- createTime: null,
- updateBy: null,
- updateTime: null
- };
- this.resetForm("form");
- },
-
- /** 閫氳繃鍙傛暟鑾峰彇涓氬姟绫诲瀷 */
- getroute() {
- //閫夋嫨涓氬姟绫诲瀷:1銆佹柊澧烇紱2銆佷慨鏀癸紱3銆佹煡鐪�
- this.operationType = this.$route.query.operation;
- this.curId = this.$route.query.id;
- this.curCase = this.$route.query.data;
- this.patientqueryParams.paymentid = this.curId;
- console.log("this.$route.query", this.$route.query);
-
- if (this.operationType == "add") {
- this.title = "鏂板缓妗堜緥鍣ㄥ畼璐圭敤琛�";
- this.handleAdd();
- console.log("1");
- } else if (this.operationType == "update") {
- this.title = "淇敼妗堜緥鍣ㄥ畼璐圭敤琛�";
- this.handleUpdate();
- console.log("2");
- } else if (this.operationType == "detail") {
- this.title = "鏌ョ湅妗堜緥鍣ㄥ畼璐圭敤琛�";
- this.handleDetail();
- console.log("3");
- }
- listDonorcharge({ pageNum: 1, pageSize: 10000 }).then(response => {
- this.donorchargeanlList = response.rows;
+ });
+ },
+
+ /** 鏌ョ湅鎿嶄綔 */
+ handleDetail() {
+ this.reset();
+ listDonorpayment({ id: this.curId }).then(response => {
+ this.title = "鏌ョ湅鎹愮尞妗堜緥鍣ㄥ畼璐圭敤琛�";
+ this.form = response.rows[0];
+ //鍣ㄥ畼璐圭敤淇℃伅
+ listDonorchargeorgan(this.patientqueryParams).then(res => {
+ console.log("listDonorchargeorgan", res);
+ this.donorchargeorgans = res.rows;
+ console.log(this.donorchargeorgans, "donorchargeorgans");
});
- },
-
- /** 閲嶇疆鎸夐挳鎿嶄綔 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
-
- // 鍙栨秷鎸夐挳
- cancel() {
- this.$store.dispatch("tagsView/delView", this.$route);
- this.$router.go(-1);
- },
-
- /** 鏂板鎸夐挳鎿嶄綔 */
- handleAdd() {
- this.reset();
- this.title = "鏂板鎹愮尞妗堜緥鍣ㄥ畼璐圭敤琛�";
-
- if (this.curCase) {
- this.form.infoid = this.curCase.id;
- this.form.paystatus = "1";
- this.form.hospitalname = this.curCase.organizationname;
- this.form.hospitalno = this.curCase.organizationid;
- this.form.borthdate = this.curCase.birthday;
- }
- },
-
- /** 淇敼鎸夐挳鎿嶄綔 */
- handleUpdate() {
- this.reset();
- this.title = "鏀舵缁撶畻鐢宠鍗曠紪杈�";
-
- listDonorpayment({ id: this.curId }).then(response => {
- this.form = response.rows[0];
- //鍣ㄥ畼璐圭敤淇℃伅
- listDonorchargeorgan(this.patientqueryParams).then(res => {
- console.log("listDonorchargeorgan", res);
- this.donorchargeorgans = res.rows;
- console.log(this.donorchargeorgans, "donorchargeorgans");
- });
- });
- },
-
- /** 鏌ョ湅鎿嶄綔 */
- handleDetail() {
- this.reset();
- listDonorpayment({ id: this.curId }).then(response => {
- this.title = "鏌ョ湅鎹愮尞妗堜緥鍣ㄥ畼璐圭敤琛�";
- this.form = response.rows[0];
- //鍣ㄥ畼璐圭敤淇℃伅
- listDonorchargeorgan(this.patientqueryParams).then(res => {
- console.log("listDonorchargeorgan", res);
- this.donorchargeorgans = res.rows;
- console.log(this.donorchargeorgans, "donorchargeorgans");
- });
- });
- },
-
- /** 鎻愪氦淇濆瓨鎸夐挳 */
- submitForm() {
- this.chargeSum();
- this.$refs["form"].validate(valid => {
- if (valid) {
- this.$modal.loading("姝ｅ湪鎻愪氦锛岃绋嶅�欙紒");
-
- //淇濆瓨
- if (this.form.id != null) {
- for (let k = 0; k < this.donorchargeorgans.length; k++) {
- this.donorchargeorgans[k].paymentid = this.form.id;
- }
-
- editDonorpayment(this.form).then(res1 => {
- if (res1.code == 200) {
- saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
- if (res2.code == 200) {
- this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
- } else {
- this.$modal.msgError(res2.msg);
- }
- this.$modal.closeLoading();
- });
- } else {
- this.$modal.closeLoading();
- this.$modal.msgError(res1.msg);
- }
- });
- } else {
- addDonorpayment(this.form).then(response => {
- if (response.code == 200) {
- this.form.id = response.msg;
- //淇濆瓨鍓嶆牎楠屾暟鎹�
- for (let k = 0; k < this.donorchargeorgans.length; k++) {
- this.donorchargeorgans[k].paymentid = response.msg;
+ });
+ },
+
+ /** 鎻愪氦淇濆瓨鎸夐挳 */
+ submitForm() {
+ this.chargeSum();
+ this.$refs["form"].validate(valid => {
+ if (valid) {
+ this.$modal.loading("姝ｅ湪鎻愪氦锛岃绋嶅�欙紒");
+
+ //淇濆瓨
+ if (this.form.id != null) {
+ for (let k = 0; k < this.donorchargeorgans.length; k++) {
+ this.donorchargeorgans[k].paymentid = this.form.id;
+ }
+
+ editDonorpayment(this.form).then(res1 => {
+ if (res1.code == 200) {
+ saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
+ if (res2.code == 200) {
+ this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
+ } else {
+ this.$modal.msgError(res2.msg);
}
- saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
- if (res2.code == 200) {
- this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
- } else {
- this.$modal.msgError(res2.msg);
- }
- });
this.$modal.closeLoading();
- } else {
- this.$modal.msgError(response.msg);
- this.$modal.closeLoading();
- }
- });
- }
- }
- });
- },
- //淇敼鎬诲疄鏀跺悗瑙﹀彂
-
- chargeSumall() {
- if (this.form.receivedamount == this.form.receivableamount) {
- this.donorchargeorgans.forEach(item => {
- item.amount = item.organcharge;
- });
- } else {
- this.$modal.msgError("娉ㄦ剰瀹炴敹閲戦涓嶇瓑浜庡簲鏀堕噾棰濓紝璇锋牳瀵规暟鎹紒");
- }
- },
- //淇敼瀹炴敹鎴栧簲鏀跺悗瑙﹀彂
- chargeSum() {
- let ChargeSum = 0;
- let ChargeamountSum = 0;
-
- //璐圭敤鍚堣
- try {
- for (let i = 0; i < this.donorchargeorgans.length; i++) {
- if (!isNaN(parseFloat(this.donorchargeorgans[i].organcharge))) {
- ChargeSum += parseFloat(this.donorchargeorgans[i].organcharge);
- }
- if (!isNaN(parseFloat(this.donorchargeorgans[i].amount))) {
- ChargeamountSum += parseFloat(this.donorchargeorgans[i].amount);
- }
- }
- this.form.receivableamount = ChargeSum.toFixed(2);
- this.form.receivedamount = ChargeamountSum.toFixed(2);
- } catch {}
- },
-
- handleDelete(row) {
- this.$modal
- .confirm("鏄惁纭鍒犻櫎璇ユ潯鍣ㄥ畼璐圭敤鏁版嵁椤癸紵")
- .then(() => {
- let value = row;
- value.paymentid = null;
- this.delogans.push(value);
-
- saveDonorchargeorgan(this.delogans).then(res2 => {
- if (res2.code == 200) {
- let index = this.donorchargeorgans.indexOf(row);
- this.donorchargeorgans.splice(index, 1);
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛锛�");
+ });
+ } else {
+ this.$modal.closeLoading();
+ this.$modal.msgError(res1.msg);
}
+ });
+ } else {
+ addDonorpayment(this.form).then(response => {
+ if (response.code == 200) {
+ this.form.id = response.msg;
+ //淇濆瓨鍓嶆牎楠屾暟鎹�
+ for (let k = 0; k < this.donorchargeorgans.length; k++) {
+ this.donorchargeorgans[k].paymentid = response.msg;
+ }
+ saveDonorchargeorgan(this.donorchargeorgans).then(res2 => {
+ if (res2.code == 200) {
+ this.$modal.msgSuccess("淇濆瓨鎴愬姛锛�");
+ } else {
+ this.$modal.msgError(res2.msg);
+ }
+ });
+ this.$modal.closeLoading();
+ } else {
+ this.$modal.msgError(response.msg);
+ this.$modal.closeLoading();
+ }
+ });
+ }
+ }
+ });
+ },
+ //淇敼鎬诲疄鏀跺悗瑙﹀彂
+
+ chargeSumall() {
+ if (this.form.receivedamount == this.form.receivableamount) {
+ this.donorchargeorgans.forEach(item => {
+ item.amount = item.organcharge;
+ });
+ } else {
+ this.$modal.msgError("娉ㄦ剰瀹炴敹閲戦涓嶇瓑浜庡簲鏀堕噾棰濓紝璇锋牳瀵规暟鎹紒");
+ }
+ },
+ //淇敼瀹炴敹鎴栧簲鏀跺悗瑙﹀彂
+ chargeSum() {
+ let ChargeSum = 0;
+ let ChargeamountSum = 0;
+
+ //璐圭敤鍚堣
+ try {
+ for (let i = 0; i < this.donorchargeorgans.length; i++) {
+ if (!isNaN(parseFloat(this.donorchargeorgans[i].organcharge))) {
+ ChargeSum += parseFloat(this.donorchargeorgans[i].organcharge);
+ }
+ if (!isNaN(parseFloat(this.donorchargeorgans[i].amount))) {
+ ChargeamountSum += parseFloat(this.donorchargeorgans[i].amount);
+ }
+ }
+ this.form.receivableamount = ChargeSum.toFixed(2);
+ this.form.receivedamount = ChargeamountSum.toFixed(2);
+ } catch { }
+ },
+
+ handleDelete(row) {
+ this.$modal
+ .confirm("鏄惁纭鍒犻櫎璇ユ潯鍣ㄥ畼璐圭敤鏁版嵁椤癸紵")
+ .then(() => {
+ let value = row;
+ value.paymentid = null;
+ this.delogans.push(value);
+
+ saveDonorchargeorgan(this.delogans).then(res2 => {
+ if (res2.code == 200) {
+ let index = this.donorchargeorgans.indexOf(row);
+ this.donorchargeorgans.splice(index, 1);
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛锛�");
+ }
+ });
+ })
+ .catch(() => { });
+ },
+
+ //琛ㄦ牸鍚堣
+ getSummaries(param) {
+ const { columns, data } = param;
+ const sums = [];
+ var columnnames = [
+ "organno",
+ "organname",
+ "amounttime",
+ "organchargedesc",
+ "hospitalname",
+ "organtime",
+ "remark",
+ "name",
+ "caseno",
+ "receiveTime"
+ ];
+ columns.forEach((column, index) => {
+ if (index === 0) {
+ sums[index] = "鍚堣";
+ return;
+ }
+
+ //鍘婚櫎閮ㄥ垎瀛楁璁＄畻
+ if (columnnames.indexOf(column.property) > -1) {
+ return;
+ }
+
+ const values = data.map(item => Number(item[column.property]));
+ if (!values.every(value => isNaN(value))) {
+ sums[index] = values.reduce((prev, curr) => {
+ const value = Number(curr);
+ if (!isNaN(value)) {
+ return prev + curr;
+ } else {
+ return prev;
+ }
+ }, 0);
+ sums[index] = sums[index].toFixed(2); // 淇濈暀2浣嶅皬鏁帮紝瑙ｅ喅灏忔暟鍚堣鍒�;
+ } else {
+ sums[index] = "";
+ }
+ });
+ return sums;
+ },
+ // 鏂囦欢------------------------
+ remove(file, fileList) {
+ const donorchargeorgans = [...this.donorchargeorgans];
+
+ this.fileListto.splice(this.fileListto.indexOf(file), 1);
+ donorchargeorgans[this.atpresent].annexFilesList = this.fileListto;
+ },
+
+ uploadSccess(response, file, fileList) {
+ this.donorchargeorgans;
+ const config = {
+ headers: { Authorization: "Bearer " + this.ICDtoken }
+ };
+ const pdfimg = this.Networkheader + "/prod-api" + response.fileName;
+ //鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆
+ if (response.code == 200) {
+ this.previewpdf = true;
+ fetch(pdfimg, config)
+ .then(response => response.blob())
+ .then(blob => {
+ // 灏嗚幏鍙栫殑鏁版嵁娴佽浆鎹负URL
+ this.pdfimg = URL.createObjectURL(blob);
+ this.pdfimgsrcList.push(URL.createObjectURL(blob));
+ this.fileListto.push({
+ name: file.name,
+ url: URL.createObjectURL(blob)
});
})
- .catch(() => {});
- },
-
- //琛ㄦ牸鍚堣
- getSummaries(param) {
- const { columns, data } = param;
- const sums = [];
- var columnnames = [
- "organno",
- "organname",
- "amounttime",
- "organchargedesc",
- "hospitalname",
- "organtime",
- "remark",
- "name",
- "caseno",
- "receiveTime"
- ];
- columns.forEach((column, index) => {
- if (index === 0) {
- sums[index] = "鍚堣";
+ .catch(error => {
+ console.error("Error loading image", error);
return;
- }
-
- //鍘婚櫎閮ㄥ垎瀛楁璁＄畻
- if (columnnames.indexOf(column.property) > -1) {
- return;
- }
-
- const values = data.map(item => Number(item[column.property]));
- if (!values.every(value => isNaN(value))) {
- sums[index] = values.reduce((prev, curr) => {
- const value = Number(curr);
- if (!isNaN(value)) {
- return prev + curr;
- } else {
- return prev;
- }
- }, 0);
- sums[index] = sums[index].toFixed(2); // 淇濈暀2浣嶅皬鏁帮紝瑙ｅ喅灏忔暟鍚堣鍒�;
- } else {
- sums[index] = "";
- }
+ });
+
+ this.$modal.msgSuccess(response.msg);
+
+ console.log(this.fileListto, "鏂板鍚�");
+ if (!this.donorchargeorgans[this.atpresent].annexFilesList) {
+ this.donorchargeorgans[this.atpresent].annexFilesList = [];
+ }
+ this.donorchargeorgans[this.atpresent].annexFilesList.push({
+ name: file.name,
+ url: response.fileName
});
- return sums;
- },
- // 鏂囦欢------------------------
- remove(file, fileList) {
- const donorchargeorgans = [...this.donorchargeorgans];
-
- this.fileListto.splice(this.fileListto.indexOf(file), 1);
- donorchargeorgans[this.atpresent].annexFilesList = this.fileListto;
- },
-
- uploadSccess(response, file, fileList) {
- this.donorchargeorgans;
- const config = {
- headers: { Authorization: "Bearer " + this.ICDtoken }
- };
- const pdfimg = this.Networkheader + "/prod-api" + response.fileName;
- //鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆
- if (response.code == 200) {
- this.previewpdf = true;
- fetch(pdfimg, config)
- .then(response => response.blob())
- .then(blob => {
- // 灏嗚幏鍙栫殑鏁版嵁娴佽浆鎹负URL
- this.pdfimg = URL.createObjectURL(blob);
- this.pdfimgsrcList.push(URL.createObjectURL(blob));
- this.fileListto.push({
- name: file.name,
- url: URL.createObjectURL(blob)
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ } else {
+ console.log(response.msg);
+ }
+ },
+
+ // 鐐瑰嚮绁ㄦ嵁
+ Filepopup(index, row) {
+ const config = {
+ headers: { Authorization: "Bearer " + this.ICDtoken }
+ };
+
+ this.tableDatatop = [];
+ this.fileListto = [];
+ this.invoicefileListto = [];
+ this.pdfimg = "";
+ this.invoicepdfimg = [];
+ this.pdfimgsrcList = [];
+ this.invoicepdfimgsrcList = [];
+ this.tableDatatop.push(row);
+ this.atpresent = index;
+ this.pdfVisible = true;
+
+ if (this.donorchargeorgans[index].annexFilesList) {
+ const fetchPromises = this.donorchargeorgans[index].annexFilesList.map(
+ (value, indexson) => {
+ const pdfimg = this.Networkheader + "/prod-api" + value.url;
+ return fetch(pdfimg, config)
+ .then(response => response.blob())
+ .then(blob => {
+ return {
+ name: value.name,
+ url: URL.createObjectURL(blob)
+ };
+ })
+ .catch(error => {
+ console.error("Error loading image", error);
+ return null;
});
- })
- .catch(error => {
- console.error("Error loading image", error);
- return;
- });
-
- this.$modal.msgSuccess(response.msg);
-
- console.log(this.fileListto, "鏂板鍚�");
- if (!this.donorchargeorgans[this.atpresent].annexFilesList) {
- this.donorchargeorgans[this.atpresent].annexFilesList = [];
}
- this.donorchargeorgans[this.atpresent].annexFilesList.push({
- name: file.name,
- url: response.fileName
- });
- this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
- } else {
- console.log(response.msg);
- }
- },
-
- // 鐐瑰嚮绁ㄦ嵁
- Filepopup(index, row) {
- const config = {
- headers: { Authorization: "Bearer " + this.ICDtoken }
- };
-
- this.tableDatatop = [];
+ );
+
+ Promise.all(fetchPromises).then(fileListto => {
+ this.fileListto = fileListto.filter(item => item !== null);
+ this.pdfimg = this.fileListto[0].url;
+ console.log(this.pdfimg, "pdfimg");
+ this.pdfimgsrcList = this.fileListto.map(item => item.url);
+ });
+
+ this.previewpdf = true;
+ } else {
this.fileListto = [];
- this.invoicefileListto = [];
this.pdfimg = "";
- this.invoicepdfimg = [];
- this.pdfimgsrcList = [];
- this.invoicepdfimgsrcList = [];
- this.tableDatatop.push(row);
- this.atpresent = index;
- this.pdfVisible = true;
-
- if (this.donorchargeorgans[index].annexFilesList) {
- const fetchPromises = this.donorchargeorgans[index].annexFilesList.map(
- (value, indexson) => {
- const pdfimg = this.Networkheader + "/prod-api" + value.url;
- return fetch(pdfimg, config)
- .then(response => response.blob())
- .then(blob => {
- return {
- name: value.name,
- url: URL.createObjectURL(blob)
- };
- })
- .catch(error => {
- console.error("Error loading image", error);
- return null;
- });
- }
- );
-
- Promise.all(fetchPromises).then(fileListto => {
- this.fileListto = fileListto.filter(item => item !== null);
- this.pdfimg = this.fileListto[0].url;
- console.log(this.pdfimg, "pdfimg");
- this.pdfimgsrcList = this.fileListto.map(item => item.url);
- });
-
- this.previewpdf = true;
+ this.pdftitle = "";
+ }
+
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+
+ console.log(this.fileListto, "this.fileListto");
+ console.log(
+ this.donorchargeorgans[index].annexFilesList,
+ "annexFilesList"
+ );
+ },
+
+ // 鐐瑰嚮宸蹭笂浼犳枃浠�
+ downFile(item) {
+ this.pdftitle =
+ "鍏�" + this.pdfimgsrcList.length + "椤癸紝褰撳墠閫変腑" + item.name;
+ let name = item.name.split(".");
+ if (name[1] == "pdf") {
+ this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
+ this.previewpdf = false;
+ this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
+ } else if (name[1] == "jpg" || "png") {
+ console.log(item, "灞曠ず");
+ this.previewpdf = true;
+ if (item.url) {
+ this.pdfimg = item.url;
} else {
- this.fileListto = [];
this.pdfimg = "";
- this.pdftitle = "";
}
-
- this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
-
- console.log(this.fileListto, "this.fileListto");
- console.log(
- this.donorchargeorgans[index].annexFilesList,
- "annexFilesList"
- );
- },
-
- // 鐐瑰嚮宸蹭笂浼犳枃浠�
- downFile(item) {
- this.pdftitle =
- "鍏�" + this.pdfimgsrcList.length + "椤癸紝褰撳墠閫変腑" + item.name;
- let name = item.name.split(".");
- if (name[1] == "pdf") {
- this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
- this.previewpdf = false;
- this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
- } else if (name[1] == "jpg" || "png") {
- console.log(item, "灞曠ず");
- this.previewpdf = true;
- if (item.url) {
- this.pdfimg = item.url;
- } else {
- this.pdfimg = "";
- }
- } else {
- this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
- this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
- this.previewpdf = false;
- }
- },
- getIndexInArray(arr, obj) {
- return arr.indexOf(obj);
- },
- // 鍙戠エ鍒囨崲
- handleClick(tab, event) {
- this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
- },
- // 鐐瑰嚮鍒犻櫎
- deletedowfile(row) {
- console.log(row);
- let indexvalue = "";
- const indexlist = this.getIndexInArray(this.pdfimgsrcList, row.url);
- this.pdfimgsrcList.splice(indexlist, 1);
- const index = this.getIndexInArray(this.fileListto, row);
- this.fileListto.splice(index, 1);
- console.log(this.donorchargeorgans[this.atpresent].annexFilesList);
- indexvalue = this.donorchargeorgans[
- this.atpresent
- ].annexFilesList.findIndex(item => item.name == row.name);
- console.log(indexvalue, "鍒犻櫎绱㈠紩");
- this.donorchargeorgans[this.atpresent].annexFilesList.splice(
- indexvalue,
- 1
- );
- },
- // 鐐瑰嚮涓婄Щ
- moveupdowfile(row) {
- const index = this.fileListto.findIndex(item => item.name == row.name);
- const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
- this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
-
- const indexann = this.donorchargeorgans[
- this.atpresent
- ].annexFilesList.findIndex(item => item.name == row.name);
- const itemann = this.donorchargeorgans[
- this.atpresent
- ].annexFilesList.splice(indexann, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
- this.donorchargeorgans[this.atpresent].annexFilesList.splice(
- indexann - 1,
- 0,
- itemann
- ); // 灏唅temann鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
- console.log(indexann, "indexann");
- console.log(index, "index");
-
- console.log(
- this.donorchargeorgans[this.atpresent].annexFilesList,
- "annexFilesList"
- );
- console.log(this.fileListto, "fileListto");
- // console.log(this.donorchargeorgans[this.atpresent].invoicefilesList,'invoicefilesList');
- },
- Downloadfile(row) {
- window.location.href = row.url;
+ } else {
+ this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
+ this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
+ this.previewpdf = false;
}
- }
- };
- </script>
-
- <style lang="scss" scoped>
- .Modifydetailscla {
- padding: 10px;
-
- .boxdiv {
- font-size: 18px;
- padding: 0 30px;
- padding-bottom: 60px;
-
- .top-text {
- text-align: center;
-
- font-size: 23px;
- font-weight: 600;
- margin: 20px 0;
- margin-bottom: 50px;
- }
-
- .dialog-footer {
- text-align: left;
- margin-top: 10px;
- }
+ },
+ getIndexInArray(arr, obj) {
+ return arr.indexOf(obj);
+ },
+ // 鍙戠エ鍒囨崲
+ handleClick(tab, event) {
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ },
+ // 鐐瑰嚮鍒犻櫎
+ deletedowfile(row) {
+ console.log(row);
+ let indexvalue = "";
+ const indexlist = this.getIndexInArray(this.pdfimgsrcList, row.url);
+ this.pdfimgsrcList.splice(indexlist, 1);
+ const index = this.getIndexInArray(this.fileListto, row);
+ this.fileListto.splice(index, 1);
+ console.log(this.donorchargeorgans[this.atpresent].annexFilesList);
+ indexvalue = this.donorchargeorgans[
+ this.atpresent
+ ].annexFilesList.findIndex(item => item.name == row.name);
+ console.log(indexvalue, "鍒犻櫎绱㈠紩");
+ this.donorchargeorgans[this.atpresent].annexFilesList.splice(
+ indexvalue,
+ 1
+ );
+ },
+ // 鐐瑰嚮涓婄Щ
+ moveupdowfile(row) {
+ const index = this.fileListto.findIndex(item => item.name == row.name);
+ const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+
+ const indexann = this.donorchargeorgans[
+ this.atpresent
+ ].annexFilesList.findIndex(item => item.name == row.name);
+ const itemann = this.donorchargeorgans[
+ this.atpresent
+ ].annexFilesList.splice(indexann, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.donorchargeorgans[this.atpresent].annexFilesList.splice(
+ indexann - 1,
+ 0,
+ itemann
+ ); // 灏唅temann鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ console.log(indexann, "indexann");
+ console.log(index, "index");
+
+ console.log(
+ this.donorchargeorgans[this.atpresent].annexFilesList,
+ "annexFilesList"
+ );
+ console.log(this.fileListto, "fileListto");
+ // console.log(this.donorchargeorgans[this.atpresent].invoicefilesList,'invoicefilesList');
+ },
+ Downloadfile(row) {
+ window.location.href = row.url;
}
}
-
- .upload-demo {
+};
+</script>
+
+<style lang="scss" scoped>
+.Modifydetailscla {
+ padding: 10px;
+
+ .boxdiv {
+ font-size: 18px;
+ padding: 0 30px;
+ padding-bottom: 60px;
+
+ .top-text {
+ text-align: center;
+
+ font-size: 23px;
+ font-weight: 600;
+ margin: 20px 0;
+ margin-bottom: 50px;
+ }
+
+ .dialog-footer {
+ text-align: left;
+ margin-top: 10px;
+ }
+ }
+}
+
+.upload-demo {
+ text-align: center;
+}
+
+.pdfimg {
+ display: flex; // text-align: center;
+ width: 100%;
+ height: 600px;
+
+ .box-pdf {
+ width: 400px;
+ padding-top: 20px;
+ margin-right: 30px;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); // <- Add this to fix.
+ }
+
+ .pdftit {
+ width: 200px;
+ padding: 20px;
+ font-size: 18px;
+ }
+
+ .pdftit:hover {
+ background: #c0cef7;
+ }
+
+ .pdfimgmin {
+ width: 60%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ .pdfimgmins {
+ font-size: 28px;
+ width: 60%;
text-align: center;
}
-
- .pdfimg {
- display: flex; // text-align: center;
- width: 100%;
- height: 600px;
-
- .box-pdf {
- width: 400px;
- padding-top: 20px;
- margin-right: 30px;
+}
+
+.headlines {
+ font-size: 25px;
+ display: flex;
+ width: 96%;
+ justify-content: space-between;
+ padding-left: 5px;
+ margin-bottom: 10px;
+ border-left: 5px solid rgb(65, 161, 190);
+}
+
+.button-delete {
+ color: rgb(236, 69, 69);
+}
+
+.examine-jic {
+ .headline {
+ font-size: 24px;
+ border-left: 5px solid #41a1be;
+ padding-left: 5px;
+ margin-bottom: 10px;
+ display: flex;
+ justify-content: space-between;
+
+ .Add-details {
+ font-size: 18px;
+ color: #02a7f0;
+ cursor: pointer;
+ }
+ }
+
+ .jic-value {
+ font-size: 20px;
+ border-top: 1px solid #a7abac;
+ padding: 10px;
+ margin-bottom: 10px;
+
+ .details-jic {
+ padding: 10px 15px;
border: 1px solid #dcdfe6;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
0 0 6px 0 rgba(0, 0, 0, 0.04);
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); // <- Add this to fix.
- }
-
- .pdftit {
- width: 200px;
- padding: 20px;
- font-size: 18px;
- }
-
- .pdftit:hover {
- background: #c0cef7;
- }
-
- .pdfimgmin {
- width: 60%;
-
- img {
- width: 100%;
- }
- }
-
- .pdfimgmins {
- font-size: 28px;
- width: 60%;
- text-align: center;
- }
- }
- .headlines {
- font-size: 25px;
- display: flex;
- width: 96%;
- justify-content: space-between;
- padding-left: 5px;
- margin-bottom: 10px;
- border-left: 5px solid rgb(65, 161, 190);
- }
- .button-delete {
- color: rgb(236, 69, 69);
- }
- .examine-jic {
- .headline {
- font-size: 24px;
- border-left: 5px solid #41a1be;
- padding-left: 5px;
- margin-bottom: 10px;
- display: flex;
- justify-content: space-between;
- .Add-details {
- font-size: 18px;
- color: #02a7f0;
- cursor: pointer;
- }
- }
- .jic-value {
- font-size: 20px;
- border-top: 1px solid #a7abac;
- padding: 10px;
- margin-bottom: 10px;
- .details-jic {
- padding: 10px 15px;
- border: 1px solid #dcdfe6;
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
- 0 0 6px 0 rgba(0, 0, 0, 0.04);
- .details-title {
- display: flex;
- justify-content: space-between;
- margin-bottom: 10px;
- div:nth-child(2) {
- color: #02a7f0;
- cursor: pointer;
- }
- }
- .details-renw {
- background: #e4ebfc;
- padding: 15px 5px;
- border-radius: 5px;
- margin-bottom: 20px;
+
+ .details-title {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 10px;
+
+ div:nth-child(2) {
+ color: #02a7f0;
+ cursor: pointer;
}
}
+
+ .details-renw {
+ background: #e4ebfc;
+ padding: 15px 5px;
+ border-radius: 5px;
+ margin-bottom: 20px;
+ }
}
}
- ::v-deep .el-input.is-disabled .el-input__inner {
- background-color: #F5F7FA;
- border-color: #dfe4ed;
- color: #000000;
- cursor: not-allowed;
}
-
- ::v-deep .el-input--medium .el-input__inner {
- height: 36px;
- line-height: 36px;
- text-align: center;
- }
-
- ::v-deep .el-alert__title {
- font-size: 20px;
- line-height: 20px;
- }
- </style>
-
\ No newline at end of file
+
+::v-deep .el-input.is-disabled .el-input__inner {
+ background-color: #F5F7FA;
+ border-color: #dfe4ed;
+ color: #000000;
+ cursor: not-allowed;
+}
+
+::v-deep .el-input--medium .el-input__inner {
+ height: 36px;
+ line-height: 36px;
+ text-align: center;
+}
+
+::v-deep .el-alert__title {
+ font-size: 20px;
+ line-height: 20px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3