sasp-admin 0.2.57

package/src/views/org/safeValidate/safeValidate.vue

@@ -0,0 +1,469 @@
+<template>
+    <el-container style="height: 100%" class="topContain">
+        <el-header style="height: auto">
+            <div style="background-color: #F2F2F2;">
+                <i class="saspiconfont pl-icon-comment"></i>该部分操作用于校验系统所在行政区划与监管地区以及组织架构的差异；
+            </div>
+            <div style="width: 100%">
+                <div class="data-title">
+                    缺失数据
+                    <el-button size="small" type="primary" @click="getMissingInfo" :disabled="repaireDisabled">获取</el-button>
+                    <el-button size="small" type="primary" @click="dealTnsertData" :disabled="repaireDisabled">修复</el-button>
+                </div>
+                <div class="data-title">
+                    无效数据
+                    <el-button size="small" type="primary" @click="getInvalidData" :disabled="repaireDisabled">获取</el-button>
+                    <el-button size="small" type="primary" @click="deleteInvalidData" :disabled="repaireDisabled">修复</el-button>
+                </div>
+                <div v-if="!loading" class="number-reparie">
+                    <label>
+                        <input type="checkbox" @click="repaireAllChange" v-if="repaireNumber>0" v-model="repaireAllCheck"/>共{{repaireNumber}}条数据待修复
+                    </label>
+                </div>
+                <div v-if="!removeLoading" class="number-remove">
+                    <label>
+                        <input type="checkbox" @click="removeAllChange" v-if="removeNumber>0" v-model="removeAllCheck"/>共{{removeNumber}}条数据待删除
+                    </label>
+                </div>
+            </div>
+        </el-header>
+        <el-container style="position: relative;border: 1px solid #c2c2c2;box-sizing: border-box;padding: 10px;height: calc(100% - 200px)">
+            <el-aside v-loading="loading" style="width: 50%;box-sizing: border-box;position: relative" class="validate-aside">
+                <fieldset>
+                    <legend>第一级别</legend>
+                    <table ref="degreeOneRef" element-loading-text="加载中">
+                        <tr v-for="item in degreeOne">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" :value="item.id" @click="clickCheck(item)"
+                                           @change="repaireChange(item)" style="margin-right: 2px"/>{{item.regionName}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="degreeOne.length == 0">
+                            <td>
+                                恭喜您，未发现需要修复的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+                <fieldset>
+                    <legend>第二级别</legend>
+                    <table ref="degreeTwoRef">
+                        <tr v-for="item in degreeTwo">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" @click="clickCheck(item)"
+                                           @change="repaireChange(item)" style="margin-right: 2px"/>{{item.regionName}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="degreeTwo.length == 0">
+                            <td>
+                                恭喜您，未发现需要修复的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+                <fieldset>
+                    <legend>第三级别</legend>
+                    <table ref="degreeThreeRef">
+                        <tr v-for="item in degreeThree">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" @click="clickCheck(item)"
+                                           @change="repaireChange(item)" style="margin-right: 2px"/>{{item.regionName}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="degreeThree.length == 0">
+                            <td>
+                                恭喜您，未发现需要修复的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+                <fieldset>
+                    <legend>第四级别</legend>
+                    <table ref="degreeFourRef">
+                        <tr v-for="item in degreeFour">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" @click="clickCheck(item)"
+                                           @change="repaireChange(item)" style="margin-right: 2px"/>{{item.regionName}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="degreeFour.length == 0">
+                            <td>
+                                恭喜您，未发现需要修复的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+                <fieldset>
+                    <legend>第五级别</legend>
+                    <table ref="degreeFiveRef">
+                        <tr v-for="item in degreeFive">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" @click="clickCheck(item)"
+                                           @change="repaireChange(item)" style="margin-right: 2px"/>{{item.regionName}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="degreeFour.length == 0">
+                            <td>
+                                恭喜您，未发现需要修复的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+            </el-aside>
+            <el-main style="padding: 0 10px;box-sizing: border-box;">
+                <fieldset>
+                    <legend>待删除</legend>
+                    <table ref="removeRef" v-loading="removeLoading" element-loading-text="加载中" style="width: 100%">
+                        <tr v-for="item in removeData">
+                            <td>
+                                <label>
+                                    <input type='checkbox' v-model="item.check" @click="clickRemoveCheck(item)" style="margin-right: 2px"/>{{item.showMark}}
+                                </label>
+                            </td>
+                        </tr>
+                        <tr v-if="removeData.length == 0">
+                            <td>
+                                恭喜您，未发现需要删除的数据！
+                            </td>
+                        </tr>
+                    </table>
+                </fieldset>
+            </el-main>
+        </el-container>
+<!--        <el-footer style="text-align: center;line-height: 80px">-->
+<!--            <el-button type="primary" @click="repaire" :disabled="repaireDisabled">修复数据</el-button>-->
+<!--        </el-footer>-->
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "safe-validate",
+        props:{
+            orgDim:{required:true,type:String} // 维度
+        },
+        data(){
+          return {
+              degreeOne:[], // 第一层级table数据
+              degreeTwo:[], // 第二层级table数据
+              degreeThree:[], // 第三层级table数据
+              degreeFour:[], // 第四层级table数据
+              degreeFive:[],
+              removeData:[], // 待删除的数据
+              repaireNumber:0, // 待修复数据数量
+              removeNumber:0, // 待删除数据数量
+              loading:false, // 加载条
+              removeLoading:false, // 加载条
+              needRepaireData:[], // 选中修复的数据
+              needRemoveData:[], // 选中删除的数据
+              repaireAllCheck:false,
+              removeAllCheck:false,
+              repaireDisabled:false,
+          }
+        },
+        created(){
+            this.init();
+        },
+        watch:{
+            orgDim(){
+                this.orgDim && this.init();
+            }
+        },
+        methods:{
+            init(callback){
+
+            },
+            getMissingInfo(){
+                let vm = this;
+                let arr = ["degreeOne","degreeTwo","degreeThree","degreeFour","degreeFive"];
+                arr.forEach(function (param) {
+                   vm[param] = [];
+                });
+                vm.loading = true;
+                vm.repaireAllCheck = false;
+                vm.axios.post(vm.api.sysOrg.validInsert,
+                    {
+                        "orgDim":vm.orgDim,
+                        "orderSql":"TB.REGION_TIER,TB.REGIONS,TB.PROVINCE DESC,TB.CITY DESC,TB.AREA DESC,TB.STREET DESC,TB.COMMUNITY DESC"
+                    }).then(function (resInsert) {
+                        vm.repaireNumber = 0;
+                        let obj = {"1":"degreeOne","2":"degreeTwo","3":"degreeThree","4":"degreeFour","5":"degreeFive"};
+                        let xzqharr = ["provinceName","cityName","areaName","streetName","communityName"];
+                        if(resInsert.data.length>0){
+                            vm.repaireNumber = resInsert.data.length;
+                            let regionId = "";
+                            let regionName = "";
+                            let currentDq = "0";
+                            resInsert.data.forEach(item =>{
+                                if(item.community){
+                                    currentDq = "5";
+                                }else if(item.street){
+                                    currentDq = "4";
+                                }else if(item.area){
+                                    currentDq = "3";
+                                }else if(item.city){
+                                    currentDq = "2";
+                                }else if(item.province){
+                                    currentDq = "1";
+                                }
+                                regionId = item.community||item.street||item.area||item.city||item.province;
+                                regionName = "";
+                                xzqharr.forEach(function (result) {
+                                    item[result] && (regionName += "-"+item[result]);
+                                });
+                                regionName && (regionName = regionName.substring(1));
+                                item["regionName"] = regionName;
+                                item["check"] = false; // checkbox是否选中
+                                obj[currentDq] && vm[obj[currentDq]].push(item);
+                            })
+                        }
+                        vm.loading = false;
+                });
+            },
+            dealTnsertData(){
+                let vm = this;
+                let arr = ["degreeOne","degreeTwo","degreeThree","degreeFour","degreeFive"];
+                let allData = {};
+                let ids = "";
+                arr.forEach(function (name) {
+                    ids = "";
+                    vm[name].forEach(function (data) {
+                        if(data["check"]){
+                            ids += "," + data.id;
+                        }
+                    });
+                    if(ids){
+                        ids = ids.substring(1);
+                    }
+                    allData[name] = ids;
+                });
+                if(!allData||Object.keys(allData).length == 0){
+                    vm.$message("请选择需要修复的数据！");
+                    return;
+                }
+                vm.repaireDisabled = true; // 按钮禁用
+                vm.loading = true;
+                vm.axios.post(vm.api.sysOrg.initOrgData, {
+                    "oneregionIds": allData["degreeOne"],
+                    "tworegionIds": allData["degreeTwo"],
+                    "threeregionIds": allData["degreeThree"],
+                    "fourregionIds": allData["degreeFour"],
+                    "fiveregionIds": allData["degreeFive"],
+                    "orgDim": vm.orgDim
+                }).then(data=>{
+                    let insertflag=data.data.operateSuccess;
+                    vm.getMissingInfo();
+                    vm.repaireDisabled = false;
+                    (insertflag)?vm.$message("修复数据成功！"):vm.$message("修复数据失败！");
+                });
+            },
+            getInvalidData(){
+                  let vm = this;
+                  vm.removeLoading = true;
+                  vm.removeAllCheck = false;
+                  vm.axios.post(vm.api.sysOrg.validRemove,{"orgDim":vm.orgDim}).then(function (res) {
+                      vm.removeData = res.data;
+                      res.data.forEach(function (data) {
+                         data["mark"] && data["mark"].indexOf("$$$$") > -1 && (data["showMark"] = data["mark"].split("$$$$")[0]
+                             + "---[" + data["mark"].split("$$$$")[1] + "]");
+                         data["check"] = false;
+                      });
+                      vm.removeNumber = res.data.length;
+                      vm.removeLoading = false;
+                });
+            },
+            deleteInvalidData(){
+                let vm = this;
+                let deleteIds = "";
+
+                vm.removeData.forEach(function (data) {
+                    if(data["check"]){
+                        deleteIds += ","+data["id"];
+                    }
+                });
+                if(!deleteIds){
+                    vm.$message("请选择需要删除的数据！");
+                    return;
+                }else{
+                    deleteIds = deleteIds.substring(1);
+                }
+                vm.removeLoading = true;
+                vm.axios.post(vm.api.sysOrg.removeOrgData,{"deleteIds":deleteIds}).then(function (res) {
+                    if(res.data.operateSuccess){
+                        vm.getInvalidData();
+                        vm.removeLoading = false;
+                        vm.repaireDisabled = false;
+                        vm.$message("修复成功！");
+                    }else{
+                        vm.getInvalidData();
+                        vm.removeLoading = false;
+                        vm.repaireDisabled = false;
+                        vm.$message("修复失败！");
+                    }
+                })
+            },
+            repaireAllChange(){
+                let checked = window.event.target.checked;
+                let vm = this;
+                let arr = ["degreeOne","degreeTwo","degreeThree","degreeFour","degreeFive"];
+                arr.forEach(function (name) {
+                    vm[name].forEach(function (data) {
+                        data["check"] = checked;
+                    })
+                });
+            },
+            removeAllChange(){
+                let checked = window.event.target.checked;
+                let vm = this;
+                let arr = ["removeData"];
+                arr.forEach(function (name) {
+                    vm[name].forEach(function (data) {
+                        data["check"] = checked;
+                    })
+                });
+            },
+            clickCheck(item){
+                let vm = this;
+                vm.$nextTick(function () {
+                    let checked = item.check;
+                    if(!checked){
+                        vm.repaireAllCheck = checked;
+                    }else{
+                        let arr = ["degreeOne","degreeTwo","degreeThree","degreeFour","degreeFive"];
+                        vm.repaireAllCheck = vm.checkAllClick(arr);
+                    }
+                })
+            },
+            clickRemoveCheck(item){
+                let vm = this;
+                vm.$nextTick(function () {
+                    let checked = item.check;
+                    if(!checked){
+                        vm.removeAllCheck = checked;
+                    }else{
+                        let arr = ["removeData"];
+                        vm.removeAllCheck = vm.checkAllClick(arr);
+                    }
+                });
+            },
+            checkAllClick(arr){
+                let vm = this;
+                let flag = true;
+                for(let name of arr){
+                    let nameFlag = false;
+                    for(let data of vm[name]){
+                        if(!data['check']){ // 有没选中的
+                            nameFlag = true;
+                            flag = false;
+                            break;
+                        }
+                    }
+                    if(nameFlag){
+                        break;
+                    }
+                }
+                return flag;
+            },
+
+            repaireChange(item){ // 修复数据时选中下级要选中上级
+                let vm = this;
+                let regions = item.regions?item.regions.split(","):[];
+                let allData = vm.degreeOne.concat(vm.degreeTwo).concat(vm.degreeThree).concat(vm.degreeFour);
+                if(item.check){ //选中子类选中父类
+                    regions.forEach(function (region) {
+                        for(let data of allData){
+                            if(data.id == region){
+                                data["check"] = true;
+                                break;
+                            }
+                        }
+                    })
+                }else{ // 子类取消父类若没有下级了则清空
+                    if(regions.length >= 2){
+                        regions = regions.reverse().slice(1); //若当前层级为2或更多有父类才进行操作
+                        regions.forEach(function (region) {
+                            let count = 0;
+                            for(let data of allData){
+                                let tempRegions = data["regions"];
+                                if(data["check"] && tempRegions.indexOf(region) > -1){
+                                    tempRegions = tempRegions?tempRegions.split(","):[];
+                                    if(tempRegions.indexOf(region) != tempRegions.length-1){ // 不取消选中
+                                        count++;
+                                        break;
+                                    }
+                                }
+                            }
+                            if(count === 0){ // 取消选中
+                                for(let data of allData){
+                                    if(data.id == region){
+                                        data["check"] = false;
+                                        break;
+                                    }
+                                }
+                            }
+                        });
+                    }
+                }
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .data-title{
+        width: 50%;float: left;text-align: center;
+    }
+    .number-reparie,.number-remove{
+        width: 50%;text-align: left;font-size: 15px;box-sizing: border-box;font-weight: normal;
+    }
+    .number-reparie{
+        float: left;padding-left: 14px;
+    }
+    .number-remove{
+        float: right;padding-left: 24px;
+    }
+    .validate-aside .el-table{
+        margin-bottom: 5px;
+    }
+    .validate-aside{
+        padding: 0 10px 0 0;
+    }
+    label:hover{
+        cursor: pointer;
+    }
+    header{
+        line-height: 40px;font-weight: bold;font-size: 16px;
+    }
+    fieldset{
+        border:1px solid #c2c2c2;padding: 0 10px 10px;margin-bottom: 10px;
+    }
+    tr{
+        height: 30px;
+        font-size: 15px;
+    }
+    legend{
+        margin-left: 18px;
+    }
+
+    input[type='checkbox']{
+        width: 14px;
+        height: 14px;
+        background-color: #fff;
+        /*-webkit-appearance:none;*/
+        border: 1px solid #c9c9c9;
+        border-radius: 2px;
+        outline: none;
+        position: relative;
+        top: 2px;
+    }
+</style>