提交用户信息页面

whycwx

2020-09-16 5001c05fe0b72c1b437cea4156ec88c880e7c441

提交用户信息页面

 src/pages/userMager/operationRecord.vue

@@ -44,7 +44,7 @@
        </div>
        <div class="flex-page-footer" slot="footer">
            <div class="el-pagination-btns">
                <el-button type="primary" round size="mini" icon="el-icon-search">查询</el-button>
                <el-button type="primary" @click="queryData" round size="mini" icon="el-icon-search">查询</el-button>
                <el-button type="primary" round size="mini" icon="el-icon-wallet">导出</el-button>
            </div>
            <el-pagination size="mini" @size-change="handleSizeChange" @current-change="handleCurrentChange" 
@@ -91,8 +91,8 @@
            pickerOptions0: {
                    disabledDate: (time) => {
                        let vm = this;
                        if (vm.endDrsj) {
                            return new Date(time.getTime()) > new Date(vm.endDrsj);
                        if (vm.formObj.endDrsj) {
                            return new Date(time.getTime()) > new Date(vm.formObj.endDrsj);
                        } else {
                            // return time.getTime() > Date.now();
                        }
@@ -101,7 +101,7 @@
                },
                pickerOptions1: {
                    disabledDate: (time) => {
                        return new Date(time.getTime()+24*60*60*1000) < new Date(this.startDrsj);
                        return new Date(time.getTime()+24*60*60*1000) < new Date(this.formObj.startDrsj);
                    }
                },

@@ -127,6 +127,29 @@
            this.formObj.currentPage = val;
            // this.zjdrList();
        },
        queryData:function(){
            let vm = this;
            let data = {
                page:{
                    pageCurr:"1",
                    pageSize:"10"
                },
                uinf:{
                    UName:""
                },
                ulog:{
                    uOprateType:"0",
                    uOprateDay:"2000-1-1 00:00:00",
                    uOprateDay1:"2020-9-16 23:59:59"
                }
            };
            // console.log(this.$apis.userMager)
            vm.$apis.userMager.operationRecord.search(data).then(res=>{
                console.log('成功'+res)
            }).catch(error=>{
                console.log('失败'+res)
            });
        }
    },
}
</script>

 src/pages/userMager/userInfo.vue

@@ -1,18 +1,103 @@
<template>
    <div>
        <div class="userInfo">
            <!-- 用户信息 -->
    <!-- 用户信息 -->
    <flex-layout>
        <div class="table-layout filter-box-table header-box" slot="header">
            <el-table border size="mini" header-row-class-name="header-primary" style="width: 100%" max-height='350px' :data="userList">
                <el-table-column prop="yhid" align="center" width="120px" label="用户ID"></el-table-column>
                <el-table-column prop="czrxm" align="center" width="120px"  label="操作人姓名"></el-table-column>
                <el-table-column prop="czlx" align="center" width="120px"  label="操作类型"></el-table-column>
                <el-table-column prop="czsj" align="center" width="120px"  label="操作时间"></el-table-column>
                <el-table-column prop="zdip" align="center" width="120px"  label="终端IP"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="操作事件"></el-table-column>
                <el-table-column prop="cztime" align="center" width="120px"  label="固定列"></el-table-column>
            </el-table>
        </div>
    </div>
        <div class="flex-page-content">
            <div class="table-row filter-box-table details-box">
                <div class="det-box1">
                     <el-table border size="mini" header-row-class-name="header-primary" max-height="200px" :data="userList">
                        <el-table-column prop="yhid" align="center" label="用户ID"></el-table-column>
                    </el-table>
                </div>
                <div class="det-box2">
                    <el-table border size="mini" header-row-class-name="header-primary" max-height="200px" :data="userList">
                        <el-table-column prop="yhid" align="center" label="用户ID"></el-table-column>
                        <el-table-column prop="czrxm" align="center" label="操作人姓名"></el-table-column>
                        <!-- <el-table-column prop="czlx" align="center" label="操作类型"></el-table-column> -->
                    </el-table>
                </div>
            </div>
        </div>
        
        <div class="flex-page-footer" slot="footer">
            <div class="el-pagination-btns">
                <el-button type="primary" round size="mini" icon="el-icon-search">查询</el-button>
                <el-button type="primary" round size="mini" icon="el-icon-wallet">导出</el-button>
            </div>
            <el-pagination size="mini" @size-change="handleSizeChange" @current-change="handleCurrentChange" 
            :current-page="currentPage" 
            :page-sizes="[10, 20, 30, 50, 100]" 
            :page-size="pagesize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="totalNum"></el-pagination>
        </div>
    </flex-layout>
</template>

<script>
export default {
    
    data() {
        return {
            currentPage:1,
            pagesize:10,
            totalNum:10,
            userList:[
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                // {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
                // {yhid:"1001",czrxm:"admin",czlx:"系统登陆",czsj:"2020-09-15 14:00:21",zdip:"127.0.0.1",cztime:"登录PC系统"},
            ]
        }
    },
    components:{},
    created() {
        
    },
    mounted() {
        
    },
    methods: {
        
    },
}
</script>

<style scoped>

    .header-box{
        width: 100%;
    }
    .det-box1{
        float: left;
        width: 32%;
    }
    .det-box2{
        float: right;
        width: 68%;
    }
</style>