4.12日提交通讯录模块和成长经历模块

Tcsm

2023-04-12 6de4ec8ac6822f22745c9bd059487a743e836e02

 ruoyi-ui/src/views/self/show.vue

@@ -1,29 +1,34 @@
<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:30px">
      <div >
        <el-container >
          <el-col >
            <el-form ref="elForm" :model="individualList" :rules="rules" size="medium"  label-position="left"
                     v-loading="loading" :data="individualList" @selection-change="handleSelectionChange" >
              <el-row :span="7">
              <el-row :span="5">
                <el-form-item label="姓名" prop="nickName" label-width="40px">
                  <el-input v-model="individualList.nickName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="7">
              <el-row :span="5">
                <el-form-item label="曾用名" prop="oldName" label-width="60px">
                  <el-input v-model="individualList.oldName" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="7">
              <el-row :span="5">
                <el-form-item label="身份证号" prop="idNum" label-width="70px">
                  <el-input v-model="individualList.idNum" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
@@ -33,23 +38,23 @@
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:70px">
      <div style="padding-left:30px">
        <el-container>
          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="individualList" :rules="rules" size="medium"  label-position="left">
              <el-row :span="6">
              <el-row :span="5">
                <el-form-item label="性别" prop="sex" label-width="40px">
                  <el-input v-model="individualList.sex" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  <el-input v-model="individualList.sex === 1 ? '男':'女' " placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="6">
              <el-row :span="5">
                <el-form-item label="民族" prop="nation"label-width="40px">
                  <el-input v-model="individualList.nation" placeholder="" clearable :style="{width: '100%'}":disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="8">
              <el-row :span="5">
                <el-form-item label="联系方式" prop="phoneNumber" label-width="70px">
                  <el-input v-model="individualList.phoneNumber" placeholder="" clearable :style="{width: '100%'}":disabled="dsb">
                  </el-input>
@@ -59,19 +64,19 @@
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:70px">
      <div style="padding-left:30px">
        <el-container>
          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="individualList" :rules="rules" size="medium"  label-position="left":disabled="dsb">
              <el-row :span="6">
              <el-row :span="5">
                <el-form-item label="国籍" prop="nationality" label-width="40px">
                  <el-input v-model="individualList.nationality" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
              <el-row :span="6">
              <el-row :span="5">
                <el-form-item label="婚姻状况" prop="maritalStatus" label-width="70px">
                  <el-input v-model="individualList.maritalStatus" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  <el-input v-model="individualList.maritalStatus === 1 ? '已婚':'未婚'" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
                  </el-input>
                </el-form-item>
              </el-row>
@@ -80,7 +85,7 @@
          </el-col>
        </el-container>
      </div>
      <div style="padding-left:90px;padding-top:30px">
      <div style="padding-left:30px;padding-top:30px">
        <el-col :span="6" :data="individualList">
            <div class="block" :model="individualList" >
              <el-col v-model="individualList.url" prop="url">
@@ -123,7 +128,7 @@
<!--        </el-row>-->
      </div>

      <div style="padding-left:50px;padding-top:30px"  >
      <div style="padding-left:30px;padding-top:30px" >
        <el-container >
<!--          <template slot-scope="scope" v-if="scope.row.roleId !== 1">-->
<!--            <el-button-->
@@ -136,20 +141,17 @@

<!--          </template>-->

          <el-row :span="2" style="flex-direction: column;">
          <el-row  >
            <el-button
              type="primary"

              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:role:edit']"


            >编辑</el-button>

<!--            <el-dropdown-->
<!--              size="mini"-->
<!--              @command="(command) => handleCommand(command, scope.row)"-->
<!--              v-hasPermi="['system:role:edit']">-->
            <!--              v-hasPermi="['system:role:edit']">    person:information:edit   -->
<!--              <el-button-->
<!--                size="mini"-->
<!--                type="text"-->
@@ -159,14 +161,11 @@

<!--            </el-dropdown>-->
            <br>

              <el-button
                type="primary"

                @click="handleExport"
                v-hasPermi="['self:user:export']"
              >导出</el-button>

          </el-row>

        </el-container>
@@ -174,7 +173,7 @@
<!--      </el-dialog>-->
    </el-container>
    <el-container>
      <div style="padding-left:30px">
      <div>
        <el-container>
          <el-col v-loading="loading" :data="individualList" @selection-change="handleSelectionChange">
            <el-form ref="elForm" :model="individualList" :rules="rules" size="medium"  label-position="left">
@@ -250,7 +249,7 @@
                size="mini"
                type="text"
                icon="el-icon-delete"
                @click="handleDelete(scope.row)"
                @click="handleExperienceDelete(scope.row)"
                v-hasPermi="['system:role:remove']"
              >删除</el-button>
              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
@@ -284,7 +283,7 @@
                size="mini"
                type="text"
                icon="el-icon-delete"
                @click="handleDelete(scope.row)"
                @click="handleCertificateDelete(scope.row)"
                v-hasPermi="['system:role:remove']"
              >删除</el-button>
              <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
@@ -396,6 +395,7 @@
import {getIndividualList, getIndividualRelation, delIndividual, updateIndividual, addIndividual,listExperience,updateExperience,
  addExperience,delExperience} from "@/api/self/index";
import {
  delCertificate,
  getAbroadList,
  getAutobiography,
  getAutobiographyList,
@@ -790,14 +790,14 @@
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加家庭大事记信息";
      this.title = "添加个人信息";
    },


    /** 查看详细信息 */
    handleCheck(row){
      const id = row.id;
      this.$router.push("/family1/bignote/familyeventInfo/" + id);
      this.$router.push("/self/self/edit/" + id);
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
@@ -805,7 +805,7 @@
      let jd = true

      this.$router.push({
        path:"/self/self/edit" + id,
        path:"/self/self/edit/" + id,
        query:{
          detail:jd
        }
@@ -816,7 +816,7 @@
      alert(23)
    },
    handleRemove(file) {
      alert(323)
      alert("操作成功")
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
@@ -861,10 +861,10 @@
      this.$refs["elForm"].validate(valid => {
        if (valid) {

          addFamilyevent(this.formDat).then(response => {
          addIndividual(this.formDat).then(response => {
            this.$modal.msgSuccess("新增成功");
            this.open = false;
            this.getList1();
            this.getList();
          });
        }
      });
@@ -892,13 +892,23 @@
      })

    },
    /** 删除按钮操作 */
    handleDelete(row) {
    /** 删除个人经历按钮操作 */
    handleExperienceDelete(row) {
      const Ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除序号为"' + Ids + '"的数据项？').then(function() {
        return delFamilyevent(Ids);
        return delExperience(Ids);
      }).then(() => {
        this.getList1();
        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(() => {});
    },
@@ -913,12 +923,18 @@
</script>

<style>
.uoloadSty {
  width:110px;
  height:110px;
  line-height:110px;
/*.uoloadSty {*/
/*  width:110px;*/
/*  height:110px;*/
/*  line-height:110px;*/
/*}*/
/*.disUoloadSty {*/
/*  display:none;   !* 上传按钮隐藏 *!*/
/*}*/

.el-icon-top {
  background: url("src/assets/icons/top.png");
}
.disUoloadSty {
  display:none;   /* 上传按钮隐藏 */
}


</style>