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 | 2328 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 2,230 insertions(+), 98 deletions(-) diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue index 11081c4..7f5a746 100644 --- a/src/views/project/donationdetails/index.vue +++ b/src/views/project/donationdetails/index.vue @@ -4,51 +4,157 @@ <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> </div> - + <!-- 鍙充晶鏁版嵁 --> <div style="background: #fff;"> + <!-- 椤堕儴鏁版嵁 --> <div class="boxdiv"> <div class="top-text">鎹愮尞鑰呰褰曞伐浣滃彴</div> <el-form @@ -295,28 +401,31 @@ ></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"> <el-form - ref="latentform" - :model="latentform" - :rules="latentrules" + ref="form" + :model="form" + :rules="rules" label-width="100px" label-position="right" > <el-row> <el-col :span="8"> <el-form-item label="浣忛櫌鍙�" prop="inpatientno"> - <el-input - v-model="latentform.inpatientno" - placeholder="浣忛櫌鍙�" - /> + <el-input v-model="form.inpatientno" placeholder="浣忛櫌鍙�" /> </el-form-item> </el-col> <el-col :span="16"> <el-form-item label="鐤剧梾璇婃柇" prop="diagnosisname"> <el-input - v-model="latentform.diagnosisname" + v-model="form.diagnosisname" placeholder="璇疯緭鍏ョ柧鐥呰瘖鏂悕绉�" /> </el-form-item> @@ -325,7 +434,7 @@ <el-row> <el-col :span="12"> <el-form-item align="left" label="琛�鍨�" prop="bloodtype"> - <el-radio-group v-model="latentform.bloodtype"> + <el-radio-group v-model="form.bloodtype"> <el-radio v-for="dict in dict.type.sys_BloodType" :key="dict.value" @@ -337,7 +446,7 @@ </el-col> <el-col :span="12" :pull="1"> <el-form-item label="Rh(D)" align="left" prop="rhyin"> - <el-radio-group v-model="latentform.rhyin"> + <el-radio-group v-model="form.rhyin"> <el-radio v-for="dict in dict.type.sys_bloodtype_rhd" :key="dict.value" @@ -350,7 +459,7 @@ </el-row> <el-row> <el-form-item label="鐤剧梾绫诲瀷" align="left"> - <el-checkbox-group v-model="latentform.diseasetype"> + <el-checkbox-group v-model="form.diseasetype"> <el-checkbox v-for="dict in dict.type.sys_DiseaseType" :key="dict.value" @@ -362,7 +471,7 @@ </el-form-item> <el-form-item label="鍏朵粬" prop="diseasetypeOther"> <el-input - v-model="latentform.diseasetypeOther" + v-model="form.diseasetypeOther" placeholder="璇疯緭鍏ュ叾浠�" /> </el-form-item> @@ -370,7 +479,7 @@ <el-row> <el-col :span="12"> <el-form-item align="left" label="浼犳煋鐥�"> - <el-checkbox-group v-model="latentform.infectious"> + <el-checkbox-group v-model="form.infectious"> <el-checkbox v-for="dict in dict.type.sys_Infectious" :key="dict.value" @@ -384,7 +493,7 @@ <el-col :span="12"> <el-form-item align="left" label="鍏朵粬" prop="infectiousOther"> <el-input - v-model="latentform.infectiousOther" + v-model="form.infectiousOther" placeholder="璇疯緭鍏ュ叾浠�" /> </el-form-item> @@ -393,7 +502,7 @@ <el-row> <el-col :span="9"> <el-form-item align="left" label="鐥呬汉鐘跺喌"> - <el-checkbox-group v-model="latentform.patientstate"> + <el-checkbox-group v-model="form.patientstate"> <el-checkbox v-for="dict in dict.type.sys_patientstate" :key="dict.value" @@ -406,7 +515,7 @@ </el-col> <el-col :span="15" align="left"> <el-form-item label="鍏朵粬鎯呭喌"> - <el-checkbox-group v-model="latentform.othercases"> + <el-checkbox-group v-model="form.othercases"> <el-checkbox v-for="dict in dict.type.sys_OtherCases" :key="dict.value" @@ -428,7 +537,7 @@ class="relation" align="left" > - <el-checkbox-group v-model="latentform.kinship"> + <el-checkbox-group v-model="form.kinship"> <el-checkbox v-for="dict in dict.type.sys_Kinship" :key="dict.value" @@ -442,7 +551,7 @@ <el-col :span="12"> <el-form-item label="鍏朵粬" prop="kinshipOther"> <el-input - v-model="latentform.kinshipOther" + v-model="form.kinshipOther" placeholder="璇疯緭鍏ュ叾浠�" /> </el-form-item> @@ -453,7 +562,7 @@ <el-row> <el-col :span="24"> <el-form-item align="left" label="鏈汉鎰忔効 "> - <el-checkbox-group v-model="latentform.selfwill"> + <el-checkbox-group v-model="form.selfwill"> <el-checkbox v-for="dict in dict.type.sys_SelfWill" :key="dict.value" @@ -469,7 +578,7 @@ <el-col :span="12"> <el-form-item label="涓昏浜插睘" prop="majorrelatives"> <el-input - v-model="latentform.majorrelatives" + v-model="form.majorrelatives" placeholder="璇疯緭鍏ヤ富瑕佷翰灞�" /> </el-form-item> @@ -477,7 +586,7 @@ <el-col :span="8"> <el-form-item label="涓庢崘璧犺�呭叧绯�" prop="familyrelations"> <el-select - v-model="latentform.familyrelations" + v-model="form.familyrelations" placeholder="璇烽�夋嫨涓庢崘璧犺�呭叧绯�" > <el-option @@ -493,7 +602,7 @@ <el-row> <el-col :span="12"> <el-form-item align="left" label="淇℃伅鏉ユ簮"> - <el-checkbox-group v-model="latentform.infosources"> + <el-checkbox-group v-model="form.infosources"> <el-checkbox v-for="dict in dict.type.sys_InfoSources" :key="dict.value" @@ -507,7 +616,7 @@ <el-col :span="8"> <el-form-item label="鍏朵粬" prop="infosourcesOther"> <el-input - v-model="latentform.infosourcesOther" + v-model="form.infosourcesOther" placeholder="璇疯緭鍏ヤ俊鎭潵婧愬叾浠�" /> </el-form-item> @@ -516,16 +625,13 @@ <el-row> <el-col :span="8"> <el-form-item label="淇℃伅鍛�" prop="infoname"> - <el-input - v-model="latentform.infoname" - placeholder="璇疯緭鍏ヤ俊鎭憳" - /> + <el-input v-model="form.infoname" placeholder="璇疯緭鍏ヤ俊鎭憳" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="鑱旂郴鐢佃瘽" prop="infophone"> <el-input - v-model="latentform.infophone" + v-model="form.infophone" placeholder="璇疯緭鍏ヤ俊鎭憳鑱旂郴鐢佃瘽" /> </el-form-item> @@ -537,14 +643,14 @@ <org-selecter ref="addCrossOrgSelect" :org-type="'2'" - v-model="latentform.redorganno" + v-model="form.redorganno" /> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="鑱旂郴浜�" prop="contactperson"> <el-input - v-model="latentform.contactperson" + v-model="form.contactperson" placeholder="璇疯緭鍏ヨ仈绯讳汉" /> </el-form-item> @@ -555,7 +661,7 @@ clearable size="small" style="width: 190px" - v-model="latentform.contacttime" + v-model="form.contacttime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鎶ュ憡鏃堕棿" @@ -575,7 +681,7 @@ style="width: 260px" ref="orgSelecter" :org-type="'1'" - v-model="latentform.acquisitiontissueno" + v-model="form.acquisitiontissueno" /> </el-form-item> </el-col> @@ -585,7 +691,7 @@ <el-form-item label="鎶ュ憡浜�" prop="reporterno"> <el-select ref="getReportname" - v-model="latentform.reporterno" + v-model="form.reporterno" placeholder="璇烽�夋嫨" > <el-option @@ -601,7 +707,7 @@ <el-col :span="8"> <el-form-item label="鑱旂郴鐢佃瘽" prop="reporterphone"> <el-input - v-model="latentform.reporterphone" + v-model="form.reporterphone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> </el-form-item> @@ -612,7 +718,7 @@ clearable size="small" style="width: 190px" - v-model="latentform.reporttime" + v-model="form.reporttime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨鎶ュ憡鏃堕棿" @@ -622,18 +728,29 @@ </el-col> </el-row> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="submitForm" + <div class="dialog-footer"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="submitForm" >淇濆瓨鎹愮尞鑰呬俊鎭�</el-button > <el-button - v-show="showTerminationBtn" - type="primary" - @click="submitForm" - >缁堟妗堜緥</el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button > - <el-button v-show="ReviewBtn" type="primary" @click="ReviewFn" + <el-button + v-show="Reportforreview" + type="primary" + @click="Reportforreview" >涓婃姤瀹℃牳</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button > <el-button @click="cancel">鍙� 娑�</el-button> <!-- <el-button @click="handleapproval">鎻愪氦瀹℃牳</el-button> --> @@ -842,33 +959,1315 @@ </el-col> </el-row> </el-form> + <div class="dialog-footer"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨璇勪及淇℃伅</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button + > + <el-button @click="cancel">鍙� 娑�</el-button> + </div> </div> <!-- 鎹愮尞纭 --> - <div class="boxdiv" v-show="actives == 2"></div> - <div class="boxdiv" v-show="actives == 3">浼︾悊瀹℃煡</div> - <div class="boxdiv" v-show="actives == 4">鍣ㄥ畼鍒嗛厤</div> - <div class="boxdiv" v-show="actives == 5">鑾峰彇瑙佽瘉</div> - <div class="boxdiv" v-show="actives == 6">瀹屾垚鐧昏</div> + <div class="boxdiv" v-show="actives == 2"> + <el-form + ref="affirmform" + :model="affirmform" + :rules="affirmrules" + label-width="100px" + label-position="right" + > + <el-row> + <el-col :span="6"> + <el-form-item label="瀛愬コ鏁伴噺" prop="kinshipChildrennum"> + <el-input + v-model="affirmform.kinshipChildrennum" + placeholder="璇疯緭鍏ユ暟閲�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="浜插睘濮撳悕" prop="name"> + <el-input v-model="affirmform.name" placeholder="璇疯緭鍏ュ鍚�" /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item + align="left" + label="涓庢崘璧犺�呭叧绯�" + prop="familyrelations" + > + <el-select + v-model="affirmform.familyrelations" + placeholder="璇烽�夋嫨涓庢崘璧犺�呭叧绯�" + > + <el-option + v-for="dict in dict.type.sys_FamilyRelation" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + + <el-col :span="12"> + <el-form-item label="韬唤璇佸彿" prop="idcardno"> + <el-input + ref="updateBSvalue" + class="sfzcode" + v-model="affirmform.idcardno" + placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="浜插睘绫嶈疮" prop="residenceaddresss"> + <div> + <li_area_select + v-model="defultAddresss" + ref="residenceaddresss" + ></li_area_select> + <!-- <div>{{defultAddress}}</div> --> + </div> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鐜颁綇鍦板潃" prop="residenceaddress"> + <el-input + v-model="affirmform.residenceaddress" + placeholder="璇疯緭鍏ュ唴瀹�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> + <el-input + v-model="affirmform.phone" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="18"> + <el-form-item align="left" label="鎹愮尞鍐冲畾"> + <el-checkbox-group v-model="affirmform.organdecision"> + <el-checkbox + v-for="dict in dict.type.sys_OrganDecision" + :key="dict.label" + :label="dict.label" + > + {{ dict.label }} + </el-checkbox> + </el-checkbox-group> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鍏朵粬" prop="organdecisionOther"> + <el-input + v-model="affirmform.organdecisionOther" + placeholder="璇疯緭鍏ュ叾浠�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="璐熻矗浜�" prop="responsibleuserid"> + <el-select + v-model="affirmform.responsibleuserid" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in leaderlist" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鍗忚皟鍛�1" prop="coordinateduserido"> + <el-select + v-model="affirmform.coordinateduserido" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鍗忚皟鍛�2" prop="coordinateduseridt"> + <el-select + v-model="affirmform.coordinateduseridt" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> </el-col + ><el-col :span="6"> + <el-form-item + align="left" + label="绛惧瓧鏃ユ湡" + prop="signdate" + style="over-flow: hidden" + > + <el-date-picker + clearable + size="small" + v-model="affirmform.signdate" + type="date" + value-format="yyyy-MM-dd hh:mm:ss" + placeholder="閫夋嫨绛惧瓧鏃ユ湡" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div class="dialog-footer"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨鎹愮尞淇℃伅</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button + > + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </div> + <!-- 浼︾悊瀹℃煡 --> + <div class="boxdiv" v-show="actives == 3"> + <el-form + ref="ethicform" + :model="ethicform" + :rules="ethicrules" + label-width="100px" + label-position="right" + > + <el-form-item label="瀹℃煡鎰忚"> + <el-input + v-model="ethicform.flowcontent" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + /> + </el-form-item> + + <el-row> + <el-col :span="18"> + <el-form-item label="瀹℃煡缁撹"> + <el-radio-group v-model="ethicform.flowconclusion"> + <el-radio + v-for="dict in dict.type.sys_EthicalReview" + :key="dict.value" + :label="parseInt(dict.value)" + >{{ dict.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + + <!-- createtime 瀹℃煡鏃ユ湡 --> + <el-col :span="6" :pull="5"> + <el-form-item label="瀹℃煡鏃ユ湡"> + <el-date-picker + clearable + size="small" + v-model="ethicform.createTime" + type="date" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨缁撹鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div class="dialog-footer" style="min-height: 500px; margin: 20px 0; "> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨鎹愮尞淇℃伅</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button + > + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </div> + <!-- 鍣ㄥ畼鍒嗛厤 --> + <div class="boxdiv" v-show="actives == 4"> + <el-form + ref="allocationform" + :model="allocationform" + :rules="allocationrules" + label-position="right" + > + <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%" + /> + </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="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨鎹愮尞淇℃伅</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button + > + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </div> + <!-- 鑾峰彇瑙佽瘉 --> + <div class="boxdiv" v-show="actives == 5"> + <el-form + ref="witnessform" + :model="witnessform" + :rules="witnessrules" + label-width="100px" + label-position="right" + > + <el-row> + <el-col :span="24"> + <el-form-item align="left" label="鎹愮尞鍐冲畾"> + <el-checkbox-group v-model="witnessform.organdonation"> + <el-checkbox + v-for="dict in dict.type.sys_Organ" + :key="dict.value" + :label="dict.value" + disabled + > + {{ dict.label }} + </el-checkbox> + </el-checkbox-group> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="24"> + <el-form-item + align="left" + label="鎹愮尞绫诲埆" + prop="donationcategory" + > + <el-radio-group v-model="witnessform.donationcategory"> + <el-radio + v-for="dict in dict.type.sys_DonationCategory" + :key="dict.value" + :label="dict.value" + >{{ dict.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + </el-row> + <el-row> </el-row> + <el-row> + <el-col :span="2"> + <el-form-item align="left" label="姝讳骸鍒ゅ畾:" /> + </el-col> + <el-col :span="10"> + <el-form-item align="left" label="鍖荤敓涓�" prop="deathjudgedocto"> + <el-input + v-model="witnessform.deathjudgedocto" + placeholder="鍒ゅ畾鍖荤敓濮撳悕" + /> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item align="left" label="鍖荤敓浜�" prop="deathjudgedoctt"> + <el-input + v-model="witnessform.deathjudgedoctt" + placeholder="鍒ゅ畾鍖荤敓濮撳悕" + /> + </el-form-item> + </el-col> + </el-row> + <el-row + ><el-col :span="2"><el-form-item align="left" label="" /> </el-col> + <el-col :span="10"> + <el-form-item align="left" label="姝讳骸鏃堕棿" prop="deathtime"> + <el-date-picker + clearable + v-model="witnessform.deathtime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨姝讳骸鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item align="left" label="姝讳骸鍘熷洜" prop="deathreason"> + <el-input + v-model="witnessform.deathreason" + placeholder="璇疯緭鍏ユ浜″師鍥�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="2"> + <el-form-item align="left" label="鎵嬫湳:" /> + </el-col> + <el-col :span="10"> + <el-form-item + align="left" + label="寮�濮嬫椂闂�" + prop="operationbegtime" + > + <el-date-picker + clearable + v-model="witnessform.operationbegtime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鎵嬫湳寮�濮嬫椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item + align="left" + label="缁撴潫鏃堕棿" + prop="operationendtime" + > + <el-date-picker + clearable + v-model="witnessform.operationendtime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鎵嬫湳缁撴潫鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + <el-row + ><el-col :span="2" + ><el-form-item align="left" label="鑵逛富鍔ㄨ剦:" /> + </el-col> + <el-col :span="10"> + <el-form-item + label="鎻掔鏃堕棿" + align="left" + prop="abdominalaortacannulatime" + > + <el-date-picker + clearable + v-model="witnessform.abdominalaortacannulatime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鑵逛富鍔ㄨ剦鎻掔鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item + label="鐏屾敞鏃堕棿" + align="left" + prop="abdominalaortaperfusiontime" + > + <el-date-picker + clearable + v-model="witnessform.abdominalaortaperfusiontime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鑵逛富鍔ㄨ剦鐏屾敞鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + + <el-row + ><el-col :span="2" + ><el-form-item align="left" label="闂ㄩ潤鑴�:" /> + </el-col> + <el-col :span="10"> + <el-form-item + label="鎻掔鏃堕棿" + align="left" + prop="portalveincannulatime" + > + <el-date-picker + clearable + v-model="witnessform.portalveincannulatime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨闂ㄩ潤鑴夎剦鎻掔鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item + label="鐏屾敞鏃堕棿" + align="left" + prop="portalveinperfusiontime" + > + <el-date-picker + clearable + v-model="witnessform.portalveinperfusiontime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨闂ㄩ潤鑴夌亴娉ㄦ椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + <el-row + ><el-col :span="2" + ><el-form-item align="left" label="鑲哄姩鑴�:" /> + </el-col> + <el-col :span="10"> + <el-form-item + label="鎻掔鏃堕棿" + align="left" + prop="pulmonaryarterycannulatime" + > + <el-date-picker + clearable + v-model="witnessform.pulmonaryarterycannulatime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨闂ㄩ潤鑴夋彃绠℃椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item + label="鐏屾敞鏃堕棿" + align="left" + prop="pulmonaryarteryperfusiontime" + > + <el-date-picker + clearable + v-model="witnessform.pulmonaryarteryperfusiontime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨闂ㄩ潤鑴夌亴娉ㄦ椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + + <el-row + ><el-col :span="2" + ><el-form-item align="left" label="涓诲姩鑴�:" /> + </el-col> + <el-col :span="10"> + <el-form-item + label="鐏屾敞鏃堕棿" + align="left" + prop="aortacannulatime" + > + <el-date-picker + clearable + v-model="witnessform.aortacannulatime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨涓诲姩鑴夌亴娉ㄦ椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item + label="鐏屾敞鏃堕棿" + align="left" + prop="aortaperfusiontime" + > + <el-date-picker + clearable + v-model="witnessform.aortaperfusiontime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨涓诲姩鑴夌亴娉ㄦ椂闂�" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + + <el-table :data="tableData" border> + <el-table-column + align="center" + width="80px" + prop="organname" + label="鍣ㄥ畼鍚嶇О" + > + </el-table-column> + <el-table-column + align="center" + width="220px" + prop="gainhospitalno" + label="鑾峰彇缁勭粐" + > + <template slot-scope="scope"> + <org-selecter + ref="gainhosselect" + :org-type="'4'" + v-model="scope.row.gainhospitalno" + /> + </template> + </el-table-column> + <el-table-column + align="center" + width="140px" + prop="organgetdoct" + label="鑾峰彇鍖诲笀" + > + <template slot-scope="scope"> + <el-input + v-model="scope.row.organgetdoct" + placeholder="璇疯緭鍏ヨ幏鍙栧尰甯�" + ></el-input> + </template> + </el-table-column> + <el-table-column + align="center" + width="210px" + prop="organgettime" + label="鑾峰彇鏃ユ湡" + > + <template slot-scope="scope"> + <el-row> + <el-date-picker + clearable + size="small" + style="width: 100%" + v-model="scope.row.organgettime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鍣ㄥ畼鑾峰彇鏃堕棿" + > + </el-date-picker> + </el-row> + </template> + </el-table-column> + <el-table-column + label="鍣ㄥ畼鐘舵��" + align="center" + prop="organstate" + width="180" + > + <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> + <el-row> + <el-col :span="12"> + <el-form-item align="left" label="榛樺搥缂呮��浠紡"> + <el-radio-group v-model="witnessform.isspendremember"> + <el-radio + v-for="dict in dict.type.sys_0_1" + :key="dict.value" + :label="parseInt(dict.value)" + >{{ dict.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item align="left" label="鎭㈠閬椾綋浠"> + <el-radio-group v-model="witnessform.isrestoreremains"> + <el-radio + v-for="dict in dict.type.sys_0_1" + :key="dict.value" + :label="parseInt(dict.value)" + >{{ dict.label }}</el-radio + > + </el-radio-group> + </el-form-item></el-col + > + </el-row> + <!-- <el-form-item align="left" label="姝讳骸璇佹槑闄勪欢璺緞"> + <fileUpload v-model="witnessform.deathjudgeannex" /> + </el-form-item> --> + <el-row> + <el-col :span="8"> + <el-form-item + label="鎵嬫湳璐熻矗浜�" + label-width="140px" + prop="responsibleusername" + > + <el-input + v-model="witnessform.responsibleusername" + placeholder="璇疯緭鍏ヨ礋璐d汉濮撳悕" + /> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鍗忚皟鍛樹竴" prop="coordinateduserido"> + <el-select + v-model="witnessform.coordinateduserido" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="鍗忚皟鍛樹簩" prop="coordinateduseridt"> + <el-select + v-model="witnessform.coordinateduseridt" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + </el-form> + + <div class="dialog-footer"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨鎹愮尞淇℃伅</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" + >涓嬩竴姝�</el-button + > + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </div> + <!-- 瀹屾垚鐧昏 --> + <div class="boxdiv" v-show="actives == 6"> + <el-form + ref="accomplishform" + :model="accomplishform" + :rules="accomplishrules" + label-width="100px" + label-position="right" + > + <el-row> + <el-col :span="8"> + <el-form-item label="瀹屾垚鏃堕棿" prop="completetime"> + <el-date-picker + style="width: 167px" + clearable + size="small" + v-model="accomplishform.completetime" + type="date" + value-format="yyyy-MM-dd hh:mm:ss" + placeholder="閫夋嫨瀹屾垚鏃堕棿" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-form-item label="鍣ㄥ畼缁勭粐"> + <el-checkbox-group + align="left" + v-model="accomplishform.donateorganList" + > + <el-checkbox + v-for="dict in dict.type.sys_Organ" + :key="dict.value" + :label="dict.value" + disabled + > + {{ dict.label }} + </el-checkbox> + </el-checkbox-group> + </el-form-item> + </el-row> + <el-row style="margin-bottom: 22px"> + <el-table v-loading="loading" border :data="tableData"> + <el-table-column + label="鍣ㄥ畼鍚嶇О" + align="center" + prop="organname" + width="80" + /> + <el-table-column + label="绉绘鍖婚櫌锛堟帴鏀跺崟浣嶏級" + align="center" + prop="transplanthospitalno" + width="240" + > + <template slot-scope="scope"> + <org-selecter + ref="transplanthosselect" + :org-type="'4'" + v-model="scope.row.transplanthospitalno" + /> + </template> + </el-table-column> + <el-table-column + label="绉绘璐熻矗浜�" + align="center" + prop="transplantdoct" + width="120" + > + <template slot-scope="scope"> + <el-input + v-model="scope.row.transplantdoct" + placeholder="璇疯緭鍏ヨ礋璐d汉" + ></el-input> + </template> + </el-table-column> + <el-table-column + label="绉绘鏃ユ湡" + align="center" + prop="transplanttime" + width="230" + > + <template slot-scope="scope"> + <el-row> + <el-date-picker + clearable + size="small" + style="width: 90%" + v-model="scope.row.transplanttime" + type="date" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鍣ㄥ畼绉绘鏃堕棿" + > + </el-date-picker> + </el-row> + </template> + </el-table-column> + <el-table-column + prop="abandonreason" + label="寮冪敤鍘熷洜" + align="center" + width="260" + > + <template slot-scope="scope"> + <el-row> + <el-input + clearable + v-model="scope.row.abandonreason" + placeholder="璇疯緭鍏ュ純鐢ㄥ師鍥�" + /> + </el-row> + </template> + </el-table-column> + + <el-table-column + label="鍣ㄥ畼鐘舵��" + align="center" + prop="organstate" + width="130" + > + <template slot-scope="scope"> + <el-select + v-model="scope.row.organstate" + placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��" + value-key="value" + @change="selectOrganstate(scope.row)" + > + <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> + </el-row> + + <el-row> + <el-col :span="7"> + <el-form-item align="left" label="閬椾綋鎹愮尞" prop="isbodydonation"> + <el-radio-group v-model="accomplishform.isbodydonation"> + <el-radio + v-for="dict in dict.type.sys_0_1" + :key="dict.value" + :label="dict.value" + >{{ dict.label }}</el-radio + > + </el-radio-group> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item align="left" label="鎺ユ敹鍗曚綅" prop="receivingunit"> + <el-input + v-model="accomplishform.receivingunit" + placeholder="璇疯緭鍏ユ帴鍙楀崟浣�" + /> + </el-form-item> + </el-col> + </el-row> + + <el-row> + <el-col :span="7"> + <el-form-item label="璐熻矗浜�" prop="responsibleuserid"> + <el-select + v-model="accomplishform.responsibleuserid" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in leaderlist" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鍗忚皟鍛樹竴" prop="coordinateduserido"> + <el-select + v-model="accomplishform.coordinateduserido" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鍗忚皟鍛樹簩" prop="coordinateduseridt"> + <el-select + v-model="accomplishform.coordinateduseridt" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in coordinatorlist1" + :key="item.reportNo" + :label="item.reportName" + :value="item.reportNo" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div class="dialog-footer"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨鎹愮尞鑰呬俊鎭�</el-button + > + <el-button + :type="showTerminationBtn == 0 ? 'warning' : 'success'" + @click="Terminationcase" + >{{ showTerminationBtn == 0 ? "缁堟妗堜緥" : "鎭㈠妗堜緥" }}</el-button + > + <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 { - listDonatebaseinfo, + addDonateannex, + listDonateannex, + Modifydonationattachment +} from "@/api/project/donateannex"; +import { getDonatebaseinfo, - delDonatebaseinfo, addDonatebaseinfo, updateDonatebaseinfo, - exportDonatebaseinfo, - downloadbaseinfo, - getdonatorno - // exportProvincemessage, + getDonatebaseinfoflow } from "@/api/project/donatebaseinfo"; +import { + listMedicalevaluation, + addMedicalevaluation, + updateMedicalevaluation +} from "@/api/project/medicalevaluation"; +import { + addDonateflowchart, + listDonateflowchart, + updateDonateflowchart +} from "@/api/project/DonationEvaluation"; +import { + listOrganallocation, + addOrganallocation, + updateOrganallocation +} from "@/api/project/organallocation"; +import { + listDonateorgan, + addDonateorgan, + 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: { @@ -878,18 +2277,13 @@ ReportName }, dicts: [ - "sys_Reporter", - "sys_redcrossagency", "sys_nation", "sys_occupation", "sys_education", - "sys_OrganizationType", - "sys_HospitalNature", - "sys_RegionalLevel", - "country", + "sys_Organ", + "sys_organstate", "sys_user_sex", "sys_IDType", - "sys_AgeUnit", "sys_BloodType", "sys_0_1", "sys_patientstate", @@ -899,28 +2293,39 @@ "sys_bloodtype_rhd", "sys_InfoSources", "sys_OtherCases", - "sys_DonationStatus", "sys_DiseaseType", "sys_SelfWill", "sys_FamilyRelation", + "sys_OrganDecision", "sys_CoreAssessConclusion", - "sys_BaseAssessConclusion" + "sys_BaseAssessConclusion", + "sys_EthicalReview" ], data() { return { - id: 736, + infoid: 734, form: {}, - latentform: {}, medicineform: {}, - affirmform: {}, + affirmform: { + organdecision: [] + }, ethicform: {}, allocationform: {}, witnessform: {}, accomplishform: {}, - actives: 0, + tableData: [], + actives: 0, //杩涚▼ + workflow:0, + loading: false, // 淇濆瓨銆佺粓姝㈡寜閽‘璁� showSaveBtn: true, - showTerminationBtn: true, + showTerminationBtn: 0, //缁堟鐘舵�� 0-鏈粓姝� 1-宸茬粓姝� + //閫夋嫨鍣ㄥ畼琛ㄥ崟 + organalForm: { + //鍣ㄥ畼鍒楄〃 + organname: [] + }, + Processdata: {}, //娴佺▼鏁版嵁 //鐪佸競鍖洪粯璁ゅ�艰缃紝鍙负绌� searchAddress: { sheng: "", @@ -933,12 +2338,17 @@ shi: "", qu: "" }, + defultAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, registerAddresss: { sheng: "娴欐睙鐪�", shi: "", qu: "" }, - // 琛ㄥ崟鏍¢獙 + // 椤堕儴鏁版嵁鏍¢獙 rules: { name: [ { required: true, message: "璇疯緭鍏ユ崘鐚�呭鍚�", trigger: "blur" } @@ -966,10 +2376,7 @@ age: [{ required: true, message: "璇疯緭鍏ュ勾榫�", trigger: "blur" }], treatmenthospitalno: [ { required: true, message: "璇烽�夋嫨鍖荤枟鏈烘瀯", trigger: "blur" } - ] - // treatmenthospitalno: [{ required: true, message: "璇烽�夋嫨鍖荤枟鏈烘瀯", trigger: "change" }], - }, - latentrules: { + ], bloodtype: [ { required: true, message: "璇烽�夋嫨ABO琛�鍨�", trigger: "blur" } ], @@ -1000,7 +2407,6 @@ trigger: "blur" } ], - // contactnumber: [{required: true,message: "璇疯緭鍏ョ孩鍗佸瓧浼氳仈绯荤數璇�",trigger: "change"}], acquisitiontissueno: [ { required: true, message: "鍣ㄥ畼鑾峰彇缁勭粐涓嶈兘涓虹┖", trigger: "blur" } ], @@ -1014,24 +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(","); @@ -1049,15 +2499,649 @@ this.residenceAddresss.shi = response.data.residencecityname; this.residenceAddresss.qu = response.data.residencetownname; this.registerAddresss.qu = response.data.registertownname; - this.latentform = this.form; }); }, + // 鑾峰彇浜岀骇琛ㄦ暟鎹� + GetAttacheddata() { + let searchParam = { + infoid: this.form.id + }; + if (this.actives == 1) { + listMedicalevaluation(searchParam).then(response => { + if (response.code == 200) { + this.medicineform = response.rows[0]; + } else { + this.$modal.msgError( + "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) + ); + } + }); + } else if (this.actives == 2) { + listRelativesconfirmation(searchParam).then(response => { + if (response.code == 200) { + this.affirmform = response.rows[0]; + 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; + if (this.affirmform.kinship) { + this.affirmform.kinship = this.affirmform.kinship.split(","); + } + if (this.affirmform.organdecision) { + this.affirmform.organdecision = this.affirmform.organdecision.split( + "," + ); + } + } else { + this.$modal.msgError( + "鏌ヨ鏄惁瀛樺湪纭鐧昏璁板綍澶辫触" + JSON.stringify(response) + ); + } + }); + } else if (this.actives == 3) { + listDonateflowchart(searchParam).then(response => { + if (response.code == 200 && response.rows.length == 1) { + this.ethicform = response.rows[0]; + } else { + console.log("浼︾悊瀹℃煡鏁版嵁涓虹┖"); + } + }); + } 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 == 5) { + listMedicalevaluation(searchParam).then(response => { + 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 == 6) { + listMedicalevaluation(searchParam).then(response => { + if (response.code == 200) { + this.accomplishform = response.rows[0]; + this.accomplishform.infoid = this.form.id; + this.open = true; + } else { + this.$modal.msgError( + "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) + ); + } + }); + } + }, + // 鑾峰彇闄勪欢鏁版嵁骞跺垎绫讳簩绾у垪 + 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 => { + console.log("鎻愪氦鐨勬暟鎹滑锛�", this.form); + if (valid) { + this.form.birthday = this.$moment(this.form.birthday).format( + "YYYY-MM-DD HH:mm:ss" + ); + this.form.diseasetype = this.form.diseasetype.join(","); + this.form.infectious = this.form.infectious.join(","); + this.form.selfwill = this.form.selfwill.join(","); + this.form.othercases = this.form.othercases.join(","); + this.form.infosources = this.form.infosources.join(","); + this.form.kinship = this.form.kinship.join(","); + this.form.patientstate = this.form.patientstate.join(","); + this.form.registerprovince = this.$refs.registerSelect.getSheng(); + this.form.registerprovincename = this.registerAddresss.sheng; + + this.form.residenceprovince = this.$refs.residenceSelect.getSheng(); + this.form.residenceprovincename = this.residenceAddresss.sheng; + + this.form.registercity = this.$refs.registerSelect.getShi(); + this.form.registercityname = this.registerAddresss.shi; + + this.form.residencecity = this.$refs.residenceSelect.getShi(); + this.form.residencecityname = this.residenceAddresss.shi; + + this.form.residencetown = this.$refs.residenceSelect.getQu(); + this.form.residencetownname = this.residenceAddresss.qu; + + this.form.registertown = this.$refs.registerSelect.getQu(); + this.form.registertownname = this.registerAddresss.qu; + + this.form.reportername = this.$refs.getReportname.$data.selectedLabel; + + try { + this.form.treatmenthospitalname = this.$refs.addOrgSelect.getOptionByValue( + this.form.treatmenthospitalno + ).organizationname; + } catch { + this.form.treatmenthospitalname = this.form.treatmenthospitalno; + } + + try { + this.form.redorganname = this.$refs.addCrossOrgSelect.getOptionByValue( + this.form.redorganno + ).organizationname; + } catch { + this.form.redorganname = this.form.redorganno; + } + + if (this.form.id != null) { + updateDonatebaseinfo(this.form).then(response => { + 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); + } + }); + } + } + }); + }, + // 淇濆瓨浜岀骇琛ㄦ寜閽� + Savethedetails() { + 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 => {}); + } else { + addMedicalevaluation(this.medicineform).then(response => { + 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.Processvalidation(); + this.ethicform.infoid = this.form.id; + this.$refs["ethicform"].validate(valid => { + if (valid) { + if (this.ethicform.id != null) { + updateDonateflowchart(this.ethicform).then(response => {}); + } else { + addDonateflowchart(this.ethicform).then(response => { + this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅鏂板鎴愬姛"); + }); + } + this.submitForm(); + } + }); + } else if (this.actives == 4) { + this.Processvalidation(); + this.allocationform.infoid = this.form.id; + this.$refs["allocationform"].validate(valid => { + if (valid) { + if (this.allocationform[0].id != null) { + updateOrganallocation(this.allocationform).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }); + } else { + addOrganallocation(this.allocationform).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + }); + } + this.submitForm(); + } + }); + } 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) { + // 鑾峰彇鎹愮尞鍣ㄥ畼鍒楄〃 + listDonateorgan(oraganqueryParam).then(response => { + this.loading = false; + if (response.code == 200) { + this.organdonation = []; + this.tableData = response.rows; + //鑾峰彇鍖婚櫌榛樿鏄Щ妞嶅尰闄� + for (let i = 0; i < this.tableData.length; i++) { + if ( + this.tableData[i].gainhospitalname == null || + this.tableData[i].gainhospitalname == "" + ) { + this.tableData[i].gainhospitalname = this.tableData[ + i + ].transplanthospitalname; + } + if ( + this.tableData[i].gainhospitalno == null || + this.tableData[i].gainhospitalno == "" + ) { + this.tableData[i].gainhospitalno = this.tableData[ + i + ].transplanthospitalno; + } + } + //this.organalForm.organname = []; + for (let i = 0; i < response.rows.length; i++) { + this.form.organdonation.push(response.rows[i].organno); + } + } else { + this.$modal.msgError("鑾峰彇鎹愮尞鍣ㄥ畼澶辫触锛�" + response.msg); + } + }); + // 鑾峰彇淇℃伅 + } else { + addMedicalevaluation(this.witnessform).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + }); + } + this.submitForm(); + } + }); + } 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) { + updateMedicalevaluation(this.accomplishform).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + }); + } else { + addMedicalevaluation(this.accomplishform).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + }); + } + this.submitForm(); + } + }); + } + }, + // 鍒囨崲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() { + 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() { + this.form.terminationCase == 1 + ? (this.form.terminationCase = 0) + : (this.form.terminationCase = 1); + this.submitForm(); + }, + // 杩斿洖涓婁竴椤� + 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> @@ -1094,10 +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: 10px; .top-text { text-align: center; -- Gitblit v1.9.3