sasp-admin 0.2.57

package/src/views/threeinone/compoment/safeCascadeSelect.vue

@@ -0,0 +1,327 @@
+<template>
+    <span class="jlcombobox-container">
+        <template v-for="obj in optionMap">
+            <el-select v-model="searchForm[obj.field]" v-if="!obj.isHidden"
+                       :ref="obj.field"
+                       placeholder="请选择"
+                       :size="size"
+                       :style="style"
+                       :multiple="obj.multiple"
+                       :disabled="obj.disabled"
+                       @change="obj.onChange(searchForm[obj.field])"
+                       popper-class="jlcombobox" :clearable="clearable">
+                <el-option-group
+                        v-if="obj.needGroup"
+                        v-for="group in obj.datas"
+                        :key="group.id"
+                        :label="group.name">
+                        <el-option
+                                v-for="item in group.datas"
+                                :key="item[valueField]"
+                                :label="item[labelField]"
+                                :value="item[valueField]">
+                        </el-option>
+                </el-option-group>
+                <el-option
+                        v-if="!obj.needGroup"
+                        v-for="item in obj.datas"
+                        :key="item[valueField]"
+                        :label="item[labelField]"
+                        :value="item[valueField]">
+                </el-option>
+            </el-select>&nbsp;{{obj.separator}}
+        </template>
+    </span>
+</template>
+
+<script>
+    export default {
+        name: "safe-cascade-select",//级联下拉框
+        props: {
+            searchForm: {type: Object, required: true},//表单对象
+            field: {type: String, required: true},//操作字段
+            typeId: {type: String, required: true},//数据字典ID
+            hasParentJudge:{type: String, default: ""},//是否需要父级
+            parentId:{type: String},//父级ID
+            dataUrl:{type: String},//数据来源
+            separator:{type: String, default: "-"},//分隔符
+            valueField: {type: String, default: "id"},//值域字段名称
+            labelField: {type: String, default: "dataName"},//显示域字段名称
+            parentField: {type: String, default: "parentId"},//父级字段名称
+            multiple: {type: String,  default: ""},//是否多选
+            disabled: {type: String,  default: ""},//是否只读
+            isHidden: {type: String, default: ""},//是否隐藏
+            defaultValue: {type: String, default: ""},//默认值
+            clickCallback:{type:Function,default: null},
+            size:{type: String,  default: "small"},
+            width:{type: String,  default: ""}, // 宽度
+            clearable:{type:Boolean,default:true},//是否可清除
+        },
+        data() {
+            return {
+                dataMap : {},
+                dataIdMap : {},
+                optionMap : {},
+                parentTempId:"-1",
+                OBJ_DATAS: {},
+                style:{},
+            }
+        },
+        watch:{
+            parentId(){
+                this.initCascadeSelect;
+            }
+        },
+        created() {
+            this.initCascadeSelect();
+        },
+
+        methods: {
+            /**
+             * 获取控件将用到的元数据，并根据parentId进行存储
+             * @param callBackFunc  回调函数
+             */
+            getAllData(callBackFunc){
+                let vm = this;
+                // 根据元数据类型获取元数据
+                vm.DATA_GLOBAL.getDatas(vm.typeId,vm.parentId).then(datas => {
+                    // 遍历返回的元数据数组
+                    for(let dataTemp of datas){
+                        // 若该元数据存在父级ID与ID
+                        if(dataTemp[vm.parentField] && dataTemp[vm.valueField]) {
+                            // 若未有该父级ID的元数据，则初始化
+                            if (!vm.dataMap[dataTemp[vm.parentField]]){
+                                vm.dataMap[dataTemp[vm.parentField]] = [];
+                            }
+                            // 将元数据添加到以父级ID为键与以ID为键的MAP中
+                            vm.dataMap[dataTemp[vm.parentField]].push(dataTemp);
+                            vm.dataIdMap[dataTemp[vm.valueField]] = dataTemp;
+                        }
+                    }
+                    // 存在回调函数时，进行调用
+                    if(callBackFunc && typeof callBackFunc == "function"){
+                        callBackFunc();
+                    }
+                });
+            },
+            /**
+             * 获取下拉框数据源并校正选择值
+             * @param parentId  父级ID
+             * @param field     字段
+             */
+            getSelectData(parentId, field){
+                let vm = this;
+                // 若MAP中未找到该字段对应的配置，则退出
+                if(!vm.optionMap[field]){
+                    return;
+                }
+                // 若parentId为空，则清空数据源与选择值
+                if(parentId && parentId.length){
+                    let datasTemp = [];
+                    let datasRecord = []; // 记录添加的数据源
+                    //如果parentId 是字符串类型
+                    if(typeof  parentId === 'string'){
+                        let dataTempMap = {};
+                        vm.DATA_GLOBAL.getDatas(vm.typeId,parentId).then(datas =>  {
+                            // 遍历返回的元数据数组
+                            for(let dataTemp of datas){
+                                // 若该元数据存在父级ID与ID
+                                if(dataTemp[vm.parentField] && dataTemp[vm.valueField]) {
+                                    // 若未有该父级ID的元数据，则初始化
+                                    if (!dataTempMap[dataTemp[vm.parentField]]){
+                                        dataTempMap[dataTemp[vm.parentField]] = [];
+                                    }
+                                    // 将元数据添加到以父级ID为键与以ID为键的MAP中
+                                    dataTempMap[dataTemp[vm.parentField]].push(dataTemp);
+                                    dataTempMap[dataTemp[vm.valueField]] = dataTemp;
+                                }
+                            }
+                            datasRecord = dataTempMap[parentId];
+
+                            //数据重置与赋值 optionMap
+                            vm.setFormData(datasRecord,field);
+
+
+                            // 若有下级下拉框，则继续重置
+                            if(vm.optionMap[field].casField){
+                                vm.parentTempId  =  vm.searchForm[field];
+                                vm.getSelectData(vm.searchForm[field], vm.optionMap[field].casField);
+                            }
+                        });
+                    }else {
+                        // 分组对象
+                        let groupTemp;
+                        // 遍历parentId数组，添加对应parentId的数据源
+                        for (let parentIdTemp of parentId) {
+                            // 保存分组对象信息
+                            groupTemp  = {"id" : parentIdTemp
+                                , "name" : vm.dataIdMap[parentIdTemp] ? vm.dataIdMap[parentIdTemp][vm.labelField] : ""
+                                , "datas" : []};
+                            for(let dataTemp of vm.dataMap[parentIdTemp]){
+                                // 讲元数据保存到元数据组中
+                                groupTemp.datas.push(dataTemp);
+                                datasRecord.push(dataTemp);
+                            }
+                            datasTemp.push(groupTemp);
+                        }
+
+                        // 若只有一组元数据，则取消分组
+                        if(datasTemp.length == 1){
+                            datasTemp = datasTemp[0].datas;
+                            vm.optionMap[field].needGroup = false;
+                        }else{
+                            vm.optionMap[field].needGroup = true;
+                        }
+
+                        //数据重置与赋值 searchForm
+                        vm.setFormData(datasTemp,field);
+
+                        // 若有下级下拉框，则继续重置
+                        if(vm.optionMap[field].casField){
+                            vm.parentTempId  =  vm.searchForm[field];
+                            vm.getSelectData(vm.searchForm[field], vm.optionMap[field].casField);
+                        }
+                    }
+                }else {
+                    vm.optionMap[field].datas = [];
+                    vm.optionMap[field].needGroup = false;
+                    vm.searchForm[field] = vm.optionMap[field].multiple ? [] : "";
+                }
+            },
+
+
+            /**
+             * 重置下一级下拉列表与赋值  searchForm
+             * */
+            setFormData(datasRecord,field){
+                let vm = this;
+                vm.optionMap[field].datas = datasRecord;
+                // 获取当前值
+                let curValue = vm.searchForm[field];
+                // 获取当前选择值的数组形式
+                let curValueArr = typeof curValue == "object" ? curValue : [curValue];
+                valueEach:
+                    for (let i = curValueArr.length - 1; i >= 0; i--) {
+                        if(datasRecord && datasRecord.constructor === Array && datasRecord.length > 0){
+                            for (let dataObj of datasRecord) {
+                                // 若当前选择的值存在于新数据源中，则跳入外层下一次循环
+                                if (dataObj && dataObj[vm.valueField] == curValueArr[i]) {
+                                    continue valueEach;
+                                }
+                            }
+                        }
+                        // 若当前选择的值不存在于新数据源，则删除该选择值
+                        curValueArr.splice(i, 1);
+                    }
+                // 根据是否多选来赋值
+                vm.searchForm[field] = typeof curValue == "object" ? curValueArr : curValueArr.join("");
+
+            },
+
+
+
+            /**
+             * 初始化级联下拉框
+             */
+            initCascadeSelect() {
+                // 初始化宽度
+                if(this.width){
+                    this.style = {'width':this.width};
+                }
+                let vm = this;
+                // 获取元数据
+                vm.getAllData(() => {
+                    // 字段数组
+                    let fieldArr = vm.field.split(",");
+                    // 多选设置数组
+                    let multipleArr = (vm.multiple || "").split(",");
+                    // 只读设置数组
+                    let disabledArr = (vm.disabled || "").split(",");
+                    //隐藏设置数组
+                    let hiddenArr = (vm.isHidden || "").split(",");
+                    // 默认值数组
+                    let defaultValueArr = (vm.defaultValue || "").split(",");
+
+                    // 遍历字段数组，将配置保存在MAP中
+                    for(let i = 0; i < fieldArr.length; i++){
+                        let optionObj = {};
+                        optionObj.field = fieldArr[i] + "";
+                        optionObj.multiple = multipleArr[i] == 'true';
+                        optionObj.disabled = disabledArr[i] == 'true';
+                        optionObj.isHidden = hiddenArr[i] == 'true';
+
+                        // Element下拉框多选与单选值类型不同，所以进行处理
+                        if(optionObj.multiple){
+                            optionObj.defaultValue = defaultValueArr[i] ? [defaultValueArr[i]] : [];
+                        }else{
+                            optionObj.defaultValue = defaultValueArr[i] ? defaultValueArr[i] : "";
+                        }
+                        vm.searchForm[fieldArr[i]] = vm.searchForm[fieldArr[i]] && vm.searchForm[fieldArr[i]].length
+                            ? vm.searchForm[fieldArr[i]]
+                            : optionObj.defaultValue;
+                        //searchForm中移除 vm.field
+                        if( vm.field in vm.searchForm){
+                            delete vm.searchForm[vm.field];
+                        }
+                        optionObj.datas = [];
+                        if(i != fieldArr.length -1) {
+                            // 存关联的下拉框字段
+                            optionObj.casField = fieldArr[i+1];
+                            optionObj.separator = vm.separator;
+                            // 值改变事件
+                            optionObj.onChange = (value) => {
+                                let dataName = ''; //当前label值
+                                vm.getSelectData(vm.searchForm[fieldArr[i]], optionObj.casField);
+                                // 重置数据源与选中值
+                                vm.optionMap = Object.assign({}, vm.optionMap);
+                                let currenData =   optionObj.datas || [];
+                                Object.keys(currenData).forEach(key => {
+                                    if(currenData[key].id === value){
+                                        dataName = currenData[key].dataName;
+                                        return;
+                                    }
+                                });
+                                if(vm.clickCallback !== null){
+                                    vm.clickCallback(dataName,optionObj.field,value); //回传label 和当前选中字段 和value
+                                }
+                            };
+                        }else{
+                            optionObj.onChange = (value) => {
+                                let dataName = '';
+                                vm.optionMap = Object.assign({}, vm.optionMap);
+                                let currenData =   optionObj.datas || [];
+                                Object.keys(currenData).forEach(key => {
+                                    if(currenData[key].id === value){
+                                        dataName = currenData[key].dataName;
+                                        return;
+                                    }
+                                });
+                                if(vm.clickCallback !== null){
+                                    vm.clickCallback(dataName,optionObj.field,value);   //回传label 和当前选中字段
+                                }
+                            };
+                        }
+                        vm.optionMap[optionObj.field] = optionObj;
+
+                        // 初始化数据源与选中值
+                        if(i == 0){
+                            vm.getSelectData(vm.hasParentJudge == "true" ? vm.parentId : "-1" , optionObj.field);
+                        }else{
+                            vm.getSelectData(vm.searchForm[fieldArr[i-1]], optionObj.field);
+                        }
+                    }
+
+                    vm.optionMap = Object.assign({}, vm.optionMap);
+
+                });
+                // console.log("下拉框：",this.optionMap);
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .jlcombobox-container{
+        display: inline-block;
+    }
+</style>

package/src/views/threeinone/init/safeInitRegion.vue

@@ -0,0 +1,203 @@
+<!--初始化三位一体-->
+<template>
+    <el-container style="height: 100%;width: 100%">
+
+        <div class="quote-header-class">
+            <blockquote class="quote-class">
+                <span class="quote-font-class">
+                    三位一体初始化操作
+                </span>
+                <span style="color: red">
+                     <i class="saspiconfont pl-icon-weixian">
+                         <span style="font-size: 14px">
+                               接下来的操作会重建三位一体所有表，数据将会初始化。请谨慎操作！
+                         </span>
+                    </i>
+                </span>
+            </blockquote>
+        </div>
+        <div>
+
+        </div>
+        <fieldset class="fieldset-class">
+            <legend class="legend" >初始化三位一体需要的表</legend>
+            <el-button type="primary"
+                       style="margin-top: 20px;margin-left: 30px"  @click="initTable()">
+                初始化三位一体相关表
+            </el-button>
+            <div style="margin-top: 0px">
+                <span style="margin-left: 30px;" v-html="tableInitMsg"></span>
+            </div>
+        </fieldset>
+
+        <fieldset class="fieldset-box-class" v-show="filedSetShow">
+            <legend class="legend" >初始化表数据-请选择需要初始化的地区</legend>
+            <safe-cascade-select
+                    style="margin-left: 30px;margin-top: 20px"
+                    :search-form="initDataObj"
+                    field="province,city,area"
+                    type-id="522eb83216004493b0e0eb729c564941"
+                    :defaultValue="defaultValue"
+                    :disabled="disableStr"
+                    size="small"></safe-cascade-select>
+            <el-button type="primary"
+                       style="margin-top: 20px;margin-left: 30px"
+                       size="small" @click="initData()">
+                初始化表数据
+            </el-button>
+            <div style="margin-top: 20px">
+                <span style="margin-left: 30px;" v-if="!isClickTableData">{{tableDataInitMsg}}</span>
+                <span style="margin-left: 30px;" v-if="isClickTableData && completeTableData">
+                    <div style='margin-left: 30px;color:green;margin-top: 10px'>数据初始化完毕，请刷新页面!&nbsp;&nbsp;<a style='cursor:pointer;color:blue' @click='refresh()'>刷新</a></div>
+                </span>
+                <span style="margin-left: 30px;" v-if="isClickTableData && !completeTableData">
+                    <div style='margin-left: 30px;color:red;margin-top: 10px'>数据初始化异常，请联系开发人员!</div>
+                </span>
+            </div>
+        </fieldset>
+    </el-container>
+</template>
+
+<script>
+    import SafeCascadeSelect from "../compoment/safeCascadeSelect";
+    export default {
+        name: "safeInitRegion",
+        components: {SafeCascadeSelect},
+        props:{
+            defaultValue:{type:String,default:''},
+            disableStr:{type:String,default:''},
+            refreshSafe:{type:Function,default: null},
+        },
+        data(){
+            return{
+                filedSetShow:false, //表数据配置
+                tableInitMsg:'暂无初始化结果显示！请点击按钮。',
+                tableArr:["SAFE_REGION","SAFE_SPV","SAFE_SPV_ECON","SAFE_ORG_SPV"],
+                tableDataInitMsg:'暂无初始化数据结果显示！请点击按钮。',
+                initDataObj:{
+                    province:'',
+                    city:'',
+                    area:''
+                },
+                isClickTableData:false, //是否执行表数据初始化
+                completeTableData:false, //执行表初始化结果
+            }
+        },
+        methods:{
+            /**
+             * 初始化表数据
+             */
+            initTable(){
+                this.filedSetShow = false;
+                this.tableInitMsg = "";
+                let flag = true;
+
+                this.$confirm("确定初始化三位一体所有表", '警告', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    this.axios.post(this.api.safeInit.initTrinityTable).then(res =>{
+                        if(res && res.data){
+                            if(res.data.flag == 'true'){
+                                this.tableArr.forEach(item =>{
+                                    this.tableInitMsg += "<div style='margin-left: 30px'>[表名：<span style='color: green'>"+item+"</span>]&nbsp;&nbsp;初始化完毕&nbsp;&nbsp;<i class='fa fa-check wc'></i></div>";
+                                });
+                            }else {
+                                flag = false;
+                                this.tableInitMsg = "<div style='margin-left: 30px;color:green;margin-top: 10px'>初始化失败&nbsp;&nbsp;<i class='fa fa-close fb'></i></div>";
+                            }
+                        }
+                        if(flag){
+                            this.tableInitMsg += "<div style='margin-left: 30px;color:green;margin-top: 10px'>三位一体相关表已经准备完毕，请进行下一步操作!</div>";
+                            this.filedSetShow = true;
+                        }else {
+                            this.tableInitMsg += "<div style='margin-left: 30px;color:red;margin-top: 10px'>三位一体相关表初始化失败,请联系开发人员!</div>";
+                        }
+                    });
+                });
+            },
+
+            /**
+             * 初始化表数据
+             */
+            initData(){
+                this.isClickTableData = false;
+                this.completeTableData = false;
+                this.axios.post(this.api.safeInit.initTrinityData,{"province":this.initDataObj.province,"city":this.initDataObj.city,"area":this.initDataObj.area}).then(res =>{
+                    this.isClickTableData = true;
+                    if(res && res.data){
+                        if(res.data.flag == 'true'){
+                            this.completeTableData = true;
+                        }
+                    }
+                });
+
+            },
+
+            /**
+             * 刷新 safeManager
+             */
+            refresh(){
+                //调用 safeManager 刷新方法
+                this.refreshSafe && this.refreshSafe();
+            }
+        }
+    }
+</script>
+
+<style scoped lang="scss">
+    .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{
+        position: absolute;
+        width: calc(100% - 45px);
+        height: 240px;
+        border: 2px solid #EBEEF5;
+        margin-top: 50px;
+        box-sizing: border-box;
+        .legend{
+            margin-left: 20px;
+            padding: 0 10px;
+            font-size: 16px;
+            font-weight: 300;
+        }
+    }
+    .fieldset-box-class{
+        width: 100%;
+        height: 200px;
+        border: 2px solid #EBEEF5;
+        margin-top: 300px;
+        box-sizing: border-box;
+        .legend{
+            margin-left: 20px;
+            padding: 0 10px;
+            font-size: 16px;
+            font-weight: 300;
+        }
+    }
+    .tableName{
+        color:green;
+    }
+    .cjxx{
+        margin:5px;
+    }
+
+
+</style>