ocpview-plus 0.0.1

package/src/components/combobox/combobox.vue

@@ -0,0 +1,220 @@
+<template> 
+<div v-show="myConfig.visible">
+   <Select   ref="myControl"   v-model="value" :transfer="myConfig.transfer"   :multiple="myConfig.multiSelect"  :max-tag-count="myConfig.maxTagCount" :size="myConfig.size" :disabled="myConfig.readOnly" :clearable="myConfig.clearable"  @on-change="_setFatherValue" :filterable="myConfig.filterable" :placeholder="myConfig.placeholder"  @on-open-change="onOpenChange">
+        <template v-if="!myConfig.showOptionGroup">
+             <template v-if="myConfig.readOnly">
+                <Option v-for="(item) in myConfig.data" :value="item[myConfig.valueField]" :key="item[myConfig.valueField]">{{item.label}}</Option>
+             </template>
+             <template v-else>
+                <Option v-for="(item) in myConfig.data" v-show="item.visible" :value="item[myConfig.valueField]" :key="item[myConfig.valueField]">{{item.label}}</Option>
+             </template>
+        </template>
+        <template v-else>
+            <OptionGroup v-for="(item,index) in myConfig.data" :label="item.label" :key="'option_' + index">
+                    <template v-if="myConfig.readOnly">
+                        <Option v-for="(item2) in item.data" :value="item2[myConfig.valueField]" :key="item2[myConfig.valueField]">{{item2.label}}</Option>
+                    </template>
+                    <template v-else>
+                        <Option v-for="(item2) in item.data" v-show="item2.visible" :value="item2[myConfig.valueField]" :key="item2[myConfig.valueField]">{{item2.label}}</Option>
+                    </template>
+            </OptionGroup>
+        </template>
+    </Select>
+</div>
+</template>
+<script>
+    import Base from '@/components/base/controlbase.vue';
+    export default {
+        name: 'combobox',
+        extends: Base,
+        data () {
+            return {
+                myConfig: {
+                    data:[],
+                    valueField: 'code',
+                    textField: 'name',
+                    maxTagCount: 2,
+                    codeWithName: true ,
+                    defaultValue:'',
+                    filterable:false,
+                    clearable:true,
+                    readOnly:false,
+                    showOptionGroup:false,
+                    multiSelect:false,
+                    editData:[],
+                    showNullItem:false,
+                    filterData:null,
+                    transfer:false
+                }
+            };
+        },
+        methods:{
+            fatherValueToValue (value) {
+              if (this.myConfig.multiSelect) {
+                return value;
+              } else {
+                return value + '';
+              }
+            },
+            watchCustomFatherValue() {
+                let para= {};
+                let flag = false;
+                if (!this.myConfig.multiSelect && this.value === '') {
+                    if (!this.myConfig.showNullItem && this.myConfig.data.length === 1) {
+                        if (this.myConfig.required) {
+                            if (this.myConfig.showOptionGroup) {
+                                if (this.myConfig.data[0].data.length  === 1) {
+                                    this.value = this.myConfig.data[0].data[0][this.myConfig.valueField];
+                                    flag = true;
+                                } 
+                            } else {
+                                this.value = this.myConfig.data[0][this.myConfig.valueField];
+                                flag = true;
+                            }
+                        }
+                        para.value = this.value;
+                    }
+                } else {
+                    para.value = this.value;
+                }
+                this.oldValue = this.value;
+                if (flag) {
+                    this.$nextTick(() =>{
+                        para.name = this.myConfig.name;
+                        this.$emit('inputValue', para);
+                    });
+                }
+            },
+            setPro (obj) {
+                if (this.setCustomPro) {
+                    obj = this.setCustomPro(obj);
+                }
+                if (obj) {
+                    this.myConfig = Object.assign({}, this.myConfig, obj);
+                }
+            },
+            isOptionShow(temp) {
+                if (this.myConfig.readOnly) {
+                    return true;
+                } else {
+                    return temp.visible;
+                }
+            },  
+            setCustomPro(obj) {
+                if (obj.data !== undefined && obj.data.length > 0) {
+                    this.editData = [];
+                    if (this.myConfig.showOptionGroup) {
+                        obj.forEach(el => {
+                            let temp = this.$Method.copy(el);
+                            temp.data = [];
+                            el.data.forEach(el2 => {
+                                if (this.myConfig.codeWithName) {
+                                    el2.label = '['+ el2[this.myConfig.valueField]+']' + el2[this.myConfig.textField];
+                                } else {
+                                    el2.label =el2[this.myConfig.textField];
+                                }
+                                if (this.myConfig.filterData) {
+                                    el2.visible = this.myConfig.filterData(el2);
+                                } else {
+                                    el2.visible = this.doDictGroupKey(el2);
+                                }
+                            });
+                        });
+                    } else {
+                        obj.data.forEach(el => {
+                            if (this.myConfig.codeWithName) {
+                                el.label = '['+ el[this.myConfig.valueField]+']' + el[this.myConfig.textField];
+                            } else {
+                                el.label =el[this.myConfig.textField];
+                            }
+                            if (this.myConfig.filterData) {
+                                el.visible = this.myConfig.filterData(el);
+                            } else {
+                                el.visible = this.doDictGroupKey(el);
+                            }
+                        });
+                    }
+                  
+                }
+                return obj;
+            },
+            customInit() {
+                this.editData = [];
+                if (this.myConfig.data && this.myConfig.data.length > 0) {
+                    if (this.myConfig.showOptionGroup) {
+                        this.myConfig.data.forEach(el => {
+                            let temp = this.$Method.copy(el);
+                            temp.data = [];
+                            el.data.forEach(el2 => {
+                                if (this.myConfig.codeWithName) {
+                                    el2.label = '['+ el2[this.myConfig.valueField]+']' + el2[this.myConfig.textField];
+                                } else {
+                                    if (el2[this.myConfig.textField]) {
+                                        el2.label =el2[this.myConfig.textField];
+                                    } else {
+                                        el2.label =el2[this.myConfig.valueField];
+                                    }
+                                }
+                                if (this.myConfig.filterData) {
+                                    el2.visible = this.myConfig.filterData(el2);
+                                } else {
+                                    el2.visible = this.doDictGroupKey(el2);
+                                }
+                            });
+                            this.editData.push(temp);
+                        });
+                    } else {
+                        this.myConfig.data.forEach(el => {
+                            if (this.myConfig.codeWithName) {
+                                el.label = '['+ el[this.myConfig.valueField]+']' + el[this.myConfig.textField];
+                            } else {
+                                if (el[this.myConfig.textField]) {
+                                    el.label =el[this.myConfig.textField];
+                                } else {
+                                    el.label =el[this.myConfig.valueField];
+                                }
+                            
+                            }
+                            if (this.myConfig.filterData) {
+                                el.visible = this.myConfig.filterData(el);
+                            } else {
+                                el.visible = this.doDictGroupKey(el);
+                            }
+                        });
+                    }
+                    
+                }
+            },
+            onOpenChange(value) {
+                if (this.config.onOpenChange) {
+                    this.config.onOpenChange(value);
+                }
+            },
+            doDictGroupKey(el) {
+                if (!this.config.dictgroupkey) {
+                    return true;
+                }
+                let dictgroupkey = this.config.dictgroupkey.split(',');
+                if (el.dgroup) {
+                    let index  = dictgroupkey.findIndex(tmp => tmp === el.dgroup);
+                    if (index > -1) {
+                        return true;
+                    } else {
+                        return false;
+                    }
+                } else {
+                    return true;
+                }
+            },
+            setFocus(value) {
+                if (value) {
+                    this.$refs.myControl.$refs.reference.focus();
+                    this.$refs.myControl.isFocused = true;
+                } else {
+                    this.$refs.myControl.$refs.reference.blur();
+                    this.$refs.myControl.isFocused = false;
+                }
+            }
+        }
+    };
+</script>

package/src/components/combobox/index.js

@@ -0,0 +1,2 @@
+import ComboBox from './combobox.vue';
+export default ComboBox;

package/src/components/conditionbox/conditionbase.vue

@@ -0,0 +1,195 @@
+<script>
+    import { oneOf } from '../../utils/assist';
+    export default {
+        name: 'conditionbase',
+        data () {
+            return {
+                globalConfig:{
+                },
+                myConfig: {
+                },
+                clearInfo:'清空',
+                conditionPrior:[],
+                condition:[],
+                dataType:{},
+                hackReset:true,
+                showCondition:true
+            };
+        },
+        created () {
+            this.init();
+        },
+        props:{
+            config: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            dictData: {
+                type: Object,
+                default:null
+            },
+            isPop: {
+                type: Boolean,
+                default:false
+            },
+            modelType: {
+                validator (value) {
+                    return oneOf(value, ['treeSearch', 'search','billSearch']);
+                },
+                default: 'search'
+            }
+        } ,
+        methods:{
+            init () {
+                //获取初期默认值
+                this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
+            
+                //获取配置
+                if (this.config) {
+                    this.myConfig = Object.assign({}, this.myConfig, this.config);
+                }
+                if (this.isPop) {
+                    this.clearInfo = '清空';
+                } else {
+                    this.clearInfo = '重置';
+                }
+
+                if (this.myConfig.clearInfo) {
+                    this.clearInfo = this.myConfig.clearInfo;
+                }
+                //处理下拉框
+                if (this.dictData) {
+                    if (this.myConfig.items) {
+                        this.myConfig.items.forEach(el => {
+                            this.initDictkey(el);
+                        });
+                    }
+                }
+               
+
+                 //特定化处理
+                if (this.customInit) {
+                    this.customInit();
+                }
+            },
+            initDictkey(el) {
+                if (el.children && el.children.length > 0) {
+                    for (let i=0;i<el.children.length; i++) {
+                        this.initDictkey(el.children[i]);
+                    } 
+                } else {
+                    if (el.dictkey) {
+                        if (el.data === undefined) {
+                            let dictkey = el.dictkey;
+                            if (el.customDictkey) {
+                                dictkey = el.customDictkey;
+                            }
+                            el.data = this.dictData[dictkey];
+                        }
+                    }
+                }
+            },
+            initField() {
+                let condition = [];
+                let datatype = {};
+                let conditionPrior = [];
+                if (this.myConfig.items) {
+                    this.myConfig.items.forEach(el => {
+                        this.initComnonField(el,condition,datatype,conditionPrior);
+                    });
+                }
+                this.condition = condition;
+                this.dataType = datatype;
+                this.conditionPrior = conditionPrior;
+            },
+            initComnonField(el,condition,datatype,conditionPrior) {
+                if (el.children && el.children.length > 0) {
+                    for (let i=0;i<el.children.length; i++) {
+                        this.initComnonField(el.children[i],condition,datatype,conditionPrior);
+                    }
+                } else {
+                    if (el.condition || el.conditionPrior) {
+                        let obj = {};
+                        obj.code = el.name;
+                        if (el.label) {
+                            obj.name = el.label;
+                        } else {
+                            obj.name = el.name;
+                        }
+                        let tempObj = this.$Method.copy(el);
+                        tempObj.readOnly = false;
+                        tempObj.visible = true;
+                        tempObj.defaultValue = '';
+                        tempObj.required = false;
+                        obj.config = tempObj;
+                        datatype[obj.code] = tempObj;
+                        condition.push(obj);
+                        if (el.conditionPrior) {
+                            conditionPrior.push(obj);
+                        }
+                    }
+                }
+            },
+
+            clear() {
+                let temp = {};
+                temp.action = 'condition_clear';
+                if (this.customClear) {
+                    this.customClear();
+                }
+                this.$emit('conditionAction',temp);
+            },
+            ok() {
+                let temp = {};
+                temp.action = 'condition_ok';
+                this.$emit('conditionAction',temp);
+            },
+            cancel() {
+                let temp = {};
+                temp.action = 'condition_cancel';
+                this.$emit('conditionAction',temp);
+            },
+            search() {
+                let temp = {};
+                temp.action = 'condition_search';
+                temp.para = this.getQuerySearchParam();
+                this.$emit('conditionAction',temp);
+            },
+            getQuerySearchParam() {
+                let result={};
+                if (!this.showCondition) {
+                    return result;
+                }
+                if (this.customGetQuerySearchParam) {
+                    return this.customGetQuerySearchParam();
+                }
+
+            },
+            getCommomParam(name,value,type) {
+                let param = {};
+                if (this.myConfig.response === 'report') {
+                    param[name] = value;
+                    return param;
+                }
+                if (type === '2') {
+                    param[name] = {'LIKE':'%' + value + '%'};
+                } else if (type === '1') {
+                    param[name] = {'==': value};
+                } else if (type === '5') {
+                    param[name] = {'<>': value};
+                } else if (type === '3') {
+                    param[name] = {'>=': value};
+                } else if (type === '4') {
+                    param[name] = {'<=': value};
+                } else if (type === '6') {
+                    param[name] = value;
+                } 
+                return param;
+            },
+        }
+        
+        
+    };
+</script>

package/src/components/conditionbox/conditionbox.vue

@@ -0,0 +1,63 @@
+<template> 
+   <div> 
+     <template v-if="modelType === 'billSearch'"> 
+        <searchConditionBox ref="condition" :config="config"  @conditionAction="conditionAction"  :dictData="dictData" :modelType="modelType" :isPop="isPop"></searchConditionBox>
+     </template>
+     <template v-else>
+        <queryConditionBox   ref="condition" :config="config"  @conditionAction="conditionAction"  :dictData="dictData" :modelType="modelType" :isPop="isPop"></queryConditionBox>
+     </template>
+    </div>
+</template>
+<script>
+    import searchConditionBox from '@/components/conditionbox/searchconditionbox.vue';
+    import queryConditionBox from '@/components/conditionbox/queryconditionbox.vue';
+    export default {
+        name: 'conditionbox',
+        components: {searchConditionBox,queryConditionBox},
+        props:{
+            config: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            dictData: {
+                type: Object,
+                default:null
+            },
+            isPop: {
+                type: Boolean,
+                default:false
+            },
+            modelType: {
+                type:String,
+                default: 'search'
+            }
+        } ,
+        methods:{
+            conditionAction(obj) {
+                this.$emit('conditionAction',obj);
+            },
+            getValue(name) {
+                if (this.$refs.condition.getValue) {
+                    return this.$refs.condition.getValue(name);
+                } else {
+                    return null;
+                }
+                
+            },
+            setValue(name, value) {
+                if (this.$refs.condition.setValue) {
+                    this.$refs.condition.setValue(name,value);
+                } 
+            },
+            clear() {
+                if (this.$refs.condition.clear) {
+                    this.$refs.condition.clear();
+                }
+            }
+        }
+        
+        
+    };
+</script>