ocpview-plus 0.0.1

package/src/components/masterplate/operlog.vue

@@ -0,0 +1,272 @@
+<template>
+<Card :bordered="false" :padding="0" dis-hover>
+     <p  v-if="showTitle" @click="toggle" style="cursor:pointer;" >
+        <Row type="flex" justify="start" align="middle" style="margin-top:14px;margin-bottom:14px">
+             <Icon custom='iconfont icon-custom-pack' color="#f3b352" v-show="showGrid" size="14" />
+            <Icon  v-show="!showGrid" color="#f3b352" custom='iconfont icon-custom-spread' size="14"/> 
+            <span style="margin-left:10px;font-size: 14px;font-weight:bold" v-text="myConfig.title" />
+        </Row>
+     </p>
+     <div style="padding-left:24px">
+        <Divider  v-if="showTitle" style="margin-top:0px;margin-bottom:10px;"/>
+        <div v-show="showGrid">
+            <SimpleViewGrid ref="grid" :config="myConfig"></SimpleViewGrid>
+        </div>
+    </div>
+</Card>
+</template>
+<script>
+export default {
+    name: 'moperlog',
+    data () {
+        return {
+            myConfig:{
+                dynamicHeight:false,
+                resources:'operbilllog',
+                height:360,
+                title:'操作日志',
+                method:'mss.sysconf.operationlog.search',
+                generalOrientation:true,
+                showPage:false,
+                searchParam:{
+                    order_field: 'operdate',
+                    order_direction: 'desc'
+                },
+                response:'operationlog',
+                items:[{
+                    label:'操作类型',
+                    name:'upstatus',
+                    type:'ComboBox',
+                    data:[{
+                        code:'U',name:'修改'
+                    }, {
+                        code:'I',name:'新增'
+                    }, {
+                        code:'D',name:'删除'
+                    }],
+                    codeWithName:false,
+                    width:100
+                },{
+                    label:'操作日期',
+                    name:'operdate',
+                    type:'DateBox',
+                    vtype:'datetime',
+                    width:150
+                }, {
+                    label:'操作人',
+                    name:'username',
+                    type:'TextBox',
+                    width:150
+                }, {
+                    label:'操作主体',
+                    name:'upmain',
+                    type:'TextBox',
+                    tooltip:true
+                },{
+                    label:'操作字段',
+                    name:'upfield',
+                    type:'TextBox',
+                    tooltip:true
+                },{
+                    label:'操作内容',
+                    name:'memo',
+                    type:'TextBox',
+                    tooltip:true
+                }]
+            },
+            showGrid:true,
+            idkey:'',
+            masterslavekey:'',
+            form:{},
+            showTitle:false
+        };
+    },
+    created() {
+        this.myConfig = Object.assign({}, this.myConfig, this.config);
+        this.myConfig.resources = this.OmdUrl[this.myConfig.resources];;
+        this.showGrid = true;
+    },
+    props:{
+        config: {
+            type:Object,
+            default:null
+        }
+    },
+    methods: {
+        setData(masterslavekey,data) {
+            if (data.ph_key) {
+               this.idkey = data.ph_key
+            } else {
+               this.idkey = ''; 
+            }
+            if (masterslavekey) {
+               this.masterslavekey = masterslavekey
+            } else {
+               this.masterslavekey = ''; 
+            }
+            this.form = this.$Method.copy(data);
+            this.initLogData();
+        },
+        clearData() {
+            this.idkey = '';
+            this.masterslavekey = '';
+            this.form = {};
+            this.$refs.grid.clearData();
+        },
+        toggle () {
+            this.showGrid = !this.showGrid;
+        },
+        setShowGrid(value) {
+            this.showGrid = value;
+        },
+        initLogData () {
+            let obj = {};
+            if (!this.idkey && !this.masterslavekey) {
+                return;
+            }
+            if (this.masterslavekey) {
+                obj['$or'] = [];
+                obj['$or'].push({'masterslavekey':this.masterslavekey});
+                obj['$or'].push({'idkey':this.idkey});
+            } else {
+                obj.idkey = this.idkey;
+            }
+            obj.page_size = '999999';
+            Object.assign(obj,this.myConfig.searchParam);
+            let self = this;
+            self.synchroPost(self.myConfig.resources, self.myConfig.method, obj, function (data) {
+                if (data[self.myConfig.response] && data[self.myConfig.response].length > 0) {
+                   self.setLogData(data[self.myConfig.response]);
+                } else {
+                    self.setLogData([]);
+                }
+            });
+        },
+        setLogData(data) {
+            let tmpData = [];
+            data.forEach(el => {
+                let bean = this.$Method.copy(el);
+                if (bean.upstatus === 'I' || bean.upstatus === 'D') {
+                    let tmp = this.config.logName.find(el2 => el2.code === bean.uptabname);
+                    if (tmp) {
+                        bean.upmain = tmp.name;
+                        let memo = '';
+                        if (tmp.isdetail) {
+                            let detaildata = this.form[el.uptabname];
+                            let rowInfo = '';
+                            if (detaildata.length > 0) {
+                                if (tmp.isdetail === '1') {
+                                    let index = detaildata.findIndex(el3 => el3.ph_key === el.idkey);
+                                    if (index > -1) {
+                                        let rowNum = index + 1;
+                                        rowInfo =  '第' + rowNum +'行';
+                                    }
+                                } else {
+                                    let flag = false;
+                                    let headcode = '';
+                                    let index = detaildata.findIndex(el3 => el3.ph_key === el.idkey);
+                                    if (index > -1) {
+                                        headcode =detaildata[index][tmp.uniqueKeys];
+                                    }
+                                    let row = 1;
+                                    detaildata.forEach(el => {
+                                        if (el[tmp.uniqueKeys] === headcode) {
+                                            if (el.ph_key === el.idkey) {
+                                                flag = true;
+                                                return true;
+                                            } else {
+                                                row++;
+                                            }
+                                        }
+                                    });
+                                    if (flag) {
+                                       rowInfo = tmp.headtitle + '['+headcode+']第' + row +'行';
+                                    }
+                                }
+                            }
+                            if (rowInfo) {
+                               memo =  memo + rowInfo;
+                            } else {
+                                memo = memo + '明细物理主健[' +bean.idkey+']';
+                            }  
+                        } else{
+                            memo = memo + '主表';
+                            if (bean.masterslavekey) {
+                                memo = memo + '业务主键[' +bean.masterslavekey+']';
+                            } else {
+                                memo = memo + '物理主健[' +bean.idkey+']';
+                            }
+                        }
+                        bean.memo = memo;
+                    }
+                    tmpData.push(bean);
+                } else {
+                    let up = JSON.parse(el.changevalue);
+                    up.forEach(el2 => {
+                        let bean2 = this.$Method.copy(bean);
+                        let namekey = el.uptabname + '.' + el2.name;
+                        let tmp = this.config.logName.find(el3 => el3.code === namekey);
+                        if (tmp) {
+                            bean2.upmain = tmp.title;
+                            bean2.upfield = tmp.name;
+                            let oldvalue = '';
+                            if (el2.oldvalue){
+                                oldvalue = el2.oldvalue
+                            }
+                            let newvalue = el2.newvalue;
+                            if (tmp.type === 'DateBox') {
+                                if (oldvalue) {
+                                    oldvalue = this.$Method.formatDataBox(oldvalue,tmp);
+                                } 
+                                if (newvalue) {
+                                    newvalue = this.$Method.formatDataBox(newvalue,tmp);
+                                }
+                            }
+                            bean2.memo = '原值[' + oldvalue + '],新值[' + newvalue + ']';
+                            if (tmp.isdetail) {
+                                if (!tmp.headcode) {
+                                    let detaildata = this.form[el.uptabname];
+                                    if (detaildata && detaildata.length > 0) {
+                                        if (tmp.isdetail === '1') {
+                                            let index = detaildata.findIndex(el3 => el3.ph_key === el.idkey);
+                                            if (index > -1) {
+                                                let rowNum = index + 1;
+                                                bean2.upfield =  '(第' + rowNum +'行)' + bean2.upfield
+                                            }
+                                        } else if(tmp.isdetail === '2') {
+                                            let flag = false;
+                                            let headcode = '';
+                                            let index = detaildata.findIndex(el3 => el3.ph_key === el.idkey);
+                                            if (index > -1) {
+                                                headcode =detaildata[index][tmp.uniqueKeys];
+                                            }
+                                            let row = 1;
+                                            detaildata.forEach(el => {
+                                                if (el[tmp.uniqueKeys] === headcode) {
+                                                    if (el.ph_key === el.idkey) {
+                                                    flag = true;
+                                                    return true;
+                                                    } else {
+                                                    row++;
+                                                    }
+                                                }
+                                            });
+                                            if (flag) {
+                                                bean2.upfield = '(' + tmp.headtitle + '['+headcode+']第' + row +'行)' + bean2.upfield;
+                                             }
+                                        }
+                                       
+                                    }
+                                }
+                            }
+                            tmpData.push(bean2);
+                        }
+                    });
+                }
+                
+            });
+            this.$refs.grid.setData(tmpData);
+        }
+    }
+};
+</script>

package/src/components/masterplate/options.vue

@@ -0,0 +1,110 @@
+<template>
+    <div v-if="showSizer || showElevator" :class="optsClasses">
+        <div v-if="showSizer" :class="sizerClasses">
+            <i-select v-model="currentPageSize" :size="size" :placement="placement" :transfer="transfer" :disabled="disabled" @on-change="changeSize">
+                <i-option v-for="item in pageSizeOpts" :key="item" :value="item" style="text-align:center;">{{ item }} {{ t('i.page.page') }}</i-option>
+            </i-select>
+        </div>
+        <div v-if="showElevator" :class="ElevatorClasses">
+            {{ t('i.page.goto') }}
+            <input
+              type="text"
+              :value="_current"
+              autocomplete="off"
+              spellcheck="false"
+              :disabled="disabled"
+              @keyup.enter="changePage"
+            >
+            {{ t('i.page.p') }}
+        </div>
+    </div>
+</template>
+<script>
+    import iSelect from '../../components/select/select.vue';
+    import iOption from '../../components/select/option.vue';
+    import Locale from '../../mixins/locale';
+
+    const prefixCls = 'ivu-page';
+
+    function isValueNumber (value) {
+        return (/^[1-9][0-9]*$/).test(value + '');
+    }
+
+    export default {
+        name: 'PageOption',
+        mixins: [ Locale ],
+        components: { iSelect, iOption },
+        props: {
+            pageSizeOpts: Array,
+            showSizer: Boolean,
+            showElevator: Boolean,
+            current: Number,
+            _current: Number,
+            pageSize: Number,
+            allPages: Number,
+            isSmall: Boolean,
+            placement: String,
+            transfer: Boolean,
+            disabled: Boolean
+        },
+        data () {
+            return {
+                currentPageSize: this.pageSize
+            };
+        },
+        watch: {
+            pageSize (val) {
+                this.currentPageSize = val;
+            }
+        },
+        computed: {
+            size () {
+                return this.isSmall ? 'small' : 'default';
+            },
+            optsClasses () {
+                return [
+                    `${prefixCls}-options`
+                ];
+            },
+            sizerClasses () {
+                return [
+                    `${prefixCls}-options-sizer`
+                ];
+            },
+            ElevatorClasses () {
+                return [
+                    `${prefixCls}-options-elevator`
+                ];
+            }
+        },
+        methods: {
+            changeSize () {
+                this.$emit('on-size', this.currentPageSize);
+            },
+            changePage (event) {
+                let val = event.target.value.trim();
+                let page = 0;
+
+                if (isValueNumber(val)) {
+                    val = Number(val);
+                    if (val != this.current) {
+                        const allPages = this.allPages;
+
+                        if (val > allPages) {
+                            page = allPages;
+                        } else {
+                            page = val;
+                        }
+                    }
+                } else {
+                    page = 1;
+                }
+
+                if (page) {
+                    this.$emit('on-page', page);
+                    event.target.value = page;
+                }
+            }
+        }
+    };
+</script>

package/src/components/masterplate/page.vue

@@ -0,0 +1,102 @@
+<template>
+    <ul :class="simpleWrapClasses" :style="styles" v-if="simple">
+        <li
+            :title="t('i.page.prev')"
+            :class="prevClasses"
+            @click="prev">
+            <a><i class="ivu-icon ivu-icon-ios-arrow-back"></i></a>
+        </li>
+        <div :class="simplePagerClasses" :title="currentPage + '/' + allPages">
+            <input
+                type="text"
+                :value="currentPage"
+                autocomplete="off"
+                spellcheck="false"
+                :disabled="disabled"
+                @keydown="keyDown"
+                @keyup="keyUp"
+                @change="keyUp">
+            <span>/</span>
+            {{ allPages }}
+        </div>
+        <li
+            :title="t('i.page.next')"
+            :class="nextClasses"
+            @click="next">
+            <a><i class="ivu-icon ivu-icon-ios-arrow-forward"></i></a>
+        </li>
+    </ul>
+    <ul :class="wrapClasses" :style="styles" v-else>
+        <span :class="[prefixCls + '-total']" v-if="showTotal">
+            <slot>{{ t('i.page.total') }} {{ total }} <template v-if="total <= 1">{{ t('i.page.item') }}</template><template v-else>{{ t('i.page.items') }}</template></slot>
+        </span>
+         <Options
+            :show-sizer="showSizer"
+            :page-size="currentPageSize"
+            :page-size-opts="pageSizeOpts"
+            :placement="placement"
+            :transfer="transfer"
+             :show-elevator="customShowEvlevator"
+            :_current="currentPage"
+            :current="currentPage"
+            :disabled="disabled"
+            :all-pages="allPages"
+            :is-small="isSmall"
+            @on-size="onSize"
+            @on-page="onPage">
+        </Options>
+        <li
+            :title="t('i.page.prev')"
+            :class="prevClasses"
+            @click="prev">
+            <a><template v-if="prevText !== ''">{{ prevText }}</template><i v-else class="ivu-icon ivu-icon-ios-arrow-back"></i></a>
+        </li>
+        <li title="1" :class="firstPageClasses" @click="changePage(1)"><a>1</a></li>
+        <li :title="t('i.page.prev5')" v-if="currentPage > 5" :class="[prefixCls + '-item-jump-prev']" @click="fastPrev"><a><i class="ivu-icon ivu-icon-ios-arrow-back"></i></a></li>
+        <li :title="currentPage - 3" v-if="currentPage === 5" :class="[prefixCls + '-item']" @click="changePage(currentPage - 3)"><a>{{ currentPage - 3 }}</a></li>
+        <li :title="currentPage - 2" v-if="currentPage - 2 > 1" :class="[prefixCls + '-item']" @click="changePage(currentPage - 2)"><a>{{ currentPage - 2 }}</a></li>
+        <li :title="currentPage - 1" v-if="currentPage - 1 > 1" :class="[prefixCls + '-item']" @click="changePage(currentPage - 1)"><a>{{ currentPage - 1 }}</a></li>
+        <li :title="currentPage" v-if="currentPage != 1 && currentPage != allPages" :class="[prefixCls + '-item',prefixCls + '-item-active']"><a>{{ currentPage }}</a></li>
+        <li :title="currentPage + 1" v-if="currentPage + 1 < allPages" :class="[prefixCls + '-item']" @click="changePage(currentPage + 1)"><a>{{ currentPage + 1 }}</a></li>
+        <li :title="currentPage + 2" v-if="currentPage + 2 < allPages" :class="[prefixCls + '-item']" @click="changePage(currentPage + 2)"><a>{{ currentPage + 2 }}</a></li>
+        <li :title="currentPage + 3" v-if="allPages - currentPage === 4" :class="[prefixCls + '-item']" @click="changePage(currentPage + 3)"><a>{{ currentPage + 3 }}</a></li>
+        <li :title="t('i.page.next5')" v-if="allPages - currentPage >= 5" :class="[prefixCls + '-item-jump-next']" @click="fastNext"><a><i class="ivu-icon ivu-icon-ios-arrow-forward"></i></a></li>
+        <li :title="allPages" v-if="allPages > 1" :class="lastPageClasses" @click="changePage(allPages)"><a>{{ allPages }}</a></li>
+        <li
+            :title="t('i.page.next')"
+            :class="nextClasses"
+            @click="next">
+            <a><template v-if="nextText !== ''">{{ nextText }}</template><i v-else class="ivu-icon ivu-icon-ios-arrow-forward"></i></a>
+        </li>
+        <Options
+            :show-sizer="customShowSizer"
+            :page-size="currentPageSize"
+            :page-size-opts="pageSizeOpts"
+            :placement="placement"
+            :transfer="transfer"
+            :show-elevator="showElevator"
+            :_current="currentPage"
+            :current="currentPage"
+            :disabled="disabled"
+            :all-pages="allPages"
+            :is-small="isSmall"
+            @on-size="onSize"
+            @on-page="onPage">
+        </Options>
+    </ul>
+</template>
+<script>
+    import { Page } from 'view-ui-plus';
+    export default {
+        name: 'PageCustom',
+        extends:Page,
+        data () {
+            return {
+                customShowSizer:false,
+                customShowEvlevator:false
+            }
+
+        }
+
+    };
+</script>

package/src/components/masterplate/promptmessage.vue

@@ -0,0 +1,74 @@
+<template>
+<Row type="flex" justify="end"  align="middle">
+    <Col v-if="isShowDivider">
+        <Divider  type="vertical" style="margin:1px 12px 0 12px; height:32px;" />
+    </Col>
+    <Col v-if="showHelpBtn">
+        <p  @click="openHelp" style="cursor:pointer;height:32px;line-height: 32px;">
+            <Row type="flex" justify="start" align="middle">
+                <Icon custom='iconfont icon-custom-help' size="16" />  <span style="margin-left: 4px;">帮助中心</span>
+            </Row>
+        </p>
+    </Col>
+    <Col v-if="modulecodeFlag && showHelpBtn">
+        <Divider  type="vertical" style="margin:1px 12px 0 12px; height:32px;" />
+    </Col>
+    <Col v-if="modulecodeFlag">
+        <div class="modulecodetext">
+            <span> {{modulecode}} </span>
+        </div>
+    </Col> 
+</Row>
+</template>
+
+<script>
+export default {
+    name:'mpromptmessage',
+    props:{
+        modetype: {
+            type:String,
+            default:'1'
+        },
+    },
+    data() {
+        return {
+            modulecodeFlag:false,
+            modulecode:'',
+            showHelpBtn:false,
+            curHelpUrl:''
+        };
+    },
+    computed: {
+        isShowDivider() {
+            if (this.showHelpBtn && this.modetype === '1') {
+                return true;
+            } else {
+                return false;
+            }
+        }
+    },
+    created () {
+        // 处理模块号提示
+        this.modulecode = this.$Method.getUrlParam('modulecode');
+        if (!this.modulecode) {
+            this.modulecode = this.$Method.getUrlParam('billmoduleid');
+        }
+        if (this.modulecode) {
+            this.modulecodeFlag = true;
+        }
+        //处理帮助
+        let self = this;
+        this.curHelpUrl = this.OmdUrl.getCurHelpUrl(self);
+        if (this.curHelpUrl) {
+            this.showHelpBtn = true;
+        }
+    },
+    methods:{
+        openHelp () {
+            if (this.curHelpUrl) {
+                window.open(this.curHelpUrl);
+            }
+        }
+    }
+};
+</script>