From defa49d814172adcf46222b393c16e24e4fd81fd Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 26 二月 2024 16:38:07 +0800
Subject: [PATCH] 11
---
src/views/project/donationdetails/index.vue | 313 +++++++++++++++++++++++++++-------------------------
1 files changed, 162 insertions(+), 151 deletions(-)
diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue
index 2e99aba..e6fb98a 100644
--- a/src/views/project/donationdetails/index.vue
+++ b/src/views/project/donationdetails/index.vue
@@ -1268,9 +1268,9 @@
<!-- 鍣ㄥ畼鍒嗛厤 -->
<div class="boxdiv" v-show="actives == 4">
<el-form
- ref="allocateddata"
- :model="allocateddata"
+ ref="allocateddataform"
:rules="allocationrules"
+ :model="allocateddataform"
label-position="right"
>
<el-row>
@@ -1346,7 +1346,7 @@
</template>
</el-table-column>
<el-table-column
- label="鍙椾綋濮撳悕"
+ label="鍙椾綋濮撴皬"
align="center"
width="120"
prop="name"
@@ -1354,33 +1354,27 @@
<template slot-scope="scope">
<el-input
v-model="scope.row.name"
- placeholder="鍙椾綋濮撳悕"
+ 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-column label="鍒嗛厤鐘舵��" align="center" width="150" prop="allocationstatus">
+ <el-table-column
+ label="绉绘鍖婚櫌"
+ align="center"
+ width="230"
+ prop="gainhospitalno"
+ >
<template slot-scope="scope">
- <el-select v-model="scope.row.allocationstatus" placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��">
- <el-option v-for="dict in allocationstatuslist" :key="dict.value" :label="dict.label"
- :value="dict.value"></el-option>
- </el-select>
+ <div class="elldiv">
+ <org-selecter
+ ref="tranHosSelect"
+ :org-type="'4'"
+ v-model="scope.row.gainhospitalno"
+ />
+ </div>
</template>
- </el-table-column>
- -->
+ </el-table-column>
+
<el-table-column
prop="reallocationreason"
label="璇存槑"
@@ -2169,10 +2163,6 @@
<!-- 瀹岀粨娴佺▼ -->
<div class="boxdiv" v-show="actives > 6">
<div style="display:flex; line-height: 100px; justify-content: center;">
- <!-- <el-image
- style="width: 100px; height: 100px"
- :src="require('@/assets/images/wanc.png')"
- ></el-image> -->
<div style="padding: 20px 0; margin: 0 30px">
<img
style="width: 60px; height: 60px"
@@ -2196,22 +2186,26 @@
:close-on-click-modal="false"
:title="pdftitle"
:visible.sync="pdfVisible"
- width="60%"
+ width="68%"
>
- <!-- <div style="text-align: right;">
- <el-button type="success" @click="drawer = true"
- >鏂囦欢鎸囧鐩綍</el-button
- >
- </div> -->
- <el-tabs
- style="margin-top: 20px;"
- v-model="activeName"
- type="card"
- @tab-click="handleClick"
- >
- <el-tab-pane :label="activetele" :name="1"> </el-tab-pane>
- </el-tabs>
+ <!-- <el-tabs style="margin-top: 20px;" v-model="activeName" type="card">
+ <el-tab-pane :label="activetele" name="1"> </el-tab-pane>
+ </el-tabs> -->
<div class="pdfimg">
+ <div>
+ <el-tabs
+ tab-position="right"
+ style="height: 600px;"
+ @tab-click="selecttab"
+ >
+ <el-tab-pane
+ v-for="dict in dict.type.materials_DBD"
+ :label="dict.label"
+ :name="dict.value"
+ ></el-tab-pane>
+ </el-tabs>
+ </div>
+
<div class="box-pdf">
<div>
<el-upload
@@ -2285,7 +2279,7 @@
</div>
</div>
- <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
+ <div v-if="previewpdf && pdfimgsrcList.length" class="pdfimgmin">
<!-- <img :src="pdfimg" /> -->
<el-image
style="width: 95%; height: 90%"
@@ -2390,6 +2384,7 @@
} from "@/api/project/donationwitness";
import {
listnewDonatecompletioninfo,
+ listDonatecompletioninfo,
addDonatecompletioninfo,
updateDonatecompletioninfo,
listDonatecomporgan,
@@ -2411,11 +2406,13 @@
AnnexUpload,
ReportName
},
+
data() {
return {
infoid: 736,
drawer: false,
form: {},
+ activeName: "",
tableDatafile: [
{
name: "鐜嬪皬铏�",
@@ -2442,7 +2439,7 @@
"鍙岃偩鑴�",
"蹇冭剰",
"鑲鸿剰",
- "鑵轰綋",
+ "鑳拌吅",
"灏忚偁",
"鍙岀溂缁勭粐",
"閬椾綋",
@@ -2474,6 +2471,7 @@
],
//鍣ㄥ畼鏁版嵁
allocateddata: [],
+ allocateddataform: {},
procureddata: [],
transplantdata: [],
@@ -2624,7 +2622,7 @@
//鎶ュ憡浜哄垪琛�
reporters: [],
//闄勪欢鍒楄〃
-
+ annextype: 1, //闄勪欢type
annexfilesList: [], //闄勪欢灞曠ず鍒�
potentiallist: [], //娼滃湪闄勪欢
medicinelist: [], //鍖诲闄勪欢
@@ -2641,6 +2639,7 @@
headers: {
Authorization: "Bearer " + getToken()
},
+ ICDtoken: getToken(),
// 缃戠粶璇锋眰澶�
Networkheader: null,
//绁ㄦ嵁鏂囦欢
@@ -2655,6 +2654,7 @@
},
created() {
+ this.Getnetworkheader();
this.infoid = this.$route.query.id;
},
mounted() {
@@ -2680,14 +2680,17 @@
Getbasicinformation() {
// 宸︿晶娴佺▼鏁版嵁
getDonatebaseinfoflow(this.infoid).then(res => {
- console.log("getDonatebaseinfoflow", res.data);
this.Processdata = res.data;
});
// 琛ㄥ崟鏁版嵁
getDonatebaseinfo(this.infoid).then(response => {
this.form = response.data;
- this.showTerminationBtn = response.data.terminationCase;
+ if(response.data.terminationCase){
+ this.showTerminationBtn = response.data.terminationCase;
+ } else{
+ this.showTerminationBtn = 0;
+ }
this.actives = response.data.workflow;
this.workflow = response.data.workflow;
response.data.sex = parseInt(response.data.sex);
@@ -2717,7 +2720,6 @@
infoid: this.infoid
};
if (this.actives == 1) {
- this.annexfilesList = this.medicinelist;
this.activetele = "鍖诲璇勪及";
if (this.medicineform.infoid) {
return;
@@ -2732,7 +2734,6 @@
}
});
} else if (this.actives == 2) {
- this.annexfilesList = this.affirmlist;
this.activetele = "鎹愮尞纭";
if (this.affirmform.infoid) {
return;
@@ -2767,7 +2768,6 @@
}
});
} else if (this.actives == 3) {
- this.annexfilesList = this.ethiclist;
this.activetele = "浼︾悊瀹℃煡";
if (this.ethicform.infoid) {
return;
@@ -2785,6 +2785,8 @@
if (res.code == 200) {
if (res.rows[0]) {
this.allocateddata = res.rows;
+ console.log("this.allocateddata", this.allocateddata);
+ this.allocateddataform.allocateddata = this.allocateddata;
}
this.organList.organallocated = [];
for (let i = 0; i < res.rows.length; i++) {
@@ -2833,7 +2835,6 @@
}
});
} else if (this.actives == 6) {
- this.annexfilesList = this.registerlist;
this.activetele = "瀹屾垚鐧昏";
if (this.accomplishform.infoid) {
return;
@@ -2862,7 +2863,8 @@
});
}
// 鑾峰彇瀹屾垚鐧昏淇℃伅
- listnewDonatecompletioninfo(accpre).then(response => {
+ // listnewDonatecompletioninfo(accpre).then(response => {
+ listDonatecompletioninfo(accpre).then(response => {
if (response.code == 200 && response.rows.length) {
this.accomplishform = response.rows[0];
this.accomplishform.infoid = this.infoid;
@@ -2871,7 +2873,6 @@
}
});
} else if (this.actives == 0) {
- this.annexfilesList = this.potentiallist;
this.activetele = "娼滃湪鎹愮尞";
}
},
@@ -2942,22 +2943,17 @@
}
updateDonatebaseinfo(this.form).then(response => {
this.$modal.msgSuccess("淇濆瓨鎴愬姛");
- Modifydonationattachment(this.donatelist).then(res => {
- console.log(res);
- });
+ Modifydonationattachment(this.donatelist).then(res => {});
this.Getbasicinformation();
// this.Processvalidation();
this.open = false;
});
} else {
- this.form.workflow = 1;
- this.form.recordstate = 0;
+ this.form.workflow = 0;
addDonatebaseinfo(this.form).then(response => {
if (response.code == 200) {
this.$modal.msgSuccess("鏂板鎴愬姛");
- Modifydonationattachment(this.donatelist).then(res => {
- console.log(res);
- });
+ Modifydonationattachment(this.donatelist).then(res => {});
this.Getbasicinformation();
// this.Processvalidation();
this.open = false;
@@ -3028,8 +3024,8 @@
});
} else if (this.actives == 4) {
this.procureddata.infoid = this.infoid;
- this.$refs["allocateddata"].validate(valid => {
- /**
+ this.$refs["allocateddataform"].validate(valid => {
+ /**
let rows = [];
this.allocateddata.map(item => {
if (item.id) {
@@ -3050,7 +3046,7 @@
item.applicanttime = formatDate(item.applicanttime);
});
saveDonateorgan(this.allocateddata).then(res => {
- if (res == 200) {
+ if (res.code == 200) {
this.$modal.msgSuccess("鍣ㄥ畼鎹愮尞鍒嗛厤淇℃伅淇濆瓨鎴愬姛锛�");
}
});
@@ -3079,12 +3075,10 @@
if (valid) {
if (this.witnessform.id != null) {
- console.log(456);
updateDonationwitness(this.witnessform).then(response => {
this.$modal.msgSuccess("鑾峰彇瑙佽瘉淇℃伅淇敼鎴愬姛");
});
} else {
- console.log(123);
addDonationwitness(this.witnessform).then(response => {
this.$modal.msgSuccess("鑾峰彇瑙佽瘉淇℃伅鏂板鎴愬姛");
});
@@ -3092,7 +3086,6 @@
//淇濆瓨鍣ㄥ畼鑾峰彇琛ㄦ暟鎹�
this.procureddata.infoid = this.infoid;
- console.log("procureddata", this.procureddata);
saveDonationwitnessorgan(this.procureddata).then(res => {
if (res == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鑾峰彇淇℃伅淇濆瓨鎴愬姛锛�");
@@ -3109,7 +3102,6 @@
if (valid) {
// 淇濆瓨鎹愮尞鍣ㄥ畼绉绘淇℃伅
this.transplantdata.infoid = this.infoid;
- console.log("transplantdata", this.transplantdata);
saveDonatecomporgan(this.transplantdata).then(res => {
if (res == 200) {
this.$modal.msgSuccess("鎹愮尞鍣ㄥ畼鑾峰彇淇℃伅淇濆瓨鎴愬姛锛�");
@@ -3117,8 +3109,7 @@
});
// 淇濆瓨纭淇℃伅
- if (this.accomplishform.dcid) {
- console.log(this.accomplishform);
+ if (this.accomplishform.id) {
updateDonatecompletioninfo(this.accomplishform).then(response => {
this.$modal.msgSuccess("瀹屾垚鐧昏淇℃伅淇敼鎴愬姛");
});
@@ -3136,8 +3127,7 @@
// 鍒囨崲tab
on_click(e) {
// if (e != "" || e != null) {
- console.log(this.form.workflow);
- console.log(e);
+
let asdx = this.form.workflow + 1;
if (asdx >= e) {
this.actives = e;
@@ -3358,7 +3348,6 @@
// 鍓嶈繘姝ラ
makeastepforward() {
- console.log(this.actives);
if (this.actives <= 6) {
this.actives++;
this.GetAttacheddata();
@@ -3368,8 +3357,6 @@
},
// 鏇存敼杩涚▼鏁堥獙
Processvalidation() {
- console.log(this.form.workflow);
- console.log(this.actives);
if (this.form.workflow + 1 == this.actives || this.actives == 6) {
if (this.form.workflow <= 6) {
this.form.workflow++;
@@ -3379,9 +3366,7 @@
// this.GetAttacheddata();
} else if (this.form.workflow > this.actives) {
// this.submitForm();
- Modifydonationattachment(this.donatelist).then(res => {
- console.log(res);
- });
+ Modifydonationattachment(this.donatelist).then(res => {});
this.listDonateannex();
this.GetAttacheddata();
} else {
@@ -3389,7 +3374,6 @@
// this.$modal.msgWarning("璇峰厛瀹屾垚鍓嶉儴姝ラ");
return;
}
- console.log(this.form.workflow);
},
// 涓婃姤瀹℃牳
Reportforreview() {},
@@ -3403,6 +3387,13 @@
// 杩斿洖涓婁竴椤�
cancel() {},
// ----------------------------------鏂囦欢
+ // 鐐瑰嚮鍒嗙被
+ selecttab(row) {
+ console.log(row.label);
+ this.annextype = row.name;
+
+ this.Filepopup();
+ },
// 鑾峰彇璇锋眰澶�
Getnetworkheader() {
let string = window.location.href;
@@ -3421,46 +3412,13 @@
parmi.infoid = this.infoid.toString();
listDonateannex(parmi).then(res => {
this.donatelist = res.rows;
- const groupedArr = this.donatelist.reduce(
- (accumulator, currentValue) => {
- const key = currentValue.annexfilestype;
- if (key == 0) {
- this.potentiallist.push(currentValue);
- } else if (key == 1) {
- this.medicinelist.push(currentValue);
- } else if (key == 2) {
- this.affirmlist.push(currentValue);
- } else if (key == 3) {
- this.ethiclist.push(currentValue);
- } else if (key == 6) {
- this.registerlist.push(currentValue);
- }
- return accumulator;
- },
- {}
- );
- console.log(groupedArr);
});
},
// 闄勪欢淇敼鏁版嵁杞瓨灏佽
Newconversion(arr, delvalue, addvalue) {
- // 鍜屽悇閮ㄤ繚瀛樺悓姝�
- if (this.actives == 0) {
- this.potentiallist = arr;
- } else if (this.actives == 1) {
- this.medicinelist = arr;
- } else if (this.actives == 2) {
- this.affirmlist = arr;
- } else if (this.actives == 3) {
- this.ethiclist = arr;
- } else if (this.actives == 6) {
- this.registerlist = arr;
- }
// 鍒犻櫎鏃朵慨鏀逛富鍒梔elFlag
- console.log(delvalue);
const index = this.donatelist.indexOf(delvalue);
- console.log(index);
- if (index !== -1) {
+ if (index != -1) {
if (delvalue.id) {
this.donatelist[index].delFlag = 1;
console.log("淇敼鑰佹暟鎹悗", this.donatelist);
@@ -3476,6 +3434,7 @@
this.donatelist.push(addvalue);
console.log("鏂板鍚�", this.donatelist);
}
+ this.pdftitle = "鍏�" + this.donatelist.length + "椤�";
},
//鏂囦欢涓婁紶
handleUploadError() {},
@@ -3486,59 +3445,106 @@
// 涓婁紶鎴愬姛
uploadSccess(response, file, fileList) {
this.rbDetails;
+ const config = {
+ headers: { Authorization: "Bearer " + this.ICDtoken }
+ };
+ const pdfimg = this.Networkheader + "/prod-api" + response.fileName;
+ console.log(this.Networkheader);
//鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆
if (response.code == 200) {
- // this.form.filename = file.raw.name;
this.previewpdf = true;
+
+ fetch(pdfimg, config)
+ .then(response => response.blob())
+ .then(blob => {
+ // 灏嗚幏鍙栫殑鏁版嵁娴佽浆鎹负URL
+ this.pdfimg = URL.createObjectURL(blob);
+ this.pdfimgsrcList.push(URL.createObjectURL(blob));
+ let addvalue = {
+ annexname: file.name,
+ annexurl: URL.createObjectURL(blob),
+ delFlag: 0,
+ infoid: this.infoid,
+ annexfilestype: this.annextype
+ };
+ this.fileListto.push(addvalue);
+ })
+ .catch(error => {
+ console.error("Error loading image", error);
+ return;
+ });
+
this.$modal.msgSuccess(response.msg);
- let addvalue = {
+
+ console.log(this.fileListto, "鏂板鍚�");
+ if (!this.annexfilesList) {
+ this.annexfilesList = [];
+ }
+ let addvalues = {
annexname: file.name,
annexurl: response.fileName,
delFlag: 0,
infoid: this.infoid,
- annexfilestype: this.actives
+ annexfilestype: this.annextype
};
- this.fileListto.push(addvalue);
- this.Newconversion(this.fileListto, "", addvalue);
- 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.annexfilesList = this.fileListto;
+ this.annexfilesList.push(addvalues);
+ this.Newconversion(this.annexfilesList, "", addvalues);
} else {
console.log(response.msg);
}
},
- // 鐐瑰嚮绁ㄦ嵁
- Filepopup(index, rows, row) {
+ // 鏂囦欢寮圭獥瑙﹀彂
+ Filepopup() {
+ this.annexfilesList = this.donatelist.filter(
+ obj => obj.annexfilestype == this.annextype
+ );
+
+ const config = {
+ headers: { Authorization: "Bearer " + this.ICDtoken }
+ };
+
+ this.fileListto = [];
this.pdfimgsrcList = [];
+ this.pdfimg = "";
this.pdfVisible = true;
if (this.annexfilesList.length) {
- this.previewpdf = true;
- this.fileListto = this.annexfilesList;
- console.log(this.fileListto);
- this.pdfimg =
- this.Networkheader + "/prod-api" + this.fileListto[0].annexurl;
- this.fileListto.forEach(item => {
- this.pdfimgsrcList.push(
- this.Networkheader + "/prod-api" + item.annexurl
- );
+ this.annexfilesList.forEach((value, indexson) => {
+ const pdfimg = this.Networkheader + "/prod-api" + value.annexurl;
+ fetch(pdfimg, config)
+ .then(response => response.blob())
+ .then(blob => {
+ // 灏嗚幏鍙栫殑鏁版嵁娴佽浆鎹负URL
+ this.fileListto.push({
+ annexname: value.annexname,
+ annexurl: URL.createObjectURL(blob),
+ delFlag: 0,
+ infoid: this.infoid,
+ annexfilestype: value.annexfilestype
+ });
+ if (this.fileListto.length == 1) {
+ this.pdfimg = URL.createObjectURL(blob);
+ }
+ this.pdfimgsrcList.push(URL.createObjectURL(blob));
+ })
+ .catch(error => {
+ console.error("Error loading image", error);
+ return;
+ });
});
+ this.previewpdf = true;
} else {
this.fileListto = [];
this.pdfimg = "";
this.pdftitle = "";
}
- this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�";
+ this.pdftitle = "鍏�" + this.donatelist.length + "椤�";
},
// 鐐瑰嚮宸蹭笂浼犳枃浠�
downFile(item) {
console.log(item, "鐐瑰嚮鏂囦欢鎷縤tem");
this.pdftitle =
- "鍏�" + this.pdfimgsrcList.length + "椤癸紝褰撳墠閫変腑" + item.name;
- let name = item.name.split(".");
+ "鍏�" + this.donatelist.length + "椤癸紝褰撳墠閫変腑" + item.annexname;
+ let name = item.annexname.split(".");
if (name[1] == "pdf") {
this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮");
this.previewpdf = false;
@@ -3546,10 +3552,9 @@
} else if (name[1] == "jpg" || "png") {
this.previewpdf = true;
if (item.annexurl) {
- this.pdfimg = this.Networkheader + "/prod-api" + item.annexurl;
+ this.pdfimg = item.annexurl;
} else {
- this.pdfimg =
- this.Networkheader + "/prod-api" + item.response.annexurl;
+ this.pdfimg = "";
}
} else {
this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮";
@@ -3563,15 +3568,18 @@
},
// 鐐瑰嚮鍒犻櫎
deletedowfile(row) {
- const indexlist = this.getIndexInArray(
- this.pdfimgsrcList,
- this.Networkheader + "/prod-api" + row.annexurl
- );
+ let indexvalue = "";
+ const indexlist = this.getIndexInArray(this.pdfimgsrcList, row.annexurl);
this.pdfimgsrcList.splice(indexlist, 1);
const index = this.getIndexInArray(this.fileListto, row);
- this.Newconversion(this.fileListto, this.fileListto[index], "");
this.fileListto.splice(index, 1);
- console.log(index);
+
+ indexvalue = this.annexfilesList.find((item, index) => {
+ return item.annexname == row.annexname;
+ });
+ console.log(indexvalue, "鍒犻櫎绱㈠紩");
+ this.annexfilesList.splice(indexvalue, 1);
+ this.Newconversion(this.annexfilesList, indexvalue, "");
},
// 鐐瑰嚮涓婄Щ
moveupdowfile(row) {
@@ -3663,7 +3671,8 @@
"sys_OrganDecision",
"sys_CoreAssessConclusion",
"sys_BaseAssessConclusion",
- "sys_EthicalReview"
+ "sys_EthicalReview",
+ "materials_DBD"
]
};
</script>
@@ -3715,7 +3724,6 @@
.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),
@@ -3788,4 +3796,7 @@
position: relative;
width: 80%;
}
+:v-deep .el-tabs__nav-scroll {
+ overflow: auto;
+}
</style>
--
Gitblit v1.9.3