ocpview-plus 1.3.14 → 1.3.16

package/src/components/masterplate/options.vue

@@ -1,110 +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>
+<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

@@ -1,102 +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>
+<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

@@ -1,74 +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);
-            }
-        }
-    }
-};
+<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>