历史数据管理删除和打开数据功能

whyczyk

2020-12-17 ade0fb841fc59834006d75232d4d78b60d97ae59

历史数据管理删除和打开数据功能

 src/assets/js/dataAdmian/batteryMager.js

@@ -63,5 +63,12 @@
    })
}



/* 历史数据管理数据删除
result=[{"StationId":"1","StationName":"湖北省-武汉市-江汉区-局机房119-局机房119","BattGroupId":1000003,"BattGroupName":"电池组1","MonCapStd":150,"MonVolStd":2,"num":212,"FBSDeviceId":118}] */
export const resActionDelete = (data) => {
    return axios({
        method: "post",
        url: "BattTest_ResAction!delete",
        data: "result=" + JSON.stringify(data)
    })
}

 src/pages/dataMager/historyInfoMager.vue

@@ -8,21 +8,24 @@
                <div class="table-cell text-right">维护区:</div>
                <div class="table-cell">
                    <el-select v-model="UDepartment" size="small" placeholder="请选择维护区" @change="queryStationName">
                        <el-option v-for="item in UDepartmentList" :key="item.value" :label="item.label" :value="item.value">
                        <el-option v-for="item in UDepartmentList" :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="StationName" size="small" placeholder="请选择机房站点" @change="queryBattGroupId">
                        <el-option v-for="item in StationNameList" :key="item.value" :label="item.label" :value="item.value">
                        <el-option v-for="item in StationNameList" :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="BattGroupId" size="small" placeholder="请选择蓄电池组">
                        <el-option v-for="item in BattGroupIdList" :key="item.value" :label="item.label" :value="item.value">
                        <el-option v-for="item in BattGroupIdList" :key="item.value" :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </div>
@@ -30,7 +33,8 @@
            <div class="table-row">
                <div class="table-cell text-right">电池测试记录:</div>
                <div class="table-cell">
                    <el-select v-model="test_type" size="small" placeholder="请选择电池测试记录" @change="typeSelectChange(test_type)">
                    <el-select v-model="test_type" size="small" placeholder="请选择电池测试记录"
                        @change="typeSelectChange(test_type)">
                        <el-option value="3" label="有放电记录"></el-option>
                        <el-option value="2" label="有充电记录"></el-option>
                        <el-option value="3000" label="有放电或充电记录"></el-option>
@@ -40,14 +44,15 @@
                </div>
                <div class="table-cell text-right">操作记录时间段：</div>
                <div class="table-cell">
                    <el-date-picker v-model="startDrsj" size="small" class="time_box" :picker-options="pickerOptions0" type="date"
                     placeholder="选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
                    - <el-date-picker v-model="endDrsj" size="small" class="time_box" :picker-options="pickerOptions1" type="date"
                     placeholder="选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
                    <el-date-picker v-model="startDrsj" size="small" class="time_box" :picker-options="pickerOptions0"
                        type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
                    - <el-date-picker v-model="endDrsj" size="small" class="time_box" :picker-options="pickerOptions1"
                        type="date" placeholder="选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
                </div>
                <div class="table-cell text-right">放电类型:</div>
                <div class="table-cell">
                    <el-select v-model="test_starttype" size="small" placeholder="请选择放电类型" :disabled="test_type == '9'|| test_type == '5000'">
                    <el-select v-model="test_starttype" size="small" placeholder="请选择放电类型"
                        :disabled="test_type == '9'|| test_type == '5000'">
                        <el-option value="0" label="全部 (共3种)"></el-option>
                        <el-option value="1" label="停电放电"></el-option>
                        <el-option value="2" label="假负载放电"></el-option>
@@ -59,8 +64,15 @@
        <div class="flex-page-content">
            <!-- 表单 -->
            <el-table stripe size="small" :data="table.datas" height="100%" class="tableCent">
                <el-table-column v-for="header in table.headers" :key="header.prop" :prop="header.prop" :label="header.label"
                 :width="header.width" :show-overflow-tooltip="true" align="center"></el-table-column>
                <el-table-column v-for="header in table.headers" :key="header.prop" :prop="header.prop"
                    :label="header.label" :width="header.width" :show-overflow-tooltip="true" align="center">
                </el-table-column>
                <el-table-column prop="cztime" fixed="right" width="140px" align="center" label="操作">
                    <template slot-scope="scope">
                        <el-button type="primary" size="mini" @click="toSeeData(scope.row)">查看</el-button>
                        <el-button type="danger" size="mini" @click="delteData(scope.row)">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <!-- 底部 -->
@@ -71,8 +83,9 @@
                <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile">导出</el-button>
                <!-- <el-button type="primary" round size="mini" icon="el-icon-wallet">表格选项</el-button> -->
            </div>
            <el-pagination class="pagess" :current-page="pageCurr" @size-change="handleSizeChange" @current-change="handleCurrentChange"
             :page-sizes="[10, 20, 30, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
            <el-pagination class="pagess" :current-page="pageCurr" @size-change="handleSizeChange"
                @current-change="handleCurrentChange" :page-sizes="[10, 20, 30, 50, 100]" :page-size="pageSize"
                layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
        </div>
    </flex-layout>
</template>
@@ -83,7 +96,8 @@
    } from '../../assets/js/api'
    import {
        computerSite,
        storageBattery
        storageBattery,
        resActionDelete
    } from '../../assets/js/dataAdmian/batteryMager.js'
    import {
        dataSeachroms
@@ -224,7 +238,7 @@
        methods: {
            // 导出表格
            exportFile() {
                let tHeader  = [];
                let tHeader = [];
                let filterVal = [];
                this.table.headers.map((item, index) => {
                    tHeader.push(item.label)
@@ -238,7 +252,7 @@
                return jsonData.map(v => filterVal.map(j => v[j]));
            },
            //电池测试记录变化时改变放电类型
            typeSelectChange: function(value) {
            typeSelectChange: function (value) {
                let vm = this;
                if (value == '9' || value == '5000') {
                    vm.test_starttype = '0';
@@ -257,12 +271,12 @@
                vm.queryList();
            },
            // 点击查询
            querySubmit: function() {
            querySubmit: function () {
                let vm = this;
                vm.queryList();
            },
            // 查询列表
            queryList: function() {
            queryList: function () {
                let vm = this;
                let loading = this.$layer.loading(1);
                let data = {
@@ -300,6 +314,11 @@
                            for (let j in tdata) {
                                obj[j] = (item.data.tdata)[j];
                            }
                            if (tdata != undefined) {
                                obj.category = 1
                            } else if (binf != undefined) {
                                obj.category = 2
                            }

                            if (item.smodel.code == 1) {
                                obj.sum = item.smodel.sum; //落后单体数量
@@ -312,10 +331,13 @@
                                obj.msgV = ''; //落后单体电压
                                obj.lowRH = ''; //平均截止电压
                            }
                            let avg_curr = obj.test_timelong > 0 ? obj.test_cap * 3600 / obj.test_timelong : obj.test_curr;
                            let realCap = GetMonomerCap(obj.MonCapStd, GetHourRate(obj.MonCapStd, avg_curr), obj.test_cap, obj.max_monvol,
                            let avg_curr = obj.test_timelong > 0 ? obj.test_cap * 3600 / obj
                                .test_timelong : obj.test_curr;
                            let realCap = GetMonomerCap(obj.MonCapStd, GetHourRate(obj.MonCapStd,
                                    avg_curr), obj.test_cap, obj.max_monvol,
                                obj.min_monvol, obj.MonVolStd, 1); //实际容量
                            let rest = GetMonomerCap(obj.MonCapStd, GetHourRate(obj.MonCapStd, avg_curr), obj.test_cap, obj.max_monvol,
                            let rest = GetMonomerCap(obj.MonCapStd, GetHourRate(obj.MonCapStd,
                                    avg_curr), obj.test_cap, obj.max_monvol,
                                obj.min_monvol, obj.MonVolStd, 0); //剩余容量
                            obj.realCap = realCap.toFixed(0);
                            obj.rest = rest.toFixed(0);
@@ -341,7 +363,7 @@
                })
            },
            // 查询维护区
            queryWhq: function() {
            queryWhq: function () {
                let vm = this;
                searchProvince().then(res => {
                    let rs = JSON.parse(res.data.result);
@@ -368,7 +390,7 @@
                })
            },
            // 查询机房站点
            queryStationName: function() {
            queryStationName: function () {
                let vm = this;
                let data = {
                    UNote: vm.UDepartment
@@ -399,7 +421,7 @@
                })
            },
            // 蓄电池组
            queryBattGroupId: function() {
            queryBattGroupId: function () {
                let vm = this;
                let data = {
                    UNote: vm.UDepartment,
@@ -430,7 +452,60 @@
                })
            },


            toSeeData(data) { //查看数据
                let StationName = data.StationName.split('-');
                let search =
                    "?province=" +
                    StationName[0] +
                    "&city=" +
                    StationName[1] +
                    "&county=" +
                    StationName[2] +
                    "&home=" +
                    StationName[3] +
                    "&batt=" +
                    data.BattGroupId;
                window.parent.postMessage({
                        cmd: "syncPage",
                        params: {
                            pageInfo: {
                                label: "历史数据",
                                name: "history",
                                src: "#/history" + search,
                                closable: true
                            }
                        }
                    },
                    "*"
                );
            },
            delteData(data) { //删除数据
                this.$confirm("确认删除这条数据吗？").then(() => {
                    let arr = [];
                    let obj = {
                        StationId: data.category,
                        StationName: data.StationName,
                        BattGroupId: data.BattGroupId,
                        BattGroupName: data.BattGroupName,
                        MonCapStd: data.MonCapStd,
                        MonVolStd: data.MonVolStd,
                        num: data.num,
                        FBSDeviceId: data.test_record_count,
                    }
                    arr.push(obj);
                    resActionDelete(arr).then((res) => {
                        let data = JSON.parse(res.data.result);
                        if (data.code = 1) {
                            this.queryList();
                            this.$message.success(data.msg);
                        } else {
                            this.$message.error(data.msg);
                        }
                    }).catch((err) => {
                        this.$message.error('服务器错误，请求失败！');
                    });
                }).catch(() => {});
            }


        } //methods
@@ -441,4 +516,4 @@
    .time_box {
        width: 48.6%;
    }
</style>
</style>