1.通讯录详情中的0，1转为具体文字 2.家庭小医生显示查看详情按钮 3.成长经历阅历修改样式等

Tcsm

2023-05-03 ad7c86c760b2a9495787f7187a8142f8121ec1d9

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

@@ -130,37 +130,13 @@

      <div style="padding-left:30px;padding-top:30px" >
        <el-container >
          <!--          <template slot-scope="scope" v-if="scope.row.roleId !== 1">-->
          <!--            <el-button-->
          <!--              size="mini"-->
          <!--              type="text"-->
          <!--              icon="el-icon-edit"-->
          <!--              @click="handleUpdate(scope.row)"-->
          <!--              v-hasPermi="['system:role:edit']"-->
          <!--            >修改</el-button>-->

          <!--          </template>-->

          <el-row  >
            <el-button
              type="primary"
              @click="handleUpdate(scope.row)"
              :disabled="btn"
              @click="handleEdit()"
              v-if="isShow"
              v-hasPermi="['system:role:edit']"
            >编辑</el-button>
            <!--            @click="handleUpdate(scope.row)"-->
            <!--            <el-dropdown-->
            <!--              size="mini"-->
            <!--              @command="(command) => handleCommand(command, scope.row)"-->
            <!--              v-hasPermi="['system:role:edit']">    person:information:edit   -->
            <!--              <el-button-->
            <!--                size="mini"-->
            <!--                type="text"-->
            <!--                icon="el-icon-d-arrow-right"-->
            <!--                @click="handleCheck(scope.row)"-->
            <!--              >查看详情</el-button>-->

            <!--            </el-dropdown>-->
            <br>
            <el-button
              type="primary"
@@ -168,7 +144,7 @@
              v-hasPermi="['family:note:export']"
            >导出</el-button>
            <br>
            <el-button type="primary" @click="submitForm" :disabled="dsb">完成</el-button>
            <el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">完成</el-button>
          </el-row>

        </el-container>
@@ -233,19 +209,20 @@

    <!--折叠面板-->
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="主要学习及工作经历" name="1" >
        <el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange">
      <el-collapse-item title="主要学习及工作经历" name="1">
        <el-table v-loading="loading" :data="experienceList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
          <el-table-column label="起止日期" prop="startDate" sortable width="300" align="center" />
          <el-table-column label="主要学习经历、工作单位及任职情况" prop="content" sortable width="350" align="center" />
          <el-table-column label="证明人" prop="witness" sortable width="300" align="center" />
          <!--      操作-->
          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
            <template slot-scope="scope" v-if="scope.row.roleId !== 1">
<!--              @click="handleUpdate(scope.row)"-->
              <el-button
                size="mini"
                type="text"
                icon="el-icon-edit"
                @click="handleUpdate(scope.row)"
                @click="handleAdd"
                v-hasPermi="['system:role:edit']"
              >修改</el-button>
              <el-button
@@ -264,7 +241,8 @@
        </el-table>
      </el-collapse-item>
      <el-collapse-item title="家庭成员及主要社会关系情况" name="2" >
        <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
        <el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange"
                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
          <el-table-column label="与本人关系"  prop="relation" sortable width="260" align="center" />
          <el-table-column label="姓名" prop="nickName" sortable width="260" align="center" />
          <el-table-column label="单位及职务" prop="unit position" sortable width="260" align="center">
@@ -321,8 +299,9 @@
        </div>

      </el-collapse-item>
      <el-collapse-item title="持有出入境证件情况" name="4" >
        <el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange">
      <el-collapse-item title="持有出入境证件情况" name="4">
        <el-table v-loading="loading" :data="certificateList" @selection-change="handleSelectionChange"
                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
          <el-table-column label="证件名称" prop="cerName" sortable width="280" align="center" />
          <el-table-column label="持有情况" prop="ownStatus" sortable width="280" align="center" />
          <el-table-column label="证件号码" prop="idNo" sortable width="280" align="center" />
@@ -330,8 +309,9 @@
          </el-table-column>
        </el-table>
      </el-collapse-item>
      <el-collapse-item title="出国（境）情况" name="5" >
        <el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange">
      <el-collapse-item title="出国（境）情况" name="5">
        <el-table v-loading="loading" :data="AbroadList" @selection-change="handleSelectionChange"
                  :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
          <el-table-column label="起止日期" prop="startDate" sortable width="350" align="center" />
          <el-table-column label="所到国家或者地区" prop="destination" sortable width="350" align="center" />
          <el-table-column label="事由（旅游、走访、探亲、继承财产、其他）" prop="cause" sortable width="400" align="center" />
@@ -347,28 +327,35 @@
      </el-container>
      <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"
               v-loading="loading" :data="AutobiographyList" @selection-change="handleSelectionChange">
        <!--        <el-tab-pane label="总览" name="0">-->

        <!--        </el-tab-pane>-->
        <!--        <div :model="AutobiographyList">-->
        <el-tab-pane label="0~3岁(婴儿期)" name="1" >
          <el-input v-model="AutobiographyList.content" prop="content" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">
          </el-input>
        <el-tab-pane v-for="item in AutobiographyList" :key="item.id" :label="item.label" :name="item.id">
          <div v-if="item.id === '1'">
            // 显示与id为1的字典项相关的内容
          </div>
          <div v-else-if="item.id === '2'">
            // 显示与id为2的字典项相关的内容
          </div>
          <div v-else>
            // 显示与其他字典项相关的内容
          </div>
        </el-tab-pane>
        <el-tab-pane label="6~12(小学)" name="2" ></el-tab-pane>
        <el-tab-pane label="12~15(初中)" name="3"></el-tab-pane>
        <el-tab-pane label="15~18(高中)" name="4"></el-tab-pane>
        <el-tab-pane label="18~22(大学)" name="5"></el-tab-pane>
        <el-tab-pane label="22~25(研究生)" name="6"></el-tab-pane>
        <el-tab-pane label="26~ (工作)" name="7"></el-tab-pane>
        <el-tab-pane label="？岁结婚" name="8"></el-tab-pane>
        <!--    </div>-->
        <!--        <el-tab-pane-->
        <!--          v-for="(item, index) in AutobiographyTermList"-->
        <!--          :key="index"-->
        <!--          :name="item"-->
        <!--          :label="item"-->
        <!--        />-->
<!--        <el-tab-pane label="0~3岁(婴儿期)" name="1" >-->
<!--&lt;!&ndash;          <el-input v-model="AutobiographyList.content" prop="content" placeholder="" clearable :style="{width: '100%'}" :disabled="dsb">&ndash;&gt;-->
<!--&lt;!&ndash;          </el-input>&ndash;&gt;-->
<!--        </el-tab-pane>-->
<!--        <el-tab-pane label="6~12(小学)" name="2" ></el-tab-pane>-->
<!--        <el-tab-pane label="12~15(初中)" name="3"></el-tab-pane>-->
<!--        <el-tab-pane label="15~18(高中)" name="4"></el-tab-pane>-->
<!--        <el-tab-pane label="18~22(大学)" name="5"></el-tab-pane>-->
<!--        <el-tab-pane label="22~25(研究生)" name="6"></el-tab-pane>-->
<!--        <el-tab-pane label="26~ (工作)" name="7"></el-tab-pane>-->
<!--        <el-tab-pane label="？岁结婚" name="8"></el-tab-pane>-->
<!--        &lt;!&ndash;    </div>&ndash;&gt;-->
<!--        &lt;!&ndash;        <el-tab-pane&ndash;&gt;-->
<!--        &lt;!&ndash;          v-for="(item, index) in AutobiographyTermList"&ndash;&gt;-->
<!--        &lt;!&ndash;          :key="index"&ndash;&gt;-->
<!--        &lt;!&ndash;          :name="item"&ndash;&gt;-->
<!--        &lt;!&ndash;          :label="item"&ndash;&gt;-->
<!--        &lt;!&ndash;        />&ndash;&gt;-->
      </el-tabs>


@@ -381,6 +368,30 @@
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 修改主要经历信息配置对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
      <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="140px">
        <el-form-item label="起止日期" prop="startDate">
          <el-input v-model="formDat.startDate" placeholder="请输入起止日期" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
        <el-form-item label="主要学习经历、工作单位及任职情况" prop="content">
          <el-input v-model="formDat.content" placeholder="请输入主要学习经历、工作单位及任职情况" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>
        <el-form-item label="证明人" prop="witness">
          <el-input v-model="formDat.witness" placeholder="请输入证明人" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>

      </el-form>
      <h4 class="form-header"> </h4>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">保 存</el-button>
        <el-button @click="cancelData">取 消</el-button>
      </div>
    </el-dialog>



@@ -404,9 +415,10 @@
  getAutobiographyList,
  getAutobiographyTermList,
  getCertificateList
} from '../../api/self'
} from "@/api/self/index"
import { delFamilyevent, uploadPic } from '../../api/bignote'
import { blobValidate } from '../../utils/ruoyi'
import {getCategory} from "@/api/self/index";

export default {
  name: "show",
@@ -447,6 +459,7 @@
      //个人自传
      activeName: '0',
      AutobiographyList:[],
      content1:'',
      //不同时段个人自传
      // AutobiographyTermList:[],
      // // 访问后台的数据
@@ -484,8 +497,8 @@
      ],
      dsb:true,
      btn:false,


      isShow:true,
      isShow_2:false,
      formDat: {
        //个人基本信息
        nickName:undefined,
@@ -643,44 +656,24 @@
      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) {

    },

    //隔行变色
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex % 2 == 0) {
        return "statistics-warning-row1";
      } else {
        return "statistics-warning-row";
      }

      //根据不同时段的个人自传
      getAutobiographyTermList(this.queryParams).then(response => {
        //  alert(123)
        //   console.log(response.data)
        this.AutobiographyTermList = response.data;
        this.total = response.data.total;
        this.loading = false;
      });

      getAutobiographyList(this.queryParams).then(response => {
        //  alert(123)
        //   console.log(response.data)
        this.AutobiographyList = response.data;
        this.total = response.data.total;
        this.loading = false;
      });
    },




    /** 查询角色列表 */


    getList() {
      this.loading = true;
      // console.log(this.queryParams)
@@ -730,7 +723,22 @@
          this.loading = false;
        }
      );

      //查询个人所有自传
      getAutobiographyList(this.queryParams).then(response => {
        //  alert(123)
        //   console.log(response.data)
        this.AutobiographyList = response.data;
        this.total = response.data.total;
        this.loading = false;
      });
      //根据不同时段的个人自传
      getAutobiographyTermList(this.queryParams).then(response => {
        //  alert(123)
        //   console.log(response.data)
        this.AutobiographyTermList = response.data;
        this.total = response.data.total;
        this.loading = false;
      });

    },

@@ -755,14 +763,14 @@
      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.formDat.url = ul+","+uls

      this.$refs['elForm'].validate(valid => {


        if (valid) {
          if (this.formData.id != undefined) {
            updateIndividual(this.formData).then(response => {
          if (this.formDat.id != undefined) {
            updateIndividual(this.formDat).then(response => {
              this.$modal.msgSuccess("修改成功");
              // this.open = false;
              this.btn=false
@@ -846,7 +854,7 @@
      alert(23)
    },
    handleRemove(file) {
      alert("操作成功")
      alert("323")
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
@@ -866,18 +874,26 @@
        saveAs(blob, filename)
      })
    },
    //编辑按钮
    // 编辑按钮
    handleEdit()
    {
      this.dsb = false
      this.btn = true
      this.isShow=false
      this.isShow_2=true
    },

    //修改按钮
    /** 修改按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "修改详细信息";
    },
    /** 查询自传信息 */
    getAutobiographyInfor()
    {
      let _this = this
      getAutobiography().then(response=>{
      getCategory().then(response=>{

        response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
          _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
@@ -958,7 +974,7 @@
};
</script>

<style scoped>
<style >
/*.uoloadSty {*/
/*  width:110px;*/
/*  height:110px;*/
@@ -972,8 +988,20 @@
}

.el-icon-top {
  background: url("../../assets/icons/top.png");
  background: no-repeat center url("../../assets/icons/top.png");
}
.el-table__row.statistics-warning-row {
  background: #E0EEFE;

}
.el-table__row.statistics-warning-row1 {
  background: #FFEFF2;

}
/*.co-item{*/
/*  background-color: #EBAFB4;*/
/*}*/
.el-collapse-item__header {
  background-color:#FEF7FC;
}
</style>