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