新增个人记事本按钮

Tcsm

2023-07-18 b34fbeffb0d128b75ec0a91acf7fe8ac3816c597

新增个人记事本按钮

 ruoyi-ui/src/api/memo/index.js

New file
@@ -0,0 +1 @@
import request from '@/utils/request'

 ruoyi-ui/src/assets/icons/form.png

 ruoyi-ui/src/router/index.js

@@ -313,6 +313,22 @@
      }
    ]
  },
  //个人记事本
  {
    path: '/self/self',
    component: Layout,
    permissions: ['person:information:memo'],

    hidden: true,
    children: [
      {
        path: 'memo/:id(\\d+)',
        component: () => import('@/views/self/memo'),
        name: 'memo',
        meta: { title: '个人记事本',activeMenu: '/self/zSelfNote'}
      }
    ]
  },
//证书、资质
  {
    path: '/self/honor',

 ruoyi-ui/src/views/homeRoot/personInfo.vue

@@ -13,6 +13,7 @@
                          <el-image
                            :src="'http://47.93.189.255:8080/'+ personInfos[0].url"
                            :fit="fit"
                            style="width: 100%;height: 100%;"
                          ></el-image>
                        </el-avatar>
                      </el-col>
@@ -246,6 +247,7 @@
                          <el-image
                            :src="'http://47.93.189.255:8080/'+ personInfos[1].url"
                            :fit="fit"
                            style="width: 100%;height: 100%;"
                          ></el-image>
                        </el-avatar>
                      </el-col>

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

New file
@@ -0,0 +1,13 @@
<template>
<div>hi</div>
</template>

<script>
export default {
  name: "memo"
}
</script>

<style scoped>

</style>

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

@@ -6,7 +6,16 @@
                 class="el-icon-top"
      ></el-button>
    </el-backtop>
    <h1 style="font-size:21px;padding-top:30px">个人简历</h1>
    <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;">
      <span>个人简历</span>
      <div   style="display: flex; align-items: center;">
        <el-button size="mini" type="text" @click="toMemo">
          <div class="form" ><el-icon  style="padding-right:110px;"></el-icon>
          <span class="text" style="width: 69px;height: 26px;font-size: 16px;
            font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">个人记事本</span></div>
        </el-button>
      </div>
    </h1>
    <el-divider />
    <!--    基本信息-->
    <h2 style="font-size:16px">基本信息</h2>
@@ -108,9 +117,11 @@
        <el-col :span="6" :data="individualList">
          <div class="block" :model="individualList" >
            <el-col v-model="individualList.img" prop="img">
              <el-avatar shape="square" :size=200 >
              <el-avatar shape="square" style="width: 200px;height: 150px;" >
                <el-image
                  :src="'http://47.93.189.255:8080/'+ individualList.img"
                  :fit="fit"
                  style="width: 100%;height: 100%;"
                ></el-image>
              </el-avatar>
<!--              <el-upload-->
@@ -1227,6 +1238,11 @@
    //   this.title = "添加个人信息";
    // },

    //个人记事本
    toMemo(row){
      const id = row.userId;
      this.$router.push("/self/self/memo/" + id);
    },

    /** 查看详细信息 */
    handleCheck(row){
@@ -1550,4 +1566,8 @@
  background:center no-repeat url('../../assets/icons/add1.png') ;
  margin-left: 71vw;
}
.form{
  background:center/11% no-repeat url('../../assets/icons/form.png') ;

}
</style>