From 8b62a3ca3b67fd8e45b666043e48a7049dce08ce Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期日, 28 五月 2023 02:13:06 +0800
Subject: [PATCH] 1.将家庭小医生和收藏荣誉模块的的类别改为选择的形式 2.荣誉证书页面的选择式类别暂时无法搜索和新增

---
 ruoyi-ui/src/views/self/show.vue |  552 ++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 426 insertions(+), 126 deletions(-)

diff --git a/ruoyi-ui/src/views/self/show.vue b/ruoyi-ui/src/views/self/show.vue
index cad6e43..a0c9311 100644
--- a/ruoyi-ui/src/views/self/show.vue
+++ b/ruoyi-ui/src/views/self/show.vue
@@ -1,12 +1,4 @@
 <template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>
-<template>
   <div class="app-container">
     <!--    鍥炲埌椤堕儴-->
     <el-backtop :bottom="150" :right="30">
@@ -138,47 +130,26 @@
 
       <div style="padding-left:30px;padding-top:30px" >
         <el-container >
-          <!--          <template slot-scope="scope" v-if="scope.row.roleId !== 1">-->
-          <!--            <el-button-->
-          <!--              size="mini"-->
-          <!--              type="text"-->
-          <!--              icon="el-icon-edit"-->
-          <!--              @click="handleUpdate(scope.row)"-->
-          <!--              v-hasPermi="['system:role:edit']"-->
-          <!--            >淇敼</el-button>-->
-
-          <!--          </template>-->
-
           <el-row  >
             <el-button
               type="primary"
-              @click="handleUpdate(scope.row)"
+              @click="handleEdit()"
+              v-if="isShow"
               v-hasPermi="['system:role:edit']"
             >缂栬緫</el-button>
-
-            <!--            <el-dropdown-->
-            <!--              size="mini"-->
-            <!--              @command="(command) => handleCommand(command, scope.row)"-->
-            <!--              v-hasPermi="['system:role:edit']">    person:information:edit   -->
-            <!--              <el-button-->
-            <!--                size="mini"-->
-            <!--                type="text"-->
-            <!--                icon="el-icon-d-arrow-right"-->
-            <!--                @click="handleCheck(scope.row)"-->
-            <!--              >鏌ョ湅璇︽儏</el-button>-->
-
-            <!--            </el-dropdown>-->
             <br>
             <el-button
               type="primary"
               @click="handleExport"
-              v-hasPermi="['self:user:export']"
+              v-hasPermi="['family:note:export']"
             >瀵煎嚭</el-button>
+            <br>
+            <el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
           </el-row>
 
         </el-container>
       </div>
-      <!--      </el-dialog>-->
+      <!--      </el-dialog> self:user:export-->
     </el-container>
     <el-container>
       <div>
@@ -239,20 +210,21 @@
     <!--鎶樺彔闈㈡澘-->
     <el-collapse v-model="activeNames" @change="handleChange">
       <el-collapse-item title="涓昏瀛︿範鍙婂伐浣滅粡鍘�" name="1" >
-        <el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange">
-          <el-table-column label="璧锋鏃ユ湡" prop="startDate" sortable width="300" align="center" />
+        <el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+          <el-table-column label="寮�濮嬫棩鏈�" prop="startDate" sortable width="300" align="center" />
           <el-table-column label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="content" sortable width="350" align="center" />
           <el-table-column label="璇佹槑浜�" prop="witness" sortable width="300" align="center" />
           <!--      鎿嶄綔-->
           <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+<!--              @click="handleUpdate(scope.row)"-->
               <el-button
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
-                @click="handleUpdate(scope.row)"
+                @click="showDialog1"
                 v-hasPermi="['system:role:edit']"
-              >淇敼</el-button>
+              >鏂板</el-button>
               <el-button
                 size="mini"
                 type="text"
@@ -260,16 +232,21 @@
                 @click="handleExperienceDelete(scope.row)"
                 v-hasPermi="['system:role:remove']"
               >鍒犻櫎</el-button>
-              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
-                <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+<!--              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">-->
+<!--                <el-button size="mini" -->
+<!--                           type="text" -->
+<!--                           icon="el-icon-d-arrow-right"  -->
+<!--                           @click="handleCheck(scope.row)"-->
+<!--                >鏌ョ湅璇︽儏</el-button>-->
 
-              </el-dropdown>
+<!--              </el-dropdown>-->
             </template>
           </el-table-column>
         </el-table>
       </el-collapse-item>
       <el-collapse-item title="瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�" name="2" >
-        <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
+        <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange"
+                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
           <el-table-column label="涓庢湰浜哄叧绯�"  prop="relation" sortable width="260" align="center" />
           <el-table-column label="濮撳悕" prop="nickName" sortable width="260" align="center" />
           <el-table-column label="鍗曚綅鍙婅亴鍔�" prop="unit position" sortable width="260" align="center">
@@ -284,6 +261,13 @@
                 size="mini"
                 type="text"
                 icon="el-icon-edit"
+                @click="showDialog2"
+                v-hasPermi="['system:role:edit']"
+              >鏂板</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
                 @click="handleUpdate(scope.row)"
                 v-hasPermi="['system:role:edit']"
               >淇敼</el-button>
@@ -291,13 +275,13 @@
                 size="mini"
                 type="text"
                 icon="el-icon-delete"
-                @click="handleCertificateDelete(scope.row)"
+                @click="handDelete(scope.row)"
                 v-hasPermi="['system:role:remove']"
               >鍒犻櫎</el-button>
-              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
-                <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>
+<!--              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">-->
+<!--                <el-button size="mini" type="text" icon="el-icon-d-arrow-right"  @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button>-->
 
-              </el-dropdown>
+<!--              </el-dropdown>-->
             </template>
           </el-table-column>
         </el-table>
@@ -326,21 +310,103 @@
         </div>
 
       </el-collapse-item>
-      <el-collapse-item title="鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�" name="4" >
-        <el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange">
+      <el-collapse-item title="鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�" name="4">
+        <el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange"
+                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
           <el-table-column label="璇佷欢鍚嶇О" prop="cerName" sortable width="280" align="center" />
           <el-table-column label="鎸佹湁鎯呭喌" prop="ownStatus" sortable width="280" align="center" />
           <el-table-column label="璇佷欢鍙风爜" prop="idNo" sortable width="280" align="center" />
-          <el-table-column label="鏈夋晥鏈�" prop="validityDate"  sortable width="280" align="center">
+          <el-table-column label="鏈夋晥鏈�" prop="startTime endTime"  sortable width="280" align="center">
+            <template slot-scope="scope">
+              <span v-if="scope.row.startTime || scope.row.endTime  == true">
+                {{scope.row.startTime}} 鑷� {{scope.row.endTime}}
+              </span>
+              <span v-else>鈥斺�斺�斺��</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+              <!--              @click="handleUpdate(scope.row)"-->
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="showDialog3"
+                v-hasPermi="['system:role:edit']"
+              >鏂板</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleAdd"
+                v-hasPermi="['system:role:edit']"
+              >淇敼</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleCertificateDelete(scope.row)"
+                v-hasPermi="['system:role:remove']"
+              >鍒犻櫎</el-button>
+              <!--              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">-->
+              <!--                <el-button size="mini" -->
+              <!--                           type="text" -->
+              <!--                           icon="el-icon-d-arrow-right"  -->
+              <!--                           @click="handleCheck(scope.row)"-->
+              <!--                >鏌ョ湅璇︽儏</el-button>-->
+
+              <!--              </el-dropdown>-->
+            </template>
           </el-table-column>
         </el-table>
       </el-collapse-item>
-      <el-collapse-item title="鍑哄浗锛堝锛夋儏鍐�" name="5" >
-        <el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange">
-          <el-table-column label="璧锋鏃ユ湡" prop="startDate" sortable width="350" align="center" />
+      <el-collapse-item title="鍑哄浗锛堝锛夋儏鍐�" name="5">
+        <el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange"
+                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+          <el-table-column label="璧锋鏃ユ湡" prop="startTime endTime" sortable width="350" align="center" >
+            <template slot-scope="scope">
+              <span v-if="scope.row.startTime || scope.row.endTime  == true">
+                {{scope.row.startTime}} 鑷� {{scope.row.endTime}}
+              </span>
+              <span v-else>鈥斺�斺�斺��</span>
+            </template>
+          </el-table-column>
           <el-table-column label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="destination" sortable width="350" align="center" />
           <el-table-column label="浜嬬敱锛堟梾娓搞�佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠栵級" prop="cause" sortable width="400" align="center" />
+          <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+              <!--              @click="handleUpdate(scope.row)"-->
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="showDialog4"
+                v-hasPermi="['system:role:edit']"
+              >鏂板</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleAdd"
+                v-hasPermi="['system:role:edit']"
+              >淇敼</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleAbroadDelete(scope.row)"
+                v-hasPermi="['system:role:remove']"
+              >鍒犻櫎</el-button>
+              <!--              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">-->
+              <!--                <el-button size="mini" -->
+              <!--                           type="text" -->
+              <!--                           icon="el-icon-d-arrow-right"  -->
+              <!--                           @click="handleCheck(scope.row)"-->
+              <!--                >鏌ョ湅璇︽儏</el-button>-->
 
+              <!--              </el-dropdown>-->
+            </template>
+          </el-table-column>
         </el-table>
       </el-collapse-item>
     </el-collapse>
@@ -351,29 +417,19 @@
         <div style="width:100%"><h2 style="font-size:15px" >鑷紶</h2></div>
       </el-container>
       <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"
-               v-loading="loading" :data="AutobiographyList" @selection-change="handleSelectionChange">
-        <!--        <el-tab-pane label="鎬昏" name="0">-->
-
-        <!--        </el-tab-pane>-->
-        <!--        <div :model="AutobiographyList">-->
-        <el-tab-pane label="0~3宀�(濠村効鏈�)" name="1" >
-          <el-input v-model="AutobiographyList.content" prop="content" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-          </el-input>
+               v-loading="loading" :data="AutobiographyList" >
+        <el-tab-pane v-for="(item, index) in AutobiographyList"
+                     :key='item.id' :label="item.ageBegin+'~'+item.ageEnd+'宀�'+'('+item.term+')'">
+          <div v-if="item.term === '濠村効'"> {{item.content}}</div>
+          <div v-if="item.term === '骞煎効'"> {{item.content}}</div>
+          <div v-if="item.term === '灏忓'"> {{item.content}}</div>
+          <div v-if="item.term === '鍒濅腑'"> {{item.content}}</div>
+          <div v-if="item.term === '楂樹腑'"> {{item.content}}</div>
+          <div v-if="item.term === '澶у'"> {{item.content}}</div>
+          <div v-if="item.term === '鐮旂┒鐢�'"> {{item.content}}</div>
+          <div v-if="item.term === '宸ヤ綔'"> {{item.content}}</div>
+          <div v-if="item.term === '缁撳鍚�'"> {{item.content}}</div>
         </el-tab-pane>
-        <el-tab-pane label="6~12(灏忓)" name="2" ></el-tab-pane>
-        <el-tab-pane label="12~15(鍒濅腑)" name="3"></el-tab-pane>
-        <el-tab-pane label="15~18(楂樹腑)" name="4"></el-tab-pane>
-        <el-tab-pane label="18~22(澶у)" name="5"></el-tab-pane>
-        <el-tab-pane label="22~25(鐮旂┒鐢�)" name="6"></el-tab-pane>
-        <el-tab-pane label="26~ (宸ヤ綔)" name="7"></el-tab-pane>
-        <el-tab-pane label="锛熷瞾缁撳" name="8"></el-tab-pane>
-        <!--    </div>-->
-        <!--        <el-tab-pane-->
-        <!--          v-for="(item, index) in AutobiographyTermList"-->
-        <!--          :key="index"-->
-        <!--          :name="item"-->
-        <!--          :label="item"-->
-        <!--        />-->
       </el-tabs>
 
 
@@ -387,7 +443,117 @@
       @pagination="getList"
     />
 
+    <!-- 鏂板涓昏缁忓巻淇℃伅閰嶇疆瀵硅瘽妗� -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+      <el-form ref="elForm1" :model="formDat" :rules="rules" size="medium" label-width="140px">
+        <el-form-item label="寮�濮嬫棩鏈�" prop="startDate">
+          <el-input v-model="formDat.startDate" placeholder="璇疯緭鍏ュ紑濮嬫棩鏈�" clearable :style="{width: '100%'}" ></el-input>
+        </el-form-item>
+        <el-form-item label="涓昏瀛︿範缁忓巻銆佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" prop="content">
+          <el-input v-model="formDat.content" placeholder="璇疯緭鍏ヤ富瑕佸涔犵粡鍘嗐�佸伐浣滃崟浣嶅強浠昏亴鎯呭喌" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="璇佹槑浜�" prop="witness">
+          <el-input v-model="formDat.witness" placeholder="璇疯緭鍏ヨ瘉鏄庝汉" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
 
+      </el-form>
+      <h4 class="form-header"> </h4>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+    <!-- 鏂板瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐典俊鎭厤缃璇濇 -->
+    <el-dialog :title="title" :visible.sync="relation1" width="900px" append-to-body>
+      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
+        <el-form-item label="涓庢湰浜哄叧绯�" prop="relation">
+          <el-input v-model="formDat.relation" placeholder="璇疯緭鍏ヤ笌鏈汉鍏崇郴" clearable :style="{width: '100%'}" ></el-input>
+        </el-form-item>
+        <el-form-item label="濮撳悕" prop="nickName">
+          <el-input v-model="formDat.nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鍗曚綅" prop="unit">
+          <el-input v-model="formDat.unit" placeholder="璇疯緭鍏ュ崟浣�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鑱屽姟" prop="position">
+          <el-input v-model="formDat.position" placeholder="璇疯緭鍏ヨ亴鍔�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鏀挎不闈㈣矊" prop="politicalOutlook">
+          <el-input v-model="formDat.politicalOutlook" placeholder="璇疯緭鍏ユ斂娌婚潰璨�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+
+      </el-form>
+      <h4 class="form-header"> </h4>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+    <!-- 鏂板鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐典俊鎭厤缃璇濇 -->
+    <el-dialog :title="title" :visible.sync="certificate" width="900px" append-to-body>
+      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
+        <el-form-item label="璇佷欢鍚嶇О" prop="cerName">
+          <el-input v-model="formDat.cerName" placeholder="璇疯緭鍏ヨ瘉浠跺悕绉�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鎸佹湁鎯呭喌" prop="ownStatus">
+          <el-input v-model="formDat.ownStatus" placeholder="璇疯緭鍏ユ寔鏈夋儏鍐�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="璇佷欢鍙风爜" prop="idNo">
+          <el-input v-model="formDat.idNo" placeholder="璇疯緭鍏ヨ瘉浠跺彿鐮�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="寮�濮嬫棩鏈�" prop="startTime">
+          <el-input v-model="formDat.startTime" placeholder="璇疯緭鍏ュ紑濮嬫棩鏈�" clearable :style="{width: '100%'}" ></el-input>
+        </el-form-item>
+        <el-form-item label="缁撴潫鏃ユ湡" prop="endTime">
+          <el-input v-model="formDat.endTime" placeholder="璇疯緭鍏ョ粨鏉熸棩鏈�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+         </el-form>
+      <h4 class="form-header"> </h4>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+    <!-- 鏂板鍑哄浗锛堝锛夋儏鍐典俊鎭厤缃璇濇 -->
+    <el-dialog :title="title" :visible.sync="abroad" width="900px" append-to-body>
+      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
+        <el-form-item label="寮�濮嬫棩鏈�" prop="startTime">
+          <el-input v-model="formDat.startTime" placeholder="璇疯緭鍏ュ紑濮嬫棩鏈�" clearable :style="{width: '100%'}" ></el-input>
+        </el-form-item>
+        <el-form-item label="缁撴潫鏃ユ湡" prop="endTime">
+          <el-input v-model="formDat.endTime" placeholder="璇疯緭鍏ョ粨鏉熸棩鏈�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="destination">
+          <el-input v-model="formDat.destination" placeholder="璇疯緭鍏ユ墍鍒板浗瀹舵垨鑰呭湴鍖�" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+        <el-form-item label="浜嬬敱(鏃呮父銆佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠�)" prop="cause">
+          <el-input v-model="formDat.cause" placeholder="璇疯緭鍏ヤ簨鐢�(鏃呮父銆佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠�)" clearable :style="{width: '100%'}" >
+          </el-input>
+        </el-form-item>
+
+      </el-form>
+      <h4 class="form-header"> </h4>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
 
 
   </div>
@@ -400,18 +566,32 @@
 
 
 //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�  --鎺ュソ浜�
-import {getIndividualList, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
-  addExperience,delExperience} from "@/api/self/index";
 import {
+  getIndividualList,
+  getIndividualRelation,
+  delIndividual,
+  updateIndividual,
+  addIndividual,
+  listExperience,
+  updateExperience,
+  addExperience,
+  delExperience,
   delCertificate,
+  addCertificate,
+  addAbroad,
+  delAbroad
+} from "@/api/self/index";
+import {
   getAbroadList,
   getAutobiography,
   getAutobiographyList,
   getAutobiographyTermList,
   getCertificateList
-} from '../../api/self'
+} from "@/api/self/index"
 import { delFamilyevent, uploadPic } from '../../api/bignote'
 import { blobValidate } from '../../utils/ruoyi'
+import {getCategory} from "@/api/self/index";
+import {addContact} from "@/api/contacts";
 
 export default {
   name: "show",
@@ -452,6 +632,7 @@
       //涓汉鑷紶
       activeName: '0',
       AutobiographyList:[],
+      content1:'',
       //涓嶅悓鏃舵涓汉鑷紶
       // AutobiographyTermList:[],
       // // 璁块棶鍚庡彴鐨勬暟鎹�
@@ -471,6 +652,9 @@
       title: "",
       // 鏄惁鏄剧ず寮瑰嚭灞�
       open: false,
+      relation1:false,
+      certificate:false,
+      abroad:false,
       // open:true,
       // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
       openDataScope: false,
@@ -489,8 +673,8 @@
       ],
       dsb:true,
       btn:false,
-
-
+      isShow:true,
+      isShow_2:false,
       formDat: {
         //涓汉鍩烘湰淇℃伅
         nickName:undefined,
@@ -532,6 +716,8 @@
         ownStatus:undefined,
         //鍑哄浗锛堝锛夋儏鍐�
         destination:undefined,
+        startTime:undefined,
+        endTime:undefined,
         cause:undefined,
         url: undefined,
       },
@@ -644,48 +830,72 @@
       this.reset();
     },
     //涓嬫媺
-    handleChange(val) {
-      console.log(val);
+    handleChange(activeNames) {
+      // console.log(val);
+      this.reset();
+      if (activeNames.includes('1')) {
+        this.showDialog1();
+      }else if (activeNames.includes('2')) {
+        this.showDialog2();
+      }else if (activeNames.includes('3')) {
+        this.showDialog3();
+      }else if (activeNames.includes('4')) {
+        this.showDialog4();
+      }else {
+        this.open = false;
+        this.relation1 = false;
+        this.certificate =false;
+        this.abroad=false
+      }
+    },
+    //鎵撳紑涓嶅悓鐨勬柊澧炲脊绐�
+    showDialog1() {
+      this.open = true;
+      this.relation1 = false;
+      this.certificate =false;
+      this.abroad=false;
+      this.title = "娣诲姞涓昏涓汉缁忓巻淇℃伅";
+    },
+    showDialog2() {
+      this.open = false;
+      this.relation1 = true;
+      this.certificate =false;
+      this.abroad=false;
+      this.title = "娣诲姞瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�";
+    },
+    showDialog3() {
+      this.open = false;
+      this.relation1 = false;
+      this.certificate =true;
+      this.abroad=false;
+      this.title = "娣诲姞鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�";
+    },
+    showDialog4() {
+      this.open = false;
+      this.relation1 = false;
+      this.certificate =false;
+      this.abroad=true;
+      this.title = "娣诲姞鍑哄浗锛堝锛夋儏鍐�";
     },
 
-    // edit(row){
-    //   const id= row.id;
-    //   this.reset();
-    //   this.title='缂栬緫涓汉淇℃伅';
-    //   this.$router.push('/self/self/edit/' + id);
-    // },
     //涓汉鑷紶
     handleClick(tab, event) {
       // console.log(tab, event);
       this.getAutobiographyInfor();
-      if(tab.name == 0) {
 
+    },
+
+    //闅旇鍙樿壊
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 == 0) {
+        return "statistics-warning-row1";
+      } else {
+        return "statistics-warning-row";
       }
-
-      //鏍规嵁涓嶅悓鏃舵鐨勪釜浜鸿嚜浼�
-      getAutobiographyTermList(this.queryParams).then(response => {
-        //  alert(123)
-        //   console.log(response.data)
-        this.AutobiographyTermList = response.data;
-        this.total = response.data.total;
-        this.loading = false;
-      });
-
-      getAutobiographyList(this.queryParams).then(response => {
-        //  alert(123)
-        //   console.log(response.data)
-        this.AutobiographyList = response.data;
-        this.total = response.data.total;
-        this.loading = false;
-      });
     },
 
 
-
-
     /** 鏌ヨ瑙掕壊鍒楄〃 */
-
-
     getList() {
       this.loading = true;
       // console.log(this.queryParams)
@@ -735,7 +945,22 @@
           this.loading = false;
         }
       );
-
+      //鏌ヨ涓汉鎵�鏈夎嚜浼�
+      getAutobiographyList(this.queryParams).then(response => {
+        //  alert(123)
+        //   console.log(response.data)
+        this.AutobiographyList = response.data;
+        this.total = response.data.total;
+        this.loading = false;
+      });
+      //鏍规嵁涓嶅悓鏃舵鐨勪釜浜鸿嚜浼�
+      getAutobiographyTermList(this.queryParams).then(response => {
+        //  alert(123)
+        //   console.log(response.data)
+        this.AutobiographyTermList = response.data;
+        this.total = response.data.total;
+        this.loading = false;
+      });
 
     },
 
@@ -751,6 +976,31 @@
     cancelDataScope() {
       this.openDataScope = false;
       this.reset();
+    },
+
+    submitForm() {
+      let ul = this.fileList.map(function (elem){
+        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
+      }).join(",")
+      let uls = this.fileListOther.map(function (elem){
+        return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
+      }).join(",")
+      this.formDat.url = ul+","+uls
+
+      this.$refs['elForm'].validate(valid => {
+        if (valid) {
+          if (this.formDat.id != undefined) {
+            updateIndividual(this.formDat).then(response => {
+              this.$modal.msgSuccess("淇敼鎴愬姛");
+              // this.open = false;
+              this.btn=false
+            });
+          } else {
+            this.$modal.msgSuccess("淇敼澶辫触");
+
+          }
+        }
+      })
     },
     // 琛ㄥ崟閲嶇疆
     reset() {
@@ -795,11 +1045,11 @@
     },
 
     /** 鏂板鎸夐挳鎿嶄綔 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "娣诲姞涓汉淇℃伅";
-    },
+    // handleAdd() {
+    //   this.reset();
+    //   this.open = true;
+    //   this.title = "娣诲姞涓汉淇℃伅";
+    // },
 
 
     /** 鏌ョ湅璇︾粏淇℃伅 */
@@ -824,7 +1074,7 @@
       alert(23)
     },
     handleRemove(file) {
-      alert("鎿嶄綔鎴愬姛")
+      alert("323")
     },
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;
@@ -844,12 +1094,26 @@
         saveAs(blob, filename)
       })
     },
-
+    // 缂栬緫鎸夐挳
+    handleEdit()
+    {
+      this.dsb = false
+      this.btn = true
+      this.isShow=false
+      this.isShow_2=true
+    },
+    //淇敼鎸夐挳
+    /** 鏂板鎸夐挳鎿嶄綔 */
+    handleAdd() {
+      this.reset();
+      // this.open = true;
+      this.title = "鏂板璇︾粏淇℃伅";
+    },
     /** 鏌ヨ鑷紶淇℃伅 */
     getAutobiographyInfor()
     {
       let _this = this
-      getAutobiography().then(response=>{
+      getCategory().then(response=>{
 
         response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
           _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
@@ -869,9 +1133,20 @@
       this.$refs["elForm"].validate(valid => {
         if (valid) {
 
-          addIndividual(this.formDat).then(response => {
+
+          addExperience(this.formDat).then(response => {
             this.$modal.msgSuccess("鏂板鎴愬姛");
             this.open = false;
+            this.getList();
+          });
+          addCertificate(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.certificate = false;
+            this.getList();
+          });
+          addAbroad(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.abroad = false;
             this.getList();
           });
         }
@@ -903,7 +1178,7 @@
     /** 鍒犻櫎涓汉缁忓巻鎸夐挳鎿嶄綔 */
     handleExperienceDelete(row) {
       const Ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
+      this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() {
         return delExperience(Ids);
       }).then(() => {
         this.getList();
@@ -913,8 +1188,18 @@
     /** 鍒犻櫎鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐垫寜閽搷浣� */
     handleCertificateDelete(row) {
       const Ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
+      this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() {
         return delCertificate(Ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+      }).catch(() => {});
+    },
+    /** 鍒犻櫎鍑哄浗锛堝锛夋儏鍐垫寜閽搷浣� */
+    handleAbroadDelete(row) {
+      const Ids = row.id || this.ids;
+      this.$modal.confirm('鏄惁纭鍒犻櫎鏁版嵁椤癸紵').then(function() {
+        return delAbroad(Ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
@@ -930,7 +1215,7 @@
 };
 </script>
 
-<style scoped>
+<style >
 /*.uoloadSty {*/
 /*  width:110px;*/
 /*  height:110px;*/
@@ -939,10 +1224,25 @@
 /*.disUoloadSty {*/
 /*  display:none;   !* 涓婁紶鎸夐挳闅愯棌 *!*/
 /*}*/
-
-.el-icon-top {
-  background: url("");
+.app-container{
+  background-color: #FEF7FC;
 }
 
+.el-icon-top {
+  background: no-repeat center url("../../assets/icons/top.png");
+}
+.el-table__row.statistics-warning-row {
+  background: #E0EEFE;
 
+}
+.el-table__row.statistics-warning-row1 {
+  background: #FFEFF2;
+
+}
+/*.co-item{*/
+/*  background-color: #EBAFB4;*/
+/*}*/
+.el-collapse-item__header {
+  background-color:#FEF7FC;
+}
 </style>

--
Gitblit v1.9.1