From dc50f2d69da187bdbe38ad44516d131105f720fd Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期三, 05 四月 2023 01:58:30 +0800
Subject: [PATCH] 4.5日成长经历

---
 ruoyi-ui/src/views/bignote/familyInfo.vue |  363 ++++++++++++
 ruoyi-ui/src/views/self/show.vue          |  784 ++++++++++++++++++++++++++++
 ruoyi-ui/src/views/self/edit.vue          |  504 ++++++++++++++++++
 3 files changed, 1,651 insertions(+), 0 deletions(-)

diff --git a/ruoyi-ui/src/views/bignote/familyInfo.vue b/ruoyi-ui/src/views/bignote/familyInfo.vue
new file mode 100644
index 0000000..341b702
--- /dev/null
+++ b/ruoyi-ui/src/views/bignote/familyInfo.vue
@@ -0,0 +1,363 @@
+<template>
+    <div class="app-container">
+      <div class="form-header mt">
+        <h4 class="dt h4">璧勪骇璇︾粏淇℃伅 </h4>
+        <el-button type="primary" class="pt"  icon="el-icon-edit" @click="handleEdit()" :disabled="btn">缂栬緫</el-button>
+      </div>
+  
+      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
+        <el-form-item label="id" prop="id">
+          <el-input v-model="formData.id" placeholder="璇疯緭鍏d" :maxlength="11" show-word-limit :disabled="true"
+                    clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input>
+        </el-form-item>
+        <el-form-item label="绫诲埆" prop="type">
+          <el-select v-model="formData.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}" :disabled="dsb" >
+            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
+                       :disabled="item.disabled"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="鏍囬" prop="title">
+          <el-input v-model="formData.title" placeholder="璇疯緭鍏ユ爣棰�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+        </el-form-item>
+        <el-form-item label="瀛樺偍鍦板潃" prop="location">
+          <el-input v-model="formData.location" placeholder="璇疯緭鍏ュ瓨鍌ㄥ湴鍧�" clearable :style="{width: '100%'}" :disabled="dsb">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鎸佹湁浜�" prop="holder">
+          <el-input v-model="formData.holder" placeholder="璇疯緭鍏ユ寔鏈変汉" clearable :style="{width: '100%'}" :disabled="dsb">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="鍏蜂綋浣嶇疆" prop="address">
+          <el-input v-model="formData.address" placeholder="璇疯緭鍏ュ叿浣撲綅缃�" clearable :style="{width: '100%'}" :disabled="dsb">
+          </el-input>
+        </el-form-item>
+        <el-form-item label="澶囨敞" prop="remark">
+          <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
+        </el-form-item>
+  
+        <h4 class="form-header">鐩稿叧鍥剧墖 </h4>
+        <el-upload
+          action="#"
+          list-type="picture-card"
+          multiple
+          :http-request="requestUpload"
+          :file-list="fileList"
+        >
+          <i slot="default" class="el-icon-plus"></i>
+          <div slot="file" slot-scope="{file}">
+            <img
+              class="el-upload-list__item-thumbnail"
+              :src="file.url"
+              alt=""
+              style="width: 147px; height: 147px"
+              fit="cover"
+              :preview-src-list="[file.url]"
+            >
+            <span class="el-upload-list__item-actions">
+          <span
+            class="el-upload-list__item-preview"
+            @click="handlePictureCardPreview(file)"
+          >
+            <i class="el-icon-zoom-in"></i>
+          </span>
+          <span
+            v-if="!disabled"
+            class="el-upload-list__item-delete"
+            @click="handleDownload(file.url)"
+          >
+            <i class="el-icon-download"></i>
+          </span>
+          <span
+            v-if="!disabled"
+            class="el-upload-list__item-delete"
+            @click="handleRemove(file)"
+          >
+            <i class="el-icon-delete"></i>
+          </span>
+        </span>
+  
+  
+          </div>
+        </el-upload>
+  
+        <h4 class="form-header">鍏朵粬闄勪欢 </h4>
+        <el-upload
+          action=""
+          :file-list="fileListOther"
+          class="upload-demo"
+          multiple
+          :on-preview="handlePreview"
+  
+          :on-remove="handleRemove"
+          :http-request="requestUpload"
+          :show-file-list="true"
+        >
+          <el-button type="primary">Click to upload</el-button>
+          <template #tip>
+            <div class="el-upload__tip">
+            </div>
+          </template>
+  
+  
+        </el-upload>
+  
+        <el-form-item size="large">
+          <el-button type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button>
+        </el-form-item>
+      </el-form>
+  
+      <el-dialog  :visible.sync="dialogVisible">
+        <img w-full :src="dialogImageUrl" alt="Preview Image" />
+      </el-dialog>
+    </div>
+  </template>
+  <script>
+  import {getPropertyInfo, updateProperty, uploadPic, download, getCategory} from "@/api/note/index";
+  import {addRole, updateRole} from "@/api/system/role";
+  import {blobValidate} from "@/utils/ruoyi";
+  import errorCode from "@/utils/errorCode";
+  import {Message} from "element-ui";
+  
+  export default {
+    components: {},
+    props: [],
+    data() {
+      return {
+        cdi:"璧勪骇璇︾粏淇℃伅",
+        udi:"璧勪骇淇℃伅淇敼",
+        fot:[".jpg",".jif"],
+        fileList:[
+        ],
+        fileListOther:[
+  
+        ],
+        dsb:true,
+        btn:false,
+        formData: {
+          id: undefined,
+          type: undefined,
+          title: undefined,
+          location: undefined,
+          holder: undefined,
+          address: undefined,
+          remark: undefined,
+          url: undefined,
+        },
+        dialogImageUrl: '',
+        dialogVisible: false,
+        disabled: false,
+        rules: {
+          id: [{
+            required: true,
+            message: '璇疯緭鍏d',
+            trigger: 'blur'
+          }],
+          type: [{
+            required: true,
+            message: '璇烽�夋嫨绫诲埆',
+            trigger: 'change'
+          }],
+          title: [{
+            required: true,
+            message: '璇疯緭鍏ユ爣棰�',
+            trigger: 'blur'
+          }],
+          location: [{
+            required: true,
+            message: '璇疯緭鍏ュ瓨鍌ㄥ湴鍧�',
+            trigger: 'blur'
+          }],
+          holder: [{
+            required: true,
+            message: '璇疯緭鍏ユ寔鏈変汉',
+            trigger: 'blur'
+          }],
+          address: [{
+            required: true,
+            message: '璇疯緭鍏ュ叿浣撲綅缃�',
+            trigger: 'blur'
+          }],
+          remark: [{
+            required: true,
+            message: '璇疯緭鍏ュ娉�',
+            trigger: 'blur'
+          }],
+  
+        },
+        typeOptions: [],
+      }
+    },
+    computed: {},
+    watch: {},
+    created() {
+      const id = this.$route.params && this.$route.params.id;
+      let jd;
+      if(this.$route.query.detail!=undefined)
+      {
+        jd =  this.$route.query.detail
+        this.btn= jd
+        this.dsb = !jd
+        document.title = "淇敼璧勪骇璇︾粏淇℃伅";
+        this.$route.meta.title = "淇敼璧勪骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
+      }
+      else{
+        document.title = "鏌ョ湅璧勪骇璇︾粏淇℃伅";
+        this.$route.meta.title = "鏌ョ湅璧勪骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
+      }
+  
+      let _this = this
+      if (id) {
+        this.loading = true;
+        getPropertyInfo(id).then((response) => {
+          this.formData = response.data;
+          let paths = response.data.url.split(",");
+          for(let i = 0; i < paths.length; i++)
+          {
+            if(paths[i]!="") {
+  
+              let pth = paths[i].substr(paths[i].length - 4, paths[i].length)
+  
+              if (_this.fot.includes(pth) === true)
+                _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
+              else {
+                // alert(paths[i])
+                let nms = paths[i].split("\/")
+                let nm = nms[nms.length - 1]
+                _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]})
+              }
+            }
+          }
+          this.loading = false;
+        });
+        this.getCateInfor()
+  
+      }
+    },
+    mounted() {},
+    methods: {
+      /** 鏌ヨ绫诲埆淇℃伅 */
+      getCateInfor()
+      {
+        let _this = this
+        getCategory().then(response=>{
+  
+          response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
+            _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
+          })
+        })
+      },
+      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.formData.url = ul+","+uls
+  
+        this.$refs['elForm'].validate(valid => {
+  
+  
+          if (valid) {
+            if (this.formData.id != undefined) {
+              updateProperty(this.formData).then(response => {
+                this.$modal.msgSuccess("淇敼鎴愬姛");
+                // this.open = false;
+                this.btn=false
+              });
+            } else {
+              this.$modal.msgSuccess("淇敼澶辫触");
+  
+            }
+          }
+        })
+      },
+      resetForm() {
+        this.$refs['elForm'].resetFields()
+      },
+      handlePreview(file)
+      {
+        let formData = {'path':"/"+file.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 = 'property_'+nt+'.'+suffix
+          const blob = new Blob([response])
+          saveAs(blob, filename)
+        })
+      },
+      handleRemoveFile(file) {
+        alert(23)
+      },
+      handleRemove(file) {
+        alert(323)
+      },
+      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 = 'property_'+nt+'.'+suffix
+          const blob = new Blob([response])
+          saveAs(blob, filename)
+        })
+      },
+      handleEdit()
+      {
+        this.dsb = false
+        this.btn = true
+      },
+      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})
+  
+          }
+        })
+  
+      }
+  
+    }
+  }
+  
+  </script>
+  <style>
+  .mt
+  {
+    position: relative;
+  }
+  .dt{
+    display: block;
+  
+  }
+  .pt{
+    right: 10px;
+    top:-3px;
+    display: block;
+    position: absolute;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/self/edit.vue b/ruoyi-ui/src/views/self/edit.vue
new file mode 100644
index 0000000..65b2776
--- /dev/null
+++ b/ruoyi-ui/src/views/self/edit.vue
@@ -0,0 +1,504 @@
+<template>
+  <div class="app-container">
+    <el-col  :span="6">
+      <el-input size="medium" v-model="input" placeholder="鎼滅储" clearable>
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
+      </el-input>
+    </el-col>
+    <br>
+    <h1 style="font-size:21px">涓汉绠�鍘�</h1>
+    <el-divider />
+    <h2 style="font-size:16px">鍩烘湰淇℃伅</h2>
+
+    <el-container>
+      <div style="padding-left:30px">
+        <el-container>
+          <el-col>
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+              <el-row :span="6">
+                <el-form-item label="濮撳悕" prop="nickName">
+                  <el-input v-model="formData.nickName" placeholder="璇疯緭鍏ュ鍚�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="鏇剧敤鍚�" prop="oldName">
+                  <el-input v-model="formData.oldName" placeholder="璇疯緭鍏ユ浘鐢ㄥ悕" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="8">
+                <el-form-item label="韬唤璇佸彿" prop="idNum">
+                  <el-input v-model="formData.idNum" placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:70px">
+        <el-container>
+          <el-col >
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+              <el-row :span="6">
+                <el-form-item label="鎬у埆" prop="sex">
+                  <el-input v-model="formData.sex" placeholder="璇疯緭鍏ユ�у埆" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="姘戞棌" prop="nation">
+                  <el-input v-model="formData.nation" placeholder="璇疯緭鍏ユ皯鏃�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="8">
+                <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber">
+                  <el-input v-model="formData.phoneNumber" placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:70px">
+        <el-container>
+          <el-col>
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+              <el-row :span="6">
+                <el-form-item label="鍥界睄" prop="nationality">
+                  <el-input v-model="formData.nationality" placeholder="璇疯緭鍏ュ浗绫�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus">
+                  <el-input v-model="formData.maritalStatus" placeholder="璇疯緭鍏ュ濮荤姸鍐�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:70px;padding-top:30px">
+        <el-row :gutter="6" >
+          <el-upload ref="ref1"
+                     action=""
+                     :file-list="fileList"
+                     list-type="picture-card"
+                     accept="image/*"
+                     :auto-upload="false"
+                     :multiple="false"
+                     :limit="1">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+        </el-row>
+      </div>
+      <div style="padding-left:50px;padding-top:30px"  >
+        <el-container>
+          <el-row :span="2" style="flex-direction: column;">
+            <el-button type="primary" @click="submitForm">缂栬緫</el-button>
+            <br>
+            <el-button type="primary" @click="submitForm">瀵煎叆</el-button>
+          </el-row>
+        </el-container>
+      </div>
+    </el-container>
+    <el-container>
+      <div style="padding-left:30px">
+        <el-container>
+          <el-col>
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" label-position="left">
+              <el-row :span="15">
+                <el-form-item label="鎴风睄鍦板潃" prop="locationAddress">
+                  <el-input v-model="formData.locationAddress" placeholder="璇疯緭鍏ユ埛绫嶅湴鍧�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="15">
+                <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress">
+                  <el-input v-model="formData.alwaysAddress" placeholder="璇疯緭鍏ュ父浣忓湴鍧�" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="15">
+                <el-form-item label="鍗曚綅鍙婅亴鍔¤亴绉�" prop="unit position ">
+                  <el-input v-model="formData.unit,formData.position" placeholder="璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+      <div style="padding-left:30px">
+        <el-container>
+          <el-col>
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" label-position="left">
+              <el-row :span="12">
+                <el-form-item label="鎴风睄鍦板叕瀹夋満鍏�" prop="locationPolice">
+                  <el-input v-model="formData.locationPolice" placeholder="璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="12">
+                <el-form-item label="甯镐綇鍦板叕瀹夋満鍏�" prop=" alwaysPolice">
+                  <el-input v-model="formData. alwaysPolice" placeholder="璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧" clearable :style="{width: '100%'}">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+    </el-container>
+
+
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >涓昏瀛︿範鍙婂伐浣滅粡鍘�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+
+      <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="16"  align="center" />
+        <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" sortable width="100">
+
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+
+      <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="16"  align="center" />
+        <el-table-column label="涓庢湰浜哄叧绯�"  sortable width="270" align="center" />
+        <el-table-column label="濮撳悕"  sortable width="270" align="center" />
+        <el-table-column label="鍗曚綅鍙婅亴鍔�"  sortable width="270" align="center" />
+        <el-table-column label="鏀挎不闈㈣矊"  sortable width="270" align="center">
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <el-container>
+      <div style="width:100%"><h2 style="font-size:15px" >绉诲眳鍥斤紙澧冿級鎯呭喌</h2></div>
+
+    </el-container>
+
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+      <!--      :data =""鍐呯殑涓滆タ涓嶇煡閬撹涓嶈鏀�-->
+      <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="16"  align="center" />
+        <el-table-column label="璇佷欢鍚嶇О"  sortable width="270" align="center" />
+        <el-table-column label="鎸佹湁鎯呭喌"  sortable width="270" align="center" />
+        <el-table-column label="璇佷欢鍙风爜"  sortable width="270" align="center" />
+        <el-table-column label="鏈夋晥鏈�"  sortable width="270" align="center">
+        </el-table-column>
+      </el-table>
+    </div>
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >鍑哄浗锛堝锛夋儏鍐�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+      <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="16"  align="center" />
+        <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" sortable width="100">
+        </el-table-column>
+      </el-table>
+
+    </div>
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+
+</template>
+
+<script>
+import {getIndividualInfo, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
+  addExperience,delExperience} from "@/api/self/index";
+
+export default {
+  name: 'edit',
+  components: {},
+  props: [],
+
+  data() {
+    return {
+      input: '',
+      filelist: [],
+
+      // 閬僵灞�
+      disabled: false,
+
+      loading: true,
+      // formData:[],
+      // 閫変腑鏁扮粍
+      ids: [],
+      // 闈炲崟涓鐢�
+      single: true,
+      // 闈炲涓鐢�
+      multiple: true,
+      // 鏄剧ず鎼滅储鏉′欢
+      showSearch: true,
+      // 鎬绘潯鏁�
+      total: 0,
+      // 涓汉缁忓巻鏁版嵁
+      experiencelList: [],
+      // 寮瑰嚭灞傛爣棰�
+      title: "",
+      // 鏄惁鏄剧ず寮瑰嚭灞�
+      open: false,
+      // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛�
+      openDataScope: false,
+      menuExpand: false,
+      menuNodeAll: false,
+      deptExpand: true,
+      deptNodeAll: false,
+      // 鏃ユ湡鑼冨洿
+      dateRange: [],
+      // 鏁版嵁鑼冨洿閫夐」
+      fot:[".jpg",".jif"],
+      fileList:[
+      ],
+      fileListOther:[
+
+      ],
+      dsb:true,
+      btn:false,
+
+      formData: {
+        userId:undefined,
+        nickName: undefined,
+        oldName: undefined,
+        sex: undefined,
+        nationality: undefined,
+        nation: undefined,
+        maritalStatus: undefined,
+        idNum: undefined,
+        politicalOutlook: undefined,
+        phoneNumber: undefined,
+        locationAddress: undefined,
+        alwaysPolice: undefined,
+        alwaysAddress: undefined,
+        unit:undefined,
+        position: undefined,
+        locationPolice: undefined,
+        outStatus:undefined,
+        url: undefined,
+      },
+      rules: {
+        nickName: [{
+          required: true,
+          message: '璇疯緭鍏ュ鍚�',
+          trigger: 'blur'
+        }],
+        sex: [{
+          required: true,
+          message: '璇疯緭鍏ユ�у埆',
+          trigger: 'blur'
+        }],
+        nationality: [{
+          required: true,
+          message: '璇疯緭鍏ュ浗绫�',
+          trigger: 'blur'
+        }],
+        oldName: [{
+          required: true,
+          message: '璇疯緭鍏ユ浘鐢ㄥ悕',
+          trigger: 'blur'
+        }],
+        nation: [{
+          required: true,
+          message: '璇疯緭鍏ユ皯鏃�',
+          trigger: 'blur'
+        }],
+        idNum: [{
+          // required: true,
+          message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
+          trigger: 'blur'
+        }],
+        maritalStatus: [{
+          // required: true,
+          message: '璇疯緭鍏ュ濮荤姸鍐�',
+          trigger: 'blur'
+        }],
+        phoneNumber: [{
+          // required: true,
+          message: '璇疯緭鍏ヨ仈绯绘柟寮�',
+          trigger: 'blur'
+        }],
+        locationAddress: [{
+          // required: true,
+          message: '璇疯緭鍏ユ埛绫嶅湴鍧�',
+          trigger: 'blur'
+        }],
+        locationPolice: [{
+          // required: true,
+          message: '璇疯緭鍏ユ埛绫嶅湴鍏畨鏈哄叧',
+          trigger: 'blur'
+        }],
+        alwaysAddress: [{
+          // required: true,
+          message: '璇疯緭鍏ュ父浣忓湴鍧�',
+          trigger: 'blur'
+        }],
+        alwaysPolice: [{
+          // required: true,
+          message: '璇疯緭鍏ュ父浣忓湴鍏畨鏈哄叧',
+          trigger: 'blur'
+        }],
+        unit: [{
+          // required: true,
+          trigger: 'blur'
+        }],
+        position: [{
+          // required: true,
+          message: '璇疯緭鍏ュ崟浣嶅強鑱屽姟鑱岀О',
+          trigger: 'blur'
+        }],
+      },
+
+      // 鏌ヨ鍙傛暟
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        startDate:undefined,
+        content:undefined,
+        witness:undefined,
+        createTime:undefined
+      },
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.getList();
+    // this.getCateInfor()
+  },
+  mounted() {},
+  methods: {
+    submitForm() {
+      this.$refs['elForm'].validate(valid => {
+        if (!valid) return
+        // TODO 鎻愪氦琛ㄥ崟
+      })
+    },
+    resetForm() {
+      this.$refs['elForm'].resetFields()
+    },
+    fillFormData(){
+      let formData = new FormData();
+      let photo = this.$refs['ref1'].uploadFiles[0];
+      if(photo===undefined){
+        this.$message.error("璇烽�夋嫨鐓х墖");
+        return false;
+      }
+      if(photo!==undefined){
+        formData.append('鐓х墖', photo.raw);//鏍规嵁鍚庣闇�瑕佺殑鍙傛暟杩涜鐩稿簲鏇存敼锛屽ぇ澶氭槸鏂囦欢鏍煎紡
+      }
+      return formData;
+    },
+    dialogConfirm() {
+      let formData=this.fillFormData();
+      if(this.dialogMode ==='edit_pic'){//dialogMode鐢ㄤ簬鍒ゆ柇褰撳墠鏃舵坊鍔犺繕鏄紪杈�
+        this.api.update(formData).then(res => {//璋冪敤淇敼鎺ュ彛
+          if (res.data.code == "OK") {
+            this.$message({
+              type: "success",
+              message: "淇敼鎴愬姛!",
+              duration:5000
+            });
+            this.fileList=[];
+          } else {
+            this.$message.error(res.data.message);
+          }
+        },()=>{
+          this.$message.error("淇敼澶辫触");
+        }).finally(()=>{
+        });
+      }else{
+        this.api.insert(formData).then(res => {//娣诲姞鎺ュ彛
+          if (res.data.code == "OK") {
+            this.$message({
+              type: "success",
+              message: "鏂板缓鎴愬姛!",
+              duration:5000
+            });
+            this.fileList=[];
+          } else {
+            this.$message.error(res.data.message);
+          }
+        },()=>{
+          this.$message.error("鏂板缓澶辫触");
+        }).finally(()=>{
+        });
+      }
+    },
+    //鐐瑰嚮缂栬緫鏃跺浘鐗囧洖鏄�
+    edit_pic(info){//info=>鍚庡彴鎺ュ彛杩斿洖鐨勬暟鎹�
+      let url=this.baseUrl+info.photo//url鐨勫湴鍧�鏍规嵁椤圭洰瀹為檯闇�瑕侊紝info.photo=>鍥剧墖璺緞,this.baseUrl=>涓婁紶鐨勭綉缁滃湴鍧�
+      this.fileList=[];
+      this.fileList.push({
+        'url': url
+      })
+      this.dialogMode='edit_pic';//璁剧疆涓虹紪杈�
+    },
+    onCreateNew(){
+      this.fileList=[];
+      this.dialogMode='create';//璁剧疆涓烘坊鍔�
+    },
+    /** 涓汉淇℃伅鍒楄〃 */
+    getList() {
+      this.loading = true;
+      // console.log(this.queryParams)
+      //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listExperience(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          this.experiencelList = response.data.data;
+
+          this.total = response.data.total;
+          this.loading = false;
+        }
+
+      );
+    },
+
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/ruoyi-ui/src/views/self/show.vue b/ruoyi-ui/src/views/self/show.vue
new file mode 100644
index 0000000..8441e99
--- /dev/null
+++ b/ruoyi-ui/src/views/self/show.vue
@@ -0,0 +1,784 @@
+<template>
+  <div class="app-container">
+    <el-col  :span="6" >
+      <el-input size="medium" v-model="input" placeholder="鎼滅储" clearable>
+        <i slot="prefix" class="el-input__icon el-icon-search"></i>
+      </el-input>
+    </el-col>
+    <br>
+    <h1 style="font-size:21px;padding-top:30px">涓汉绠�鍘�</h1>
+    <el-divider />
+<!--    鍩烘湰淇℃伅-->
+    <h2 style="font-size:16px">鍩烘湰淇℃伅</h2>
+
+<!--      <el-column prop="nickName" label="濮撳悕"></el-column>-->
+
+    <el-container>
+<!--      <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>-->
+      <div style="padding-left:30px">
+
+<!--        <el-form-item label="userId" prop="userId">-->
+<!--          <el-select v-model="formDat.userId"  clearable :style="{width: '100%'}"  >-->
+<!--            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"-->
+<!--            ></el-option>-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+
+        <el-container>
+          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+              <el-row :span="6">
+                <el-form-item label="濮撳悕" prop="nickName">
+                  <el-input v-model="formData.nickName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="鏇剧敤鍚�" prop="oldName">
+                  <el-input v-model="formData.oldName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="8">
+                <el-form-item label="韬唤璇佸彿" prop="idNum">
+                  <el-input v-model="formData.idNum" 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:70px">
+        <el-container>
+          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left">
+              <el-row :span="6">
+                <el-form-item label="鎬у埆" prop="sex">
+                  <el-input v-model="formData.sex" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="姘戞棌" prop="nation">
+                  <el-input v-model="formData.nation" placeholder="" clearable :style="{width: '100%'}":disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="8">
+                <el-form-item label="鑱旂郴鏂瑰紡" prop="phoneNumber">
+                  <el-input v-model="formData.phoneNumber" 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:70px">
+        <el-container>
+          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="70px" label-position="left":disabled="dsb">
+              <el-row :span="6">
+                <el-form-item label="鍥界睄" prop="nationality">
+                  <el-input v-model="formData.nationality" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="6">
+                <el-form-item label="濠氬Щ鐘跺喌" prop="maritalStatus">
+                  <el-input v-model="formData.maritalStatus" 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:90px;padding-top:30px">
+        <el-row :gutter="6" >
+          <el-upload ref="ref1"
+                     action=""
+                     :file-list="fileList"
+                     list-type="picture-card"
+                     accept="image/*"
+                     :auto-upload="false"
+                     :multiple="false"
+                     :limit="1">
+            <i class="el-icon-plus"></i>
+          </el-upload>
+        </el-row>
+      </div>
+      <div style="padding-left:50px;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 :span="2" style="flex-direction: column;">
+            <el-button
+              type="primary"
+              @click="edit(scope.row)"
+              v-hasPermi="['system:role:edit']"
+
+
+            >缂栬緫</el-button>
+            <br>
+            <el-button type="primary" @click="submitForm">瀵煎叆</el-button>
+          </el-row>
+        </el-container>
+      </div>
+<!--      </el-dialog>-->
+    </el-container>
+    <el-container>
+      <div style="padding-left:30px">
+        <el-container>
+          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="110px" label-position="left">
+              <el-row :span="15">
+                <el-form-item label="鎴风睄鍦板潃" prop="locationAddress">
+                  <el-input v-model="formData.locationAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="15">
+                <el-form-item label="甯镐綇鍦板潃" prop="alwaysAddress">
+                  <el-input v-model="formData.alwaysAddress" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="15">
+                <el-form-item label="鍗曚綅鍙婅亴鍔¤亴绉�" prop="unit position ">
+                  <el-input v-model="formData.unit,formData.position" 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">
+        <el-container>
+          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
+            <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="110px" label-position="left">
+              <el-row :span="12">
+                <el-form-item label="鎴风睄鍦板叕瀹夋満鍏�" prop="locationPolice">
+                  <el-input v-model="formData.locationPolice" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+              <el-row :span="12">
+                <el-form-item label="甯镐綇鍦板叕瀹夋満鍏�" prop="alwaysPolice">
+                  <el-input v-model="formData. alwaysPolice" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
+                  </el-input>
+                </el-form-item>
+              </el-row>
+
+            </el-form>
+          </el-col>
+        </el-container>
+      </div>
+    </el-container>
+
+<!--    涓昏瀛︿範鍙婂伐浣滅粡鍘�-->
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >涓昏瀛︿範鍙婂伐浣滅粡鍘�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+    <el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="25"  align="center" />
+      <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">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:role:edit']"
+          >淇敼</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(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>
+    </div>
+<!--    瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�-->
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�</h2></div>
+        <el-button type="primary" icon="el-icon-edit" round></el-button>
+        <el-button type="primary" icon="el-icon-delete" round></el-button>
+      </el-container>
+        <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="25"  align="center" />
+          <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" />
+          <el-table-column label="鏀挎不闈㈣矊" prop="politicalOutlook" sortable width="260" align="center"/>
+          <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"
+                @click="handleUpdate(scope.row)"
+                v-hasPermi="['system:role:edit']"
+              >淇敼</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleDelete(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>
+    </div>
+
+  <!--    绉诲眳鍥斤紙澧冿級鎯呭喌-->
+    <div>
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >绉诲眳鍥斤紙澧冿級鎯呭喌</h2></div>
+      </el-container>
+
+      <div style="width:100%">
+        <el-container>
+          <span style="font-size:15px" >鏄惁鎷ユ湁澶栫睄銆佸澶栧眳鐣欐潈銆侀暱鏈熷眳鐣欒鍙�</span>
+          <el-radio v-model="formData.outStatus" label="1">鏄�</el-radio>
+          <el-radio v-model="formData.outStatus" label="0">鍚�</el-radio>
+        </el-container>
+      </div>
+      <div style="padding-top:20px">
+        <el-container>
+          <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="80px" label-position="left">
+              <el-form-item label="璇佷欢鍙风爜" prop="idNo">
+                <el-input v-model="formData.idNo" placeholder="" clearable  :disabled="dsb">
+                </el-input>
+              </el-form-item>
+          </el-form>
+        </el-container>
+      </div>
+    </div>
+
+  <!--    鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�-->
+      <div style="padding-top:30px">
+        <el-container>
+          <div style="width:100%"><h2 style="font-size:15px" >鎸佹湁鍑哄叆澧冭瘉浠舵儏鍐�</h2></div>
+          <el-button type="primary" icon="el-icon-edit" round></el-button>
+          <el-button type="primary" icon="el-icon-delete" round></el-button>
+        </el-container>
+        <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="25"  align="center" />
+          <el-table-column label="璇佷欢鍚嶇О"  sortable width="280" align="center" />
+          <el-table-column label="鎸佹湁鎯呭喌"  sortable width="280" align="center" />
+          <el-table-column label="璇佷欢鍙风爜"  sortable width="280" align="center" />
+          <el-table-column label="鏈夋晥鏈�"  sortable width="280" align="center">
+          </el-table-column>
+        </el-table>
+
+
+      </div>
+
+
+  <!--    鍑哄浗锛堝锛夋儏鍐�-->
+
+      <div style="padding-top:30px">
+        <el-container>
+          <div style="width:100%"><h2 style="font-size:15px" >鍑哄浗锛堝锛夋儏鍐�</h2></div>
+          <el-button type="primary" icon="el-icon-edit" round></el-button>
+          <el-button type="primary" icon="el-icon-delete" round></el-button>
+        </el-container>
+        <el-table v-loading="loading" :data="experiencelList" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="25"  align="center" />
+          <el-table-column label="璧锋鏃ユ湡" prop="startDate" sortable width="350" align="center" />
+          <el-table-column label="鎵�鍒板浗瀹舵垨鑰呭湴鍖�" prop="content" sortable width="350" align="center" />
+          <el-table-column label="浜嬬敱锛堟梾娓搞�佽蛋璁裤�佹帰浜层�佺户鎵胯储浜с�佸叾浠栵級" prop="witness" sortable width="400" align="center" />
+
+        </el-table>
+
+      </div>
+
+
+<!--    鑷紶-->
+    <div style="padding-top:30px">
+      <el-container>
+        <div style="width:100%"><h2 style="font-size:15px" >鑷紶</h2></div>
+      </el-container>
+      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="0~3宀�(濠村効鏈�)" name="first"></el-tab-pane>
+        <el-tab-pane label="6~12(灏忓)" name="second"></el-tab-pane>
+        <el-tab-pane label="12~15(鍒濅腑)" name="third"></el-tab-pane>
+        <el-tab-pane label="15~18(楂樹腑)" name="fourth"></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>
+      </el-tabs>
+
+<!--      <el-card class="box-card">-->
+<!--        <div slot="header" class="clearfix">-->
+<!--          <el-button type="primary" round>0~3宀�(濠村効鏈�)</el-button>-->
+<!--          <el-button type="primary" round>6~12(灏忓)</el-button>-->
+<!--          <el-button type="primary" round>12~15(鍒濅腑)</el-button>-->
+<!--          <el-button type="primary" round>15~18(楂樹腑)</el-button>-->
+<!--          <el-button type="primary" round>18~22(澶у)</el-button>-->
+<!--          <el-button type="primary" round>22~25(鐮旂┒鐢�)</el-button>-->
+<!--          <el-button type="primary" round>26~ (宸ヤ綔)</el-button>-->
+<!--          <el-button type="primary" round>锛熷瞾缁撳</el-button>-->
+<!--          <el-button style="float: right; padding: 3px 0" type="text">鎿嶄綔鎸夐挳</el-button>-->
+<!--        </div>-->
+<!--        <div v-for="o in 4" :key="o" class="text item">-->
+<!--          {{ }}-->
+<!--        </div>-->
+<!--      </el-card>-->
+
+
+    </div>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+
+
+
+  </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 {getIndividualList, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
+  addExperience,delExperience} from "@/api/self/index";
+export default {
+  name: "show",
+  dicts: ['sys_normal_disable'],
+  data() {
+    return {
+      // 閬僵灞�
+      disabled: false,
+
+      loading: true,
+      formData:[],
+      // 閫変腑鏁扮粍
+      ids: [],
+      // 闈炲崟涓鐢�
+      single: true,
+      // 闈炲涓鐢�
+      multiple: true,
+      // 鏄剧ず鎼滅储鏉′欢
+      showSearch: true,
+      // 鎬绘潯鏁�
+      total: 0,
+      //涓汉淇℃伅鏁版嵁
+      individualList:[],
+      // 涓汉缁忓巻鏁版嵁
+      experienceList: [],
+      //瀹跺涵鎴愬憳鍏崇郴鏁版嵁
+      relationList:[],
+
+      // 寮瑰嚭灞傛爣棰�
+      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,
+      //涓汉鑷紶
+      activeName: 'second',
+
+      formDat: {
+        //涓汉鍩烘湰淇℃伅
+        nickName: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,
+        birth:undefined,
+
+        //涓昏瀛︿範鍙婂伐浣滅粡鍘�
+        id:undefined,
+        userId:undefined,
+        startDate:undefined,
+        content:undefined,
+        witness:undefined,
+        remark: undefined,
+        //瀹跺涵鎴愬憳鍙婁富瑕佺ぞ浼氬叧绯绘儏鍐�
+
+        relation: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: [],
+    };
+  },
+  created() {
+    this.getList();
+    //   this.getCateInfor()
+
+  },
+  methods: {
+    // 鍙栨秷鎸夐挳
+    cancelData() {
+      this.open = false;
+      this.reset();
+    },
+    //缂栬緫鎸夐挳
+    edit(row){
+      const id= row.id;
+      this.reset();
+      // this.$router.push('/self/self/edit')
+      this.title='缂栬緫涓汉淇℃伅';
+      this.$router.push('/family2/self/edit/' + id);
+    },
+    //涓汉鑷紶
+    handleClick(tab, event) {
+      console.log(tab, event);
+    },
+
+    /** 鏌ヨ瑙掕壊鍒楄〃 */
+    //鍒楄〃鏄剧ず瀹跺ぇ浜嬭
+
+    getList() {
+      this.loading = true;
+      // console.log(this.queryParams)
+      //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
+      listExperience(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          this.experienceList = response.data.data;
+
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+      getIndividualRelation(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          this.relationList = response.data.data;
+
+          this.total = response.data.total;
+          this.loading = false;
+        }
+      );
+      getIndividualList(this.queryParams).then(response => {
+          //  alert(123)
+          //   console.log(response.data)
+          this.individualList = response.data.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("/family1/bignote/familyeventInfo/" + id);
+    },
+    /** 淇敼鎸夐挳鎿嶄綔 */
+    handleUpdate(row) {
+      const id = row.id;
+      let jd = true
+
+      this.$router.push({
+        path:"/self/self/edit" + id,
+        query:{
+          detail:jd
+        }
+      });
+    },
+
+
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */
+    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) {
+
+          addFamilyevent(this.formDat).then(response => {
+            this.$modal.msgSuccess("鏂板鎴愬姛");
+            this.open = false;
+            this.getList1();
+          });
+        }
+      });
+    },
+    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})
+
+        }
+      })
+
+    },
+    /** 鍒犻櫎鎸夐挳鎿嶄綔 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids;
+      this.$modal.confirm('鏄惁纭鍒犻櫎搴忓彿涓�"' + Ids + '"鐨勬暟鎹」锛�').then(function() {
+        return delFamilyevent(Ids);
+      }).then(() => {
+        this.getList1();
+        this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+      }).catch(() => {});
+    },
+    /** 瀵煎嚭鎸夐挳鎿嶄綔 */
+    handleExport() {
+      this.download('/family/zfEvent/export', {
+        ...this.queryParams
+      }, `zfEvent_${new Date().getTime()}.xlsx`)
+    }
+  }
+};
+</script>
+

--
Gitblit v1.9.1