新增婚姻、隐私模块

linwenling

2023-05-25 adbcf8cae1885a88d68079ef6df085aa19c858de

新增婚姻、隐私模块

 ruoyi-ui/src/api/marry/edit.vue

New file
@@ -0,0 +1,505 @@
<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>
  

 ruoyi-ui/src/api/marry/index.vue

New file
@@ -0,0 +1,830 @@
<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>


              </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;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>


              </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> -->

    <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>
  

              </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>
    
    </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";
  
  
  
  //在system/note/index.js中导入接口函数  --接好了
  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: [],
      };
    },
    created() {
      this.getList()
    },
    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)
            this.marryList = response.data;
            this.total = response.data.total;
            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`)
      }
    }
  };
  </script>
  
 

 ruoyi-ui/src/router/index.js

@@ -179,6 +179,23 @@
      }
    ]
  },
  //藏心密语
  {
    path: '/self/secret',
    component: Layout,
    // permissions: [],
    hidden: true,
    permissions: ['self:secret:info'],

    children: [
      {
        path: 'secretInfo/:id(\\d+)',
        component: () => import('@/views/secret/secretInfo'),
        name: 'secretInfo',
        meta: { title: '隐私详情',activeMenu: '/self/zsecret'}
      }
    ]
  },
  //家庭收支台账
  {
    path: '/familymodel/economy',

 ruoyi-ui/src/views/marry/edit.vue

New file
@@ -0,0 +1,505 @@
<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>
  

 ruoyi-ui/src/views/marry/index.vue

New file
@@ -0,0 +1,830 @@
<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>


              </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;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>


              </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> -->

    <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>
  

              </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>
    
    </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";
  
  
  
  //在system/note/index.js中导入接口函数  --接好了
  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: [],
      };
    },
    created() {
      this.getList()
    },
    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)
            this.marryList = response.data;
            this.total = response.data.total;
            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`)
      }
    }
  };
  </script>
  
 

 ruoyi-ui/src/views/secret/index.vue

New file
@@ -0,0 +1,727 @@
<template>
    <div class="app-container" style="opacity: 1;">
      <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
  
        <el-form-item label="时间" >
          <el-date-picker
            v-model="queryParams.happenTime"
            style="width: 240px;"
            value-format="yyyy-MM-dd HH-MM"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="类别" prop="type">
          <el-input
            v-model="queryParams.type"
            placeholder="请输入类别"
            clearable
            style="width: 240px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
  
        <el-form-item label="账号" prop="useFor">
          <el-input
            v-model="queryParams.useFor"
            placeholder="请输入账号"
            clearable
            style="width: 240px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item>
          <el-button  size="mini" @click="handleQuery" style=" width: 65px; height: 32px;background: #FFDDE3;border-radius:6px 6px 6px 6px;opacity:1;">搜索</el-button>
          <el-button  size="mini" @click="resetQuery" style=" width: 65px;height: 32px; background: #FFDDE3; border-radius:6px 6px 6px 6px;opacity: 1;">重置</el-button>
        </el-form-item>
      </el-form>
  
      <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="danger"
            plain
            icon="el-icon-delete"
            size="mini"
            :disabled="multiple"
            @click="handleDelete"
            v-hasPermi="['system:role:remove']"
          >删除</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>
        <el-col :span="1.5">
          <el-button
            type="warning"
            plain
            icon="el-icon-download"
            size="mini"
            @click="handleExportTemplate"
            v-hasPermi="['family:note:export']"
          >导入模板下载</el-button>
        </el-col>
        <el-col :span="1.2">
          <el-upload
            action=""
            class="upload-demo"
            :show-file-list="false"
            :http-request="handleEnport"
          >
            <el-button size="mini"   type="primary"
                       plain
                       icon="el-icon-plus" >导入</el-button>
  
          </el-upload>
        </el-col>
        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      </el-row>
      

      <el-table v-loading="loading" :data="secretList"  :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" @row-click="handleCheck" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
        <el-table-column type="selection"  :reserve-selection="true" width="55"  align="center" />
        <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/>
        <el-table-column label="发生时间" prop="happenTime" sortable width="100" align="center">
          <template slot-scope="scope">{{scope.row.happenTime? scope.row.createTime: '————'}}</template>
        </el-table-column>
        <el-table-column label="类型" prop="type" sortable width="100" />
        <el-table-column label="账号" prop="accNo" sortable width="100" />
        <el-table-column label="有效期" prop="validityDate" sortable width="100" align="center">
          <template slot-scope="scope">{{scope.row.createTime? scope.row.createTime: '————'}}</template>
        </el-table-column>
        <el-table-column label="密码" prop="password" sortable width="100" />
        <el-table-column label="是否开启指纹" prop="isFinger" sortable width="120" >
            <template slot-scope="scope">{{scope.row.isFinger===1 ?'是': '否'}}</template>
        </el-table-column>>
        <el-table-column label="是否开启人脸" prop="isFace" sortable width="120" >
            <template slot-scope="scope">{{scope.row.isFace===1 ?'是': '否'}}</template>
        </el-table-column>
        <el-table-column label="私有/公有" prop="isPrivate" sortable width="100" >
          <template slot-scope="scope">{{scope.row.isFace===1 ?'私有': '公有'}}</template>
        </el-table-column>
        <el-table-column label="存放位置" prop="location" sortable width="100" > 
          <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template>
        </el-table-column>
        <el-table-column label="备注" prop="remark" sortable width="100" >
          <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
        </el-table-column>
        <el-table-column label="电子文件" prop="url" align="center" sortable  width="110" >
          <template slot-scope="scope" >
            <img
              class="el-upload-list__item-thumbnail"
              src="../../assets/images/deviceLis.png"
              alt=""
              style="width: 35px; height: 35px;"
              fit="cover"
              v-if="scope.row.url !== ','"
            >
            <img
              class="el-upload-list__item-thumbnail"
              src="../../assets/images/deviceA.png"
              alt=""
              style="width: 35px; height: 35px;"
              fit="cover"
              v-if="scope.row.url === ','"
            >
          </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"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['familymodel:economy:info']"
            >修改</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="['familymodel:economy:info']">
              <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>
  
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
        style="background: #FEF7FC;"
      />
  
      <!-- 添加或修改资产信息配置对话框 -->
      <!-- 设备名称、时间、购买人、事项内容、存放地点、备注、电子文件 -->
      <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
        <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
              
          <el-form-item label="时间" prop="happenTime">
            <el-date-picker
              v-model='formDat.happenTime'
              type='date'
              placeholder='选择日期'
            ></el-date-picker>
          </el-form-item>
            <el-form-item label="类别" prop="type">
            <el-input v-model="formDat.type" placeholder="请输入类别" clearable :style="{width: '100%'}" ></el-input>
          </el-form-item>
          <el-form-item label="账号" prop="accNo">
            <el-input v-model="formDat.accNo" placeholder="请输入账号" clearable :style="{width: '100%'}" ></el-input>
          </el-form-item>
            
          <el-form-item label="有效期" prop="validityDate">
            <el-date-picker
              v-model='formDat.validityDate'
              type='date'
              placeholder='选择日期'
            ></el-date-picker>
          </el-form-item>
          <el-form-item label="密码" prop="password">
            <el-input v-model="formDat.password" placeholder="请输入密码" clearable :style="{width: '100%'}" ></el-input>
          </el-form-item>
          <el-form-item label="是否开启指纹" prop="isFinger">
            <el-select v-model="formDat.isFinger" placeholder="请选择是/否" 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-form-item label="是否开启人脸" prop="isFace">
            <el-select v-model="formDat.isFace" placeholder="请选择是/否" 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-form-item label="私有/公有" prop="isPrivate">
            <el-select v-model="formDat.isPrivate" placeholder="请选择私有/公有" clearable :style="{width: '100%'}"  >
              <el-option v-for="(item, index) in typeOptions1" :key="index" :label="item.label" :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>
  

          <el-form-item label="存放位置" prop="location">
            <el-input v-model="formDat.location" placeholder="请输入存放位置" clearable :style="{width: '100%'}" >
            </el-input>
          </el-form-item>

          <el-form-item label="备注" prop="remark">
            <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></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: 126px; height: 126px"
                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="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-remove="handleRemove"
            :http-request="requestUpload"
            :show-file-list="true"
          >
            <el-button type="primary">上传</el-button>
            <template #tip>
              <div class="el-upload__tip">
              </div>
            </template>
          </el-upload>
  
        </el-form>
        <h4 class="form-header"> </h4>
  
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitDataScope">确 定</el-button>
          <el-button @click="cancelData">取 消</el-button>
        </div>
      </el-dialog>
  
      <!-- 分配角色数据权限对话框 -->
      <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body>
  
      </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";
  
  
  
  //在system/note/index.js中导入接口函数  --接好了
  import {listSecret,enload,getEconomyInfo,delSecret, addSecret, uploadPic} from "@/api/secret/index";
  
  export default {
    name: "Role",
    dicts: ['sys_normal_disable'],
    data() {
      return {
        // 遮罩层
        disabled: false,
        loading: true,
        formData:[],
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 家大事记表格数据
        economyList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 是否显示弹出层（数据权限）
        openDataScope: false,
        menuExpand: false,
        menuNodeAll: false,
        deptExpand: true,
        deptNodeAll: false,
        // 日期范围
        dateRange: [],
        // 数据范围选项
        fot:[".jpg",".jif"],
        fileList:[
        ],
        fileListOther:[
  
        ],
        dsb:true,
        btn:false,
        formDat: {
          type: undefined,
          happenTime: undefined,
          accNo:undefined,
          validityDate:undefined,
          password:undefined,
          validityDate:undefined,
          isFinger:undefined,
          isFace:undefined,
          isPrivate:undefined,
          location:undefined,
          remark: undefined,
          url: undefined,
        },
        // 菜单列表
        menuOptions: [],
        // 部门列表
        deptOptions: [],
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          type:undefined,
          accNo:undefined,
          createTime:undefined,
  
        },
        // 表单参数
        form: {},
        defaultProps: {
          children: "children",
          label: "label"
        },
        // 表单校验
        rules: {
            password: [{
            required: true,
            message: '请输入密码',
            trigger: 'blur'
          }],
  
          accNo: [{
            required: true,
            message: '请输入账号',
            trigger: 'blur'
          }],
          type: [{
            required: true,
            message: '请选择基金/台账',
            trigger: 'change'
          }],
          isFinger: [{
            required: true,
            message: '请选择是否',
            trigger: 'change'
          }],
          isFace: [{
            required: true,
            message: '请选择是否',
            trigger: 'change'
          }],
          isPrivate: [{
            required: true,
            message: '请选择是否',
            trigger: 'change'
          }],

          validityDate: [{
            // required: true,
            message: '请选择有效期',
            trigger: 'change'
          }],
          happenTime: [{
            required: true,
            message: '请选择有效期',
            trigger: 'change'
          }],

        },

        typeOptions: [
          {
            value: '0',
            label: '否',
          },
          {
            value: '1',
            label: '是',
          }
        ],
        typeOptions1: [
          {
            value: '0',
            label: '公有',
          },
          {
            value: '1',
            label: '私有',
          }
        ]
      };
    },
    created() {
      this.getList();
      this.getCateInfor()
  
    },
    methods: {
  
      //基金/台账的选择
      getSrc1(type) {
        if (type === 0) {
          return '基金'
        }else {
          return '台账'
        }
      },
  
      getSrc2(kind) {
        if (kind == 0) {
          return '现金'
        }else  {
          return '自动扣划'
        }
      },
  
      // 取消按钮
      cancelData() {
        this.open = false;
        this.reset();
      },
  
      //隔行变色
      tableRowClassName({ row, rowIndex }) {
        if (rowIndex % 2 == 0) {
          return "statistics-warning-row1";
        } else {
          return "statistics-warning-row";
        }
      },
  
      /** 查询角色列表 */
      //列表显示家大事记
  
  
      getList() {
        this.loading = true;
        this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0]
        this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1]
        // console.log(this.queryParams)
        //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
  
            listSecret(this.queryParams).then(response => {
            //  alert(123)
            //   console.log(response.data)
            this.secretList = response.data.data;
            this.total = response.data.total;
            this.loading = false;
          }
        );
      },
      handleRemove(file) {
        for(let i = 0; i < this.fileListOther.length; i++)
        {
          if(this.fileListOther[i].url==file.url)
            this.$delete(this.fileListOther,i);
        }
      },

      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      getRowId(row)
      {
        return row.id
      },
      // 取消按钮（数据权限）
      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/secret/secretInfo/" + id);
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        const id = row.id;
        let jd = true
  
        this.$router.push({
          path:"/self/secret/secretInfo/" + 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) {
  
            addSecret(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})
  
          }
        })
  
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const Ids = row.id || this.ids;
        this.$modal.confirm('是否确认删除所选的数据项？').then(function() {
          return delSecret(Ids);
        }).then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        }).catch(() => {});
      },
      /** 导出按钮操作 */
      handleExport() {
        const Ids = this.ids;
  
        if(Ids.length==0)
        {
        this.download('/zSecret/export', {
          ...this.queryParams
        }, `zSecret_${new Date().getTime()}.xlsx`)
        }else
        {
          this.download('/zSecret/export1/'+Ids, {
          }, `zSecret_${new Date().getTime()}.xlsx`)
        }
      }
    ,
    handleExportTemplate(){
        this.download('/zSecret/model', {
  
        }, `zSecret_${new Date().getTime()}.xlsx`)
    },
    /** 导入操作*/
    handleEnport(params){
      var file = params.file;
      var formData = new FormData();
      formData.append('excelImport', file);
      let _this = this
      alert(file)
      enload(formData).then(response => {
        _this.getList();
        Message({ message: "导入成功", type: 'warning' })
  
      }).catch(err)
      {
        Message({ message: "导入失败", type: 'error' })
      }
  
    }
    }
  
  };
  </script>
  
  <style>
  .el-table__row.statistics-warning-row {
    background: #E0EEFE;
  
  }
  .el-table__row.statistics-warning-row1 {
    background: #FFEFF2;
  
  }
  </style>
  

 ruoyi-ui/src/views/secret/secretInfo.vue

New file
@@ -0,0 +1,449 @@
<template>
    <div class="app-container">
      <div class="form-header mt">
        <h4 class="dt h4">隐私详细信息 </h4>
       
      </div>
  
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px">
        <el-form-item label="发生时间" prop="happenTime">
          <el-input v-model="formData.happenTime" placeholder="请选择时间" clearable :style="{width: '100%'}" :disabled="dsb"></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-select>
        </el-form-item>
        <el-form-item label="有效期" prop="validityDate">
          <el-input v-model="formData.validityDate" placeholder="请选择时间" clearable :style="{width: '100%'}" :disabled="dsb"></el-input>
        </el-form-item>
        <el-form-item label="账号" prop="accNo">
          <el-input v-model="formData.accNo" placeholder="请输入用途" clearable :style="{width: '100%'}" :disabled="dsb">
          </el-input>
        </el-form-item>
        <el-form-item label="密码" prop="password">
          <el-input v-model="formData.password" placeholder="请输入使用人" clearable :style="{width: '100%'}" :disabled="dsb">
          </el-input>
        </el-form-item>
        <el-form-item label="是否开启指纹" prop="isFinger">
          <el-input v-model="formData.isFinger" placeholder="请输入持有人" clearable :style="{width: '100%'}" :disabled="dsb">
          </el-input>
        </el-form-item>
        <el-form-item label="是否开启人脸" prop="isFace">
          <el-input v-model="formData.isFace" placeholder="请选择现金/自动划扣" clearable :style="{width: '100%'}" :disabled="dsb">
            </el-input>
        </el-form-item>
        <el-form-item label="私有/公有" prop="isPrivate">
          <el-input v-model="formData.isPrivate" 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
            v-if="isShow"
            class="el-upload-list__item-preview"
            @click="handlePictureCardPreview(file)"
          >
            <i class="el-icon-zoom-in"></i>
          </span>
          <span
            v-if="isShow"
            class="el-upload-list__item-delete"
            @click="handleDownload(file.url)"
          >
            <i class="el-icon-download"></i>
          </span>
          <span
            v-if="isShow"
            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
              list-type="picture-card"
              :on-preview="handleFileCardPreview"
              :on-remove="handleRemove"
              :http-request="requestUpload"
              :show-file-list="true"
            >
  
                <i slot="default" class="el-icon-plus"></i>
                <div slot="file" slot-scope="{file}">
                  <img
                    class="el-upload-list__item-thumbnail"
                    src="../../assets/401_images/401.gif"
                    alt=""
                    style="width: 147px; height: 147px"
                    fit="cover"
                  >
                  <span class="el-upload-list__item-actions">
                  <span
                    v-if="isShow"
                    class="el-upload-list__item-preview"
                    @click="handleFileCardPreview(file)"
                  >
                    <i class="el-icon-zoom-in"></i>
                  </span>
                  <span
                    v-if="isShow"
                    @click="handleRemove(file)"
                    class="el-upload-list__item-delete"
  
                  >
                    <i class="el-icon-download"></i>
                  </span>
                  <span
                    v-if="isShow"
                    class="el-upload-list__item-delete"
                    @click="handleRemoveFile(file)"
                  >
                    <i class="el-icon-delete"></i>
                  </span>
                </span>
  
  
                </div>
  
  
            </el-upload>
  
        <el-form-item size="large">
          <el-button v-if="isShow" 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 {getSecretInfo,  uploadPic, download, updateSecret} from "@/api/secret/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,
        isShow:true,
        formData: {
          type: undefined,
          happenTime: undefined,
          accNo:undefined,
          validityDate:undefined,
          password:undefined,
          validityDate:undefined,
          isFinger:undefined,
          isFace:undefined,
          isPrivate:undefined,
          location:undefined,
          remark: undefined,
          url: undefined,
        },
          dialogImageUrl: '',
          dialogVisible: false,
          disabled: false,
        rules: {
          // id: [{
          //   required: true,
          //   message: '请输入id',
          //   trigger: 'blur'
          // }],
          type: [{
            required: true,
            message: '请选择基金/台账',
            trigger: 'change'
          }],
          title: [{
            required: true,
            message: '请输入标题',
            trigger: 'blur'
          }],
          usePeople: [{
            required: true,
            message: '请输入使用人',
            trigger: 'blur'
          }],
          useFor: [{
            required: true,
            message: '请输入用途',
            trigger: 'blur'
          }],
          price: [{
            required: true,
            message: '请输入收入/支出',
            trigger: 'blur'
          }],
          kind: [{
            required: true,
            message: '请选择现金/划扣',
            trigger: 'blur'
          }],
          createTime: [{
            required: true,
            message: '请输入备注',
            trigger: 'blur'
          }],
  
        },
        typeOptions: [{
    value: '0',
    label: '基金',
  },
  {
    value: '1',
    label: '台账',
  }],
      }
    },
    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
        this.isShow=true
        document.title = "修改隐私详细信息";
        this.$route.meta.title = "修改隐私详细信息";//列表的名称
      }
      else{
        document.title = "查看隐私详细信息";
        this.$route.meta.title = "查看隐私详细信息";//列表的名称
        this.isShow=false
      }
  
      let _this = this
      if (id) {
        this.loading = true;
        getSecretInfo(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: {
      getSrc1(type) {
      if (type === 0) {
        return '基金'
      }else {
        return '台账'
      }
    },
  
    getSrc2(kind) {
      if (kind == 0) {
        return '现金'
      }else  {
        return '自动扣划'
      }
    },


      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) {
              updateSecret(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 = 'familyevent_'+nt+'.'+suffix
          const blob = new Blob([response])
          saveAs(blob, filename)
        })
      },
      handleRemoveFile(file) {
        for(let i = 0; i < this.fileListOther.length; i++)
        {
          if(this.fileListOther[i].url==file.url)
            this.$delete(this.fileListOther,i);
        }
      },
      handleRemove(file) {
        for(let i = 0; i < this.fileList.length; i++)
        {
          if(this.fileList[i].url==file.url)
            this.$delete(this.fileList,i);
        }
      },
      handleFileCardPreview(file){
        this.dialogFileUrl = file.url;
        const Base64 = require('js-base64').Base64
        this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
        myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
      },
      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 = 'familyevent_'+nt+'.'+suffix
          const blob = new Blob([response])
          saveAs(blob, filename)
        })
      },
      handleEdit()
      {
        this.dsb = false
        // this.btn = true
        this.isShow=false
      },
      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})
  
          }
        })
  
      },
  
      /** 导出按钮操作 */
      handleExport() {
        this.download('/zfEconomy/export', {
          ...this.queryParams
        }, `zfEconomy_${new Date().getTime()}.xlsx`)
      }
  
    }
  }
  
  </script>
  <style scoped lang="scss">
  .mt
  {
    position: relative;
  }
  .dt{
    display: block;
  
  }
  .pt{
    right: 10px;
    top:-3px;
    display: block;
    position: absolute;
  }
  </style>