ocpview-plus 0.0.1

package/src/components/base/size.js

@@ -0,0 +1,78 @@
+export default {
+    name:'size',
+    data () {
+        return {
+            calHeight:1,
+            calWidth:1,
+            adjustHeight:0,
+            adjustWidth:0,
+        };
+    },
+    computed:{
+        clientHeight () {
+            return this.$Store.state.app.clientHeight;
+        },
+        clientWidth () {
+            return this.$Store.state.app.clientWidth;
+        },
+        currentHeight () {
+            let culheight = this.clientHeight;
+            if (this.calHeight) {
+                if (Number(this.calHeight) <= 1) {
+                    culheight = culheight * Number(this.calHeight);
+                    culheight = Number(culheight.toFixed(0));
+                } else {
+                    culheight = this.calHeight;
+                }
+            }
+            if (this.adjustHeight) {
+                culheight = culheight - Number(this.adjustHeight);
+            }
+            return culheight;
+        },
+        currentWidth () {
+            let culwidth = this.clientWidth;
+            if (this.calWidth) {
+                if (Number(this.calWidth) <= 1) {
+                    culwidth = culwidth * Number(this.calWidth);
+                    culwidth = Number(culwidth.toFixed(1));
+                } else {
+                    culwidth = this.calWidth;
+                }
+            }
+            if (this.adjustWidth) {
+                culwidth = culwidth - Number(this.adjustWidth);
+            }
+            return culwidth;
+        }
+    },
+    methods:{
+        setCalHeight (value) {
+            this.calHeight = value;
+        },
+        setAdjustHeight (value) {
+            this.adjustHeight = value;
+        },
+        setCalWidth (value) {
+            this.calWidth = value;
+        },
+        setAdjustWidth(value) {
+            this.adjustWidth = value;
+        },
+        setSizeConfig (config) {
+            if (config.height) {
+                this.setCalHeight(config.height);
+            }
+            if (config.width) {
+                this.setCalWidth(config.width);
+            }
+            if (config.adjustHeight) {
+                this.setAdjustHeight(config.adjustHeight);
+            }
+            if (config.adjustWidth) {
+                this.setAdjustWidth(config.adjustWidth);
+            }
+        }
+    },
+
+};

package/src/components/billbox/billbox.vue

@@ -0,0 +1,68 @@
+
+<template>
+ <Modal v-model="modalflag" :width="currentWidth" :title="myConfig.title" :footer-hide="true" @on-visible-change="ondestroy">
+    <div v-if="modalflag">
+        <iframe ref="bill" :src="myConfig.url"  width="100%" :height="currentHeight"  allowtransparency="true"  @load="load"  frameborder="0" ></iframe>
+    </div>
+ </Modal>
+</template>
+<script>
+import size from '@/components/base/size';
+export default {
+    name:'billbox',
+    mixins: [size],
+    data () {
+        return {
+            myConfig:{
+                url:'',
+                title:'',
+                width:0.8,
+                height:0.8,
+                adjustHeight:0,
+                onLoad:'',
+                onDestroy:''
+            },
+            modalflag:false
+        };
+    },
+    methods: {
+        setConfig(config) {
+            this.myConfig = Object.assign({},this.myConfig,config);
+            this.setSizeConfig(this.myConfig);
+        },
+        show() {
+            this.modalflag = true;
+        },
+        load() {
+            if (this.myConfig.onLoad) {
+                let iframe = this.$refs.bill.$el;
+                this.myConfig.onLoad(iframe);
+            }
+        },
+        ondestroy(value) {
+            if (!value) {
+                if (this.myConfig.onDestroy) {
+                    this.myConfig.onDestroy(this.myConfig);
+                }
+            }
+        },
+        logout() {
+            this.$store.dispatch('LogOut').then(() => {
+                location.reload();  // 为了重新实例化vue-router对象 避免bug
+            });
+        },
+        getUrl() {
+            if (this.base.OmdUrl.memberid) {
+                this.$el.setAttribute('src',this.base.OmdUrl.modulecode_99011502 + '&memberid='+this.base.OmdUrl.memberid);
+            } else {
+                this.logout();
+            }
+        }
+    },
+    mounted(){
+        //this._setCustomHeight(this.clientHeight);
+        //this._setCustomWidth(this.clientWidth);
+    }
+};
+
+</script>

package/src/components/billbox/index.js

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

package/src/components/cascaderbox/cascaderbox.vue

@@ -0,0 +1,184 @@
+<template>
+    <div v-show="myConfig.visible">
+        <Cascader
+            ref="myControl"
+            v-model="value"
+            :data="cascaderData"
+            :size="myConfig.size"
+            :disabled="myConfig.readOnly"
+            :clearable="myConfig.clearable"
+            @on-change="_setFatherValue"
+            :placeholder="myConfig.placeholder"
+            @on-visible-change="onOpenChange"
+            :render-format="format"
+        ></Cascader>
+    </div>
+</template>
+<script>
+import Base from '@/components/base/controlbase.vue';
+export default {
+    name: 'cascaderbox',
+    extends: Base,
+    data() {
+        return {
+            myConfig: {
+                data: [],
+                valueField: 'code',
+                textField: 'name',
+                parentField: 'pcode',
+                codeWithName: false,
+                separate: '/',
+                defaultValue: '',
+                clearable: true,
+                readOnly: false,
+            },
+            value: [],
+        };
+    },
+    computed: {
+        cascaderData() {
+            return this.toCascaderData();
+        },
+    },
+    methods: {
+        fatherValueToValue(value) {
+            let separate = this.myConfig.separate;
+            if (this.config.separate !== undefined) {
+                separate = this.config.separate;
+            }
+            if (value) {
+                return value.split(separate);
+            } else {
+                if (this.myConfig.defaultValue) {
+                    return this.myConfig.defaultValue.split(separate);
+                } else {
+                    return [];
+                }
+            }
+        },
+        valueToFatherValue() {
+            let separate = this.myConfig.separate;
+            if (this.config.separate !== undefined) {
+                separate = this.config.separate;
+            }
+            let para = {};
+            if (this.value.length > 0) {
+                para.value = this.value.join(separate);
+            } else {
+                para.value = '';
+            }
+            para.name = this.config.name;
+            return para;
+        },
+        toCascaderData() {
+            let pos = {};
+            let tree = [];
+            let i = 0;
+            let rootCode = '0';
+            if (this.config.rootCode !== undefined) {
+                rootCode = this.config.rootNode;
+            }
+            let data = this.$Method.copy(this.myConfig.data);
+            let tempData = this.$Method.copy(data);
+            if (data.length > 0) {
+                if (!this.checkData(data)) {
+                    return [];
+                }
+            }
+            while (data.length !== 0) {
+                // 解决找不到节点，而导致的死循环
+                const index = tempData.findIndex(item => item[this.myConfig.valueField] === data[i][this.myConfig.parentField]);
+
+                if (
+                    data[i][this.myConfig.parentField] === rootCode ||
+                    index < 0
+                ) {
+                    tree.push(this.setNode(data[i]));
+                    pos[data[i][this.myConfig.valueField]] = [tree.length - 1];
+                    data.splice(i, 1);
+                    i--;
+                } else {
+                    let posArr = pos[data[i][this.myConfig.parentField]];
+                    if (posArr) {
+                        let obj = tree[posArr[0]];
+                        for (var j = 1; j < posArr.length; j++) {
+                            obj = obj.children[posArr[j]];
+                        }
+                        obj.children.push(this.setNode(data[i]));
+                        pos[data[i][this.myConfig.valueField]] = posArr.concat([
+                            obj.children.length - 1,
+                        ]);
+                        data.splice(i, 1);
+                        i--;
+                    }
+                }
+                i++;
+                if (i > data.length - 1) {
+                    i = 0;
+                }
+            }
+            return tree;
+        },
+        setNode(temp) {
+            let reTemp = this.$Method.copy(temp);
+
+            if (this.myConfig.codeWithName) {
+                reTemp.label =
+                    '[' +
+                    reTemp[this.myConfig.valueField] +
+                    ']  ' +
+                    reTemp[this.myConfig.textField];
+            } else {
+                reTemp.label = reTemp[this.myConfig.textField];
+            }
+            reTemp.value = reTemp[this.myConfig.valueField];
+
+            if (reTemp.children === undefined) {
+                reTemp.children = [];
+            } else {
+                let children = [];
+                reTemp.children.forEach(el => {
+                    children.push(Object.assign({}, el, this.setSelected(el)));
+                });
+                reTemp.children = children;
+            }
+            return reTemp;
+        },
+        checkData(data) {
+            let index = data.findIndex(el => el[this.myConfig.valueField] === el[this.myConfig.parentField]);
+            if (index > -1) {
+                return false;
+            }
+            return true;
+        },
+        isOptionShow(temp) {
+            if (this.myConfig.readOnly) {
+                return true;
+            } else {
+                return temp.visible;
+            }
+        },
+        onOpenChange(value) {
+            if (this.config.onOpenChange) {
+                this.config.onOpenChange(value);
+            }
+        },
+        format(labels) {
+            let separate = this.myConfig.separate;
+            if (this.config.separate !== undefined) {
+                separate = this.config.separate;
+            }
+            return labels.join(separate);
+        },
+        setFocus(value) {
+            if (value) {
+                this.$refs.myControl.$refs.input.focus();
+                //this.$refs.myControl.$refs.input.autofocus = true;
+            } else {
+                this.$refs.myControl.$refs.input.blur();
+                //this.$refs.myControl.$refs.input.autofocus = false;
+            }
+        }
+    },
+};
+</script>

package/src/components/cascaderbox/index.js

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

package/src/components/checkbox/checkbox.vue

@@ -0,0 +1,76 @@
+<template> 
+<div v-show="myConfig.visible"  class="efuture-checkbox"  :style="myConfig.divStyle">
+    <Checkbox  ref="myControl"  v-model="value" :size="myConfig.size"  :true-value="myConfig.trueValue" :false-value="myConfig.falseValue" :disabled="readOnly||myConfig.readOnly" @on-change="setFatherValue">
+        <template v-if="showTextFlag" #default>
+            <span  style="margin-left: 10px;" v-text="myConfig.showText"/>
+        </template>
+    </Checkbox>
+</div>
+</template>
+<script>
+    import Base from '@/components/base/controlbase.vue';
+    export default {
+        name: 'checkbox',
+        extends: Base,
+        data () {
+            return {
+                myConfig: {
+                    trueValue:'Y',
+                    falseValue:'N',
+                    defaultValue:'N',
+                    showText:'',
+                    divStyle:{}
+                },
+                value:'N',
+                showTextFlag: false
+            };
+        },
+        methods: {
+            customInit() {
+                if (this.myConfig.showText) {
+                    this.showTextFlag = true;
+                }
+            },
+            watchCustomFatherValue() {
+                if (this.value !== this.myConfig.trueValue) {
+                    this.value = this.myConfig.falseValue;
+                    this.oldValue = this.myConfig.falseValue;
+                }
+            },
+            setFatherValue(e) {
+                let flag = true;
+                this.value = e;
+                let para = this._valueToFatherValue();
+                para.name = this.myConfig.name;
+                this.$emit('inputValue', para);
+                if (this.myConfig.valueChanged) {
+                    if (para.value !== this.oldValue) {
+                        let oldValue = this.oldValue;
+                        this.$nextTick(() =>{
+                            flag = this.myConfig.valueChanged(para);
+                            if (flag === undefined) {
+                                flag = true;
+                            }
+                            if (!flag) {
+                                this.$nextTick(() => {
+                                    this.value = oldValue;
+                                    let para = this._valueToFatherValue();
+                                    para.name = this.myConfig.name;
+                                    this.$emit('inputValue', para);
+                                });
+                            }
+                        });
+                    }
+                }
+            },
+            setFocus(value) {
+                if (value) {
+                    this.$refs.myControl.$el.focus();
+                } else {
+                    this.$refs.myControl.$el.blur();
+                }
+            }
+            
+        }
+    };
+</script>

package/src/components/checkbox/checkgroupbox.vue

@@ -0,0 +1,104 @@
+<template> 
+<div v-show="myConfig.visible"  style="float:left" @keydown.enter.stop="multiKeyDown" >
+     <CheckboxGroup  ref="myControl"  v-model="value" :size="myConfig.size"  @on-change="setFatherValue" >
+        <template v-if="myConfig.vertical">
+        <div  v-for="(item,index) in myConfig.data"  :key="'check_' + index" class="efuture-checkbox">
+            <Checkbox  :label="item[myConfig.valueField]" :disabled="myConfig.readOnly" > <span style="margin-left: 10px;">{{item[myConfig.textField]}}</span></Checkbox>
+        </div>
+        </template>
+        <template v-else>
+        <Checkbox v-for="(item,index) in myConfig.data" :key="'check_' + index" :label="item[myConfig.valueField]" :disabled="myConfig.readOnly"  class="efuture-checkbox"><span style="margin-left: 10px;">{{item[myConfig.textField]}}</span></Checkbox>
+        </template>
+    </CheckboxGroup>
+</div>
+</template>
+<script>
+    import Base from '@/components/base/controlbase.vue';
+    export default {
+        name: 'checkgroupbox',
+        extends: Base,
+        data () {
+            return {
+                myConfig: {
+                    data:[],
+                    valueField: 'code',
+                    textField: 'name',
+                    defaultValue:'',
+                    separator:',',
+                    vertical:false,
+                    divStyle:{}
+                },
+                value:[] 
+            };
+        },
+        methods: {
+            fatherValueToValue (value) {
+                if (value) {
+                    return  value.split(this.myConfig.separator);
+                } else {
+                    if (this.myConfig.defaultValue) {
+                        return this.myConfig.defaultValue.split(this.myConfig.separator);
+                    } else {
+                        return [];
+                    }
+                }
+            },
+            valueToFatherValue() {
+                let para= {};
+                if (this.value.length > 0) {
+                    para.value = this.value.join(this.myConfig.separator) ;
+                } else {
+                    para.value = '';
+                }
+                return para;
+            },
+            setFatherValue() {
+                let flag = true;
+                let para = this._valueToFatherValue();
+                para.name = this.myConfig.name;
+                this.$emit('inputValue', para);
+                if (this.myConfig.valueChanged) {
+                    if (para.value !== this.oldValue) {
+                        let oldValue = this.oldValue;
+                        this.$nextTick(() =>{
+                            flag = this.myConfig.valueChanged(para);
+                            if (flag === undefined) {
+                                flag = true;
+                            }
+                            if (!flag) {
+                                this.$nextTick(() => {
+                                    this.value = oldValue;
+                                    let para = this._valueToFatherValue();
+                                    para.name = this.myConfig.name;
+                                    this.$emit('inputValue', para);
+                                });
+                            }
+                        });
+                    }
+                }
+            },
+            multiKeyDown(e) {
+                let action = e.target;
+                let index = this.$refs.myControl.$children.findIndex(el => el.$el.control === action);
+                if (index  === -1) {
+                    index = 0;
+                }
+                if (index + 1 < this.$refs.myControl.$children.length) {
+                    this.$refs.myControl.$children[index].$el.blur();
+                    this.$refs.myControl.$children[index + 1].$el.focus();
+                    // e.stopPropagation();
+                }
+            },
+            setFocus(value) {
+                if (this.$refs.myControl && this.$refs.myControl.$children && this.$refs.myControl.$children.length > 0) {
+                    if (value) {
+                        this.$refs.myControl.$children[0].$el.focus();
+                    } else {
+                        let num = this.$refs.myControl.$children.length;
+                        this.$refs.myControl.$children[num - 1].$el.blur();
+                    }
+                }
+            }
+        }
+    };
+</script>

package/src/components/checkbox/index.js

@@ -0,0 +1,3 @@
+import CheckBox from './checkbox.vue';
+import CheckGroupBox from './checkgroupbox.vue';
+export {CheckBox,CheckGroupBox};

package/src/components/colorbox/colorbox.vue

@@ -0,0 +1,44 @@
+<template> 
+ <div v-show="myConfig.visible">
+    <ColorPicker  ref="myControl" v-model="value"  :transfer="myConfig.transfer" :size="myConfig.size"  :format="myConfig.format"   clearable  :disabled="myConfig.readOnly"    @on-change="onChange"  @on-open-change="onOpenChange"  />
+ </div>
+</template>
+<script>
+    import Base from '@/components/base/controlbase.vue';
+    export default {
+        name: 'colorbox',
+        extends: Base,
+        data () {
+            return {
+                myConfig: {
+                    format:null,
+                    defaultValue:null,
+                    transfer:false
+                },
+                value:null,
+                oldValue:null
+            };
+        },
+        methods: {
+            onChange(e) {
+                this.$nextTick(() => {
+                    this.setFatherValue();
+                });
+            },
+            onOpenChange(value) {
+                if (this.config.onOpenChange) {
+                    this.config.onOpenChange(value);
+                }
+            },
+            setFocus(value) {
+                if (value) {
+                    this.$refs.myControl.$refs.input.focus();
+                    this.$refs.myControl.isFocused = true;
+                } else {
+                    this.$refs.myControl.$refs.input.blur();
+                    this.$refs.myControl.isFocused = false;
+                }
+            }
+        }
+    };
+</script>

package/src/components/colorbox/index.js

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