From d019c1632d2a92ed48b27b9cce1debcbe79afb2c Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期一, 07 八月 2023 16:53:46 +0800
Subject: [PATCH] 修改婚姻部分

---
 ruoyi-ui/src/views/marry/index.vue | 1969 +++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 1,168 insertions(+), 801 deletions(-)

diff --git a/ruoyi-ui/src/views/marry/index.vue b/ruoyi-ui/src/views/marry/index.vue
index 46b997a..249a1dd 100644
--- a/ruoyi-ui/src/views/marry/index.vue
+++ b/ruoyi-ui/src/views/marry/index.vue
@@ -1,830 +1,1197 @@
 <template>
-    <div class="app-container">
-  <!--    鍥炲埌椤堕儴-->
-      <el-backtop :bottom="150" :right="30">
-        <el-button type="primary" circle
-                   class="el-icon-top"
-        ></el-button>
-      </el-backtop>
-      <h1 style="font-size:21px;padding-top:30px">濠氬Щ鐘跺喌鐧昏琛�</h1>
-      <el-divider />
-  <!--    鍩烘湰淇℃伅-->
-      <h2 style="font-size:16px">鍩烘湰鎯呭喌</h2>
-      <el-container>
-        <div style="padding-left:0px" >
-          <el-container >
-            <el-col >
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
-                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
-                <el-row :span="16">
-                  <el-form-item label="濮撳悕" prop="name" label-width="40px">
-                    <el-input v-model="marryList.name" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鍑虹敓鏃ユ湡" prop="birthday" label-width="70px">
-                    <el-input v-model="marryList.birthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="韬唤璇佸彿鐮�" prop="id" label-width="85px">
-                    <el-input v-model="marryList.id" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="濠氬Щ鐘跺喌" prop="marryStatus" label-width="70px">
-                    <el-input v-model="marryList.marryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb" >
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鎴风睄鍦板潃" prop="address" label-width="70px">
-                    <el-input v-model="marryList.address" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
+  <div class="app-container">
+    <!--    鍥炲埌椤堕儴-->
+    <el-backtop :bottom="150" :right="30">
+      <el-button type="primary" circle
+                 class="el-icon-top"
+      ></el-button>
+    </el-backtop>
+    <h2 style="font-size:30px;padding-top:0px">濠氬Щ鐘跺喌鐧昏琛�</h2>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:role:add']"
+        >鏂板</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['family:note:export']"
+        >瀵煎嚭</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+    <el-divider />
+
+    <!--    鍩烘湰淇℃伅-->
+    <h2 style="font-size:21px">鍩烘湰鎯呭喌</h2>
+    <el-container>
+      <div style="padding-left:0px" >
+        <el-container >
+          <el-col >
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
+                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
+              <el-row :span="16">
+                <el-form-item label="濮撳悕" prop="name" label-width="40px">
+                  <el-input v-model="marryList.name " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鍑虹敓鏃ユ湡" prop="birthday" label-width="70px">
+                  <el-input v-model="marryList.birthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="韬唤璇佸彿鐮�" prop="id" label-width="85px">
+                  <el-input v-model="marryList.id" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="濠氬Щ鐘跺喌" prop="marryStatus" label-width="70px">
+                  <template v-if="!isEditing">
+                    <el-input v-if="marryList.marryStatus===0" placeholder="鏈" style="" :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.marryStatus===1" placeholder="鍒濆"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.marryStatus===2" placeholder="绂诲"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.marryStatus===3" placeholder="鍐嶅"   :disabled="dsb"></el-input>
+
+                  </template>
+                  <template v-else>
+                    <el-select v-model="marryList.marryStatus" placeholder="璇烽�夋嫨濠氬Щ鐘舵��" clearable :style="{width: '100%'}">
+                      <el-option label="鏈" value="0"></el-option>
+                      <el-option label="鍒濆" value="1"></el-option>
+                      <el-option label="绂诲" value="2"></el-option>
+                      <el-option label="鍐嶅" value="3"></el-option>
+
+                    </el-select>
+                  </template>
+
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鎴风睄鍦板潃" prop="address" label-width="70px">
+                  <el-input v-model="marryList.address" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
 
 
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
-        <div style="padding-left:200px">
-          <el-container>
-            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
-                <el-row :span="16">
-                  <el-form-item label="鎬у埆" prop="sex" label-width="40px">
-                    <el-input v-model="marryList.sex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="姘戞棌" prop="nation" label-width="40px">
-                    <el-input v-model="marryList.nation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鑱旂郴鐢佃瘽" prop="phone" label-width="70px">
-                    <el-input v-model="marryList.phone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="缁撳鏃堕棿" prop="marryTime" label-width="70px">
-                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
- 
-
-  
-        <div style="padding-left:400px;padding-top:30px" >
-          <el-container >
-
-  
-            <el-row  >
-                <el-button
-                  type="primary"
-                  @click="handleUpdate(scope.row)"
-                  v-hasPermi="['system:role:edit']"
-                >缂栬緫</el-button>
-  
-                <br>
-                  <el-button
-                    type="primary"
-                    @click="handleExport"
-                    v-hasPermi="['family:note:export']"
-                  >瀵煎嚭</el-button>
-            </el-row>
-  
-          </el-container>
-        </div>
-  <!--      </el-dialog> self:user:export-->
-      </el-container>
-      <h2 style="font-size:16px " >閰嶅伓鎯呭喌</h2>
-      <el-container>
-        <div style="padding-top:15px" >
-          <el-container >
-            <el-col >
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
-                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
-                <el-row :span="16">
-                  <el-form-item label="濮撳悕" prop="spouseName" label-width="40px">
-                    <el-input v-model="marryList.spouseName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鍑虹敓鏃ユ湡" prop="spouseBirthday" label-width="70px">
-                    <el-input v-model="marryList.spouseBirthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="韬唤璇佸彿鐮�" prop="spouseId" label-width="85px">
-                    <el-input v-model="marryList.spouseId" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="濠氬Щ鐘跺喌" prop="spouseMarryStatus" label-width="70px">
-                    <el-input v-model="marryList.spouseMarryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鎴风睄鍦板潃" prop="spouseAddress" label-width="70px">
-                    <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:200px">
+        <el-container>
+          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
+              <el-row :span="16">
+                <el-form-item label="鎬у埆" prop="sex" label-width="40px">
+                  <el-input v-model="marryList.sex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="姘戞棌" prop="nation" label-width="40px">
+                  <el-input v-model="marryList.nation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鑱旂郴鐢佃瘽" prop="phone" label-width="70px">
+                  <el-input v-model="marryList.phone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="缁撳鏃堕棿" prop="marryTime" label-width="70px">
+                  <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
 
 
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
-        <div style="padding-left:200px;padding-top:15px">
-          <el-container>
-            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
-                <el-row :span="16">
-                  <el-form-item label="鎬у埆" prop="spouseSex" label-width="40px">
-                    <el-input v-model="marryList.spouseSex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="姘戞棌" prop="spouseNation" label-width="40px">
-                    <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鑱旂郴鐢佃瘽" prop="spousePhone" label-width="70px">
-                    <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="缁撳鏃堕棿" prop="marryTime" label-width="70px">
-                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
- 
 
-  
-        <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-container>
-        </div>
-  <!--      </el-dialog> self:user:export-->
-      </el-container>
-
-      <!-- <h2 style="font-size:16px " >鍓嶄换鎯呭喌</h2>
-      <el-container>
-        <div style="padding-top:15px" >
-          <el-container >
-            <el-col >
-              <el-form ref="elForm" :model="marryList.oldSpouseList" :rules="rules" size="medium"  label-position="left"
-                       v-loading="loading" :data="marryList.oldSpouseList" @selection-change="handleSelectionChange" >
-                <el-row :span="16">
-                  <el-form-item label="濮撳悕" prop="name" label-width="40px">
-                    <el-input v-model="marryList.oldSpouseList.name" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鍑虹敓鏃ユ湡" prop="spouseBirthday" label-width="70px">
-                    <el-input v-model="marryList.spouseBirthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="韬唤璇佸彿鐮�" prop="spouseId" label-width="85px">
-                    <el-input v-model="marryList.spouseId" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="濠氬Щ鐘跺喌" prop="spouseMarryStatus" label-width="70px">
-                    <el-input v-model="marryList.spouseMarryStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鎴风睄鍦板潃" prop="spouseAddress" label-width="70px">
-                    <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
+      <div style="padding-left:400px;padding-top:30px" >
+        <el-container >
 
 
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
-        <div style="padding-left:200px;padding-top:15px">
-          <el-container>
-            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
-                <el-row :span="16">
-                  <el-form-item label="鎬у埆" prop="spouseSex" label-width="40px">
-                    <el-input v-model="marryList.spouseSex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="姘戞棌" prop="spouseNation" label-width="40px">
-                    <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="鑱旂郴鐢佃瘽" prop="spousePhone" label-width="70px">
-                    <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="缁撳鏃堕棿" prop="marryTime" label-width="70px">
-                    <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-              </el-form>
-            </el-col>
-          </el-container>
-        </div>
-      </el-container> -->
+          <el-row  >
+            <el-button
+              type="primary"
+              @click="handleEdit()"
+              v-if="isShow"
+              v-hasPermi="['system:role:edit']"
+            >缂栬緫</el-button>
+            <el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+            <br>
+            <el-button
+              type="primary"
+              @click="handleExport"
+              v-hasPermi="['family:note:export']"
+            >瀵煎嚭</el-button>
+          </el-row>
+
+        </el-container>
+      </div>
+      <!--      </el-dialog> self:user:export-->
+    </el-container>
+    <h2 style="font-size:16px " >閰嶅伓鎯呭喌</h2>
+    <el-container>
+      <div style="padding-top:15px" >
+        <el-container >
+          <el-col >
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
+                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
+              <el-row :span="16">
+                <el-form-item label="濮撳悕" prop="spouseName" label-width="40px">
+                  <el-input v-model="marryList.spouseName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鍑虹敓鏃ユ湡" prop="spouseBirthday" label-width="70px">
+                  <el-input v-model="marryList.spouseBirthday" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="韬唤璇佸彿鐮�" prop="spouseId" label-width="85px">
+                  <el-input v-model="marryList.spouseId" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="濠氬Щ鐘跺喌" prop="spouseMarryStatus" label-width="70px">
+                  <template v-if="!isEditing">
+                    <el-input v-if="marryList.spouseMarryStatus===0" placeholder="鏈"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.spouseMarryStatus===1" placeholder="鍒濆"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.spouseMarryStatus===2" placeholder="绂诲"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.spouseMarryStatus===3" placeholder="鍐嶅"   :disabled="dsb"></el-input>
+
+                  </template>
+                  <template v-else>
+                    <el-select v-model="marryList.spouseMarryStatus" placeholder="璇烽�夋嫨濠氬Щ鐘舵��" clearable :style="{width: '100%'}">
+                      <el-option label="鏈" value="0"></el-option>
+                      <el-option label="鍒濆" value="1"></el-option>
+                      <el-option label="绂诲" value="2"></el-option>
+                      <el-option label="鍐嶅" value="3"></el-option>
+
+                    </el-select>
+                  </template>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鎴风睄鍦板潃" prop="spouseAddress" label-width="70px">
+                  <el-input v-model="marryList.spouseAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:200px;padding-top:15px">
+        <el-container>
+          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left">
+              <el-row :span="16">
+                <el-form-item label="鎬у埆" prop="spouseSex" label-width="40px">
+                  <el-input v-model="marryList.spouseSex === 1 ? '鐢�':'濂�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="姘戞棌" prop="spouseNation" label-width="40px">
+                  <el-input v-model="marryList.spouseNation " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="鑱旂郴鐢佃瘽" prop="spousePhone" label-width="70px">
+                  <el-input v-model="marryList.spousePhone" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="缁撳鏃堕棿" prop="marryTime" label-width="70px">
+                  <el-input v-model="marryList.marryTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+
+
+
+      <div style="padding-left:30px;padding-top:30px" >
+        <el-container >
+
+
+
+        </el-container>
+      </div>
+      <!--      </el-dialog> self:user:export-->
+    </el-container>
+
+    <!-- <h2 style="font-size:16px " >鍓嶄换鎯呭喌</h2> -->
+    <!-- <div>
+     <el-table v-loading="loading" :data="oldSpouseList"  @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+      <el-table-column type="selection" width="55"  align="center" />
+      <el-table-column  label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="70"/>
+      <el-table-column label="鍚嶅瓧" prop="name" sortable width="120" />
+      <el-table-column label="鍑虹敓鏃堕棿" prop="birthday" sortable width="120" />
+      <el-table-column label="鎴风睄鍦板潃" prop="address" sortable width="120" />
+      <el-table-column label="宸ヤ綔鍦板潃" prop="workAddress" sortable width="120" />
+      <el-table-column label="濠氬Щ鐘舵��" prop="marryStatus" sortable width="120" >
+        <template slot-scope="scope">
+        <span v-if="scope.row.marryStatus== 0">鏈</span>
+        <span v-if="scope.row.marryStatus== 1">鍒濆</span>
+        <span v-if="scope.row.marryStatus== 2">绂诲</span>
+        <span v-if="scope.row.marryStatus== 3">鍐嶅</span>
+      </template>
+
+      </el-table-column>
+      <el-table-column label="鎬у埆" prop="sex" sortable width="100" >
+        <template slot-scope="scope">
+        <span v-if="scope.row.sex== 0">濂�</span>
+        <span v-if="scope.row.sex== 1">鐢�</span>
+      </template>
+      </el-table-column>
+      <el-table-column label="姘戞棌" prop="nation" sortable width="100" />
+      <el-table-column label="鐢佃瘽鍙风爜" prop="phone" sortable width="150" />
+      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope" v-if="scope.row.roleId !== 1">
+              <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]"
+               @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button>
+              <el-button size="mini" type="text"
+                v-if="editStatus[scope.row.id]" @click="saveRowExperienceList(scope.row)">淇濆瓨</el-button>
+              <el-button size="mini" type="text" icon="el-icon-delete"
+                @click="handleExperienceDelete(scope.row)" v-hasPermi="['system:role:remove']">鍒犻櫎</el-button>
+            </template>
+          </el-table-column>
+    </el-table>
+  </div> -->
+    <div>
+      <el-collapse v-model="activeNames" @change="handleChange">
+
+        <el-collapse-item name="1"  >
+          <template v-slot:title>
+            <div class="title-wrapper">
+              <h2 style="font-size:16px ">鍓嶄换鎯呭喌</h2>
+              <div>
+                <el-button class="button" size="mini" type="text"  @click="showDialog('open')">
+                  <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button>
+              </div>
+            </div>
+          </template>
+          <el-table v-loading="loading" :data="oldSpouseList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
+            <el-table-column label="濮撳悕" prop="name" sortable width="180" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.name }}</template>
+                <template v-else><el-input v-model="scope.row.name"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="鍑虹敓鏃ユ湡" prop="birthday" sortable width="180" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.birthday }}</template>
+                <template v-else><el-input v-model="scope.row.birthday"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="鎴风睄鍦板潃" prop="address" sortable width="180" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.address }}</template>
+                <template v-else><el-input v-model="scope.row.address"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="宸ヤ綔鍦板潃" prop="workAddress" sortable width="180" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.workAddress }}</template>
+                <template v-else><el-input v-model="scope.row.workAddress"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="鎴风睄鍦板潃" prop="address" sortable width="180" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.address }}</template>
+                <template v-else><el-input v-model="scope.row.address"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="鎬у埆" prop="sex" sortable width="100" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.sex }}</template>
+                <template v-else><el-input v-model="scope.row.sex"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="姘戞棌" prop="nation" sortable width="100" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.nation }}</template>
+                <template v-else><el-input v-model="scope.row.nation"></el-input></template>
+              </template>
+            </el-table-column>
+            <el-table-column label="濠氬Щ鐘舵��" prop="marryStatus" sortable width="140" align="center" >
+              <template slot-scope="scope">
+                <template v-if="!scope.row.isEdit">{{ scope.row.marryStatus }}</template>
+                <template v-else>  <span v-if="scope.row.marryStatus== 0">鏈</span>
+                  <span v-if="scope.row.marryStatus== 1">鍒濆</span>
+                  <span v-if="scope.row.marryStatus== 2">绂诲</span>
+                  <span v-if="scope.row.marryStatus== 3">鍐嶅</span></template>
+              </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">
+                <el-button size="mini" type="text" icon="el-icon-edit" v-if="!editStatus[scope.row.id]"
+                           @click="editRow(scope.row)" v-hasPermi="['system:role:edit']">淇敼</el-button>
+                <el-button size="mini" type="text"
+                           v-if="editStatus[scope.row.id]" @click="saveRowmarryList(scope.row)">淇濆瓨</el-button>
+                <el-button size="mini" type="text" icon="el-icon-delete"
+                           @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']">鍒犻櫎</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-collapse-item>
+
+      </el-collapse>
+    </div>
 
     <h2 style="font-size:16px " >鐢熻偛鎯呭喌</h2>
 
-    
+
     <el-container>
-        <div style="padding-left:0px" >
-          <el-container >
-            <el-col >
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
-                       v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
-                <el-row :span="16">
-                  <el-form-item label="鐢熻偛鎯呭喌" prop="bearStatus" label-width="80px">
-                    <el-input v-model="marryList.bearStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="棰嗗彇銆婅鍒掔敓鑲叉湇鍔℃墜鍐屻��" prop="handbookStatus" label-width="180px">
-                    <el-input v-model="marryList.handbookStatus ===1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="棰嗗彇銆婄嫭鐢熷瓙濂宠瘉銆�" prop="oneBorn" label-width="150px">
-                    <el-input v-model="marryList.oneBorn  ===1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-  
+      <div style="padding-left:0px" >
+        <el-container >
+          <el-col >
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left"
+                     v-loading="loading" :data="marryList" @selection-change="handleSelectionChange" >
+              <el-row :span="16">
+                <el-form-item label="鐢熻偛鎯呭喌" prop="bearStatus" label-width="80px">
+                  <template >
+                    <el-input v-if="marryList.bearStatus===0" placeholder="鏈敓鑲�"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.bearStatus===1" placeholder="鍦ㄥ瓡"  :disabled="dsb"></el-input>
+                    <el-input v-if="marryList.bearStatus===2" placeholder="宸茬敓鑲�"  :disabled="dsb"></el-input>
 
-              </el-form>
-            </el-col>
-          </el-container>
+                  </template>
+
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="棰嗗彇銆婅鍒掔敓鑲叉湇鍔℃墜鍐屻��" prop="handbookStatus" label-width="180px">
+                  <el-input v-model="marryList.handbookStatus ===1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="棰嗗彇銆婄嫭鐢熷瓙濂宠瘉銆�" prop="oneBorn" label-width="150px">
+                  <el-input v-model="marryList.oneBorn  ===1 ? '鏄�':'鍚�' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:200px; padding-top: 58px; ">
+        <el-container>
+          <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left" >
+
+              <el-row :span="16"  >
+                <el-form-item label="棰嗚瘉鏃堕棿" prop="handbookTime" label-width="70px">
+                  <el-input v-model="marryList.handbookTime " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="16">
+                <el-form-item label="棰嗚瘉鏃堕棿" prop="oneBornTime" label-width="70px">
+                  <el-input v-model="marryList.oneBornTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+
+
+
+      <div style="padding-left:400px;padding-top:30px" >
+      </div>
+      <!--      </el-dialog> self:user:export-->
+    </el-container>
+
+    <h2 style="font-size:16px " >闇�澹版槑鐨勬儏鍐�</h2>
+    <el-container>
+      <el-input v-model="marryList.content " placeholder="" clearable :style="{width: '80%'}" :disabled="dsb"> </el-input>
+    </el-container>
+    <h2 style="font-size:16px " >澶囨敞</h2>
+    <el-container>
+      <el-input v-model="marryList.remark " placeholder="" clearable :style="{width: '80%'}" :disabled="dsb"> </el-input>
+    </el-container>
+
+    <!-- 鏂板  -->
+    <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
+      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium"  label-width="100px">
+        <h2 style="margin-left: 50px;">鍩烘湰鎯呭喌</h2>
+        <div style="width: 500px; display:table-cell;">
+          <el-form-item label="濮撳悕" prop="name">
+            <el-input v-model="formDat.name" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" ></el-input>
+          </el-form-item>
+
+          <el-form-item label="鍑虹敓鏃堕棿" prop="birthday" >
+            <el-date-picker
+              v-model='formDat.birthday'
+              type='date'
+              placeholder='閫夋嫨鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item label="韬唤璇佸彿" prop="id">
+            <el-input v-model="formDat.id" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="濠氬Щ鐘跺喌" prop="marryStatus">
+            <el-select v-model="formDat.marryStatus" placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鎴风睄鍦板潃" prop="address">
+            <el-input v-model="formDat.address" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+
+
         </div>
-        <div style="padding-left:200px; padding-top: 58px; ">
-          <el-container>
-            <el-col v-loading="loading" :data="marryList" @selection-change="handleSelectionChange">
-              <el-form ref="elForm" :model="marryList" :rules="rules" size="medium"  label-position="left" >
+        <div style=" width: 500px;display:table-cell;">
+          <el-form-item label="鎬у埆" prop="sex">
+            <el-select v-model="formDat.sex" placeholder="璇烽�夋嫨鎬у埆" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption1" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姘戞棌" prop="nation">
+            <el-input v-model="formDat.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="鑱旂郴鐢佃瘽" prop="phone">
+            <el-input v-model="formDat.phone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
 
-                <el-row :span="16"  >
-                  <el-form-item label="棰嗚瘉鏃堕棿" prop="handbookTime" label-width="70px">
-                    <el-input v-model="marryList.handbookTime " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-                <el-row :span="16">
-                  <el-form-item label="棰嗚瘉鏃堕棿" prop="oneBornTime" label-width="70px">
-                    <el-input v-model="marryList.oneBornTime" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
-                  </el-form-item>
-                </el-row>
-
-              </el-form>
-            </el-col>
-          </el-container>
+          <el-form-item label="缁撳鏃堕棿" prop="marryTime">
+            <el-date-picker
+              v-model='formDat.marryTime'
+              type='date'
+              placeholder='閫夋嫨缁撳鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
         </div>
- 
 
-  
-        <div style="padding-left:400px;padding-top:30px" >
+        <h2 style="margin-left: 50px;">閰嶅伓鎯呭喌</h2>
+        <div style="width: 500px; display:table-cell;">
+          <el-form-item label="濮撳悕" prop="spouseName">
+            <el-input v-model="formDat.spouseName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" ></el-input>
+          </el-form-item>
+
+          <el-form-item label="鍑虹敓鏃堕棿" prop="spouseBirthday" >
+            <el-date-picker
+              v-model='formDat.spouseBirthday'
+              type='date'
+              placeholder='閫夋嫨鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item label="韬唤璇佸彿" prop="spouseId">
+            <el-input v-model="formDat.spouseId" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="濠氬Щ鐘跺喌" prop="spouseMarryStatus">
+            <el-select v-model="formDat.spouseMarryStatus" placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鎴风睄鍦板潃" prop="spouseAddress">
+            <el-input v-model="formDat.spouseAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+
+
         </div>
-  <!--      </el-dialog> self:user:export-->
-      </el-container>
-    
-    </div>
-  </template>
-  
-  <script>
-  import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
-  import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
-  
-  
-  
-  //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�  --鎺ュソ浜�
-  import {listMarry} from "@/api/marry/index";
-  import { delFamilyevent, uploadPic } from '../../api/bignote'
-  import { blobValidate } from '../../utils/ruoyi'
-  
-  export default {
-    name: "show",
-    dicts: ['sys_normal_disable'],
-    data() {
-      return {
-        
-        // 閬僵灞�
-        disabled: false,
-  
-        loading: true,
-        formData:[],
-        // 閫変腑鏁扮粍
-        ids: [],
-        // 闈炲崟涓鐢�
-        single: true,
-        // 闈炲涓鐢�
-        multiple: true,
-        // 鏄剧ず鎼滅储鏉′欢
-        showSearch: true,
-        // 鎬绘潯鏁�
-        total: 0,
-        //澶村儚涓婁紶
-        showBtnDealImg:true,
-        noneBtnImg:false,
-        limitCountImg:1,//涓婁紶鍥剧墖鐨勬渶澶ф暟閲�
-        //涓汉淇℃伅鏁版嵁
-        marryList:[],
-        fit:['fill'],
-   
-        oldSpouseList:[],
-        //涓嬫媺瀹炵幇
-        activeNames:['1'],
-        // 寮瑰嚭灞傛爣棰�
-        title: "",
-        // 鏄惁鏄剧ず寮瑰嚭灞�
-        open: false,
-        // open:true,
-        // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
-        openDataScope: false,
-        menuExpand: false,
-        menuNodeAll: false,
-        deptExpand: true,
-        deptNodeAll: false,
-        // 鏃ユ湡鑼冨洿
-        dateRange: [],
-        // 鏁版嵁鑼冨洿閫夐」
-        fot:[".jpg",".jif"],
-        fileList:[
-        ],
-        fileListOther:[
-  
-        ],
-        dsb:true,
-        btn:false,
-  
-  
-        formDat: {
-          //涓汉鍩烘湰淇℃伅
-          name:undefined,
-          oldName:undefined,
-          sex:undefined,
-          nationality:undefined,
-          nation:undefined,
-          maritalStatus:undefined,
-          phoneNumber:undefined,
-          idNum:undefined,
-          locationAddress:undefined,
-          alwaysAddress:undefined,
-          locationPolice:undefined,
-          alwaysPolice:undefined,
-          outStatus:undefined,
-          idNo:undefined,
-          unit:undefined,
-          position:undefined,
-          politicalOutlook:undefined,
-          img:undefined,
-          fatherId:undefined,
-          momId:undefined,
-          birthday:undefined,
-          familyId:undefined,
-  
-  
-          //涓昏瀛︿範鍙婂伐浣滅粡鍘�
-          id:undefined,
-          userId:undefined,
-          startDate:undefined,
-          content:undefined,
-          witness:undefined,
-          remark: undefined,
-          //瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�
-          relation:undefined,
-          //鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�
-          cerName:undefined,
-          validityDate:undefined,
-          ownStatus:undefined,
-          //鍑哄浗锛堝锛夋儏鍐�
-          destination:undefined,
-          cause:undefined,
-          url: undefined,
-        },
-        // 鑿滃崟鍒楄〃
-        menuOptions: [],
-        // 閮ㄩ棬鍒楄〃
-        deptOptions: [],
-        // 鏌ヨ鍙傛暟
-        queryParams: {
-          pageNum: 1,
-          pageSize: 5,
-          startDate:undefined,
-          content:undefined,
-          witness:undefined,
-        },
-        // 琛ㄥ崟鍙傛暟
-        form: {},
-        defaultProps: {
-          children: "children",
-          label: "label"
-        },
-        // 琛ㄥ崟鏍¢獙
-        rules: {
-          //鍩烘湰淇℃伅
-          nickName: [{
-            // required: true,
-            message: '璇疯緭鍏ュ鍚�',
-            trigger: 'blur'
-          }],
-          oldName: [{
-            // required: true,
-            message: '璇疯緭鍏ユ浘鐢ㄥ悕',
-            trigger: 'blur'
-          }],
-          idNum: [{
-            // required: true,
-            message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
-            trigger: 'blur'
-          }],
-          nationality: [{
-            // required: true,
-            message: '璇疯緭鍏ュ浗绫�',
-            trigger: 'blur'
-          }],
-          maritalStatus: [{
-            // required: true,
-            message: '璇疯緭鍏ユ皯鏃�',
-            trigger: 'blur'
-          }],
-          locationAddress: [{
-            // required: true,
-            message: '璇疯緭鍏ユ埛绫嶅湴鍧�',
-            trigger: 'blur'
-          }],
-          alwaysAddress: [{
-            // required: true,
-            message: '璇疯緭鍏ュ父浣忓湴鍧�',
-            trigger: 'blur'
-          }],
-          unit: [{
-            // required: true,
-            message: '璇疯緭鍏ュ崟浣�',
-            trigger: 'blur'
-          }],
-          position: [{
-            // required: true,
-            message: '璇疯緭鍏ヨ亴鍔¤亴绉�',
-            trigger: 'blur'
-          }],
-          locationPolice: [{
-            // required: true,
-            message: '璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧',
-            trigger: 'blur'
-          }],
-          alwaysPolice: [{
-            // required: true,
-            message: '璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧',
-            trigger: 'blur'
-          }],
-  
-          //涓昏瀛︿範鍙婂伐浣滅粡鍘�
-          startDate: [{
-            required: true,
-            message: '璇疯緭鍏ヨ捣濮嬫棩鏈�',
-            trigger: 'blur'
-          }],
-          content: [{
-            required: true,
-            message: '璇疯緭鍏ヤ富瑕佸涔犵粡鍘嗐�佸伐浣滃崟浣嶅強浠昏亴鎯呭喌',
-            trigger: 'blur'
-          }],
-          witness: [{
-            required: true,
-            message: '璇疯緭鍏ヨ瘉鏄庝汉',
-            trigger: 'blur'
-          }],
-  
-        },
-        typeOptions: [],
-      };
+        <div style=" width: 500px;display:table-cell;">
+          <el-form-item label="鎬у埆" prop="spouseSex">
+            <el-select v-model="formDat.spouseSex" placeholder="璇烽�夋嫨鎬у埆" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption1" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姘戞棌" prop="spouseNation">
+            <el-input v-model="formDat.spouseNation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="鑱旂郴鐢佃瘽" prop="spousePhone">
+            <el-input v-model="formDat.spousePhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="缁撳鏃堕棿" prop="marryTime">
+            <el-date-picker
+              v-model='formDat.marryTime'
+              type='date'
+              placeholder='閫夋嫨缁撳鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+        </div>
+
+
+        <h2 style="margin-left: 50px;">鍓嶄换鎯呭喌</h2>
+        <div style="width: 500px; display:table-cell;">
+          <el-form-item label="濮撳悕" prop="spouseName">
+            <el-input v-model="formDat.spouseName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}" ></el-input>
+          </el-form-item>
+
+          <el-form-item label="鍑虹敓鏃堕棿" prop="spouseBirthday" >
+            <el-date-picker
+              v-model='formDat.spouseBirthday'
+              type='date'
+              placeholder='閫夋嫨鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item label="韬唤璇佸彿" prop="spouseId">
+            <el-input v-model="formDat.spouseId" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="濠氬Щ鐘跺喌" prop="spouseMarryStatus">
+            <el-select v-model="formDat.spouseMarryStatus" placeholder="璇烽�夋嫨濠氬Щ鐘跺喌" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鎴风睄鍦板潃" prop="spouseAddress">
+            <el-input v-model="formDat.spouseAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+
+
+        </div>
+        <div style=" width: 500px;display:table-cell;">
+          <el-form-item label="鎬у埆" prop="spouseSex">
+            <el-select v-model="formDat.spouseSex" placeholder="璇烽�夋嫨鎬у埆" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption1" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姘戞棌" prop="spouseNation">
+            <el-input v-model="formDat.spouseNation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="鑱旂郴鐢佃瘽" prop="spousePhone">
+            <el-input v-model="formDat.spousePhone" placeholder="璇疯緭鍏ヨ仈绯荤數璇�" clearable :style="{width: '100%'}" >
+            </el-input>
+          </el-form-item>
+
+          <el-form-item label="缁撳鏃堕棿" prop="marryTime">
+            <el-date-picker
+              v-model='formDat.marryTime'
+              type='date'
+              placeholder='閫夋嫨缁撳鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+        </div>
+
+        <h2 style="margin-left: 50px;">鐢熻偛鎯呭喌</h2>
+        <div style="width: 500px; display:table-cell;">
+          <el-form-item label="鐢熻偛鎯呭喌" prop="bearStatus">
+            <el-select v-model="formDat.bearStatus" placeholder="璇烽�夋嫨鐢熻偛鎯呭喌" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption2" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="棰嗗彇銆婅鍒掔敓鑲叉湇鍔℃墜鍐屻��" prop="handbookStatus">
+            <el-select v-model="formDat.handbookStatus" placeholder="璇烽�夋嫨" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption3" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="鎵嬪唽棰嗗彇鏃堕棿" prop="handbookTime" >
+            <el-date-picker
+              v-model='formDat.handbookTime'
+              type='date'
+              placeholder='閫夋嫨鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+          <el-form-item label="棰嗗彇銆婄嫭鐢熷瓙濂宠瘉銆�" prop="oneBorn">
+            <el-select v-model="formDat.oneBorn" placeholder="璇烽�夋嫨" clearable :style="{width: '100%'}"  >
+              <el-option v-for="(item, index) in typeOption3" :key="index" :label="item.label" :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="銆婄嫭鐢熷瓙濂宠瘉銆嬮鍙栨椂闂�" prop="oneBornTime" >
+            <el-date-picker
+              v-model='formDat.oneBornTime'
+              type='date'
+              placeholder='閫夋嫨鏃ユ湡'
+              style="width: 100%;"
+            ></el-date-picker>
+          </el-form-item>
+
+
+        </div>
+        <el-form-item label="澶囨敞" prop="remark">
+          <el-input v-model="formDat.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '80%'}" ></el-input>
+        </el-form-item>
+        <el-form-item label="闇�澹版槑鎯呭喌" prop="content">
+          <el-input v-model="formDat.content" placeholder="璇疯緭鍏ラ渶澹版槑鎯呭喌" clearable :style="{width: '80%'}" ></el-input>
+        </el-form-item>
+
+
+
+      </el-form>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitDataScope">淇� 瀛�</el-button>
+        <el-button @click="cancelData">鍙� 娑�</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
+import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
+
+
+
+//鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁�  --鎺ュソ浜�
+import {listMarry,updateMarry,delMarry,addMarry} from "@/api/marry/index";
+import { delFamilyevent, uploadPic } from '../../api/bignote'
+import { blobValidate } from '../../utils/ruoyi'
+
+export default {
+  name: "show",
+  dicts: ['sys_normal_disable'],
+  data() {
+    return {
+
+      // 閬僵灞�
+      disabled: false,
+
+      loading: true,
+      formData:[],
+      // 閫変腑鏁扮粍
+      ids: [],
+      // 闈炲崟涓鐢�
+      single: true,
+      // 闈炲涓鐢�
+      multiple: true,
+      // 鏄剧ず鎼滅储鏉′欢
+      showSearch: true,
+      // 鎬绘潯鏁�
+      total: 0,
+      //澶村儚涓婁紶
+      showBtnDealImg:true,
+      noneBtnImg:false,
+      limitCountImg:1,//涓婁紶鍥剧墖鐨勬渶澶ф暟閲�
+      //涓汉淇℃伅鏁版嵁
+      marryList:[],
+      fit:['fill'],
+
+      oldSpouseList:[],
+      //涓嬫媺瀹炵幇
+      activeNames:['1'],
+      // 寮瑰嚭灞傛爣棰�
+      title: "",
+      // 鏄惁鏄剧ず寮瑰嚭灞�
+      open: false,
+      // open:true,
+      // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
+      openDataScope: false,
+      menuExpand: false,
+      menuNodeAll: false,
+      deptExpand: true,
+      deptNodeAll: false,
+      // 鏃ユ湡鑼冨洿
+      dateRange: [],
+      // 鏁版嵁鑼冨洿閫夐」
+      fot:[".jpg",".jif"],
+      fileList:[
+      ],
+      fileListOther:[
+
+      ],
+      editStatus: {},
+      dsb:true,
+      btn:false,
+      isShow:true,
+      isShow_2:false,
+
+      formDat: {
+
+        oldSpouseList:undefined,
+      },
+      // 鑿滃崟鍒楄〃
+      menuOptions: [],
+      // 閮ㄩ棬鍒楄〃
+      deptOptions: [],
+      // 鏌ヨ鍙傛暟
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        startDate:undefined,
+        content:undefined,
+        witness:undefined,
+      },
+      // 琛ㄥ崟鍙傛暟
+      form: {},
+      defaultProps: {
+        children: "children",
+        label: "label"
+      },
+      // 琛ㄥ崟鏍¢獙
+      rules: {
+        //鍩烘湰淇℃伅
+        nickName: [{
+          // required: true,
+          message: '璇疯緭鍏ュ鍚�',
+          trigger: 'blur'
+        }],
+        oldName: [{
+          // required: true,
+          message: '璇疯緭鍏ユ浘鐢ㄥ悕',
+          trigger: 'blur'
+        }],
+        idNum: [{
+          // required: true,
+          message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
+          trigger: 'blur'
+        }],
+        nationality: [{
+          // required: true,
+          message: '璇疯緭鍏ュ浗绫�',
+          trigger: 'blur'
+        }],
+        maritalStatus: [{
+          // required: true,
+          message: '璇疯緭鍏ユ皯鏃�',
+          trigger: 'blur'
+        }],
+        locationAddress: [{
+          // required: true,
+          message: '璇疯緭鍏ユ埛绫嶅湴鍧�',
+          trigger: 'blur'
+        }],
+        alwaysAddress: [{
+          // required: true,
+          message: '璇疯緭鍏ュ父浣忓湴鍧�',
+          trigger: 'blur'
+        }],
+        unit: [{
+          // required: true,
+          message: '璇疯緭鍏ュ崟浣�',
+          trigger: 'blur'
+        }],
+        position: [{
+          // required: true,
+          message: '璇疯緭鍏ヨ亴鍔¤亴绉�',
+          trigger: 'blur'
+        }],
+        locationPolice: [{
+          // required: true,
+          message: '璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧',
+          trigger: 'blur'
+        }],
+        alwaysPolice: [{
+          // required: true,
+          message: '璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧',
+          trigger: 'blur'
+        }],
+
+        //涓昏瀛︿範鍙婂伐浣滅粡鍘�
+        startDate: [{
+          required: true,
+          message: '璇疯緭鍏ヨ捣濮嬫棩鏈�',
+          trigger: 'blur'
+        }],
+        content: [{
+          required: true,
+          message: '璇疯緭鍏ヤ富瑕佸涔犵粡鍘嗐�佸伐浣滃崟浣嶅強浠昏亴鎯呭喌',
+          trigger: 'blur'
+        }],
+        witness: [{
+          required: true,
+          message: '璇疯緭鍏ヨ瘉鏄庝汉',
+          trigger: 'blur'
+        }],
+
+      },
+      typeOptions: [],
+      //濠氬Щ鐘跺喌
+      typeOption: [{
+        value:'0',
+        label:'鏈'
+      },{
+        value:'1',
+        label:'鍒濆'
+      },{
+        value:'2',
+        label:'绂诲'
+      },
+        {
+          value:'3',
+          label:'鍐嶅'
+        }],
+      //鎬у埆
+      typeOption1: [{
+        value:'0',
+        label:'濂�'
+      },{
+        value:'1',
+        label:'鐢�'
+      },],
+
+      //鐢熻偛鎯呭喌
+
+      typeOption2: [{
+        value:'0',
+        label:'鏈敓鑲�'
+      },{
+        value:'1',
+        label:'鍦ㄥ瓡'
+      },
+        {
+          value:'2',
+          label:'宸茬敓鑲�'
+        }],
+      //棰嗗彇璇佷欢
+      typeOption3: [{
+        value:'0',
+        label:'鍚�'
+      },{
+        value:'1',
+        label:'鏄�'
+      },
+      ],
+    };
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+
+
+    // 鍙栨秷鎸夐挳
+    cancelData() {
+      this.open = false;
+      this.reset();
     },
-    created() {
-      this.getList()
+    //涓嬫媺
+    handleChange(val) {
+      console.log(val);
     },
-    methods: {
 
-      
-      // 鍙栨秷鎸夐挳
-      cancelData() {
-        this.open = false;
-        this.reset();
-      },
-      //涓嬫媺
-      handleChange(val) {
-        console.log(val);
-      },
-  
-      // 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) {
-  
-        }
-  
-        //鏍规嵁涓嶅悓鏃舵鐨勪釜浜鸿嚜浼�
-        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;
 
-        //涓汉淇℃伅
-        listMarry(this.queryParams).then(response => {
-            //  alert(123)
-            //   console.log(response.data)
+
+
+
+    /** 鏌ヨ瑙掕壊鍒楄〃 */
+
+
+    getList() {
+      this.loading = true;
+
+      //涓汉淇℃伅
+      listMarry(this.queryParams).then(response => {
+          if(response.data.length == 0){
+            this.loading = false;
+            this.marryList=[];
+
+          }
+          else{
             this.marryList = response.data;
             this.total = response.data.total;
+            this.oldSpouseList = this.marryList.oldSpouseList;
             this.loading = false;
+
           }
-        );
-        listMarry(this.queryParams).then(response => {
-            //  alert(123)
-            //   console.log(response.data)
-            this.oldSpouseList = response.data;
-            this.total = response.data.total;
-            this.loading = false;
-          }
-        );
-  
-      },
-  
-      //鍥剧墖鐨勪笂浼犲強涓婁紶鎸夐挳闅愯棌
-  
-  
-      // 鍙栨秷鎸夐挳
-      cancel() {
-        this.open = false;
-        this.reset();
-      },
-      // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級
-      cancelDataScope() {
-        this.openDataScope = false;
-        this.reset();
-      },
-      // 琛ㄥ崟閲嶇疆
-      reset() {
-        if (this.$refs.menu != undefined) {
-          this.$refs.menu.setCheckedKeys([]);
+
         }
-        this.menuExpand = false,
-          this.menuNodeAll = false,
-          this.deptExpand = true,
-          this.deptNodeAll = false,
-          this.form = {
-            roleId: undefined,
-            roleName: undefined,
-            roleKey: undefined,
-            roleSort: 0,
-            status: "0",
-            menuIds: [],
-            deptIds: [],
-            menuCheckStrictly: true,
-            deptCheckStrictly: true,
-            remark: undefined
-          };
-        this.resetForm("form");
-      },
-      /** 鎼滅储鎸夐挳鎿嶄綔 */
-      handleQuery() {
-        this.queryParams.pageNum = 1;
-        this.getList();
-      },
-      /** 閲嶇疆鎸夐挳鎿嶄綔 */
-      resetQuery() {
-        this.dateRange = [];
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 澶氶�夋閫変腑鏁版嵁
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.id)
-        console.log(this.ids)
-        this.single = selection.length!=1
-        this.multiple = !selection.length
-      },
-  
-      /** 鏂板鎸夐挳鎿嶄綔 */
-      handleAdd() {
-        this.reset();
-        this.open = true;
-        this.title = "娣诲姞涓汉淇℃伅";
-      },
-  
-  
-      /** 鏌ョ湅璇︾粏淇℃伅 */
-      handleCheck(row){
-        const id = row.id;
-        this.$router.push("/self/self/edit/" + id);
-      },
-      /** 淇敼鎸夐挳鎿嶄綔 */
-      handleUpdate(row) {
-        const id = row.id;
-        let jd = true
-  
-        this.$router.push({
-          path:"/self/marry/edit/" + id,
-          query:{
-            detail:jd
-          }
-        });
-      },
-  
-      handleRemoveFile(file) {
-        alert(23)
-      },
-      handleRemove(file) {
-        alert("鎿嶄綔鎴愬姛")
-      },
-      handlePictureCardPreview(file) {
-        this.dialogImageUrl = file.url;
-        this.dialogVisible = true;
-      },
-      //鐐瑰嚮涓嬭浇鍑芥暟
-      handleDownload(url) {
-        var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
-  
-        let lens = formData.path.split(".")
-        let suffix = lens[lens.length-1]
-        download(formData).then(async (response) => {
-          const isLogin = await blobValidate(response);
-          let nt = new Date().getTime()
-          let filename = 'selfevent_'+nt+'.'+suffix
-          const blob = new Blob([response])
-          saveAs(blob, filename)
-        })
-      },
-  
-      /** 鏌ヨ鑷紶淇℃伅 */
-      getAutobiographyInfor()
-      {
-        let _this = this
-        getAutobiography().then(response=>{
-  
-          response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
-            _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
-          })
-        })
-      },
-      /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
-      submitDataScope: function() {
-  
-        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) {
-  
-            addIndividual(this.formDat).then(response => {
-              this.$modal.msgSuccess("鏂板鎴愬姛");
-              this.open = false;
-              this.getList();
-            });
-          }
-        });
-      },
-      requestUpload(params)
-      {
-        var file = params.file;
-        var formData = new FormData();
-        formData.append('uploadFile', file);
-        let _this = this
-  
-        uploadPic(formData).then(response => {
-          let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
-  
-          if(_this.fot.includes(pth) === true)
-          {
-            _this.fileList.push({name:response.data.fileName, "url":response.data.url})
-  
-          }
-  
-          else{
-            _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
-  
-          }
-        })
-  
-      },
-      /** 鍒犻櫎涓汉缁忓巻鎸夐挳鎿嶄綔 */
-      handleExperienceDelete(row) {
-        const Ids = row.id || this.ids;
-        this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
-          return delExperience(Ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        }).catch(() => {});
-      },
-      /** 鍒犻櫎鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐垫寜閽搷浣� */
-      handleCertificateDelete(row) {
-        const Ids = row.id || this.ids;
-        this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
-          return delCertificate(Ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-        }).catch(() => {});
-      },
-      /** 瀵煎嚭鎸夐挳鎿嶄綔 */
-      handleExport() {
-        this.download('/self/user/export', {
-          ...this.queryParams
-        }, `self_${new Date().getTime()}.xlsx`)
+      );
+
+
+    },
+
+    //鍥剧墖鐨勪笂浼犲強涓婁紶鎸夐挳闅愯棌
+
+
+    // 鍙栨秷鎸夐挳
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級
+    cancelDataScope() {
+      this.openDataScope = false;
+      this.reset();
+    },
+    // 琛ㄥ崟閲嶇疆
+    reset() {
+      if (this.$refs.menu != undefined) {
+        this.$refs.menu.setCheckedKeys([]);
       }
+      this.menuExpand = false,
+        this.menuNodeAll = false,
+        this.deptExpand = true,
+        this.deptNodeAll = false,
+        this.form = {
+          roleId: undefined,
+          roleName: undefined,
+          roleKey: undefined,
+          roleSort: 0,
+          status: "0",
+          menuIds: [],
+          deptIds: [],
+          menuCheckStrictly: true,
+          deptCheckStrictly: true,
+          remark: undefined
+        };
+      this.resetForm("form");
+    },
+    /** 鎼滅储鎸夐挳鎿嶄綔 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 閲嶇疆鎸夐挳鎿嶄綔 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 澶氶�夋閫変腑鏁版嵁
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      console.log(this.ids)
+      this.single = selection.length!=1
+      this.multiple = !selection.length
+    },
+
+    /** 鏂板鎸夐挳鎿嶄綔 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "鏂板濠氬Щ淇℃伅";
+    },
+
+
+    /** 鏌ョ湅璇︾粏淇℃伅 */
+    handleCheck(row){
+      const id = row.id;
+      this.$router.push("/self/self/edit/" + id);
+    },
+    /** 淇敼鎸夐挳鎿嶄綔 */
+    handleUpdate() {
+
+      let jd = true
+
+      // this.$router.push({
+      //   path:"/self/marry/edit/" + id,
+      //   query:{
+      //     detail:jd
+      //   }
+      // });
+    },
+    // 缂栬緫鎸夐挳
+    handleEdit()
+    {
+      this.dsb = false
+      this.btn = true
+      this.isShow=false
+      this.isShow_2=true
+      this.isEditing=true
+      // this.isEdit=false
+    },
+
+    handleRemoveFile(file) {
+      alert(23)
+    },
+    handleRemove(file) {
+      alert("鎿嶄綔鎴愬姛")
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    //鐐瑰嚮涓嬭浇鍑芥暟
+    handleDownload(url) {
+      var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
+
+      let lens = formData.path.split(".")
+      let suffix = lens[lens.length-1]
+      download(formData).then(async (response) => {
+        const isLogin = await blobValidate(response);
+        let nt = new Date().getTime()
+        let filename = 'selfevent_'+nt+'.'+suffix
+        const blob = new Blob([response])
+        saveAs(blob, filename)
+      })
+    },
+
+
+    /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
+    submitDataScope: function() {
+
+      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) {
+
+          addMarry(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.open = false;
+            this.getList();
+          });
+        }
+      });
+    },
+    requestUpload(params)
+    {
+      var file = params.file;
+      var formData = new FormData();
+      formData.append('uploadFile', file);
+      let _this = this
+
+      uploadPic(formData).then(response => {
+        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
+
+        if(_this.fot.includes(pth) === true)
+        {
+          _this.fileList.push({name:response.data.fileName, "url":response.data.url})
+
+        }
+
+        else{
+          _this.fileListOther.push({name:response.data.fileName, url:response.data.url})
+
+        }
+      })
+
+    },
+
+    editRow(row) {
+      this.$set(row, 'isEdit', true);
+      this.$set(this.editStatus, row.id, true);
+    },
+    //淇敼鍚庣殑淇濆瓨
+
+    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.marryList.url = ul+","+uls
+
+      this.$refs['elForm'].validate(valid => {
+        if (valid) {
+          if (this.marryList.id !== undefined) {
+            updateMarry(this.marryList).then(response => {
+              this.$modal.msgSuccess("淇敼鎴愬姛");
+              // this.open = false;
+              this.btn=false
+            });
+          } else {
+            this.$modal.msgSuccess("淇敼澶辫触");
+
+          }
+        }
+      })
+      // 鍒锋柊椤甸潰
+      // window.location.reload();
+    },
+    //涓昏缁忓巻
+    saveRowmarryList(row) {
+      this.$refs['elForm'].validate(valid => {
+        if (valid) {
+          this.oldSpouseList = this.marryList.oldSpouseList
+          const foundIndex = this.oldSpouseList.findIndex(item => item.id === row.id);
+          if (foundIndex !== -1) {
+            const updatedData = Object.assign({}, this.marryList.oldSpouseList[foundIndex], row);
+            updateMarry(updatedData).then(response => {
+              this.$modal.msgSuccess("淇敼鎴愬姛");
+            }).catch(error => {
+              this.$modal.msgError("淇敼澶辫触");
+              console.log(error);
+            });
+          } else {
+            this.$modal.msgError("淇敼澶辫触");
+          }
+        }
+      });
+      this.$set(row, 'isEdit', false);
+      this.$set(this.editStatus, row.id, false);
+    },
+
+    //闅旇鍙樿壊
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 == 0) {
+        return "statistics-warning-row1";
+      } else {
+        return "statistics-warning-row";
+      }
+    },
+    /** 鍒犻櫎涓汉缁忓巻鎸夐挳鎿嶄綔 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids;
+      this.$modal.confirm('鏄惁纭鍒犻櫎鎵�閫夋暟鎹」锛�').then(function() {
+        return delMarry(Ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+        window.location.reload();
+      }).catch(() => {});
+
+    },
+
+    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+    handleExport() {
+      this.download('/self/user/export', {
+        ...this.queryParams
+      }, `self_${new Date().getTime()}.xlsx`)
     }
-  };
-  </script>
-  
- 
\ No newline at end of file
+  }
+};
+</script>
+

--
Gitblit v1.9.1