From 6196fc48d9a22add90e600e2d3a9ed8bacad3dd7 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 25 十月 2023 14:20:00 +0800 Subject: [PATCH] 11 --- src/views/project/donationdetails/index.vue | 956 ++++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 738 insertions(+), 218 deletions(-) diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue index 1f5e948..90b3b72 100644 --- a/src/views/project/donationdetails/index.vue +++ b/src/views/project/donationdetails/index.vue @@ -296,6 +296,11 @@ ></el-step> </el-steps> </div> + <div class="Ticket-button"> + <el-button @click.native.prevent="Filepopup" type="success" + >鍑瘉鏂囦欢</el-button + > + </div> <!-- 娼滃湪鎹愮尞 --> <div class="boxdiv" style="margin: 30px 0 66px 0;" v-show="actives == 0"> <el-form @@ -627,10 +632,16 @@ @click="Terminationcase" >缁堟妗堜緥</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> @@ -850,7 +861,10 @@ @click="Terminationcase" >缁堟妗堜緥</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 +880,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 @@ -1063,7 +1059,10 @@ @click="Terminationcase" >缁堟妗堜緥</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> @@ -1126,7 +1125,10 @@ @click="Terminationcase" >缁堟妗堜緥</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,115 +1140,146 @@ 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" @@ -1258,7 +1291,10 @@ @click="Terminationcase" >缁堟妗堜緥</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> @@ -1704,7 +1740,10 @@ @click="Terminationcase" >缁堟妗堜緥</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> @@ -1934,13 +1973,132 @@ @click="Terminationcase" >缁堟妗堜緥</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="0"> </el-tab-pane> + <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="6"> </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> @@ -1971,10 +2129,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 +2171,32 @@ "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:[], + tableData: [], actives: 0, + loading: false, // 淇濆瓨銆佺粓姝㈡寜閽‘璁� showSaveBtn: true, showTerminationBtn: true, + //閫夋嫨鍣ㄥ畼琛ㄥ崟 + organalForm: { + //鍣ㄥ畼鍒楄〃 + organname: [] + }, //鐪佸競鍖洪粯璁ゅ�艰缃紝鍙负绌� searchAddress: { sheng: "", @@ -2030,6 +2205,11 @@ organizationname: null }, residenceAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, + defultAddresss: { sheng: "娴欐睙鐪�", shi: "", qu: "" @@ -2111,17 +2291,41 @@ { required: true, message: "璇疯緭鍏ユ姤鍛婁汉鑱旂郴鐢佃瘽", trigger: "blur" } ] }, - medicinerules: {}, affirmrules: {}, ethicrules: {}, allocationrules: {}, witnessrules: {}, - accomplishrules: {} + accomplishrules: {}, + //闄勪欢鍒楄〃 + 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(); }, @@ -2129,7 +2333,9 @@ methods: { // 鑾峰彇涓昏〃鏁版嵁 Getbasicinformation() { - getDonatebaseinfo(this.id).then(response => { + console.log(this.infoid); + console.log(this.hintitle); + getDonatebaseinfo(this.infoid).then(response => { this.form = response.data; response.data.sex = parseInt(response.data.sex); this.form.id = response.data.id; @@ -2153,11 +2359,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 +2371,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 +2398,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( @@ -2308,7 +2505,7 @@ if (this.form.id != null) { updateDonatebaseinfo(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + this.$modal.msgSuccess("淇濆瓨鎴愬姛"); this.Getbasicinformation(); this.open = false; }); @@ -2326,54 +2523,53 @@ } }); }, - // 淇濆瓨鏄庣粏琛� + // 淇濆瓨浜岀骇琛ㄦ寜閽� Savethedetails() { - if (this.actives == 2) { + if (this.actives == 1) { + 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.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.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.allocationform.infoid = this.form.id; this.$refs["allocationform"].validate(valid => { if (valid) { if (this.allocationform.id != null) { @@ -2388,7 +2584,8 @@ this.submitForm(); } }); - } else if (this.actives == 6) { + } else if (this.actives == 5) { + this.witnessform.infoid = this.form.id; this.$refs["witnessform"].validate(valid => { if (valid) { if (this.witnessform.id != null) { @@ -2426,7 +2623,6 @@ } }); // 鑾峰彇淇℃伅 - } else { addMedicalevaluation(this.witnessform).then(response => { this.$modal.msgSuccess("鏂板鎴愬姛"); @@ -2435,7 +2631,8 @@ this.submitForm(); } }); - } else if (this.actives == 7) { + } else if (this.actives == 6) { + this.accomplishform.infoid = this.form.id; this.$refs["accomplishform"].validate(valid => { if (valid) { if (this.accomplishform.id != null) { @@ -2455,19 +2652,295 @@ // 鍒囨崲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("宸插埌杈炬渶澶у��"); + } + }, // 涓婃姤瀹℃牳 Reportforreview() {}, // 缁堟妗堜緥 Terminationcase() {}, // 杩斿洖涓婁竴椤� - 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.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鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + } + } } }; </script> @@ -2504,11 +2977,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