From f562df8d292df59e5319be095ee3f2af26f4991f Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期五, 22 十二月 2023 11:32:16 +0800 Subject: [PATCH] 11 --- src/views/project/donationdetails/index.vue | 2640 ++++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 1,784 insertions(+), 856 deletions(-) diff --git a/src/views/project/donationdetails/index.vue b/src/views/project/donationdetails/index.vue index 1f5e948..535295e 100644 --- a/src/views/project/donationdetails/index.vue +++ b/src/views/project/donationdetails/index.vue @@ -4,54 +4,159 @@ <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.donatebaseinfo.createtime" + > + <p> + 鎻愪氦鏃堕棿锛�<span>{{ + parseTime(Processdata.donatebaseinfo.createtime) + }}</span> + </p> + <p> + 鏇存柊鏃堕棿锛�<span>{{ + parseTime(Processdata.donatebaseinfo.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.createtime) + }}</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.createtime) + }}</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.donateflowcharts.createtime" + > + <p> + 鎻愪氦鏃堕棿锛�<span>{{ + parseTime(Processdata.donateflowcharts.createtime) + }}</span> + </p> + <p> + 鏇存柊鏃堕棿锛�<span>{{ + parseTime(Processdata.donateflowcharts.updatetime) + }}</span> + </p> + </template> + </el-step> <el-step title="鍣ㄥ畼鍒嗛厤" - description="杩欐槸涓�娈靛緢闀垮緢闀垮緢闀跨殑鎻忚堪鎬ф枃瀛�" + description="璇峰厛瀹屾垚鍓嶉儴姝ラ" icon="el-icon-s-operation" - ></el-step> + > + <template + slot="description" + v-if="Processdata.donateorgansService.createtime" + > + <p> + 鎻愪氦鏃堕棿锛�<span>{{ + parseTime(Processdata.donateorgansService.createtime) + }}</span> + </p> + <p> + 鏇存柊鏃堕棿锛�<span>{{ + parseTime(Processdata.donateorgansService.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.createtime) + }}</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.createtime) + }}</span> + </p> + <p> + 鏇存柊鏃堕棿锛�<span>{{ + parseTime(Processdata.donatecompletioninfo.updatetime) + }}</span> + </p> + </template> + </el-step> </el-steps> </div> </div> </div> <!-- 鍙充晶鏁版嵁 --> - <div style="background: #fff;"> + <div style="background: #fff; width: 80%;"> <!-- 椤堕儴鏁版嵁 --> <div class="boxdiv"> - <div class="top-text">鎹愮尞鑰呰褰曞伐浣滃彴</div> + <div class="top-text">鎹愮尞妗堜緥淇℃伅</div> <el-form ref="form" :model="form" @@ -66,30 +171,47 @@ " > <el-row style="margin-top: 10px"> - <el-col :span="8"> + <el-col :span="6"> <el-form-item label="鎹愮尞缂栧彿" prop="donorno"> <el-input v-model="form.donorno" disabled /> </el-form-item> </el-col> - <el-col :span="8"> - <el-form-item - align="left" - label="鍖荤枟鏈烘瀯" - prop="treatmenthospitalno" - > - <org-selecter - ref="addOrgSelect" - :org-type="'3'" - v-model="form.treatmenthospitalno" + <el-col :span="6"> + <el-form-item label="鎶ュ憡浜�" prop="reporterno"> + <el-select + ref="getReportname" + v-model="form.reporterno" + placeholder="璇烽�夋嫨" + > + <el-option + v-for="item in reporters" + :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="鑱旂郴鐢佃瘽" prop="reporterphone"> + <el-input + v-model="form.reporterphone" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> </el-form-item> </el-col> - <el-col :span="8"> - <el-form-item label="绉戝" prop="treatmentdeptno"> - <el-input - v-model="form.treatmentdeptname" - placeholder="璇疯緭鍏ョ瀹�" - /> + <el-col :span="6"> + <el-form-item label="鎶ュ憡鏃堕棿" align="left" prop="reporttime"> + <el-date-picker + clearable + size="small" + v-model="form.reporttime" + type="datetime" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鎶ュ憡鏃堕棿" + > + </el-date-picker> </el-form-item> </el-col> </el-row> @@ -99,36 +221,6 @@ <el-input v-model="form.name" placeholder="蹇呭~椤�" /> </el-form-item> </el-col> - <el-col :span="6"> - <el-form-item label="姘戞棌" prop="nation"> - <el-select v-model="form.nation" placeholder="璇烽�夋嫨姘戞棌"> - <el-option - v-for="dict in dict.type.sys_nation" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="绫嶈疮" prop="nativeplace"> - <el-input - v-model="form.nativeplace" - placeholder="璇疯緭鍏ュ浗绫�" - /> - </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="鍥界睄" prop="nationality"> - <el-input - v-model="form.nationality" - placeholder="璇疯緭鍏ュ浗绫�" - /> - </el-form-item> - </el-col> - </el-row> - <el-row> <el-col :span="6"> <el-form-item label="璇佷欢绫诲瀷" prop="idcardtype"> <el-select @@ -147,7 +239,6 @@ <el-col :span="6"> <el-form-item label="璇佷欢鍙风爜" prop="idcardno"> <el-input - style="width: 174px" ref="updateBSvalue" class="sfzcode" v-model="form.idcardno" @@ -156,6 +247,21 @@ /> </el-form-item> </el-col> + <el-col :span="6"> + <el-form-item label="鍑虹敓鏃ユ湡" prop="birthday"> + <el-date-picker + clearable + size="small" + v-model="form.birthday" + type="date" + value-format="yyyy-MM-dd HH:mm:ss" + placeholder="閫夋嫨鍑虹敓鏃ユ湡" + > + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + <el-row> <el-col :span="6"> <el-form-item label="鎬у埆" prop="sex"> <el-select v-model="form.sex" placeholder="璇疯緭鍏ユ�у埆"> @@ -173,84 +279,26 @@ <el-input v-model="form.age" placeholder="璇疯緭鍏ュ勾榫�" /> </el-form-item> </el-col> - </el-row> - <el-row> <el-col :span="6"> - <el-form-item label="鍑虹敓鏃ユ湡" prop="birthday"> - <el-date-picker - clearable - size="small" - v-model="form.birthday" - type="date" - style="width: 174px" - value-format="yyyy-MM-dd HH:mm:ss" - placeholder="閫夋嫨鍑虹敓鏃ユ湡" - > - </el-date-picker> + <el-form-item + align="left" + label="鍖荤枟鏈烘瀯" + prop="treatmenthospitalno" + > + <org-selecter + ref="addOrgSelect" + :org-type="'3'" + v-model="form.treatmenthospitalno" + /> </el-form-item> </el-col> <el-col :span="6"> - <el-form-item label="鑱屼笟" prop="occupation"> - <el-select v-model="form.occupation" placeholder="璇烽�夋嫨鑱屼笟"> - <el-option - v-for="dict in dict.type.sys_occupation" - :key="dict.value" - :label="dict.label" - :value="dict.value" - ></el-option> - </el-select> + <el-form-item label="绉戝" prop="treatmentdeptno"> + <el-input + v-model="form.treatmentdeptname" + placeholder="璇疯緭鍏ョ瀹�" + /> </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="瀛﹀巻" prop="education"> - <el-select v-model="form.education" placeholder="璇烽�夋嫨瀛﹀巻"> - <el-option - v-for="dict in dict.type.sys_education" - :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="12"> - <el-form-item label="浣忓潃" prop="residenceaddress"> - <div> - <li_area_select - ref="residenceSelect" - v-model="residenceAddresss" - ></li_area_select> - <!-- <div>{{defultAddress}}</div> --> - </div> - </el-form-item> - </el-col> - <el-col :span="11" :push="1"> - <el-input - v-model="form.residenceaddress" - placeholder="璇疯緭鍏ュ唴瀹�" - /> - </el-col> - </el-row> - - <el-row> - <el-col :span="12"> - <el-form-item label="鐜版墍鍦ㄥ湴" prop="registeraddress"> - <div> - <li_area_select - ref="registerSelect" - v-model="registerAddresss" - ></li_area_select> - <!-- <div>{{defultAddress}}</div> --> - </div> - </el-form-item> - </el-col> - <el-col :span="11" :push="1"> - <el-input - v-model="form.registeraddress" - placeholder="璇疯緭鍏ュ唴瀹�" - /> </el-col> </el-row> </div> @@ -296,6 +344,12 @@ ></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 @@ -318,6 +372,95 @@ placeholder="璇疯緭鍏ョ柧鐥呰瘖鏂悕绉�" /> </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="姘戞棌" prop="nation"> + <el-select v-model="form.nation" placeholder="璇烽�夋嫨姘戞棌"> + <el-option + v-for="dict in dict.type.sys_nation" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="绫嶈疮" prop="nativeplace"> + <el-input v-model="form.nativeplace" placeholder="璇疯緭鍏ュ浗绫�" /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鍥界睄" prop="nationality"> + <el-input v-model="form.nationality" placeholder="璇疯緭鍏ュ浗绫�" /> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="6"> + <el-form-item label="鑱屼笟" prop="occupation"> + <el-select v-model="form.occupation" placeholder="璇烽�夋嫨鑱屼笟"> + <el-option + v-for="dict in dict.type.sys_occupation" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="瀛﹀巻" prop="education"> + <el-select v-model="form.education" placeholder="璇烽�夋嫨瀛﹀巻"> + <el-option + v-for="dict in dict.type.sys_education" + :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="12"> + <el-form-item label="浣忓潃" prop="residenceaddress"> + <div> + <li_area_select + ref="residenceSelect" + v-model="residenceAddresss" + ></li_area_select> + <!-- <div>{{defultAddress}}</div> --> + </div> + </el-form-item> + </el-col> + <el-col :span="11" :push="1"> + <el-input + v-model="form.residenceaddress" + placeholder="璇疯緭鍏ュ唴瀹�" + /> + </el-col> + </el-row> + + <el-row> + <el-col :span="12"> + <el-form-item label="鐜版墍鍦ㄥ湴" prop="registeraddress"> + <div> + <li_area_select + ref="registerSelect" + v-model="registerAddresss" + ></li_area_select> + <!-- <div>{{defultAddress}}</div> --> + </div> + </el-form-item> + </el-col> + <el-col :span="11" :push="1"> + <el-input + v-model="form.registeraddress" + placeholder="璇疯緭鍏ュ唴瀹�" + /> </el-col> </el-row> <el-row> @@ -512,6 +655,20 @@ </el-col> </el-row> <el-row> + <el-col :span="6"> + <el-form-item + align="left" + label="鑾峰彇缁勭粐" + prop="acquisitiontissuename" + > + <org-selecter + style="width: 260px" + ref="orgSelecter" + :org-type="'1'" + v-model="form.acquisitiontissueno" + /> + </el-form-item> + </el-col> <el-col :span="8"> <el-form-item label="淇℃伅鍛�" prop="infoname"> <el-input v-model="form.infoname" placeholder="璇疯緭鍏ヤ俊鎭憳" /> @@ -559,82 +716,25 @@ </el-form-item> </el-col> </el-row> - <el-row> - <el-col :span="24"> - <el-form-item - align="left" - label="鑾峰彇缁勭粐" - prop="acquisitiontissuename" - > - <org-selecter - style="width: 260px" - ref="orgSelecter" - :org-type="'1'" - v-model="form.acquisitiontissueno" - /> - </el-form-item> - </el-col> - </el-row> - <el-row> - <el-col :span="8"> - <el-form-item label="鎶ュ憡浜�" prop="reporterno"> - <el-select - ref="getReportname" - v-model="form.reporterno" - placeholder="璇烽�夋嫨" - > - <el-option - v-for="item in reporters" - :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="reporterphone"> - <el-input - v-model="form.reporterphone" - placeholder="璇疯緭鍏ヨ仈绯荤數璇�" - /> - </el-form-item> - </el-col> - <el-col :span="8"> - <el-form-item label="鎶ュ憡鏃堕棿" align="left" prop="reporttime"> - <el-date-picker - clearable - size="small" - style="width: 190px" - v-model="form.reporttime" - type="datetime" - 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="showSaveBtn" type="primary" @click="submitForm" - >淇濆瓨鎹愮尞鑰呬俊鎭�</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="submitForm" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="Reportforreview" type="primary" @click="ReviewFn" - >涓婃姤瀹℃牳</el-button - > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" - >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> - <!-- <el-button @click="handleapproval">鎻愪氦瀹℃牳</el-button> --> + <!-- <el-button + v-show="Reportforreview" + type="primary" + @click="Reportforreview" + >鎻愪氦</el-button + > --> </div> </div> <!-- 鍖诲璇勪及 --> @@ -841,19 +941,24 @@ </el-row> </el-form> <div class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨璇勪及淇℃伅</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" + <!-- <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> + > --> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> </div> </div> <!-- 鎹愮尞纭 --> @@ -865,34 +970,6 @@ label-width="100px" 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 - v-model="affirmform.kinshipChildrennum" - placeholder="璇疯緭鍏ユ暟閲�" - /> - </el-form-item> - </el-col> - </el-row> <el-row> <el-col :span="6"> <el-form-item label="浜插睘濮撳悕" prop="name"> @@ -918,14 +995,21 @@ </el-select> </el-form-item> </el-col> - - <el-col :span="12"> + <el-col :span="6"> <el-form-item label="韬唤璇佸彿" prop="idcardno"> <el-input ref="updateBSvalue" class="sfzcode" v-model="affirmform.idcardno" placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�" + /> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> + <el-input + v-model="affirmform.phone" + placeholder="璇疯緭鍏ヨ仈绯荤數璇�" /> </el-form-item> </el-col> @@ -951,19 +1035,44 @@ </el-form-item> </el-col> </el-row> - <el-row> </el-row> <el-row> + <el-col :span="12"> + <el-form-item label="绛惧瓧浜插睘" prop="kinshipconfirmationsign"> + <el-checkbox-group v-model="organdecision"> + <el-checkbox v-for="item in kinshiplist" :label="item"> + {{ item == "瀛愬コ" ? item + "(浜�)" : item }} + </el-checkbox> + </el-checkbox-group> + </el-form-item> + </el-col> <el-col :span="6"> - <el-form-item label="鑱旂郴鐢佃瘽" prop="phone"> + <el-form-item label="鎴愬勾瀛愬コ鏁�" prop="kinshipChildrennum"> <el-input - v-model="affirmform.phone" - placeholder="璇疯緭鍏ヨ仈绯荤數璇�" + v-model="affirmform.kinshipChildrennum" + placeholder="璇疯緭鍏ユ暟閲�" + /> + </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="18"> + <el-form-item label-width="100px" label="鎹愮尞鍐冲畾"> + <el-checkbox-group v-model="organdecision"> + <el-checkbox v-for="item in organlist" :label="item"> + {{ item }} + </el-checkbox> + </el-checkbox-group> + </el-form-item></el-row + > + <el-row> + <!-- <el-col :span="18"> <el-form-item align="left" label="鎹愮尞鍐冲畾"> <el-checkbox-group v-model="affirmform.organdecision"> <el-checkbox @@ -975,12 +1084,16 @@ </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-col> --> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鑾峰彇缁勭粐" prop="acquisitiontissuename"> + <org-selecter + style="width: 260px" + ref="orgSelecter" + :org-type="'1'" + v-model="form.acquisitiontissueno" /> </el-form-item> </el-col> @@ -1054,19 +1167,24 @@ </el-row> </el-form> <div class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨鎹愮尞淇℃伅</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" + <!-- <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> + > --> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> </div> </div> <!-- 浼︾悊瀹℃煡 --> @@ -1078,18 +1196,10 @@ 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-group v-model="ethicform.expertconclusion"> <el-radio v-for="dict in dict.type.sys_EthicalReview" :key="dict.value" @@ -1099,169 +1209,412 @@ </el-radio-group> </el-form-item> </el-col> - + </el-row> + <el-row> + <el-col :span="18"> + <el-form-item label="瀹℃煡鎰忚"> + <el-input + v-model="ethicform.expertopinion" + type="textarea" + placeholder="璇疯緭鍏ュ唴瀹�" + /> + </el-form-item> + </el-col> + </el-row> + <el-row> <!-- createtime 瀹℃煡鏃ユ湡 --> - <el-col :span="6" :pull="5"> + <el-col :span="18"> <el-form-item label="瀹℃煡鏃ユ湡"> <el-date-picker clearable size="small" - v-model="ethicform.createTime" + v-model="ethicform.conclusiontime" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="閫夋嫨缁撹鏃堕棿" > </el-date-picker> - </el-form-item> - </el-col> - </el-row> + </el-form-item> </el-col + ></el-row> </el-form> <div class="dialog-footer" style="min-height: 500px; margin: 20px 0; "> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨鎹愮尞淇℃伅</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" + <!-- <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> + > --> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> </div> </div> <!-- 鍣ㄥ畼鍒嗛厤 --> - <div class="boxdiv" v-show="actives == 4"> + <div class="boxdiv" v-show="actives == 4 || actives == 5 || actives == 6"> <el-form 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" + <el-col> + <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.label" - :value="dict.value" - ></el-option> - </el-select> + :label="dict.value" + @change="changeorganState(dict.value)" + > + {{ dict.label }} + </el-checkbox> + </el-checkbox-group> </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-col> + <el-form-item> + <el-table v-loading="loading" border :data="allocationform"> + <el-table-column + label="鍣ㄥ畼鍚嶇О" + align="center" + width="100" + prop="organname" /> - </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-table-column + label="鍣ㄥ畼缂栧彿" + align="center" + width="100" + prop="organno" + /> + <el-table-column + label="绯荤粺缂栧彿" + align="center" + width="120" + prop="ageunit" + v-if="actives == 4" + > + <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" + v-if="actives == 4" + > + <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" + v-if="actives == 4" + > + <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" v-if="actives == 4"> + <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" v-if="actives == 4"> + <template slot-scope="scope"> + <el-input v-model="scope.row.idcardno" placeholder="璇佷欢鍙风爜" /> + </template> + </el-table-column> + --> + <el-table-column + label="鍒嗛厤鐘舵��" + align="center" + width="150" + prop="allocationstatus" + v-if="actives == 4" + > + <template slot-scope="scope"> + <el-select + v-model="scope.row.allocationstatus" + placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��" + > + <el-option + v-for="dict in allocationstatuslist" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </template> + </el-table-column> + <el-table-column + prop="reallocationreason" + label="閲嶅垎閰嶈鏄�" + align="center" + v-if="actives == 4" + > + <template slot-scope="scope"> + <el-input + clearable + v-model="scope.row.reallocationreason" + placeholder="璇疯緭鍏ラ噸鍒嗛厤璇存槑" + /> + </template> + </el-table-column> + <el-table-column + label="鍣ㄥ畼绂讳綋鏃堕棿" + align="center" + width="200" + prop="organgettime" + v-if="actives == 5" + > + <template slot-scope="scope"> + <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> + </template> + </el-table-column> + <el-table-column + label="鑾峰彇鍖婚櫌" + align="center" + width="230" + prop="gainhospitalno" + v-if="actives == 5" + > + <template slot-scope="scope"> + <div class="elldiv"> + <org-selecter + ref="tranHosSelect" + :org-type="'4'" + v-model="scope.row.gainhospitalno" + /> + </div> + </template> + </el-table-column> + <el-table-column + label="鑾峰彇鍖诲笀" + align="center" + width="120" + prop="organgetdoct" + v-if="actives == 5" + > + <template slot-scope="scope"> + <el-input + v-model="scope.row.organgetdoct" + placeholder="璇疯緭鍏ュ尰甯堝鍚�" + /> + </template> + </el-table-column> + <el-table-column + label="鑾峰彇鐘舵��" + align="center" + width="150" + prop="organstate" + v-if="actives == 5" + > + <template slot-scope="scope"> + <el-select + v-model="scope.row.organstate" + placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��" + > + <el-option + v-for="dict in organstatelist" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </template> + </el-table-column> + <el-table-column + label="璇存槑" + align="center" + prop="notgetreason" + v-if="actives == 5" + > + <template slot-scope="scope"> + <el-input + clearable + v-model="scope.row.notgetreason" + placeholder="璇疯緭鍏ユ湭鑾峰彇璇存槑" + /> + </template> + </el-table-column> + <el-table-column + label="绉绘鍖婚櫌" + align="center" + width="230" + prop="transplanthospitalname" + v-if="actives == 6" + > + <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="transplantdoct" + v-if="actives == 6" + > + <template slot-scope="scope"> + <el-input + v-model="scope.row.transplantdoct" + placeholder="鍖诲笀濮撳悕" + /> + </template> + </el-table-column> + <el-table-column + label="绉绘鏃堕棿" + align="center" + width="200" + prop="transplanttime" + v-if="actives == 6" + > + <template slot-scope="scope"> + <el-date-picker + clearable + size="small" + style="width: 100%" + v-model="scope.row.transplanttime" + 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="150" + prop="transplantstate" + v-if="actives == 6" + > + <template slot-scope="scope"> + <el-select + v-model="scope.row.transplantstate" + placeholder="璇烽�夋嫨鍣ㄥ畼鐘舵��" + > + <el-option + v-for="dict in transplantstatelist" + :key="dict.value" + :label="dict.label" + :value="dict.value" + ></el-option> + </el-select> + </template> + </el-table-column> + <el-table-column + prop="abandonreason" + label="璇存槑" + align="center" + v-if="actives == 6" + > + <template slot-scope="scope"> + <el-input + clearable + v-model="scope.row.abandonreason" + placeholder="璇疯緭鍏ュ純鐢ㄨ鏄�" + /> + </template> + </el-table-column> + <el-table-column + label="鎿嶄綔" + width="200" + align="center" + class-name="small-padding fixed-width" + v-if="actives == 4" + > + <template slot-scope="scope"> + <el-button + size="mini" + type="text" + icon="el-icon-copy-document" + @click="deldistribution(scope.row)" + >鍒犻櫎</el-button + > + <el-button + size="mini" + type="text" + icon="el-icon-copy-document" + @click="redistribution(scope.row)" + >閲嶆柊鍒嗛厤</el-button + > + </template> + </el-table-column> + </el-table> </el-form-item> </el-col> </el-row> </el-form> - <div class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨鎹愮尞淇℃伅</el-button + <div class="dialog-footer" v-show="actives == 4"> + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" + <!-- <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> + > --> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> </div> </div> <!-- 鑾峰彇瑙佽瘉 --> @@ -1273,22 +1626,6 @@ 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 @@ -1539,84 +1876,6 @@ </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="榛樺搥缂呮��浠紡"> @@ -1643,9 +1902,7 @@ </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 @@ -1695,19 +1952,25 @@ </el-form> <div class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨鎹愮尞淇℃伅</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="makeastepforward" type="primary" @click="ReviewFn" + <!-- <el-button + v-show="makeastepforward" + type="primary" + @click="makeastepforward" >涓嬩竴姝�</el-button - > - <el-button @click="cancel">鍙� 娑�</el-button> + > --> + + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> </div> </div> <!-- 瀹屾垚鐧昏 --> @@ -1720,138 +1983,7 @@ 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-col :span="6"> <el-form-item align="left" label="閬椾綋鎹愮尞" prop="isbodydonation"> <el-radio-group v-model="accomplishform.isbodydonation"> <el-radio @@ -1863,7 +1995,7 @@ </el-radio-group> </el-form-item> </el-col> - <el-col :span="7"> + <el-col :span="12"> <el-form-item align="left" label="鎺ユ敹鍗曚綅" prop="receivingunit"> <el-input v-model="accomplishform.receivingunit" @@ -1872,9 +2004,8 @@ </el-form-item> </el-col> </el-row> - <el-row> - <el-col :span="7"> + <el-col :span="6"> <el-form-item label="璐熻矗浜�" prop="responsibleuserid"> <el-select v-model="accomplishform.responsibleuserid" @@ -1890,7 +2021,7 @@ </el-select> </el-form-item> </el-col> - <el-col :span="7"> + <el-col :span="6"> <el-form-item label="鍗忚皟鍛樹竴" prop="coordinateduserido"> <el-select v-model="accomplishform.coordinateduserido" @@ -1906,7 +2037,7 @@ </el-select> </el-form-item> </el-col> - <el-col :span="7"> + <el-col :span="6"> <el-form-item label="鍗忚皟鍛樹簩" prop="coordinateduseridt"> <el-select v-model="accomplishform.coordinateduseridt" @@ -1922,33 +2053,224 @@ </el-select> </el-form-item> </el-col> + <el-col :span="6"> + <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-form> <div class="dialog-footer"> - <el-button v-show="showSaveBtn" type="primary" @click="Savethedetails" - >淇濆瓨鎹愮尞鑰呬俊鎭�</el-button + <el-button + v-show="!showTerminationBtn" + type="primary" + @click="Savethedetails" + >淇濆瓨</el-button > <el-button - v-show="showTerminationBtn" - type="primary" + :type="showTerminationBtn == 0 ? 'warning' : 'success'" @click="Terminationcase" - >缁堟妗堜緥</el-button + >{{ showTerminationBtn == 0 ? "缁堟" : "鎭㈠" }}</el-button > - <el-button v-show="Reportforreview" type="primary" @click="ReviewFn" - >涓婃姤瀹℃牳</el-button + <el-button + v-show="Reportforreview" + type="primary" + @click="Reportforreview" + >鎻愪氦</el-button > - <el-button @click="cancel">鍙� 娑�</el-button> + <!-- <el-button @click="cancel">鍙� 娑�</el-button> --> + </div> + </div> + <!-- 瀹岀粨娴佺▼ --> + <div class="boxdiv" v-show="actives > 6"> + <div style="display:flex; line-height: 100px; justify-content: center;"> + <!-- <el-image + style="width: 100px; height: 100px" + :src="require('@/assets/images/wanc.png')" + ></el-image> --> + <div style="padding: 20px 0; margin: 0 30px"> + <img + style="width: 60px; height: 60px" + src="@/assets/images/wanc.png" + class="user-avatar" + /> + </div> + <div style="font-size: 28px;">鍏ㄩ儴娴佺▼宸插畬缁擄紒</div> + <img + style="width: 100px; height: 100px" + src="@/assets/images/zhan.png" + class="user-avatar" + /> </div> </div> </div> + <!-- 闄勪欢寮圭獥 --> + <el-dialog + v-dialogDrags + :modal="false" + :close-on-click-modal="false" + :title="pdftitle" + :visible.sync="pdfVisible" + width="60%" + > + <!-- <div style="text-align: right;"> + <el-button type="success" @click="drawer = true" + >鏂囦欢鎸囧鐩綍</el-button + > + </div> --> + <el-tabs + style="margin-top: 20px;" + v-model="activeName" + type="card" + @tab-click="handleClick" + > + <el-tab-pane :label="activetele" :name="1"> </el-tab-pane> + </el-tabs> + <div class="pdfimg"> + <div class="box-pdf"> + <div> + <el-upload + size="mini" + class="upload-demo" + :action="uploadFileUrl" + :file-list="fileList" + :show-file-list="false" + multiple + drag + :headers="headers" + :on-success=" + (response, file, fileList) => + uploadSccess(response, file, fileList) + " + :on-preview="downFile" + :disabled="operationType == 'detail'" + :on-error="handleUploadError" + :on-remove="remove" + accept="image/*,.pdf" + > + <i class="el-icon-upload"></i> + <div class="el-upload__text"> + 灏嗗彂绁ㄦ枃浠舵嫋鍒版澶勶紝鎴� + <em + ><el-button + :disabled="operationType == 'detail'" + size="small" + type="primary" + >鐐瑰嚮涓婁紶</el-button + ></em + > + </div> + </el-upload> + <el-table + :data="fileListto" + @row-click="downFile" + style="width: 100%" + height="400" + > + <el-table-column + prop="annexname" + :show-overflow-tooltip="true" + label="鍚嶇О" + > + <template slot-scope="scope"> + <i style="color:#409EFF" class=" el-icon-s-order" />{{ + scope.row.annexname + }} + </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 && pdfimgsrcList.length" class="pdfimgmin"> + <!-- <img :src="pdfimg" /> --> + <el-image + style="width: 95%; height: 90%" + :src="pdfimg" + :preview-src-list="pdfimgsrcList" + > + </el-image> + </div> + <div v-else class="pdfimgmins">{{ hintitle }}</div> + </div> + </el-dialog> + <!-- 鎵归噺鎶藉眽 --> + <el-drawer title="鍣ㄥ畼鎹愮尞鐩稿叧闄勪欢" :visible.sync="drawer" direction="rtl"> + <div style="padding:20px"> + <el-button @click="clearFilter">鍙栨秷绛涢��</el-button> + <el-table ref="filterTable" :data="tableDatafile" style="width: 100%"> + <el-table-column prop="name" label="鏂囦欢鍚�" width="250"> + </el-table-column> + <el-table-column + prop="tag" + label="绫诲瀷" + :filters="[ + { text: '涓浗涓�绫�(DBD)', value: '涓浗涓�绫�(DBD)' }, + { text: '涓浗浜岀被(DCD)', value: '涓浗浜岀被(DCD)' }, + { text: '涓浗涓夌被(DBCD)', value: '涓浗涓夌被(DBCD)' } + ]" + :filter-method="filterTag" + filter-placement="bottom-end" + > + <template slot-scope="scope"> + <el-tag :type="scope.row.type" disable-transitions>{{ + scope.row.tag + }}</el-tag> + </template> + </el-table-column> + </el-table> + </div> + + <div style="margin-left: 20px;"> + <el-button @click="drawer = false">鍙� 娑�</el-button> + </div> + </el-drawer> </div> </template> <script> import { + listDonateannex, + Modifydonationattachment +} from "@/api/project/donateannex"; +import { listReportname } from "@/api/project/organization"; + +import { getDonatebaseinfo, addDonatebaseinfo, - updateDonatebaseinfo + updateDonatebaseinfo, + getDonatebaseinfoflow } from "@/api/project/donatebaseinfo"; import { listMedicalevaluation, @@ -1956,25 +2278,52 @@ updateMedicalevaluation } from "@/api/project/medicalevaluation"; import { + listRelativesconfirmation, + getRelativesconfirmation, + addRelativesconfirmation, + updateRelativesconfirmation +} from "@/api/project/relativesconfirmation"; +import { + listEthicalreviewopinions, + getEthicalreviewopinions, + addEthicalreviewopinions, + updateEthicalreviewopinions, + listnewEthicalreviewopinions +} from "@/api/project/ethicalreviewopinions"; +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 { + listOrganallocation, + addOrganallocation, + updateOrganallocation +} from "@/api/project/organallocation"; +import { + addDonationwitness, + updateDonationwitness, + getDonationwitness, + getByInfoId +} from "@/api/project/donationwitness"; +import { + listnewDonatecompletioninfo, + addDonatecompletioninfo, + updateDonatecompletioninfo +} from "@/api/project/donatecompletioninfo"; 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"; +import { formatDate } from "@/utils/index"; + export default { name: "donationdetails", components: { @@ -1983,45 +2332,78 @@ AnnexUpload, ReportName }, - dicts: [ - "sys_nation", - "sys_occupation", - "sys_education", - "sys_Organ", - "sys_organstate", - "sys_user_sex", - "sys_IDType", - "sys_BloodType", - "sys_0_1", - "sys_patientstate", - "sys_DonationCategory", - "sys_Kinship", - "sys_Infectious", - "sys_bloodtype_rhd", - "sys_InfoSources", - "sys_OtherCases", - "sys_DiseaseType", - "sys_SelfWill", - "sys_FamilyRelation", - "sys_OrganDecision", - "sys_CoreAssessConclusion", - "sys_BaseAssessConclusion" - ], data() { return { - id: 736, + infoid: 736, + drawer: false, form: {}, - medicineform: {}, - affirmform: {}, - ethicform: {}, - allocationform: {}, - witnessform: {}, - accomplishform: {}, - tableData:[], - actives: 0, + tableDatafile: [ + { + name: "鐜嬪皬铏�", + address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�", + tag: "涓浗涓�绫�(DBD)", + type: "success" + } + ], + medicineform: { + infoid: null + }, + affirmform: { + infoid: null, + organdecision: [] + }, + organdecision: [], + ethicform: { + infoid: null + }, + + kinshiplist: ["閰嶅伓", "鐖朵翰", "姣嶄翰", "瀛愬コ", "鍙楁墭浜�"], + organlist: [ + "鑲濊剰", + "鍙岃偩鑴�", + "蹇冭剰", + "鑲鸿剰", + "鑵轰綋", + "灏忚偁", + "鍙岀溂缁勭粐", + "閬椾綋", + "鍏朵粬" + ], + allocationstatuslist: [ + { value: 1, label: "宸插垎閰�" }, + { value: 2, label: "浣滃簾" } + ], + organstatelist: [ + { value: "1", label: "宸茶幏鍙�" }, + { value: "2", label: "鍥炵撼" } + ], + transplantstatelist: [ + { value: 1, label: "宸茬Щ妞�" }, + { value: 2, label: "搴撳瓨" }, + { value: 3, label: "寮冪敤" } + ], + allocationform: [], + witnessform: { + infoid: null + }, + accomplishform: { + infoid: null + }, + tableData: [], + coordinatorlist1: [], + leaderlist: [], + actives: 0, //杩涚▼ + workflow: 0, + loading: false, // 淇濆瓨銆佺粓姝㈡寜閽‘璁� showSaveBtn: true, - showTerminationBtn: true, + showTerminationBtn: 0, //缁堟鐘舵�� 0-鏈粓姝� 1-宸茬粓姝� + //閫夋嫨鍣ㄥ畼琛ㄥ崟 + organalForm: { + //鍣ㄥ畼鍒楄〃 + organname: [] + }, + Processdata: {}, //娴佺▼鏁版嵁 //鐪佸競鍖洪粯璁ゅ�艰缃紝鍙负绌� searchAddress: { sheng: "", @@ -2030,6 +2412,11 @@ organizationname: null }, residenceAddresss: { + sheng: "娴欐睙鐪�", + shi: "", + qu: "" + }, + defultAddresss: { sheng: "娴欐睙鐪�", shi: "", qu: "" @@ -2111,26 +2498,101 @@ { required: true, message: "璇疯緭鍏ユ姤鍛婁汉鑱旂郴鐢佃瘽", trigger: "blur" } ] }, - + // 鍚勭骇鏄庣粏鏁堥獙 medicinerules: {}, - affirmrules: {}, + affirmrules: { + name: [ + { required: true, message: "浜插睘濮撳悕涓嶈兘涓虹┖", trigger: "blur" } + ], + phone: [ + { required: true, message: "瀹跺睘鑱旂郴鐢佃瘽涓嶄负绌�", trigger: "blur" } + ], + signfamilyrelations: [ + { required: true, message: "涓庢崘鐚�呭叧绯�", trigger: "blur" } + ], + idcardno: [ + { required: true, message: "璇佷欢鍙蜂笉鑳戒负绌�", trigger: "blur" } + ], + organdecision: [ + { required: true, message: "鎹愮尞鍐冲畾涓嶈兘涓虹┖", trigger: "blur" } + ], + responsibleuserid: [ + { required: true, message: "璐熻矗浜轰笉鑳戒负绌�", trigger: "blur" } + ], + coordinateduserido: [ + { required: true, message: "鍗忚皟鍛�1涓嶈兘涓虹┖", trigger: "blur" } + ], + coordinateduseridt: [ + { required: true, message: "鍗忚皟鍛�2涓嶈兘涓虹┖", trigger: "blur" } + ] + }, ethicrules: {}, allocationrules: {}, witnessrules: {}, - accomplishrules: {} + accomplishrules: {}, + //闄勪欢鍒楄〃 + + annexfilesList: [], //闄勪欢灞曠ず鍒� + potentiallist: [], //娼滃湪闄勪欢 + medicinelist: [], //鍖诲闄勪欢 + affirmlist: [], //纭闄勪欢 + ethiclist: [], //浼︾悊闄勪欢 + registerlist: [], //瀹屾垚闄勪欢 + fileList: [], + fileListto: [], + donatelist: [], //鎬� + activetele: "娼滃湪鎹愮尞", + //涓婁紶闄勪欢璺緞 + 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() { + this.infoid = this.$route.query.id; + }, + 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; + }); + + //鑾峰彇鍗忚皟鍛樺垪 + listReportname("xty1").then(res => { + this.coordinatorlist1 = res.data; + }); + //鑾峰彇璐熻矗浜哄垪 + listReportname("fzr").then(res => { + this.leaderlist = 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(","); @@ -2148,108 +2610,163 @@ this.residenceAddresss.shi = response.data.residencecityname; this.residenceAddresss.qu = response.data.residencetownname; this.registerAddresss.qu = response.data.registertownname; + // 鑾峰彇浜岀骇琛� + this.GetAttacheddata(); }); }, // 鑾峰彇浜岀骇琛ㄦ暟鎹� GetAttacheddata() { let searchParam = { - id: this.form.id + infoid: this.infoid }; - if (this.actives == 2) { + if (this.actives == 1) { + this.annexfilesList = this.medicinelist; + this.activetele = "鍖诲璇勪及"; + if (this.medicineform.infoid) { + return; + } listMedicalevaluation(searchParam).then(response => { - if (response.code == 200 && response.rows.length == 1) { + if (response.code == 200 && response.rows[0]) { this.medicineform = response.rows[0]; } else { - this.$modal.msgError( - "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) - ); + // this.$modal.msgError( + // "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) + // ); } }); - } else if (this.actives == 3) { + } else if (this.actives == 2) { + this.annexfilesList = this.affirmlist; + this.activetele = "鎹愮尞纭"; + if (this.affirmform.infoid) { + return; + } listRelativesconfirmation(searchParam).then(response => { - if (response.code == 200 && response.rows.length == 1) { + if (response.code == 200 && response.rows[0]) { 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.organdecision) { + this.organdecision = this.affirmform.organdecision.split(","); + } + 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( - "," - ); - } + // 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) - ); + // this.$modal.msgError( + // "鏌ヨ鏄惁瀛樺湪纭鐧昏璁板綍澶辫触" + JSON.stringify(response) + // ); } }); - } else if (this.actives == 4) { - 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("鏈壘鍒版湰妗堜緥鐨勪鸡鐞嗗鏌ヨ褰曪紝璇疯仈绯荤鐞嗗憳锛�"); + } else if (this.actives == 3) { + this.annexfilesList = this.ethiclist; + this.activetele = "浼︾悊瀹℃煡"; + if (this.ethicform.infoid) { + return; + } + //listDonateflowchart(searchParam).then(response => { + listEthicalreviewopinions(searchParam).then(response => { + if (response.code == 200 && response.rows.length) { + 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 && !this.allocationform[0]) { + listDonateorgan(searchParam).then(response => { + if (response.code == 200) { + if (response.rows[0]) { + this.allocationform = response.rows; + } + 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) - ); + // this.$modal.msgError( + // "鑾峰彇鍣ㄥ畼鍒嗛厤淇℃伅澶辫触锛�" + JSON.stringify(response) + // ); + } + }); + } else if (this.actives == 5 && !this.witnessform.infoid) { + // 涓嶅瓨鍦ㄦ椂鑾峰彇鍣ㄥ畼淇℃伅 + if (!this.allocationform[0]) { + listDonateorgan(searchParam).then(resall => { + if (resall.code == 200) { + if (resall.rows[0]) { + this.allocationform = resall.rows; + } + } else { + // this.$modal.msgError( + // "鍣ㄥ畼鍒楄〃鑾峰彇澶辫触锛�" + JSON.stringify(resall) + // ); + } + }); + } + // 鑾峰彇褰撳墠瑙佽瘉淇℃伅 + getByInfoId(searchParam.infoid).then(response => { + if (response.code == 200) { + if (response.data) { + this.witnessform = response.data; + this.witnessform.infoid = this.infoid; + } + } else { + // this.$modal.msgError( + // "鑾峰彇瑙佽瘉淇℃伅鎷垮彇澶辫触锛�" + JSON.stringify(response) + // ); } }); } 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; - this.open = true; + this.annexfilesList = this.registerlist; + this.activetele = "瀹屾垚鐧昏"; + if (this.allocationform.infoid) { + return; + } + let accpre = { + id: searchParam.infoid + }; + // 涓嶅瓨鍦ㄦ椂鑾峰彇鍣ㄥ畼 + if (!this.allocationform[0]) { + listDonateorgan(searchParam).then(resall => { + if (resall.code == 200) { + if (resall.rows[0]) { + this.allocationform = resall.rows; + this.allocationform.infoid = this.infoid; + } + } else { + // this.$modal.msgError( + // "鍣ㄥ畼鍒楄〃鑾峰彇澶辫触锛�" + JSON.stringify(resall) + // ); + } + }); + } + // 鑾峰彇瀹屾垚鐧昏淇℃伅 + listnewDonatecompletioninfo(accpre).then(response => { + if (response.code == 200 && response.rows.length) { + this.accomplishform = response.rows[0]; + this.accomplishform.infoid = this.infoid; } else { - this.$modal.msgError( - "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) - ); + // this.$modal.msgError("瀹屾垚鐧昏澶辫触锛�" + JSON.stringify(response)); } }); - } else if (this.actives == 7) { - 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; - } else { - this.$modal.msgError( - "鑾峰彇鍖诲璇勪及璁板綍澶辫触锛�" + JSON.stringify(response) - ); - } - }); + } else if (this.actives == 0) { + this.annexfilesList = this.potentiallist; + this.activetele = "娼滃湪鎹愮尞"; } }, /** 淇濆瓨涓昏〃鎸夐挳 */ + submitForm() { this.$refs["form"].validate(valid => { console.log("鎻愪氦鐨勬暟鎹滑锛�", this.form); @@ -2300,23 +2817,30 @@ this.form.redorganname = this.form.redorganno; } - //灏濊瘯鐢熸垚鎹愮尞缂栧彿锛堝凡缁忕敱addDonatebaseinfo鎺ュ彛涓敓鎴愬彇浠o級 - // getdonatorno(this.form).then((response) => { - // // alert(JSON.stringify(response)); - // this.reset(); - // }); - if (this.form.id != null) { + if (this.form.workflow == 0) { + this.form.workflow = 1; + } updateDonatebaseinfo(this.form).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + this.$modal.msgSuccess("淇濆瓨鎴愬姛"); + Modifydonationattachment(this.donatelist).then(res => { + console.log(res); + }); this.Getbasicinformation(); + // this.Processvalidation(); this.open = false; }); } else { + this.form.workflow = 1; this.form.recordstate = 0; addDonatebaseinfo(this.form).then(response => { if (response.code == 200) { this.$modal.msgSuccess("鏂板鎴愬姛"); + Modifydonationattachment(this.donatelist).then(res => { + console.log(res); + }); + this.Getbasicinformation(); + // this.Processvalidation(); this.open = false; } else { this.$modal.msgError("鏂板澶辫触锛�" + response.msg); @@ -2326,167 +2850,509 @@ } }); }, - // 淇濆瓨鏄庣粏琛� + // 淇濆瓨浜岀骇琛ㄦ寜閽� Savethedetails() { - if (this.actives == 2) { + console.log(this.actives); + if (this.actives == 1) { + this.medicineform.infoid = this.infoid; this.$refs["medicineform"].validate(valid => { if (valid) { if (this.medicineform.id != null) { updateMedicalevaluation(this.medicineform).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + this.$modal.msgSuccess("鍖诲璇勪及淇℃伅淇敼鎴愬姛"); }); } else { addMedicalevaluation(this.medicineform).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); + this.$modal.msgSuccess("鍖诲璇勪及淇℃伅鏂板鎴愬姛"); }); } - this.submitForm(); + this.Processvalidation(); } }); - } else if (this.actives == 3) { + } else if (this.actives == 2) { + this.affirmform.infoid = this.infoid; + this.affirmform.organdecision = this.organdecision.join(","); this.$refs["affirmform"].validate(valid => { if (valid) { if (this.affirmform.id != null) { - updateMedicalevaluation(this.affirmform).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + this.affirmform.residenceprovincename = this.defultAddresss.sheng; + this.affirmform.residencecityname = this.defultAddresss.shi; + this.affirmform.residencetownname = this.defultAddresss.qu; + updateRelativesconfirmation(this.affirmform).then(response => { + this.$modal.msgSuccess("鎹愮尞纭淇℃伅淇敼鎴愬姛"); }); } else { - addMedicalevaluation(this.affirmform).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); + addRelativesconfirmation(this.affirmform).then(response => { + this.$modal.msgSuccess("鎹愮尞纭淇℃伅鏂板鎴愬姛"); }); } - this.submitForm(); + this.Processvalidation(); } }); - } else if (this.actives == 4) { + } else if (this.actives == 3) { + this.ethicform.infoid = this.infoid; this.$refs["ethicform"].validate(valid => { if (valid) { if (this.ethicform.id != null) { - updateDonateflowchart(this.ethicform).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + // updateDonateflowchart(this.ethicform).then(response => { + updateEthicalreviewopinions(this.ethicform).then(response => { + this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅淇敼鎴愬姛"); }); } else { - addDonateflowchart(this.ethicform).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); + //addDonateflowchart(this.ethicform).then(response => { + addEthicalreviewopinions(this.ethicform).then(response => { + this.$modal.msgSuccess("浼︾悊瀹℃煡淇℃伅鏂板鎴愬姛"); }); } - this.submitForm(); + this.Processvalidation(); + } + }); + } else if (this.actives == 4) { + this.allocationform.infoid = this.infoid; + this.$refs["allocationform"].validate(valid => { + if (valid) { + let arrallo = []; + this.allocationform.map(item => { + if (item.id) { + item.applicanttime = formatDate(item.applicanttime); + updateDonateorgan(item).then(response => {}); + } else { + arrallo.push(item); + } + }); + if (arrallo.length) { + addOrganallocation(arrallo).then(response => { + this.$modal.msgSuccess("鍣ㄥ畼鎹愮尞淇℃伅鏂板鎴愬姛"); + }); + } + this.Processvalidation(); } }); } else if (this.actives == 5) { - this.$refs["allocationform"].validate(valid => { + this.witnessform.infoid = this.infoid; + this.$refs["witnessform"].validate(valid => { + let coordinatedusernameIndex = this.coordinatorlist1.findIndex( + item => this.witnessform.coordinateduserido == item.reportNo + ); + if (coordinatedusernameIndex > -1) { + this.witnessform.coordinatedusernameo = this.coordinatorlist1[ + coordinatedusernameIndex + ].reportName; + } + //鍗忚皟鍛�2 + let coordinatedusernametIndex = this.coordinatorlist1.findIndex( + item => this.witnessform.coordinateduseridt == item.reportNo + ); + if (coordinatedusernametIndex > -1) { + this.witnessform.coordinatedusernamet = this.coordinatorlist1[ + coordinatedusernametIndex + ].reportName; + } + console.log("juanxian"); if (valid) { - if (this.allocationform.id != null) { - updateOrganallocation(this.allocationform).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + // 淇濆瓨鍣ㄥ畼鍒嗛厤琛ㄦ暟鎹� + let arrallo = []; + this.allocationform.map(item => { + if (item.id) { + item.applicanttime = formatDate(item.applicanttime); + updateDonateorgan(item).then(response => {}); + } else { + arrallo.push(item); + } + }); + if (this.witnessform.id != null) { + console.log(456); + updateDonationwitness(this.witnessform).then(response => { + this.$modal.msgSuccess("鑾峰彇瑙佽瘉淇℃伅淇敼鎴愬姛"); }); } else { - addOrganallocation(this.allocationform).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); + console.log(123); + addDonationwitness(this.witnessform).then(response => { + this.$modal.msgSuccess("鑾峰彇瑙佽瘉淇℃伅鏂板鎴愬姛"); }); } - this.submitForm(); + this.form.donationcategory = this.witnessform.donationcategory; + this.Processvalidation(); } }); } else if (this.actives == 6) { - 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 == 7) { + this.accomplishform.infoid = this.infoid; this.$refs["accomplishform"].validate(valid => { if (valid) { - if (this.accomplishform.id != null) { - updateMedicalevaluation(this.accomplishform).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); + // 淇濆瓨鍣ㄥ畼鍒嗛厤琛ㄦ暟鎹� + let arrallo = []; + this.allocationform.map(item => { + if (item.id) { + item.applicanttime = formatDate(item.applicanttime); + updateDonateorgan(item).then(response => {}); + } else { + arrallo.push(item); + } + }); + // 淇濆瓨纭淇℃伅 + if (this.accomplishform.dcid) { + console.log(this.accomplishform); + updateDonatecompletioninfo(this.accomplishform).then(response => { + this.$modal.msgSuccess("瀹屾垚鐧昏淇℃伅淇敼鎴愬姛"); }); } else { - addMedicalevaluation(this.accomplishform).then(response => { - this.$modal.msgSuccess("鏂板鎴愬姛"); + addDonatecompletioninfo(this.accomplishform).then(response => { + this.$modal.msgSuccess("瀹屾垚鐧昏鎴愬姛"); }); } - this.submitForm(); + this.Processvalidation(); } }); } }, // 鍒囨崲tab on_click(e) { + // if (e != "" || e != null) { + console.log(this.form.workflow); console.log(e); - if (e != "" || e != null) { + let asdx = this.form.workflow + 1; + if (asdx >= e) { this.actives = e; + this.GetAttacheddata(); + } else { + this.$modal.msgWarning("璇峰厛瀹屾垚鍓嶉儴姝ラ"); + } + // } + }, + // 鍣ㄥ畼鍒嗛厤鏍忕洰鎺у埗 + 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, + infoid: this.infoid, + donorno: this.form.donorno, + transplanthospitalname: null, + transplanthospitalno: null, + organstate: 0 + }); + } + } 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(organIndex, 1); + } + } + }) + .catch(() => {}); } }, - // 鍓嶈繘姝ラ - makeastepforward() {}, + makeastepforward() { + console.log(this.actives); + if (this.actives <= 6) { + this.actives++; + this.GetAttacheddata(); + } else { + console.log("宸插埌杈炬渶澶у��"); + } + }, + // 鏇存敼杩涚▼鏁堥獙 + Processvalidation() { + console.log(this.form.workflow); + console.log(this.actives); + if (this.form.workflow + 1 == this.actives || this.actives == 6) { + if (this.form.workflow <= 6) { + this.form.workflow++; + } else { + } + this.submitForm(); + // this.GetAttacheddata(); + } else if (this.form.workflow > this.actives) { + // this.submitForm(); + Modifydonationattachment(this.donatelist).then(res => { + console.log(res); + }); + this.listDonateannex(); + this.GetAttacheddata(); + } else { + this.submitForm(); + // this.$modal.msgWarning("璇峰厛瀹屾垚鍓嶉儴姝ラ"); + return; + } + console.log(this.form.workflow); + }, // 涓婃姤瀹℃牳 Reportforreview() {}, // 缁堟妗堜緥 - Terminationcase() {}, + Terminationcase() { + this.form.terminationCase == 1 + ? (this.form.terminationCase = 0) + : (this.form.terminationCase = 1); + this.submitForm(); + }, // 杩斿洖涓婁竴椤� - cancel() {} - } + cancel() {}, + // ----------------------------------鏂囦欢 + // 鑾峰彇璇锋眰澶� + Getnetworkheader() { + let string = window.location.href; + if (string.includes("9091")) { + const index = string.indexOf("9091"); + this.Networkheader = string.slice(0, index + 4); // 鎴彇9091鍙婂叾鍓嶉儴瀛楃 + } else { + const index = string.indexOf("8032"); + this.Networkheader = string.slice(0, index + 4); // 鎴彇8032鍙婂叾鍓嶉儴瀛楃 + } + }, + + // 鑾峰彇闄勪欢鏁版嵁骞跺垎绫讳簩绾у垪 + listDonateannex() { + let parmi = {}; + parmi.infoid = this.infoid.toString(); + listDonateannex(parmi).then(res => { + this.donatelist = res.rows; + const groupedArr = this.donatelist.reduce( + (accumulator, currentValue) => { + const key = currentValue.annexfilestype; + if (key == 0) { + this.potentiallist.push(currentValue); + } else if (key == 1) { + this.medicinelist.push(currentValue); + } else if (key == 2) { + this.affirmlist.push(currentValue); + } else if (key == 3) { + this.ethiclist.push(currentValue); + } else if (key == 6) { + this.registerlist.push(currentValue); + } + return accumulator; + }, + {} + ); + console.log(groupedArr); + }); + }, + // 闄勪欢淇敼鏁版嵁杞瓨灏佽 + Newconversion(arr, delvalue, addvalue) { + // 鍜屽悇閮ㄤ繚瀛樺悓姝� + if (this.actives == 0) { + this.potentiallist = arr; + } else if (this.actives == 1) { + this.medicinelist = arr; + } else if (this.actives == 2) { + this.affirmlist = arr; + } else if (this.actives == 3) { + this.ethiclist = arr; + } else if (this.actives == 6) { + this.registerlist = arr; + } + // 鍒犻櫎鏃朵慨鏀逛富鍒梔elFlag + console.log(delvalue); + const index = this.donatelist.indexOf(delvalue); + console.log(index); + if (index !== -1) { + if (delvalue.id) { + this.donatelist[index].delFlag = 1; + console.log("淇敼鑰佹暟鎹悗", this.donatelist); + } else { + this.donatelist.splice(index, 1); + console.log("鍒犻櫎鏂版暟鎹悗", this.donatelist); + } + } else { + console.log("鏌ヨ涓嶅埌鍙兘鏄柊鏁版嵁鏃爄d"); + } + // 鏂板鏃朵慨鏀逛富鍒� + if (addvalue.annexurl) { + this.donatelist.push(addvalue); + console.log("鏂板鍚�", this.donatelist); + } + }, + //鏂囦欢涓婁紶 + handleUploadError() {}, + remove(file, fileList) { + this.fileListto.splice(this.fileListto.indexOf(file), 1); + this.annexfilesList = this.fileListto; + }, + // 涓婁紶鎴愬姛 + uploadSccess(response, file, fileList) { + this.rbDetails; + //鑾峰彇绁ㄦ嵁淇℃伅浣嶇疆 + if (response.code == 200) { + // this.form.filename = file.raw.name; + this.previewpdf = true; + this.$modal.msgSuccess(response.msg); + let addvalue = { + annexname: file.name, + annexurl: response.fileName, + delFlag: 0, + infoid: this.infoid, + annexfilestype: this.actives + }; + this.fileListto.push(addvalue); + this.Newconversion(this.fileListto, "", addvalue); + this.pdfimgsrcList.push( + this.Networkheader + "/prod-api" + response.fileName + ); + console.log(this.pdfimgsrcList); + this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�"; + this.pdfimg = this.Networkheader + "/prod-api" + response.fileName; + this.annexfilesList = this.fileListto; + } else { + console.log(response.msg); + } + }, + // 鐐瑰嚮绁ㄦ嵁 + Filepopup(index, rows, row) { + this.pdfimgsrcList = []; + this.pdfVisible = true; + if (this.annexfilesList.length) { + this.previewpdf = true; + this.fileListto = this.annexfilesList; + console.log(this.fileListto); + this.pdfimg = + this.Networkheader + "/prod-api" + this.fileListto[0].annexurl; + this.fileListto.forEach(item => { + this.pdfimgsrcList.push( + this.Networkheader + "/prod-api" + item.annexurl + ); + }); + } else { + this.fileListto = []; + this.pdfimg = ""; + this.pdftitle = ""; + } + this.pdftitle = "鍏�" + this.pdfimgsrcList.length + "椤�"; + }, + // 鐐瑰嚮宸蹭笂浼犳枃浠� + downFile(item) { + 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.annexurl) { + this.pdfimg = this.Networkheader + "/prod-api" + item.annexurl; + } else { + this.pdfimg = + this.Networkheader + "/prod-api" + item.response.annexurl; + } + } else { + this.hintitle = "褰撳墠鏂囦欢鏆備笉鏀寔棰勮"; + this.$modal.msgWarning("褰撳墠鏂囦欢鏆備笉鏀寔棰勮"); + this.previewpdf = false; + } + }, + // 鏌ヨ绱㈠紩灏佽 + getIndexInArray(arr, obj) { + return arr.indexOf(obj); + }, + // 鐐瑰嚮鍒犻櫎 + deletedowfile(row) { + const indexlist = this.getIndexInArray( + this.pdfimgsrcList, + this.Networkheader + "/prod-api" + row.annexurl + ); + this.pdfimgsrcList.splice(indexlist, 1); + const index = this.getIndexInArray(this.fileListto, row); + this.Newconversion(this.fileListto, this.fileListto[index], ""); + this.fileListto.splice(index, 1); + console.log(index); + }, + // 鐐瑰嚮涓婄Щ + moveupdowfile(row) { + const index = this.getIndexInArray(this.fileListto, row); + const item = this.fileListto.splice(index, 1)[0]; // 绉婚櫎鎸囧畾绱㈠紩澶勭殑鍏冪礌锛屽苟淇濆瓨鍒癷tem鍙橀噺涓� + this.fileListto.splice(index - 1, 0, item); // 灏唅tem鎻掑叆鍒扮储寮曚綅缃殑鍓嶄竴浣� + }, + + clearFilter() { + this.$refs.filterTable.clearFilter(); + }, + formatter(row, column) { + return row.address; + }, + filterTag(value, row) { + return row.tag === value; + } + }, + dicts: [ + "sys_nation", + "sys_occupation", + "sys_education", + "sys_Organ", + "sys_user_sex", + "sys_IDType", + "sys_BloodType", + "sys_0_1", + "sys_patientstate", + "sys_DonationCategory", + "sys_Kinship", + "sys_Infectious", + "sys_bloodtype_rhd", + "sys_InfoSources", + "sys_OtherCases", + "sys_DiseaseType", + "sys_SelfWill", + "sys_FamilyRelation", + "sys_OrganDecision", + "sys_CoreAssessConclusion", + "sys_BaseAssessConclusion", + "sys_EthicalReview" + ] }; </script> <style lang="scss" scoped> .particularsdiv { - display: flex; + display: -webkit-box; background-color: #f5f7fa; height: 100%; + .left-course { background: #fff; - width: 20%; + width: 17vw; text-align: center; margin: 20px 10px; padding: 10px; margin-top: 0; + min-height: 888px; .postfilx { - width: 15%; + width: 15vw; text-align: center; margin: 20px 10px; padding: 10px; @@ -2496,6 +3362,7 @@ position: fixed; top: 50; } + .title { background: #22a2c3; margin-bottom: 20px; @@ -2504,11 +3371,63 @@ } } } + +.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 { + max-width: 85vw; font-size: 18px; padding: 0 30px; padding-bottom: 10px; - margin-top: 20px; + margin-top: 10px; .top-text { text-align: center; @@ -2518,14 +3437,23 @@ margin-bottom: 30px; } } + ::v-deep .el-step__head.is-finish { color: #22a2c3; border-color: #22a2c3; } + ::v-deep .el-step__title.is-finish { color: #22a2c3; } + ::v-deep .el-step__description.is-finish { color: #22a2c3; } + +:v-deep .el-select { + display: inline-block; + position: relative; + width: 80%; +} </style> -- Gitblit v1.9.3