userlog.vue

<template>
  <div class="use-log-wrapper height100">
      <div class="search-container">
          <el-form :inline="true" :model="form">
            <el-form-item>
                <el-input
                 v-model="form.user" 
                 placeholder="请输入操作者"
                 suffix-icon="el-icon-search"
                ></el-input>
            </el-form-item>
            <el-form-item>
              <el-date-picker
                v-model="form.value"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期">
             </el-date-picker>
            </el-form-item>
            <el-form-item>
                <el-select v-model="form.user" placeholder="请选择">
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
             </el-select>
            </el-form-item>
            <el-form-item>
                <div class="btn-group">
                   <el-button type="primary" @click="handleSubmit">查询</el-button>
                   <el-button @click="handleReset">重置</el-button>
                </div>     
            </el-form-item>
        </el-form>
        <div class="page-tip">
            <span class="page-tip-title">页面说明:</span>
            <span class="page-tips">可查看所有账号在系统上的操作信息，可根据操作类型、操作时间段查询等方式对日志信息进行筛选</span>
        </div>
      </div>
      <div class="table-content hasTabs">
           <party-table :feildList="feildList" :list="list"></party-table>
           <party-pagination/>
      </div>
  </div>
</template>
<script>
import { partyPagination,partyTable } from '@/components/index'
export default {
    data(){
        return{
            form:{
                user:'',
                value:''
            },
            addForm:{

            },
            options:[],
            feildList:[
                {prop:'date',label:'日期'},
                {prop:'name',label:'姓名'},
                {prop:'address',label:'地址'},
            ],
            list: [
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 
                { date: '2016-05-02',name: '王小虎',  address: '上海市普陀区金沙江路 1518 弄'}, 

              ]
        }
    },
    components:{ partyTable, partyPagination},
    mounted(){

    },
    methods:{
        handleSubmit(){

        },
        handleReset(){
            this.form.user = ''
        },
    }
}
</script>
<style lang="less" scoped>

</style>