提交内容

whychdw

2020-09-16 cf689a523e718e7ce87a0b2dc770e39df9e57fa5

提交内容

 src/assets/css/common.css

@@ -9,6 +9,9 @@
.w80 {
    width: 80px;
}
.w360 {
    width: 360px;
}
/* table layout */
.table-layout {
    width: 100%;
@@ -19,6 +22,7 @@
}
.table-row .table-cell {
    display: table-cell;
    white-space: nowrap;
}
.table-cell.text-right {
    text-align: right;

 src/assets/js/apis/userMager/index.js

@@ -5,5 +5,16 @@
export default {
    userInfo,
    baojiGroup,
    operationRecord
    operationRecord,
    /**
     * 查询所有的用户
     * 无参
     */
    searchAll() {
        return axios({
            method: 'post',
            url: '/yckj/zijing_sx/User_infAction_searchAll',
            data: null
        });
    }
}

 src/assets/js/const/const_operation.js

New file
@@ -0,0 +1,44 @@
export default {
    types: [
        {
            label: '全部',
            value: 0,
        },
        {
            label: '登录系统',
            value: 1,
        },
        {
            label: '登出系统',
            value: 2,
        },
        {
            label: '增加',
            value: 3,
        },
        {
            label: '更改',
            value: 4,
        },
        {
            label: '删除',
            value: 5
        },
        {
            label: '设置',
            value: 6
        },
        {
            label: '取消',
            value: 7
        },
        {
            label: '启动',
            value: 8
        },
        {
            label: '结束',
            value: 9
        },
    ]
}

 src/assets/js/const/index.js

@@ -1,9 +1,10 @@
import const_9100 from './const_9100'
import const_61850 from './const_61850'
import const_system from './const_system'

import const_operation from './const_operation'
export {
    const_9100,
    const_61850,
    const_system
    const_system,
    const_operation
};

 src/components/PageMenu.vue

@@ -68,6 +68,12 @@
          closable: false,
          childrens: [
            {
              label: "电池信息配置",
              name: "battGroupMager",
              src: "#/dataMager/battGroupMager",
              closable: true
            },
            {
              label: "电池充放电数据管理",
              name: "dataAdmian",
              src: "#/dataAdmian",

 src/pages/dataMager/battGroupMager.vue

New file
@@ -0,0 +1,287 @@
<template>
    <flex-layout>
        <div class="table-layout filter-box-table" slot="header">
            <div class="table-row">
                <div class="table-cell text-right">省：</div>
                <div class="table-cell">
                    <el-select 
                    v-model="filters.values.province"
                    @change="searchCity"  
                    size="small" placeholder="请选择省">
                        <el-option
                        v-for="item in filters.data.province"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </div>
                <div class="table-cell text-right">市：</div>
                <div class="table-cell">
                    <el-select 
                    v-model="filters.values.city"
                    @change="searchCounty"  
                    size="small" placeholder="请选择市">
                        <el-option
                        v-for="item in filters.data.city"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </div>
                <div class="table-cell text-right">区/县：</div>
                <div class="table-cell">
                    <el-select 
                    v-model="filters.values.county"
                    @change="searchHome"  
                    size="small" placeholder="请选择区/县">
                        <el-option
                        v-for="item in filters.data.county"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </div>
                <div class="table-cell text-right">机房名称：</div>
                <div class="table-cell w360">
                    <el-select v-model="filters.values.home"  size="small" placeholder="请选择机房名称">
                        <el-option
                        v-for="item in filters.data.home"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>
                    </el-select>
                </div>
            </div>
        </div>
        <div class="flex-page-content">
            <el-table border size="mini" header-row-class-name="header-primary" height="100%" :data="tableData">
                <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-column prop="czsj" align="center" label="操作时间"></el-table-column>
                <el-table-column prop="zdip" align="center" label="终端IP"></el-table-column>
                <el-table-column prop="cztime" align="center" label="操作事件"></el-table-column>
            </el-table>
        </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" 
            :current-page="page.pageCurr" 
            :page-sizes="[10, 20, 30, 50, 100]" 
            :page-size="page.pagesize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="page.pageAll"></el-pagination>
        </div>
    </flex-layout>
</template>

<script>
import {
    searchProvince,
    searchCity,
    searchCounty,
    searchStation as searchHome
} from '../../assets/js/api.js'

export default {
    data() {
        return {
            loading: '',
            filters: {
                values: {
                    province: '',
                    city: '',
                    county: '',
                    home: '',
                },
                data: {
                    province: [],
                    city: [],
                    county: [],
                    home: [],
                },
            },
            page: {
                pageCurr:1,
                pageSize:20,
                pageAll:0,
            },
            tableData:[]
        }
    },
    methods: {
        searchProvince() {      // 查询省
            //this.loading = this.$layer.loading(1);
            searchProvince().then((res)=>{
                var rs = JSON.parse(res.data.result);
                var data = [];
                if(rs.code == 1) {
                    var rsData = rs.data;
                    // 遍历结果集
                    for(var i=0; i<rsData.length; i++) {
                        var _rsData = rsData[i];
                        var tmp = {
                            label: _rsData,
                            value: _rsData
                        };
                        data.push(tmp);
                    }
                }
                // 设置第一笔数据
                data.unshift({
                    label: "全部（共"+data.length+"种)",
                    value: ''
                });
                // 设置省
                this.filters.data.province = data;
                // 查询市
                this.searchCity();
            });
        },
        searchCity() {      // 查询市
            // 重置值
            this.filters.values.city="";
            this.filters.values.county="";
            this.filters.values.home="";
            // 构造查询条件
            let searchParams = {
                StationName1: this.filters.values.province
            };
            // 请求后台
            searchCity(searchParams).then((res)=>{
                var rs = JSON.parse(res.data.result);
                var data = [];
                if(rs.code == 1) {
                    var rsData = rs.data;
                    // 遍历结果集
                    for(var i=0; i<rsData.length; i++) {
                        var _rsData = rsData[i];
                        var tmp = {
                            label: _rsData,
                            value: _rsData
                        };
                        data.push(tmp);
                    }
                }
                // 设置第一笔数据
                data.unshift({
                    label: "全部（共"+data.length+"种)",
                    value: ''
                });
                // 设置市
                this.filters.data.city = data;
                // 查询区县
                this.searchCounty();
            });
        },
        searchCounty() {
            // 重置值
            this.filters.values.county="";
            this.filters.values.home="";
            // 构造查询条件
            let searchParams = {
                StationName1: this.filters.values.province,
                StationName2: this.filters.values.city
            };
            // 请求后台
            searchCounty(searchParams).then((res)=>{
                var rs = JSON.parse(res.data.result);
                var data = [];
                if(rs.code == 1) {
                    var rsData = rs.data;
                    // 遍历结果集
                    for(var i=0; i<rsData.length; i++) {
                        var _rsData = rsData[i];
                        var tmp = {
                            label: _rsData,
                            value: _rsData
                        };
                        data.push(tmp);
                    }
                }
                // 设置第一笔数据
                data.unshift({
                    label: "全部（共"+data.length+"种)",
                    value: ''
                });
                // 设置区县
                this.filters.data.county = data;
                // 查询机房
                this.searchHome();
            });
        },
        searchHome() {
            // 重置分页信息
            this.page.pageCurr = 1;
            // 重置值
            this.filters.values.home="";                        // 构造查询条件
            var searchParams = {
                StationName1: this.filters.values.province,
                StationName2: this.filters.values.city,
                StationName5: this.filters.values.county,
            };
            // 未选择区县
            if(searchParams.StationName5 == "") {
                // 设置机房
                this.filters.data.home = [{
                    label: "请选择区/县",
                    value: ''
                }];
                // 查询数据
                this.searchData(true);
                return;
            }

            // 请求后台
            searchHome(searchParams).then((res)=>{
                var rs = JSON.parse(res.data.result);
                var data = [];
                if(rs.code == 1) {
                    var rsData = rs.data;
                    // 遍历结果集
                    for(var i=0; i<rsData.length; i++) {
                        var _rsData = rsData[i];
                        var tmp = {
                            label: _rsData.StationName3,
                            value: _rsData.StationName3
                        };
                        data.push(tmp);
                    }
                }
                // 设置第一笔数据
                data.unshift({
                    label: "全部（共"+data.length+"种)",
                    value: ''
                });
                // 设置机房
                this.filters.data.home = data;
                
                // 查询数据
                this.searchData(true);
            });
        },
        searchData() {

        }
    },
    mounted() {
        // 查询省-市-区县-机房
        this.searchProvince();

        //console.log(searchHome);
    },
}
</script>

<style scoped>

</style>



 src/router/routes.js

@@ -36,6 +36,13 @@
        component: (resolve) => require(['../pages/dataTest/CircuitDiagram.vue'], resolve)
    },
    {
        path: '/dataMager/battGroupMager',
        meta: {
            name: '电池信息配置'
        },
        component: (resolve) => require(['../pages/dataMager/battGroupMager.vue'], resolve)
    },
    {
        path: '/dataAdmian',/* 电池充放电数据管理 */
        meta: {},
        component: (resolve) => require(['../pages/dataMager/dataAdmian.vue'], resolve)