新增首页修改信息页面

Tcsm

2023-09-19 842712a3c827a286044bf300fffa34e34db4cea7

新增首页修改信息页面

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

@@ -1,9 +1,9 @@
import request from '@/utils/request'
// 根据keyword查询记录
export function getSearch(query) {
export function getSearch(keyword) {
  return request({
    url: '/search',
    method: 'get',
    params: query
    params: keyword
  })
}

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

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

export function getShouye(query) {
  return request({
    url: '/log/list',
    method: 'get',
    params: query
  })
}

 ruoyi-ui/src/assets/images/shouyeInfo.png

 ruoyi-ui/src/router/index.js

@@ -1,7 +1,6 @@
import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/views/index'; // 首页组件
import OtherPage from '@/views/shouye/shouye'; // 要跳转的页面组件
import Shouye from '@/views/shouye/shouye.vue';

Vue.use(Router)

@@ -96,7 +95,26 @@
      }
    ]
  },

  // {
  //   path: '',
  //   component: Layout,
  //   hidden: true,
  //   redirect: 'noredirect',
  //   children: [
  //     {
  //       path: 'shouye',
  //       component: () => import('@/views/shouye/shouye'),
  //       name: 'shouye',
  //       meta: { title: '通知详情' }
  //     }
  //   ]
  // },
  // {
  //   path: '/views/shouye/shouye',
  //   component: Layout,
  //   hidden: true,
  //   redirect: 'noredirect',
  // }
]

// 动态路由，基于用户权限动态去加载
@@ -117,14 +135,14 @@
  },
  //首页通知详情
  {
    path:'/dashboard',
    path:'/views/shouye',
    component:Layout,
    hidden: true,
    permissions: ['familymodel:property:info'],

    children: [
      {
        path: 'shouye/:id(\\d+)',
        path: '',
        component: () => import('@/views/shouye/shouye'),
        name: 'shouye',
        meta: { title: '通知详情' }

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

@@ -195,7 +195,6 @@
    </el-table>

    <pagination
      v-show="total!=0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"

 ruoyi-ui/src/views/index.vue

@@ -26,7 +26,7 @@
  created() {},
  methods:{
    handleClick(){
      this.$router.push("/shouye/shouye" );
      this.$router.push('/views/shouye');
    }
  }
};

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

@@ -228,7 +228,6 @@
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;

      this.getList();
    },
    /** 重置按钮操作 */

 ruoyi-ui/src/views/shouye/shouye.vue

@@ -1,15 +1,182 @@
<template>
  <div>
    xiugaixiangqing
  <div class="app-container" >
    <div class="bkg_image">
      <img src="../../assets/images/shouyeInfo.png">
      <div class="overlay">
        <div class="table-container">
          <div style="padding-top:15px;padding-left:30px"><span class="text">修改记录</span></div>
          <el-divider/>
          <el-table v-loading="loading" :data="infoList"  @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;">
            <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" style="width: 20%" align="center"/>

            <el-table-column label="被修改模块" prop="module" sortable style="width: 25%" align="center">
            </el-table-column>
            <el-table-column label="修改时间" prop="updateTime" sortable style="width: 25%"  align="center"/>
            <el-table-column label="修改人" prop="updater" sortable style="width: 25%" align="center"/>
          </el-table>

          <pagination
            v-show="total>0"
            :total="total"
            :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize"
            @pagination="getList"
            style="background: #FEF7FC;"
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import{getShouye} from "@/api/shouye";

export default {
  name: "index"
  name: "index",
  data() {
    return {
      // 遮罩层
      disabled: false,
      loading: true,
      formData:[],
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 表格数据
      infoList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否显示弹出层（数据权限）
      openDataScope: false,
      menuExpand: false,
      menuNodeAll: false,
      deptExpand: true,
      deptNodeAll: false,
      // 日期范围
      dateRange: [],
      // 数据范围选项
      fot:[".jpg",".jif"],
      fileList:[],
      fileListOther:[],
      dsb:true,
      btn:false,
      formDat: {
        module: undefined,
        updateTime: undefined,
        updater: undefined
      },
      // 菜单列表
      menuOptions: [],
      // 部门列表
      deptOptions: [],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      // 表单参数
      form: {},
      defaultProps: {
        children: "children",
        label: "label"
      },
      typeOptions: [],

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

    /** 查询角色列表 */
    getList() {
      this.loading = true;
      // console.log(this.queryParams)
      //  listProperty(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
      // console.log("111")
      getShouye(this.queryParams).then(response => {
          //  alert(123)
          //   console.log("222")
          this.infoList = response.data.data;
          // console.log(this.infoList)
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },

    getRowId(row)
    {
      return row.id
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      console.log(this.ids)
      this.single = selection.length!=1
      this.multiple = !selection.length
    },


  },
}
</script>

<style scoped>
.app-container{
  background-color: #FEF7FC;
}
.el-table__row.statistics-warning-row {
  background: #E0EEFE;

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

}
.text{
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.bkg_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: -5px;
}
.bkg_image {
  position: relative; /* 设置相对定位 */
}
.overlay {
  position: absolute; /* 设置绝对定位 */
  top: 10px;
  left: 10px;
  width: 100%;
  height: 90%;
  background-color: rgba(255, 255, 255, 0.5); /* 半透明颜色，可根据需求调整透明度 */
  z-index: 1; /* 将表格置于图片上方 */
}

</style>