From be42af700f901f496db68d97ab46e2c1d4bef85a Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期二, 31 十月 2023 16:35:58 +0800
Subject: [PATCH] 11
---
src/views/project/donationdetails/index.vue | 1269 +++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 995 insertions(+), 274 deletions(-)
diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue
index 1f5e948..7f5a746 100644
--- a/src/views/project/donationdetails/index.vue
+++ b/src/views/project/donationdetails/index.vue
@@ -4,45 +4,150 @@
<div class="postfilx">
<div class="title">宸ヤ綔杩涚▼</div>
<div style="height: 666px;">
- <el-steps direction="vertical" :active="3">
+ <el-steps direction="vertical" :active="workflow">
<el-step title="娼滃湪鎹愮尞" icon="el-icon-user">
- <template slot="description">
- <p>鎻愪氦鏃堕棿锛�<span>2023-9-20</span></p>
- <p>瀹℃牳鏃堕棿锛�<span>2023-9-30</span></p>
+ <template
+ slot="description"
+ v-if="Processdata.donateorgan.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.donateorgan.createtime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.donateorgan.updatetime)
+ }}</span>
+ </p>
</template>
</el-step>
- <el-step title="鍖诲璇勪及" icon="el-icon-edit-outline">
- <template slot="description">
- <p>鎻愪氦鏃堕棿锛�<span>2023-9-20</span></p>
- <p>瀹℃牳鏃堕棿锛�<span>2023-9-30</span></p>
+ <el-step
+ title="鍖诲璇勪及"
+ icon="el-icon-edit-outline"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
+ >
+ <template
+ slot="description"
+ v-if="Processdata.medicalevaluation.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.medicalevaluation.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.medicalevaluation.updatetime)
+ }}</span>
+ </p>
</template>
</el-step>
<el-step
title="鎹愮尞纭"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
icon="el-icon-folder-checked"
>
+ <template
+ slot="description"
+ v-if="Processdata.relativesconfirmation.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.relativesconfirmation.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.relativesconfirmation.updatetime)
+ }}</span>
+ </p>
+ </template>
</el-step>
<el-step
title="浼︾悊瀹℃煡"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
icon="el-icon-s-order"
- ></el-step>
+ >
+ <template
+ slot="description"
+ v-if="Processdata.ethicalreviewopinions.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.ethicalreviewopinions.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.ethicalreviewopinions.updatetime)
+ }}</span>
+ </p>
+ </template>
+ </el-step>
<el-step
title="鍣ㄥ畼鍒嗛厤"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
icon="el-icon-s-operation"
- ></el-step>
+ >
+ <template
+ slot="description"
+ v-if="Processdata.organallocationService.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.organallocationService.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.organallocationService.updatetime)
+ }}</span>
+ </p>
+ </template>
+ </el-step>
<el-step
title="鑾峰彇瑙佽瘉"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
icon="el-icon-s-management"
- ></el-step>
+ >
+ <template
+ slot="description"
+ v-if="Processdata.donationwitness.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.donationwitness.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.donationwitness.updatetime)
+ }}</span>
+ </p>
+ </template>
+ </el-step>
<el-step
title="瀹屾垚鐧昏"
- description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�"
+ description="璇峰厛瀹屾垚鍓嶉儴姝ラ"
icon="el-icon-circle-check"
- ></el-step>
+ >
+ <template
+ slot="description"
+ v-if="Processdata.donatecompletioninfo.createtime"
+ >
+ <p>
+ 鎻愪氦鏃堕棿锛�<span>{{
+ parseTime(Processdata.donatecompletioninfo.updatetime)
+ }}</span>
+ </p>
+ <p>
+ 鏇存柊鏃堕棿锛�<span>{{
+ parseTime(Processdata.donatecompletioninfo.updatetime)
+ }}</span>
+ </p>
+ </template>
+ </el-step>
</el-steps>
</div>
</div>
@@ -295,6 +400,12 @@
icon="el-icon-circle-check"
></el-step>
</el-steps>
+ </div>
+ <!-- 鍑瘉鏂囦欢 -->
+ <div class="Ticket-button" v-show="actives != 5 && actives != 4">
+ <el-button @click.native.prevent="Filepopup" type="success"
+ >鍑瘉鏂囦欢</el-button
+ >
</div>
<!-- 娼滃湪鎹愮尞 -->
<div class="boxdiv" style="margin: 30px 0 66px 0;" v-show="actives == 0">
@@ -618,19 +729,27 @@
</el-row>
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="submitForm"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="submitForm"
>淇濆瓨鎹愮尞鑰呬俊鎭�</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="Reportforreview" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="Reportforreview"
+ type="primary"
+ @click="Reportforreview"
>涓婃姤瀹℃牳</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -841,16 +960,21 @@
</el-row>
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨璇勪及淇℃伅</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -866,24 +990,6 @@
label-position="right"
>
<el-row>
- <el-col :span="12">
- <el-form-item
- label="浜插睘鍏崇郴"
- prop="kinship"
- class="relation"
- align="left"
- >
- <el-checkbox-group v-model="affirmform.kinship">
- <el-checkbox
- v-for="dict in dict.type.sys_Kinship"
- :key="dict.value"
- :label="dict.value"
- >
- {{ dict.label }}
- </el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- </el-col>
<el-col :span="6">
<el-form-item label="瀛愬コ鏁伴噺" prop="kinshipChildrennum">
<el-input
@@ -1054,16 +1160,21 @@
</el-row>
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨鎹愮尞淇℃伅</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1117,16 +1228,21 @@
</el-row>
</el-form>
<div class="dialog-footer" style="min-height: 500px; margin: 20px 0; ">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨鎹愮尞淇℃伅</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1138,127 +1254,163 @@
ref="allocationform"
:model="allocationform"
:rules="allocationrules"
- label-width="100px"
label-position="right"
>
- <el-row>
- <el-col :span="8">
- <el-form-item label="鍒嗛厤鐘舵��" prop="organstate">
- <el-select
- v-model="allocationform.organstate"
- placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��"
- >
- <el-option
- v-for="dict in dict.type.sys_organstate"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="8">
- <el-form-item label="鎹愮尞濮撳悕" prop="curdonorname">
- <el-input
- v-model="curdonorname"
- placeholder="鎹愮尞鑰呭鍚�"
- disabled
- />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鍣ㄥ畼鍚嶇О" prop="organnumber">
- <el-select
- ref="organNameSelect"
- v-model="allocationform.organnumber"
- placeholder="璇烽�夋嫨鍣ㄥ畼缂栧彿"
- clearable
- size="small"
- disabled
- >
- <el-option
- v-for="dict in dict.type.sys_Organ"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
+ <el-form-item label-width="100px" label="閫夋嫨鍣ㄥ畼">
+ <el-checkbox-group v-model="organalForm.organname">
+ <el-checkbox
+ v-for="dict in dict.type.sys_Organ"
+ :key="dict.value"
+ :label="dict.value"
+ @change="changeorganState(dict.value)"
+ >
+ {{ dict.label }}
+ </el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ <el-form-item>
+ <el-table v-loading="loading" border :data="allocationform">
+ <el-table-column
+ label="鍣ㄥ畼鍚嶇О"
+ align="center"
+ width="70"
+ prop="organname"
+ />
+ <el-table-column
+ label="鍣ㄥ畼缂栧彿"
+ align="center"
+ width="70"
+ prop="organno"
+ />
+ <el-table-column
+ label="鍒嗛厤鐘舵��"
+ align="center"
+ width="120"
+ prop="organstate"
+ >
+ <template slot-scope="scope">
+ <el-select
+ v-model="scope.row.organstate"
+ placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��"
+ >
+ <el-option
+ v-for="dict in dict.type.sys_organstate"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="绉绘鍖婚櫌"
+ align="center"
+ width="230"
+ prop="transplanthospitalname"
+ >
+ <template slot-scope="scope">
+ <org-selecter
+ ref="tranHosSelect"
+ :org-type="'4'"
+ v-model="scope.row.transplanthospitalno"
+ style="width: 100%"
/>
- </el-select>
- </el-form-item> </el-col
- ><el-col :span="8">
- <el-form-item label="绯荤粺缂栧彿" prop="ageunit">
- <el-input
- v-model="allocationform.ageunit"
- placeholder="璇疯緭鍏ョ郴缁熺紪鍙�"
- />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row
- ><el-col :span="8">
- <el-form-item label="鎺ユ敹鏃堕棿" prop="applicanttime">
- <el-date-picker
- clearable
- size="small"
- style="width: 100%"
- v-model="allocationform.applicanttime"
- type="datetime"
- value-format="yyyy-MM-dd HH:mm:ss"
- placeholder="閫夋嫨鎺ユ敹鏃堕棿"
- >
- </el-date-picker>
- </el-form-item> </el-col
- ><el-col :span="16">
- <el-form-item label="绉绘鍖婚櫌" prop="treatmenthospitalno">
- <org-selecter
- ref="tranHosSelect"
- :org-type="'4'"
- v-model="allocationform.transplanthospitalno"
- style="width: 100%"
- />
- </el-form-item> </el-col></el-row
- ><el-row>
- <el-col :span="8">
- <el-form-item label="鍙椾綋濮撳悕" prop="name">
- <el-input v-model="allocationform.name" placeholder="濮撳悕" />
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="璇佷欢绫诲瀷" prop="idcardtype">
- <el-select
- v-model="allocationform.idcardtype"
- placeholder="璇烽�夋嫨绉绘浜鸿瘉浠剁被鍨�"
- >
- <el-option
- v-for="dict in dict.type.sys_IDType"
- :key="dict.value"
- :label="dict.label"
- :value="parseInt(dict.value)"
- ></el-option>
- </el-select>
- </el-form-item> </el-col
- ><el-col :span="8">
- <el-form-item label="璇佷欢鍙风爜" prop="idcardno">
- <el-input
- v-model="allocationform.idcardno"
- placeholder="璇疯緭鍏ョЩ妞嶄汉璇佷欢鍙风爜"
- />
- </el-form-item>
- </el-col>
- </el-row>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="绯荤粺缂栧彿"
+ align="center"
+ width="120"
+ prop="ageunit"
+ >
+ <template slot-scope="scope">
+ <el-input
+ v-model="scope.row.ageunit"
+ placeholder="绯荤粺缂栧彿"
+ />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="鎺ユ敹鏃堕棿"
+ align="center"
+ width="200"
+ prop="applicanttime"
+ >
+ <template slot-scope="scope">
+ <el-date-picker
+ clearable
+ size="small"
+ style="width: 100%"
+ v-model="scope.row.applicanttime"
+ type="datetime"
+ value-format="yyyy-MM-dd HH:mm:ss"
+ placeholder="閫夋嫨鎺ユ敹鏃堕棿"
+ >
+ </el-date-picker>
+ </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
+ label="璇佷欢绫诲瀷"
+ align="center"
+ width="150"
+ prop="idcardtype"
+ >
+ <template slot-scope="scope">
+ <el-select
+ v-model="scope.row.idcardtype"
+ placeholder="绉绘浜鸿瘉浠剁被鍨�"
+ >
+ <el-option
+ v-for="dict in dict.type.sys_IDType"
+ :key="dict.value"
+ :label="dict.label"
+ :value="parseInt(dict.value)"
+ ></el-option>
+ </el-select>
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="璇佷欢鍙风爜"
+ align="center"
+ width="200"
+ prop="idcardno"
+ >
+ <template slot-scope="scope">
+ <el-input
+ v-model="scope.row.idcardno"
+ placeholder="璇佷欢鍙风爜"
+ />
+ </template>
+ </el-table-column>
+ </el-table>
+ </el-form-item>
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨鎹愮尞淇℃伅</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1695,16 +1847,21 @@
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨鎹愮尞淇℃伅</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="makeastepforward" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="makeastepforward"
+ type="primary"
+ @click="makeastepforward"
>涓嬩竴姝�</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
@@ -1925,30 +2082,158 @@
</el-row>
</el-form>
<div class="dialog-footer">
- <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails"
+ <el-button
+ v-show="!showTerminationBtn"
+ type="primary"
+ @click="Savethedetails"
>淇濆瓨鎹愮尞鑰呬俊鎭�</el-button
>
<el-button
- v-show="showTerminationBtn"
- type="primary"
+ :type="showTerminationBtn == 0 ? 'warning' : 'success'"
@click="Terminationcase"
- >缁堟妗堜緥</el-button
+ >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button
>
- <el-button v-show="Reportforreview" type="primary" @click="ReviewFn"
+ <el-button
+ v-show="Reportforreview"
+ type="primary"
+ @click="Reportforreview"
>涓婃姤瀹℃牳</el-button
>
<el-button @click="cancel">鍙� 娑�</el-button>
</div>
</div>
</div>
+ <!-- 闄勪欢寮圭獥 -->
+ <el-dialog
+ v-dialogDrags
+ :modal="false"
+ :close-on-click-modal="false"
+ :title="pdftitle"
+ :visible.sync="pdfVisible"
+ width="60%"
+ >
+ <el-tabs
+ style="margin-top: 20px;"
+ v-model="activeName"
+ type="card"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane label="娼滃湪鎹愮尞" :name="1"> </el-tab-pane>
+ <el-tab-pane label="鍖诲璇勪及" :name="2"> </el-tab-pane>
+ <el-tab-pane label="鎹愮尞纭" :name="3"> </el-tab-pane>
+ <el-tab-pane label="浼︾悊瀹℃煡" :name="4"> </el-tab-pane>
+ <el-tab-pane label="瀹屾垚鐧昏" :name="7"> </el-tab-pane>
+ </el-tabs>
+ <div class="pdfimg">
+ <div class="box-pdf">
+ <div>
+ <el-upload
+ size="mini"
+ class="upload-demo"
+ :action="uploadFileUrl"
+ :file-list="invoicefileList"
+ :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="invoicefileListto"
+ @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" />{{
+ scope.row.name
+ }}
+ </template>
+ </el-table-column>
+
+ <el-table-column
+ prop="name"
+ width="180"
+ :show-overflow-tooltip="true"
+ label="鍔熻兘"
+ >
+ <template slot-scope="scope">
+ <el-button
+ type="primary"
+ size="mini"
+ @click.native.prevent.stop="deletedowfile(scope.row)"
+ >鍒犻櫎</el-button
+ >
+ <el-button
+ type="primary"
+ size="mini"
+ @click.native.prevent.stop="moveupdowfile(scope.row)"
+ >涓婄Щ</el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+
+ <div
+ v-if="this.previewpdf && invoicepdfimgsrcList.length"
+ class="pdfimgmin"
+ >
+ <!-- <img :src="pdfimg" /> -->
+ <el-image
+ style="width: 95%; height: 90%"
+ :src="invoicepdfimg"
+ :preview-src-list="invoicepdfimgsrcList"
+ >
+ <!-- <div slot="error" class="image-slot">
+ <i class="el-icon-picture-outline"></i>
+ </div> -->
+ </el-image>
+ </div>
+ <div v-else class="pdfimgmins">{{ hintitle }}</div>
+ </div>
+ </el-dialog>
</div>
</template>
<script>
import {
+ addDonateannex,
+ listDonateannex,
+ Modifydonationattachment
+} from "@/api/project/donateannex";
+import {
getDonatebaseinfo,
addDonatebaseinfo,
- updateDonatebaseinfo
+ updateDonatebaseinfo,
+ getDonatebaseinfoflow
} from "@/api/project/donatebaseinfo";
import {
listMedicalevaluation,
@@ -1971,10 +2256,18 @@
delDonateorgan,
updateDonateorgan
} from "@/api/project/donateorgan";
+import {
+ listRelativesconfirmation,
+ getRelativesconfirmation,
+ addRelativesconfirmation,
+ updateRelativesconfirmation
+} from "@/api/project/relativesconfirmation";
import Li_area_select from "@/components/Address";
import OrgSelecter from "@/views/project/components/orgselect";
import AnnexUpload from "@/views/project/components/annexupload";
import ReportName from "@/views/project/components/organizationUser";
+import { getToken } from "@/utils/auth";
+
export default {
name: "donationdetails",
components: {
@@ -2005,23 +2298,34 @@
"sys_FamilyRelation",
"sys_OrganDecision",
"sys_CoreAssessConclusion",
- "sys_BaseAssessConclusion"
+ "sys_BaseAssessConclusion",
+ "sys_EthicalReview"
],
data() {
return {
- id: 736,
+ infoid: 734,
form: {},
medicineform: {},
- affirmform: {},
+ affirmform: {
+ organdecision: []
+ },
ethicform: {},
allocationform: {},
witnessform: {},
accomplishform: {},
- tableData:[],
- actives: 0,
+ tableData: [],
+ actives: 0, //杩涚▼
+ workflow:0,
+ loading: false,
// 淇濆瓨銆佺粓姝㈡寜閽‘璁�
showSaveBtn: true,
- showTerminationBtn: true,
+ showTerminationBtn: 0, //缁堟鐘舵�� 0-鏈粓姝� 1-宸茬粓姝�
+ //閫夋嫨鍣ㄥ畼琛ㄥ崟
+ organalForm: {
+ //鍣ㄥ畼鍒楄〃
+ organname: []
+ },
+ Processdata: {}, //娴佺▼鏁版嵁
//鐪佸競鍖洪粯璁ゅ�艰缃紝鍙负绌�
searchAddress: {
sheng: "",
@@ -2030,6 +2334,11 @@
organizationname: null
},
residenceAddresss: {
+ sheng: "娴欐睙鐪�",
+ shi: "",
+ qu: ""
+ },
+ defultAddresss: {
sheng: "娴欐睙鐪�",
shi: "",
qu: ""
@@ -2111,26 +2420,68 @@
{ required: true, message: "璇疯緭鍏ユ姤鍛婁汉鑱旂郴鐢佃瘽", trigger: "blur" }
]
},
-
+ // 鍚勭骇鏄庣粏鏁堥獙
medicinerules: {},
affirmrules: {},
ethicrules: {},
allocationrules: {},
witnessrules: {},
- accomplishrules: {}
+ accomplishrules: {},
+ //闄勪欢鍒楄〃
+ donatelist: [], //闄勪欢鎬荤粍
+ potentiallist: [], //娼滃湪闄勪欢
+ medicinelist: [], //鍖诲闄勪欢
+ affirmlist: [], //纭闄勪欢
+ ethiclist: [], //浼︾悊闄勪欢
+ registerlist: [], //瀹屾垚闄勪欢
+ fileList: [],
+ fileListto: [],
+ invoicefileList: [],
+ invoicefileListto: [],
+ invoicepdfimg: "",
+ invoicepdfimgsrcList: [],
+ invoDatatop: [],
+ activeName: 1, //鏂囦欢绫诲瀷
+ //涓婁紶闄勪欢璺緞
+ uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+ //鏂囦欢涓婁紶token
+ headers: {
+ Authorization: "Bearer " + getToken()
+ },
+ // 缃戠粶璇锋眰澶�
+ Networkheader: null,
+ //绁ㄦ嵁鏂囦欢
+ pdftitle: "",
+ pdfimg: "",
+ pdfimgsrcList: [],
+ pdfVisible: false,
+ previewpdf: false,
+ hintitle: "璇蜂笂浼犳枃浠跺悗鏌ョ湅",
+ atpresent: ""
};
},
- created() {
+ mounted() {
// this.id = this.$route.query.id;
this.Getbasicinformation();
+ this.listDonateannex();
},
methods: {
// 鑾峰彇涓昏〃鏁版嵁
Getbasicinformation() {
- getDonatebaseinfo(this.id).then(response => {
+ // 宸︿晶娴佺▼鏁版嵁
+ getDonatebaseinfoflow(this.infoid).then(res => {
+ console.log(res.data);
+ this.Processdata = res.data;
+ });
+
+ // 琛ㄥ崟鏁版嵁
+ getDonatebaseinfo(this.infoid).then(response => {
this.form = response.data;
+ this.showTerminationBtn = response.data.terminationCase;
+ this.actives = response.data.workflow;
+ this.workflow=response.data.workflow;
response.data.sex = parseInt(response.data.sex);
this.form.id = response.data.id;
this.form.diseasetype = this.form.diseasetype.split(",");
@@ -2153,11 +2504,11 @@
// 鑾峰彇浜岀骇琛ㄦ暟鎹�
GetAttacheddata() {
let searchParam = {
- id: this.form.id
+ infoid: this.form.id
};
- if (this.actives == 2) {
+ if (this.actives == 1) {
listMedicalevaluation(searchParam).then(response => {
- if (response.code == 200 && response.rows.length == 1) {
+ if (response.code == 200) {
this.medicineform = response.rows[0];
} else {
this.$modal.msgError(
@@ -2165,25 +2516,16 @@
);
}
});
- } else if (this.actives == 3) {
+ } else if (this.actives == 2) {
listRelativesconfirmation(searchParam).then(response => {
- if (response.code == 200 && response.rows.length == 1) {
+ if (response.code == 200) {
this.affirmform = response.rows[0];
- this.affirmform.donorno = row.donorno;
- this.affirmform.doname = row.name;
- this.affirmform.dosex = row.sex;
- // 鍑虹敓鏃ユ湡
- this.affirmform.dobirthday = row.birthday;
- // 姘戞棌
- this.affirmform.donationality = row.nationality;
- // 瀛﹀巻
- this.affirmform.doeducation = row.education;
- // 鑱屼笟
- this.affirmform.dooccupation = row.occupation;
- this.affirmform.donation = row.nation;
- this.affirmform.doidcardtype = row.idcardtype;
- this.affirmform.doidcardno = row.idcardno;
- this.affirmform.donativeplace = row.nativeplace;
+ if (!this.affirmform) {
+ this.affirmform = {};
+ this.affirmform.residenceprovincename = "";
+ this.affirmform.residencecityname = "";
+ this.affirmform.residencetownname = "";
+ }
this.defultAddresss.sheng = this.affirmform.residenceprovincename;
this.defultAddresss.shi = this.affirmform.residencecityname;
this.defultAddresss.qu = this.affirmform.residencetownname;
@@ -2201,45 +2543,45 @@
);
}
});
- } else if (this.actives == 4) {
+ } else if (this.actives == 3) {
listDonateflowchart(searchParam).then(response => {
if (response.code == 200 && response.rows.length == 1) {
- this.form = response.rows[0];
- } else if (response.rows.length == 0) {
- this.$modal.msgError("鏈壘鍒版湰妗堜緥鐨勪鸡鐞嗗鏌ヨ褰曪紝璇疯仈绯荤鐞嗗憳锛�");
+ this.ethicform = response.rows[0];
} else {
- this.$modal.msgError("鏁版嵁閲嶅");
+ console.log("浼︾悊瀹℃煡鏁版嵁涓虹┖");
}
});
- } else if (this.actives == 5) {
- listOrganallocation(searchParam).then(response => {
- if (response.code == 200 && response.rows.length == 1) {
- this.form = response.rows[0];
- this.form.infoid = data.id;
- this.open = true;
+ } else if (this.actives == 4) {
+ listDonateorgan(searchParam).then(response => {
+ if (response.code == 200) {
+ this.allocationform = response.rows;
+ this.allocationform.infoid = this.form.id;
+ this.organalForm.organname = [];
+ for (let i = 0; i < response.rows.length; i++) {
+ this.organalForm.organname.push(response.rows[i].organno);
+ }
} else {
this.$modal.msgError(
"鑾峰彇鍣ㄥ畼鍒嗛厤淇℃伅澶辫触锛�" + JSON.stringify(response)
);
}
});
- } else if (this.actives == 6) {
+ } else if (this.actives == 5) {
listMedicalevaluation(searchParam).then(response => {
- if (response.code == 200 && response.rows.length == 1) {
- this.form = response.rows[0];
- this.form.infoid = data.id;
- this.open = true;
+ if (response.code == 200) {
+ this.witnessform = response.rows[0];
+ this.witnessform.infoid = this.form.id;
} else {
this.$modal.msgError(
"鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response)
);
}
});
- } else if (this.actives == 7) {
+ } else if (this.actives == 6) {
listMedicalevaluation(searchParam).then(response => {
- if (response.code == 200 && response.rows.length == 1) {
- this.form = response.rows[0];
- this.form.infoid = data.id;
+ if (response.code == 200) {
+ this.accomplishform = response.rows[0];
+ this.accomplishform.infoid = this.form.id;
this.open = true;
} else {
this.$modal.msgError(
@@ -2249,6 +2591,40 @@
});
}
},
+ // 鑾峰彇闄勪欢鏁版嵁骞跺垎绫讳簩绾у垪
+ listDonateannex() {
+ let parmi = {};
+ parmi.infoid = this.infoid.toString();
+ listDonateannex(parmi).then(res => {
+ this.donatelist = res.rows;
+ });
+// 娴嬭瘯鏁版嵁
+ const arr = [
+ { type: "type1", name: "saaada" },
+ { type: "type2", name: "ssssda" },
+ { type: "type3", name: "sdddda" },
+ { type: "type4", name: "sdddda" },
+ { type: "type5", name: "sdddda" }
+ ];
+ const groupedArr = arr.reduce((accumulator, currentValue) => {
+ const key = currentValue.type;
+ if (key == "type1") {
+ this.potentiallist.push(currentValue);
+ } else if (key == "type2") {
+ this.medicinelist.push(currentValue);
+ } else if (key == "type3") {
+ this.affirmlist.push(currentValue);
+ } else if (key == "type4") {
+ this.ethiclist.push(currentValue);
+ } else if (key == "type5") {
+ this.registerlist.push(currentValue);
+ }
+ return accumulator;
+ }, {});
+ console.log(this.potentiallist);
+ console.log(this.medicinelist);
+ },
+
/** 淇濆瓨涓昏〃鎸夐挳 */
submitForm() {
this.$refs["form"].validate(valid => {
@@ -2300,23 +2676,21 @@
this.form.redorganname = this.form.redorganno;
}
- //灏濊瘯鐢熸垚鎹愮尞缂栧彿锛堝凡缁忕敱addDonatebaseinfo鎺ュ彛涓敓鎴愬彇浠ｏ級
- // getdonatorno(this.form).then((response) => {
- // // alert(JSON.stringify(response));
- // this.reset();
- // });
-
if (this.form.id != null) {
updateDonatebaseinfo(this.form).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
+ this.$modal.msgSuccess("淇濆瓨鎴愬姛");
this.Getbasicinformation();
+ this.GetAttacheddata();
this.open = false;
});
} else {
+ this.form.workflow = 1;
this.form.recordstate = 0;
addDonatebaseinfo(this.form).then(response => {
if (response.code == 200) {
this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.Getbasicinformation();
+ this.GetAttacheddata();
this.open = false;
} else {
this.$modal.msgError("鏂板澶辫触锛�" + response.msg);
@@ -2326,57 +2700,59 @@
}
});
},
- // 淇濆瓨鏄庣粏琛�
+ // 淇濆瓨浜岀骇琛ㄦ寜閽�
Savethedetails() {
- if (this.actives == 2) {
+ if (this.actives == 1) {
+ this.Processvalidation();
+ this.medicineform.infoid = this.form.id;
this.$refs["medicineform"].validate(valid => {
if (valid) {
if (this.medicineform.id != null) {
- updateMedicalevaluation(this.medicineform).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- });
+ updateMedicalevaluation(this.medicineform).then(response => {});
} else {
addMedicalevaluation(this.medicineform).then(response => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
+ this.$modal.msgSuccess("鍖诲璇勪及淇℃伅鏂板鎴愬姛");
+ });
+ }
+ this.submitForm();
+ }
+ });
+ } else if (this.actives == 2) {
+ this.Processvalidation();
+ this.affirmform.infoid = this.form.id;
+ this.$refs["affirmform"].validate(valid => {
+ if (valid) {
+ if (this.affirmform.id != null) {
+ updateRelativesconfirmation(this.affirmform).then(response => {});
+ } else {
+ addRelativesconfirmation(this.affirmform).then(response => {
+ this.$modal.msgSuccess("鎹愮尞纭淇℃伅鏂板鎴愬姛");
});
}
this.submitForm();
}
});
} else if (this.actives == 3) {
- this.$refs["affirmform"].validate(valid => {
+ this.Processvalidation();
+ this.ethicform.infoid = this.form.id;
+ this.$refs["ethicform"].validate(valid => {
if (valid) {
- if (this.affirmform.id != null) {
- updateMedicalevaluation(this.affirmform).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- });
+ if (this.ethicform.id != null) {
+ updateDonateflowchart(this.ethicform).then(response => {});
} else {
- addMedicalevaluation(this.affirmform).then(response => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
+ addDonateflowchart(this.ethicform).then(response => {
+ this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅鏂板鎴愬姛");
});
}
this.submitForm();
}
});
} else if (this.actives == 4) {
- this.$refs["ethicform"].validate(valid => {
- if (valid) {
- if (this.ethicform.id != null) {
- updateDonateflowchart(this.ethicform).then(response => {
- this.$modal.msgSuccess("淇敼鎴愬姛");
- });
- } else {
- addDonateflowchart(this.ethicform).then(response => {
- this.$modal.msgSuccess("鏂板鎴愬姛");
- });
- }
- this.submitForm();
- }
- });
- } else if (this.actives == 5) {
+ this.Processvalidation();
+ this.allocationform.infoid = this.form.id;
this.$refs["allocationform"].validate(valid => {
if (valid) {
- if (this.allocationform.id != null) {
+ if (this.allocationform[0].id != null) {
updateOrganallocation(this.allocationform).then(response => {
this.$modal.msgSuccess("淇敼鎴愬姛");
});
@@ -2388,7 +2764,9 @@
this.submitForm();
}
});
- } else if (this.actives == 6) {
+ } else if (this.actives == 5) {
+ this.Processvalidation();
+ this.witnessform.infoid = this.form.id;
this.$refs["witnessform"].validate(valid => {
if (valid) {
if (this.witnessform.id != null) {
@@ -2426,7 +2804,6 @@
}
});
// 鑾峰彇淇℃伅
-
} else {
addMedicalevaluation(this.witnessform).then(response => {
this.$modal.msgSuccess("鏂板鎴愬姛");
@@ -2435,7 +2812,9 @@
this.submitForm();
}
});
- } else if (this.actives == 7) {
+ } else if (this.actives == 6) {
+ this.Processvalidation();
+ this.accomplishform.infoid = this.form.id;
this.$refs["accomplishform"].validate(valid => {
if (valid) {
if (this.accomplishform.id != null) {
@@ -2455,19 +2834,314 @@
// 鍒囨崲tab
on_click(e) {
console.log(e);
- if (e != "" || e != null) {
- this.actives = e;
+ // if (e != "" || e != null) {
+ this.actives = e;
+ // }
+ this.GetAttacheddata();
+ },
+ // 鍣ㄥ畼鍒嗛厤鏍忕洰鎺у埗
+ changeorganState(value) {
+ let organIndex = this.allocationform.findIndex(
+ item => item.organno == value
+ );
+ if (organIndex == -1) {
+ //鑾峰彇鍣ㄥ畼鍚嶇О
+ let temporganname = "";
+ for (let i = 0; i < this.dict.type.sys_Organ.length; i++) {
+ if (value == this.dict.type.sys_Organ[i].value) {
+ temporganname = this.dict.type.sys_Organ[i].label;
+ break;
+ }
+ }
+ if (temporganname != "") {
+ this.allocationform.push({
+ organname: temporganname,
+ organno: value,
+ id: null,
+ transplanthospitalname: null,
+ transplanthospitalno: null,
+ organstate: "2"
+ });
+ }
+ } else {
+ this.$confirm("鏄惁纭鍒犻櫎鍣ㄥ畼鍒嗛厤璁板綍", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ })
+ .then(() => {
+ if (organIndex != -1) {
+ let tempOrgan = this.allocationform[organIndex];
+ console.log(tempOrgan);
+ if (tempOrgan.organstate != 1 && tempOrgan.id > 0) {
+ this.$modal.msgWarning("鍙湁鏈垎閰嶅櫒瀹樺彲杩涜鍒犻櫎锛�");
+ this.organalForm.organname.push(value);
+ return;
+ }
+ if (tempOrgan.id > 0) {
+ //鏌ユ壘鍣ㄥ畼琛ㄨ褰曪紝鍒ゆ柇鍣ㄥ畼鐘舵��
+ this.loading = true;
+ delDonateorgan(tempOrgan.id).then(delLocationRes => {
+ this.loading = false;
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ });
+ } else {
+ this.allocationform.splice(deleteIndex, 1);
+ }
+ }
+ })
+ .catch(() => {});
}
},
-
// 鍓嶈繘姝ラ
- makeastepforward() {},
+ makeastepforward() {
+ console.log(this.actives);
+ if (this.actives <= 6) {
+ this.actives++;
+ this.GetAttacheddata();
+ } else {
+ console.log("宸插埌杈炬渶澶у��");
+ }
+ },
+ // 鏇存敼杩涚▼鏁堥獙
+ Processvalidation() {
+ console.log(this.form.workflow);
+ console.log(this.actives);
+ if (this.form.workflow == this.actives) {
+ this.form.workflow++;
+ } else if (this.form.workflow > this.actives) {
+ } else {
+ this.$modal.msgWarning("璇峰厛瀹屾垚鍓嶉儴姝ラ");
+ return;
+ }
+ console.log(this.form.workflow);
+ },
// 涓婃姤瀹℃牳
Reportforreview() {},
// 缁堟妗堜緥
- Terminationcase() {},
+ Terminationcase() {
+ this.form.terminationCase == 1
+ ? (this.form.terminationCase = 0)
+ : (this.form.terminationCase = 1);
+ this.submitForm();
+ },
// 杩斿洖涓婁竴椤�
- cancel() {}
+ cancel() {},
+ // ----------------------------------鏂囦欢
+ // 鑾峰彇璇锋眰澶�
+ 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鍙婂叾鍓嶉儴瀛楃
+ }
+ },
+ //鏂囦欢涓婁紶
+ handleUploadError() {},
+ remove(file, fileList) {
+ const rbDetails = [...this.rbDetails];
+ if (this.activeName == 1) {
+ this.fileListto.splice(this.fileListto.indexOf(file), 1);
+ rbDetails[this.atpresent].annexfilesList = this.fileListto;
+ } else {
+ this.invoicefileListto.splice(this.invoicefileListto.indexOf(file), 1);
+ rbDetails[this.atpresent].invoicefilesList = this.invoicefileListto;
+ }
+ },
+
+ uploadSccess(response, file, fileList) {
+ this.rbDetails;
+ //鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆
+ if (this.activeName == 1) {
+ if (response.code == 200) {
+ // this.form.filename = file.raw.name;
+ this.previewpdf = true;
+ this.$modal.msgSuccess(response.msg);
+ this.fileListto.push({
+ name: file.name,
+ url: response.fileName
+ });
+ this.pdfimgsrcList.push(
+ this.Networkheader + "/prod-api" + response.fileName
+ );
+ console.log(this.pdfimgsrcList);
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
+ this.rbDetails[this.atpresent].annexfilesList = this.fileListto;
+ } else {
+ console.log(response.msg);
+ }
+ } else {
+ if (response.code == 200) {
+ // this.form.filename = file.raw.name;
+ this.previewpdf = true;
+ this.$modal.msgSuccess(response.msg);
+ this.invoicefileListto.push({
+ name: file.name,
+ url: response.fileName
+ });
+ this.invoicepdfimgsrcList.push(
+ this.Networkheader + "/prod-api" + response.fileName
+ );
+ console.log(this.invoicepdfimgsrcList);
+ this.pdftitle = "鍏�" + this.invoicepdfimgsrcList.length + "椤�";
+ this.pdfimg = this.Networkheader + "/prod-api" + response.fileName;
+ this.rbDetails[
+ this.atpresent
+ ].invoicefilesList = this.invoicefileListto;
+ console.log(this.rbDetails[this.atpresent]);
+ } else {
+ console.log(response.msg);
+ }
+ }
+ },
+
+ // 鐐瑰嚮绁ㄦ嵁
+ Filepopup(index, rows, row) {
+ this.activeName = this.actives + 1;
+ console.log(this.activeName);
+ this.pdfimgsrcList = [];
+ this.invoicepdfimgsrcList = [];
+ this.atpresent = index;
+ this.pdfVisible = true;
+ console.log(this.rbDetails[index]);
+ if (this.rbDetails[index].annexfilesList) {
+ this.previewpdf = true;
+ this.fileListto = this.rbDetails[index].annexfilesList;
+ console.log(this.fileListto);
+ this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url;
+ this.fileListto.forEach(item => {
+ this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url);
+ });
+ } else {
+ this.fileListto = [];
+ this.pdfimg = "";
+ this.pdftitle = "";
+ }
+ // -鍙戠エ鏂囦欢
+ if (this.rbDetails[index].invoicefilesList) {
+ this.previewpdf = true;
+ this.invoicefileListto = this.rbDetails[index].invoicefilesList;
+ console.log(this.invoicefileListto);
+ this.invoicepdfimg =
+ this.Networkheader + "/prod-api" + this.invoicefileListto[0].url;
+ this.invoicefileListto.forEach(item => {
+ this.invoicepdfimgsrcList.push(
+ this.Networkheader + "/prod-api" + item.url
+ );
+ });
+ console.log(this.invoicepdfimgsrcList);
+ console.log(this.invoicepdfimg);
+ } else {
+ this.invoicefileListto = [];
+ this.invoicepdfimg = "";
+ this.pdftitle = "";
+ }
+
+ if (this.activeName == 1) {
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ } else {
+ this.pdftitle = "鍏�" + this.invoicepdfimgsrcList.length + "椤�";
+ }
+ },
+
+ // 鐐瑰嚮宸蹭笂浼犳枃浠�
+ downFile(item) {
+ if (this.activeName == 1) {
+ console.log(item, "鐐瑰嚮鏂囦欢鎷縤tem");
+ 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") {
+ this.previewpdf = true;
+ if (item.url) {
+ this.pdfimg = this.Networkheader + "/prod-api" + item.url;
+ } else {
+ this.pdfimg = this.Networkheader + "/prod-api" + item.response.url;
+ }
+ } else {
+ this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
+ this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
+ this.previewpdf = false;
+ }
+ } else {
+ console.log(item, "鐐瑰嚮鏂囦欢鎷縤tem");
+ this.pdftitle =
+ "鍏�" + this.invoicepdfimgsrcList.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") {
+ this.previewpdf = true;
+ if (item.url) {
+ this.invoicepdfimg = this.Networkheader + "/prod-api" + item.url;
+ console.log(this.invoicepdfimg, "pdfimg");
+ console.log(this.invoicepdfimgsrcList, "imglist");
+ } else {
+ this.invoicepdfimg =
+ this.Networkheader + "/prod-api" + item.response.url;
+ }
+ } else {
+ this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
+ this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
+ this.previewpdf = false;
+ }
+ }
+ },
+ getIndexInArray(arr, obj) {
+ return arr.indexOf(obj);
+ },
+ // 鍙戠エ鍒囨崲
+ handleClick(tab, event) {
+ if (this.activeName == 1) {
+ this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ } else {
+ this.pdftitle = "鍏�" + this.invoicepdfimgsrcList.length + "椤�";
+ }
+ },
+ // 鐐瑰嚮鍒犻櫎
+ deletedowfile(row) {
+ if (this.activeName == 1) {
+ const indexlist = this.getIndexInArray(
+ this.pdfimgsrcList,
+ this.Networkheader + "/prod-api" + row.url
+ );
+ this.pdfimgsrcList.splice(indexlist, 1);
+ const index = this.getIndexInArray(this.fileListto, row);
+ this.fileListto.splice(index, 1);
+ } else {
+ const indexlist = this.getIndexInArray(
+ this.invoicepdfimgsrcList,
+ this.Networkheader + "/prod-api" + row.url
+ );
+ this.invoicepdfimgsrcList.splice(indexlist, 1);
+ const index = this.getIndexInArray(this.invoicefileListto, row);
+ this.invoicefileListto.splice(index, 1);
+ }
+ },
+ // 鐐瑰嚮涓婄Щ
+ moveupdowfile(row) {
+ if (this.activeName == 1) {
+ const index = this.getIndexInArray(this.fileListto, row);
+ const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ } else {
+ const index = this.getIndexInArray(this.invoicefileListto, row);
+ const item = this.invoicefileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓�
+ this.invoicefileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ }
+ },
+ // 淇濆瓨
+ saveattachment(stype) {}
}
};
</script>
@@ -2504,11 +3178,58 @@
}
}
}
+.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;
+ }
+}
+.Ticket-button {
+ margin-top: 10px;
+ text-align: right;
+ padding-right: 66px;
+}
.boxdiv {
font-size: 18px;
padding: 0 30px;
padding-bottom: 10px;
- margin-top: 20px;
+ margin-top: 10px;
.top-text {
text-align: center;
--
Gitblit v1.9.3