sasp-admin 0.2.57

package/src/views/threeinone/safeValidateRegion.vue

@@ -0,0 +1,328 @@
+<!--监管地区数据校验-->
+<template>
+    <el-container style="height: 100%;width: 100%">
+        <el-header>
+            <div class="quote-header-class">
+                <blockquote class="quote-class">
+                <span class="quote-font-class">
+                    <i class="fa fa-tag fa-lg" aria-hidden="true"></i>
+                    该部分操作用于校验系统所在行政区划与监管地区的差异；
+                </span>
+                </blockquote>
+
+                <el-tabs v-model="activeName">
+                    <el-tab-pane label="数据校验及修复" name="first"></el-tab-pane>
+                </el-tabs>
+            </div>
+        </el-header>
+        <el-container style="height: 100%;width: 100%">
+            <fieldset class="fieldset-class"
+                      ref="fieldsetRef"
+                        >
+                <el-button type="primary"
+                           style="margin-top: 20px;"
+                           size="small"
+                           :disabled="checkMissBtnLoading"
+                           @click="checkMissData()">
+                    校验监管地区表中缺失数据
+                </el-button>
+                <el-button
+                           :disabled="repairMissBtnDis"
+                           :type="repairMissBtnDis? 'primary':''"
+                           style="margin-top: 20px;margin-left: 30px"
+                           size="small"
+                           @click="repairMissData()">
+                    修复缺失数据
+                </el-button>
+                <div class="fieldset-class-content">
+                    <div style="margin-top: 20px" v-if="missDataArr.length == 0" v-html="missMsg">
+
+                    </div>
+                    <div style="margin-top: 20px" v-if="missDataArr.length >0">
+                        <div style='margin-bottom:3px;padding-bottom:3px;border-bottom:solid 1px #707070;'>共&nbsp;
+                            <span style='color:orange'>{{missDataArr.length}}</span>&nbsp;条数据待修复!
+                        </div>
+                        <div v-for="(missData,index) in missDataArr" :key="index">
+                            <span style="margin-right: 2px">待修复的地区</span>
+                            <span  v-html="missData.dataCode"></span>
+                        </div>
+                    </div>
+                </div>
+            </fieldset >
+
+            <fieldset class="fieldset-box-class" ref="fieldsetBoxRef">
+                <el-button type="warning"
+                           style="margin-top: 20px;"
+                           size="small"
+                           :disabled="checkInvalidBtnLoading"
+                           @click="checkInvalidData()">
+                    校验监管地区表中无效数据
+                </el-button>
+                <el-button
+                        :disabled="repairInvalidBtnDis"
+                        :type="repairInvalidBtnDis? 'warning':''"
+                        style="margin-top: 20px;margin-left: 30px"
+                        size="small"
+                        @click="removeInvalidData()">
+                    删除无效数据
+                </el-button>
+                <div class="fieldset-box-class-content">
+                    <div style="margin-top: 20px" v-if="invaliDateDataArr.length == 0" v-html="invalidateMsg">
+
+                    </div>
+                    <div style="margin-top: 20px" v-if="invaliDateDataArr.length >0">
+                        <div style='margin-bottom:3px;padding-bottom:3px;border-bottom:solid 1px #707070;'>共&nbsp;
+                            <span style='color:orange'>{{invaliDateDataArr.length}}</span>&nbsp;条数据待删除!
+                        </div>
+                        <div v-for="(invaliDate,index) in invaliDateDataArr" :key="index">
+                            <span>待删除的地区</span>
+                            <span v-html="invaliDate.mark"></span>
+                        </div>
+                    </div>
+
+                </div>
+            </fieldset>
+        </el-container>
+
+    </el-container>
+</template>
+
+<script>
+
+    export default {
+        name: "safeValidateRegion",
+
+        props:{
+            sysCommunity:{type:String,default:''}, //社区
+            sysStreet:{type:String,default:''},//街道
+            sysArea:{type:String,default:''},//地区
+            sysCity:{type:String,default:''},//市
+            sysProvince:{type:String,default:''},//省
+            refreshSafe:{type:Function,default: null},
+        },
+        data(){
+            return{
+                filedSetShow:false, //表数据配置
+                missMsg:'暂无数据显示...',
+                tableArr:["SAFE_REGION","SAFE_SPV","SAFE_SPV_ECON","SAFE_ORG_SPV"],
+                invalidateMsg:'暂无数据显示...',
+                initDataObj:{
+                    province:'',
+                    city:'',
+                    area:''
+                },
+                isClickTableData:false, //是否执行表数据初始化
+                completeTableData:false, //执行表初始化结果
+                activeName:'first',
+                SYS_PROPERTY:{
+                    communityId:this.sysCommunity,
+                    streetId:this.sysStreet,
+                    areaId:this.sysArea,
+                    cityId:this.sysCity,
+                    provinceId:this.sysProvince
+                },
+                repairInvalidBtnDis:true,//修复无效数据按钮是否禁用
+                repairMissBtnDis:true, //修复缺失数据按钮是否禁用
+
+                checkMissBtnLoading:false,//
+                checkInvalidBtnLoading:false,//
+                missDataArr:[], //缺失数据
+                invaliDateDataArr:[],//无效数据
+            }
+        },
+        created(){
+
+        },
+        methods:{
+            /**
+             * 校验缺失数据
+             */
+            checkMissData(){
+                let params = {};
+                this.checkMissBtnLoading = true;
+                this.repairMissBtnDis = true;
+                this.missMsg = "正在校验数据，请稍后...";
+                let propertyArr = Object.keys(this.SYS_PROPERTY);
+                propertyArr.some(key=>{
+                    if(this.SYS_PROPERTY[key]){ //获取当前系统所在行政区划
+                        params["parentId"] = this.SYS_PROPERTY[key];
+                        return false;
+                    }
+                });
+                this.missDataArr = [];
+                this.axios.post(this.api.safeValid.validInsert,params).then(res =>{
+                    if(res.data && res.data.length > 0){
+                        this.missDataArr = res.data;
+                        this.repairMissBtnDis = false;
+                    }else {
+                        this.missMsg = "<div style='text-align:center;width:100%'><i class='fa fa-smile-o fa-lg' aria-hidden='true'>" +
+                            "</i>&nbsp;恭喜你，未发现需要修复的数据！</div>";
+                    }
+                    this.checkMissBtnLoading = false;
+                });
+            },
+
+            /**
+             * 校验缺失数据
+             */
+            repairMissData(){
+                if(this.missDataArr.length > 0){
+                    this.missMsg = "<i class='fa fa-spinner fa-lg fa-spin' aria-hidden='true'></i>&nbsp;正在进行写入操作，请稍后...";
+                    //执行插入缺失数据
+                    let params = {};
+                    let propertyArr = Object.keys(this.SYS_PROPERTY);
+                    propertyArr.some(key=>{
+                        if(this.SYS_PROPERTY[key]){ //获取当前系统所在行政区划
+                            params["parentId"] = this.SYS_PROPERTY[key];
+                            return false;
+                        }
+                    });
+                    this.axios.post(this.api.safeValid.insertData,params).then(res =>{
+                        if(res.data && res.data.operateSuccess){
+                            this.missMsg = "<div style='text-align:center;width:100%'>"+res.data.operateMessage+"</div>";
+                            this.missDataArr = [];
+                        }
+                        this.refreshSafe && this.refreshSafe(); //刷新列表
+                    });
+
+                }else {
+                    this.$message({
+                        type:'info',
+                        message:'未找到需要写入的数据，请重新校验！',
+                    });
+                }
+                this.repairMissBtnDis = true;
+            },
+
+
+            /**
+             * 校验无效数据
+             */
+            checkInvalidData(){
+                this.checkInvalidBtnLoading = true;
+                this.repairInvalidBtnDis = true;
+                this.invalidateMsg = "正在校验数据，请稍后...";
+                this.invaliDateDataArr = [];
+                this.axios.post(this.api.safeValid.validRemove).then(res =>{
+                    if(res.data && res.data.length > 0){
+                        this.invaliDateDataArr = res.data;
+                        this.repairInvalidBtnDis = false;
+                    }else {
+                        this.invalidateMsg = "<div style='text-align:center;width:100%'><i class='fa fa-smile-o fa-lg' aria-hidden='true'>" +
+                            "</i>&nbsp;恭喜你，未发现需要删除的数据！</div>";
+                    }
+                    this.checkInvalidBtnLoading = false;
+                });
+            },
+
+            /**
+             * 删除无效数据
+             */
+            removeInvalidData(){
+                if(this.invaliDateDataArr.length > 0){
+                    this.invalidateMsg = "<i class='fa fa-spinner fa-lg fa-spin' aria-hidden='true'></i>&nbsp;正在进行删除操作，请稍后...";
+                    let delIdArr = [];
+                    this.invaliDateDataArr.forEach(item =>{
+                        delIdArr.push(item.id);
+                    });
+                    this.invaliDateDataArr = [];
+                    let params = {"delArr":JSON.stringify(delIdArr)};
+                    this.axios.post(this.api.safeValid.removeData,params).then(res =>{
+                        if(res.data && res.data.operateSuccess){
+                            this.missMsg = "<div style='text-align:center;width:100%'>"+res.data.operateMessage+"</div>";
+                        }
+                        this.refreshSafe && this.refreshSafe(); //刷新列表
+                    });
+
+                }else {
+                    this.$message({
+                        type:'info',
+                        message:'未找到需要删除的数据，请重新校验！',
+                    });
+                }
+                this.repairInvalidBtnDis = true;
+            },
+
+
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    body {
+        margin: 0;
+    }
+
+    .quote-header-class{
+        width: calc(100% - 45px);
+        margin-left: 5px;
+        height: 25px;
+        line-height: 25px;
+        position: absolute;
+
+    }
+    .quote-class{
+        margin-bottom: 10px;
+        padding: 10px;
+        border-left: 5px solid #009688;
+        background-color: #f2f2f2;
+        .quote-font-class{
+            font-size: 16px;
+        }
+    }
+
+    .fieldset-class{
+        width: 100%;
+        height: 360px;
+        text-align: center;
+        border: 0px solid #EBEEF5;
+        margin-top: 35px;
+        box-sizing: border-box;
+        .legend{
+            margin-left: 20px;
+            padding: 0 10px;
+            font-size: 16px;
+            font-weight: 300;
+        }
+        .fieldset-class-content{
+            margin-left: 10%;
+            margin-top: 10px;
+            width: 80%;
+            height: 100%;
+            overflow-y: auto;
+            background-color: #f2f2f2;
+            text-align: center;
+        }
+    }
+    .fieldset-box-class{
+        width: 100%;
+        height: 360px;
+        text-align: center;
+        border: 0px solid #EBEEF5;
+        box-sizing: border-box;
+        margin-top: 35px;
+        .legend{
+            margin-left: 20px;
+            padding: 0 10px;
+            font-size: 16px;
+            font-weight: 300;
+        }
+        .fieldset-box-class-content{
+            margin-left: 10%;
+            margin-top: 10px;
+            width: 80%;
+            height: 100%;
+            overflow-y: auto;
+            background-color: #f2f2f2;
+            text-align: center;
+        }
+    }
+    .tableName{
+        color:green;
+    }
+    .cjxx{
+        margin:5px;
+    }
+
+
+</style>