From 9f1ce0656ebc75a14d2c4031c48d1395d2e62aaa Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 22 一月 2024 11:52:23 +0800
Subject: [PATCH] 11
---
src/views/project/fund/performancedetails/index.vue | 724 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 644 insertions(+), 80 deletions(-)
diff --git a/src/views/project/fund/performancedetails/index.vue b/src/views/project/fund/performancedetails/index.vue
index eb106e5..a675411 100644
--- a/src/views/project/fund/performancedetails/index.vue
+++ b/src/views/project/fund/performancedetails/index.vue
@@ -6,14 +6,15 @@
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<el-col :span="5">
- <el-form-item label="鐢宠鏃ユ湡" prop="createTime">
+ <el-form-item label="鐢宠鏃ユ湡" prop="applyTime">
<el-date-picker
clearable
style="width: 100%"
- v-model="form.createTime"
+ v-model="form.applyTime"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="鐢宠鏃ユ湡"
+ disabled="true"
>
</el-date-picker>
</el-form-item>
@@ -107,30 +108,31 @@
</el-alert>
</el-row>
<el-row>
- <el-col :span="3"
- ><div style="margin-bottom: 15px;">
+ <el-col :span="3">
+ <div style="margin-bottom: 15px;">
<el-button
- type="success"
+ type="primary"
icon="el-icon-download"
+ size="small"
@click="Batchentry"
- >鎵归噺褰曞叆</el-button
+ >鎵归噺褰曞叆浜哄憳</el-button
>
- </div></el-col
+ </div>
+ </el-col>
+ <el-col
+ :span="3"
+ v-if="userprofile.nickName == '闄堟厱鍗�' && operationType == 'check'"
>
- </el-row>
- <el-row
- v-if="userprofile.nickName == '闄堟厱鍗�' && operationType == 'check'"
- >
- <el-col :span="3"
- ><div style="margin-bottom: 15px;">
+ <div style="margin-bottom: 15px;">
<el-button
type="success"
icon="el-icon-edit-outline"
+ size="small"
@click="Manualcalculationfn"
>璁＄畻涓◣</el-button
>
- </div></el-col
- >
+ </div>
+ </el-col>
</el-row>
<el-row>
<el-table
@@ -233,7 +235,7 @@
<el-table-column
prop="beneficiaryname"
align="center"
- label="濮撳悕"
+ label="缁╂晥浜哄憳鎴栧崟浣�"
width="250"
>
<template slot-scope="scope">
@@ -254,13 +256,9 @@
align="center"
label="韬唤璇佸彿"
width="200"
- >
+ >
<template slot-scope="scope">
- <el-input
-
- v-model="scope.row.idcardno"
- placeholder="韬唤璇佸彿"
- />
+ <el-input v-model="scope.row.idcardno" placeholder="韬唤璇佸彿" />
</template>
</el-table-column>
@@ -272,7 +270,6 @@
>
<template slot-scope="scope">
<el-input
-
v-model="scope.row.depositbank"
placeholder="寮�鎴烽摱琛�"
/>
@@ -286,7 +283,6 @@
>
<template slot-scope="scope">
<el-input
-
v-model="scope.row.bankcardno"
placeholder="閾惰甯愬彿"
/>
@@ -339,6 +335,14 @@
>
鍒犻櫎
</el-button>
+ <el-button
+ @click.native.prevent="
+ Filepopup(scope.$index, rbDetails, scope.row)
+ "
+ type="text"
+ size="small"
+ >绁ㄦ嵁</el-button
+ >
</template>
</el-table-column>
</el-table>
@@ -434,32 +438,35 @@
<el-dialog
:visible.sync="showSelectionDialog"
:close-on-click-modal="false"
- :title="'涓汉淇℃伅閫夋嫨'"
+ :title="'缁╂晥浜哄憳锛堝惈鎵�鍦ㄥ崟浣嶏級璐﹀彿閫夋嫨'"
width="500px"
style="text-align: center"
v-loading="loading"
>
<el-form ref="funddetailForm" :model="funddetailForm">
<el-row>
- <el-select
- v-model="funddetailForm.userName"
- filterable
- remote
- reserve-keyword
- allow-create
- default-first-option
- placeholder="璇疯緭鍏ュ叧閿瘝"
- :remote-method="remoteMethod"
- :loading="loadingperformance"
- >
- <el-option
- v-for="item in optionsperformance"
- :key="item.value"
- :label="item.label"
- :value="item.value"
+ <el-form-item label="璇疯緭鍏ラ�夋嫨锛�" prop="unitno" label-width="120px">
+ <el-select
+ v-model="funddetailForm.userName"
+ filterable
+ remote
+ reserve-keyword
+ allow-create
+ default-first-option
+ placeholder="璇疯緭鍏ュ鍚嶆垨鍗曚綅鍚嶇О"
+ :remote-method="remoteMethod"
+ :loading="loadingperformance"
+ style="width: 100%"
>
- </el-option>
- </el-select>
+ <el-option
+ v-for="item in optionsperformance"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
@@ -483,6 +490,258 @@
<el-button @click="unsave">鍙� 娑�</el-button>
<el-button type="primary" @click="Savenow">纭� 瀹�</el-button>
</span>
+ </el-dialog>
+ <!-- 闄勪欢 -->
+ <el-dialog
+ v-dialogDrags
+ :modal="false"
+ :close-on-click-modal="false"
+ :title="pdftitle"
+ :visible.sync="pdfVisible"
+ width="60%"
+ >
+ <div>
+ <el-table :data="tableDatatop" style="width: 100%">
+ <el-table-column
+ prop="beneficiaryname"
+ align="center"
+ label="鍗曚綅/涓汉"
+ width="250"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="idcardno"
+ align="center"
+ label="韬唤璇佸彿"
+ width="200"
+ v-if="form.applytype == '1' || form.applytype == '2'"
+ >
+ </el-table-column>
+ <el-table-column prop="depositbank" align="center" label="寮�鎴烽摱琛�">
+ </el-table-column>
+ <el-table-column
+ prop="bankcardno"
+ align="center"
+ label="閾惰甯愬彿"
+ width="210"
+ >
+ </el-table-column>
+ </el-table>
+ </div>
+
+ <el-tabs
+ style="margin-top: 20px;"
+ v-model="activeName"
+ type="border-card"
+ @tab-click="handleClick"
+ >
+ <el-tab-pane label="鏅�氶檮浠�" :name="1">
+ <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="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
+ >
+ <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">
+ <i class="el-icon-picture-outline"></i>
+ </div> -->
+ </el-image>
+ </div>
+ <div v-else class="pdfimgmins">{{ hintitle }}</div>
+ </div>
+ </el-tab-pane>
+ <el-tab-pane label="鍙戠エ鏂囦欢" :name="2">
+ <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" />
+ <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="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
+ >
+ <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 && 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-tab-pane>
+ </el-tabs>
</el-dialog>
<!-- 鎵归噺閫夊彇 -->
@@ -603,7 +862,7 @@
spocewl: "",
//璐圭敤鐢宠琛ㄥ崟title
title: "",
- Copy: "",
+
//鐢宠鍗曠被鍨�
businessType: "0",
businessName: "",
@@ -647,7 +906,7 @@
},
{
id: 2,
- name: "鐢宠鏉愭枡閫氳繃绛夊緟鏉愭枡"
+ name: "瀹℃牳閫氳繃绛夊緟閭瘎绾歌川鏉愭枡"
},
{
id: 3,
@@ -705,9 +964,6 @@
// 琛ㄥ崟鏍￠獙
rules: {
- createTime: [
- { required: true, message: "璇疯緭鍏ュ～鎶ユ棩鏈�", trigger: "blur" }
- ],
reason: [
{ required: true, message: "璇疯緭鍏ュ嚭宸簨鐢�", trigger: "blur" }
],
@@ -817,6 +1073,21 @@
usestate: null
},
+ //闄勪欢鍒楄〃
+ fileList: [],
+ fileListto: [],
+ invoicefileList: [],
+ invoicefileListto: [],
+ invoicepdfimg: "",
+ invoicepdfimgsrcList: [],
+ invoDatatop: [],
+ activeName: 1, //鏂囦欢绫诲瀷
+ //涓婁紶闄勪欢璺緞
+ uploadFileUrl: process.env.VUE_APP_BASE_API + "/common/upload",
+ //鏂囦欢涓婁紶token
+ headers: {
+ Authorization: "Bearer " + getToken()
+ },
//绁ㄦ嵁鏂囦欢
pdftitle: "",
pdfimg: "",
@@ -908,9 +1179,8 @@
/** 閫氳繃鍙傛暟鑾峰彇涓氬姟绫诲瀷 */
getroute() {
console.log(11);
- //閫夋嫨涓氬姟绫诲瀷:1銆佹柊澧烇紱2銆佷慨鏀癸紱3銆佹煡鐪�
+ //閫夋嫨涓氬姟绫诲瀷:1銆佹柊澧烇紱2銆佷慨鏀癸紱3銆佸鍒讹紱4銆佹煡鐪�
this.curId = this.$route.query.id;
- this.Copy = this.$route.query.Copy;
this.businessType = this.$route.query.businessType;
this.operationType = this.$route.query.operationType;
this.beforehandType = this.$route.query.beforehandType;
@@ -926,11 +1196,10 @@
this.handleAdd();
} else if (this.operationType == "update") {
this.title = this.businessName + "淇敼";
- if (this.Copy) {
- this.title = this.businessName + "澶嶅埗";
- }
- console.log(this.title);
this.handleUpdate();
+ } else if (this.operationType == "copy") {
+ this.title = this.businessName + "澶嶅埗";
+ this.handleCopy();
} else if (this.operationType == "detail") {
this.title = this.businessName + "鏌ョ湅";
this.jurisdiction = true;
@@ -969,15 +1238,6 @@
//鏄庣粏澶勭悊
getownFundDetail(this.curId).then(res => {
this.rbDetails = res.data;
- if (this.Copy) {
- this.form.createTime = null;
- this.rbDetails.map(item => {
- item.amount = 0;
- item.taxedamount = 0;
- });
- console.log(this.rbDetails);
- }
-
if (this.rbDetails.length > 0) {
for (let m = 0; m < this.rbDetails.length; m++) {
this.rbDetails[m].itemlist = [];
@@ -1005,6 +1265,74 @@
listFundflow(listFundflowparams).then(res => {
this.fundflowList = res.rows;
});
+ });
+ },
+
+ /** 澶嶅埗鎸夐挳鎿嶄綔 */
+ handleCopy() {
+ this.isopen = 0;
+ this.reset();
+
+ getFund(this.curId).then(response => {
+ this.form = response.data;
+ sessionStorage.removeItem("apiform");
+ sessionStorage.setItem("apiform", JSON.stringify(this.form));
+
+ //鏄庣粏澶勭悊
+ getownFundDetail(this.curId).then(res => {
+ this.rbDetails = res.data;
+ if (this.rbDetails.length > 0) {
+ for (let m = 0; m < this.rbDetails.length; m++) {
+ this.rbDetails[m].itemlist = [];
+ this.getRowFeeItems(m, this.rbDetails[m]);
+
+ //鑾峰彇璐圭敤椤圭洰鐨勮缁嗕俊鎭�
+ this.rbDetails[m].rowfeeblocks = this.feeBlocks.filter(
+ r => r.itemid == this.rbDetails[m].itemid
+ );
+
+ //鍒濆鍖栨槑缁嗕俊鎭�
+ this.rbDetails[m].id = null;
+ this.rbDetails[m].fundid = null;
+ this.rbDetails[m].amount = 0;
+ this.rbDetails[m].taxamount = 0;
+ this.rbDetails[m].taxedamount = 0;
+ }
+
+ sessionStorage.removeItem("apifunddetail");
+ sessionStorage.setItem(
+ "apifunddetail",
+ JSON.stringify(this.rbDetails)
+ );
+ } else {
+ this.addRow(0);
+ }
+ });
+
+ //鍒濆鍖栦富淇℃伅
+ this.curId = null;
+ this.form.id = null;
+ this.form.recordstatus = "-1";
+ this.form.checkstatus = null;
+ this.form.pretaxcost = 0;
+ this.form.istax = null;
+ this.form.fundtaxtime = null;
+ this.form.createTime = null;
+ this.form.updateTime = null;
+
+ this.form.flowlevel = null;
+ this.form.backflowlevel = null;
+
+ this.form.financedirector = null;
+ this.form.financechecher = null;
+ this.form.president = null;
+ this.form.finvicepresident = null;
+ this.form.busvicepresident = null;
+ this.form.zffs = null;
+ this.form.riqi = null;
+ this.form.bh = null;
+ this.form.istax = 0;
+ this.form.fundtaxtime = null;
});
},
@@ -1128,6 +1456,20 @@
//鏌ユ壘鏄惁瀛樺湪鐧昏瀹屾垚璁板綍
//鍒ゆ柇鏄惁瀛樺湪涓婃姤璁板綍
this.form.recordstatus = 0;
+ var currenttime = new Date();
+ this.form.applyTime =
+ currenttime.getFullYear() +
+ "-" +
+ (currenttime.getMonth() + 1) +
+ "-" +
+ currenttime.getDate() +
+ " " +
+ currenttime.getHours() +
+ ":" +
+ currenttime.getMinutes() +
+ ":" +
+ currenttime.getSeconds();
+
if (!this.form.id) {
this.form.id = this.$route.query.id;
}
@@ -1300,12 +1642,19 @@
if (this.form.id != null) {
} else {
this.form.recordstatus = -1;
- }
- if (this.Copy) {
- this.form.id = null;
- this.rbDetails.map(item => {
- return (item.id = null);
- });
+ var currenttime = new Date();
+ this.form.applyTime =
+ currenttime.getFullYear() +
+ "-" +
+ (currenttime.getMonth() + 1) +
+ "-" +
+ currenttime.getDate() +
+ " " +
+ currenttime.getHours() +
+ ":" +
+ currenttime.getMinutes() +
+ ":" +
+ currenttime.getSeconds();
}
sessionStorage.setItem(
@@ -1316,17 +1665,25 @@
addorupdateFund(this.form).then(response => {
console.log(response, "淇濆瓨杩斿弬");
if (response.code === 200) {
- this.$modal.msgSuccess("鐢宠鍗曚繚瀛樻垚鍔燂紒");
- this.$store.dispatch("tagsView/delView", this.$route);
- this.$router.push({
- path: "/finance/performancedetails/",
- query: {
- id: response.data,
- businessType: "5",
- operationType: "update"
- }
- });
+ if (this.form.id) {
+ this.$modal.msgSuccess("鐢宠鍗曚慨鏀规垚鍔燂紒");
+ this.$router.go(-1);
+ } else {
+ this.$modal.msgSuccess("鐢宠鍗曚繚瀛樻垚鍔燂紒");
+ this.$store.dispatch("tagsView/delView", this.$route);
+ this.$router.push({
+ path: "/finance/performancedetails/",
+ query: {
+ id: response.data,
+ businessType: "5",
+ operationType: "update"
+ }
+ });
+ }
this.Routinglevel++;
+ this.form.id = response.data;
+ this.curId = response.data;
+ this.handleUpdate();
} else {
this.$modal.msgError("鐢宠鍗曚繚瀛樺け璐ワ細" + response.msg);
}
@@ -1982,7 +2339,6 @@
this.selectionType = showType;
this.selectionType = this.experthear;
this.expertfrom = "1";
- console.log(spoce);
this.funddetailForm.index = spoce.$index;
this.funddetailForm.beneficiaryno = spoce.row.beneficiaryno;
this.funddetailForm.beneficiaryname = spoce.row.beneficiaryname;
@@ -2035,6 +2391,214 @@
} else {
this.optionsperformance = [];
}
+ },
+ 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;
+ //鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆
+ console.log(response);
+ console.log(file);
+ 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.tableDatatop = [];
+ this.pdfimgsrcList = [];
+ this.invoDatatop = [];
+ this.invoicepdfimgsrcList = [];
+ this.invoDatatop.push(row);
+ this.tableDatatop.push(row);
+ 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鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣�
+ }
+ },
+ Downloadfile(row) {
+ console.log(row);
+ window.location.href = this.Networkheader + "/prod-api" + row.url;
}
},
--
Gitblit v1.9.3