bri-components 1.5.22 → 1.6.1

package/src/components/list/DshPage.vue

@@ -1,194 +1,194 @@
-<template>
-    <Page
-        :class="['DshPage',`DshPage-${mode}`, obj.class]"
-        :total="total"
-        :current="obj.page"
-        :page-size="obj.pagesize"
-        :page-size-opts="obj.pagesizeOpts"
-        :placement="obj.placement"
-        :size="size"
-        :simple="simple"
-        :show-total="obj.showTotal"
-        :show-elevator="obj.showElevator"
-        :show-sizer="obj.showSizer"
-        :transfer="obj.transfer"
-        :prev-text="obj.prevText"
-        :next-text="obj.nextText"
-        :disabled="obj.disabled"
-        @on-change="changePage"
-        @on-page-size-change="changePageSize"
-    >
-        <slot></slot>
-    </Page>
-</template>
-
-<script>
-    export default {
-        name: "DshPage",
-        props: {
-            mode: {
-                type: String,
-                default: "small",
-                validator (val) {
-                    return ["simple", "default", "small"].indexOf(val) !== -1;
-                }
-            },
-            total: {
-                type: [Number, String],
-                default: 0
-            },
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {};
-        },
-        computed: {
-            obj () {
-                const modeMap = {
-                    default: {
-                        showTotal: true,
-                        showElevator: false,
-                        showSizer: true
-                    },
-                    small: {
-                        showTotal: true,
-                        showElevator: false,
-                        showSizer: true
-                    },
-                    simple: {
-                        // // 简洁分页不能使用总数、电梯和切换数量
-                        // showTotal: true,
-                        // showElevator: false,
-                        // showSizer: false
-                    }
-                };
-
-                return {
-                    page: 1,
-                    pagesize: 10,
-                    pagesizeOpts: [10, 15, 20, 30, 40, 50],
-                    transfer: false,
-                    placement: "bottom",
-                    ...(modeMap[this.mode] || {}),
-                    ...this.propsObj
-                };
-            },
-            size () {
-                return this.mode == "small" ? "small" : undefined;
-            },
-            simple () {
-                return this.mode == "simple" || false;
-            }
-        },
-        methods: {
-            // 换页
-            changePage (page) {
-                this.$emit("changePage", page);
-            },
-            // 换每页显示的条数
-            changePageSize (pagesize) {
-                this.$emit("changePageSize", pagesize);
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    .DshPage {
-        width: 100%;
-        height: 24px;
-        line-height: 24px;
-        text-align: right;
-        font-size: 14px;
-
-        .ivu-page-total {
-            float: left;
-        }
-        .ivu-select-selection {
-            border: 0px!important;
-        }
-        .ivu-page-item-active {
-            a,
-            &:hover a {
-                color: @themeColor!important;
-            }
-        }
-        .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
-        .ivu-select-single .ivu-select-selection,
-        .ivu-page-simple-pager input,
-        .ivu-page-options-elevator input,
-        .ivu-page-item-jump-next,
-        .ivu-page-item-jump-prev,
-        .ivu-page-next,
-        .ivu-page-prev,
-        .ivu-page-total,
-        .ivu-page-item {
-            height: 24px!important;
-            line-height: 24px!important;
-            background: transparent;
-            display: inline-block;
-            vertical-align: middle;
-        }
-        .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
-            height: 24px!important;
-            line-height: 24px!important;
-        }
-        .ivu-page-next,
-        .ivu-page-prev {
-            background: @white;
-            min-width: 26px;
-            border: 1px solid #d9d9d9;
-            a {
-                color: #000;
-                font-weight: bold;
-            }
-        }
-        .ivu-page-item {
-            min-width: 24px;
-            &:hover {
-                color: @themeColor;
-            }
-        }
-        .ivu-page-options {
-            margin-left: 4px;
-        }
-        .ivu-select-visible .ivu-select-selection{
-            box-shadow: unset;
-        }
-        .ivu-select-item-selected,
-        .ivu-select-item-selected:hover {
-            color: @themeColor;
-        }
-        .ivu-icon {
-            vertical-align: baseline;
-        }
-
-        &-small,
-        &-simple.ivu-page-simple{
-            a {
-                &:hover {
-                    color: @themeColor !important;
-                }
-            }
-            .ivu-page-next,
-            .ivu-page-prev {
-            background: transparent;
-            border-color: transparent;
-                &:hover {
-                    border-color: transparent;
-                }
-        }
-        }
-
-        &-small {
-            .ivu-icon {
-            vertical-align: -.125em;
-        }
-        }
-    }
-</style>
+<template>
+    <Page
+        :class="['DshPage',`DshPage-${mode}`, obj.class]"
+        :total="total"
+        :current="obj.page"
+        :page-size="obj.pagesize"
+        :page-size-opts="obj.pagesizeOpts"
+        :placement="obj.placement"
+        :size="size"
+        :simple="simple"
+        :show-total="obj.showTotal"
+        :show-elevator="obj.showElevator"
+        :show-sizer="obj.showSizer"
+        :transfer="obj.transfer"
+        :prev-text="obj.prevText"
+        :next-text="obj.nextText"
+        :disabled="obj.disabled"
+        @on-change="changePage"
+        @on-page-size-change="changePageSize"
+    >
+        <slot></slot>
+    </Page>
+</template>
+
+<script>
+    export default {
+        name: "DshPage",
+        props: {
+            mode: {
+                type: String,
+                default: "small",
+                validator (val) {
+                    return ["simple", "default", "small"].indexOf(val) !== -1;
+                }
+            },
+            total: {
+                type: [Number, String],
+                default: 0
+            },
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {};
+        },
+        computed: {
+            obj () {
+                const modeMap = {
+                    default: {
+                        showTotal: true,
+                        showElevator: false,
+                        showSizer: true
+                    },
+                    small: {
+                        showTotal: true,
+                        showElevator: false,
+                        showSizer: true
+                    },
+                    simple: {
+                        // // 简洁分页不能使用总数、电梯和切换数量
+                        // showTotal: true,
+                        // showElevator: false,
+                        // showSizer: false
+                    }
+                };
+
+                return {
+                    page: 1,
+                    pagesize: 10,
+                    pagesizeOpts: [10, 15, 20, 30, 40, 50],
+                    transfer: false,
+                    placement: "bottom",
+                    ...(modeMap[this.mode] || {}),
+                    ...this.propsObj
+                };
+            },
+            size () {
+                return this.mode == "small" ? "small" : undefined;
+            },
+            simple () {
+                return this.mode == "simple" || false;
+            }
+        },
+        methods: {
+            // 换页
+            changePage (page) {
+                this.$emit("changePage", page);
+            },
+            // 换每页显示的条数
+            changePageSize (pagesize) {
+                this.$emit("changePageSize", pagesize);
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .DshPage {
+        width: 100%;
+        height: 24px;
+        line-height: 24px;
+        text-align: right;
+        font-size: 14px;
+
+        .ivu-page-total {
+            float: left;
+        }
+        .ivu-select-selection {
+            border: 0px!important;
+        }
+        .ivu-page-item-active {
+            a,
+            &:hover a {
+                color: @themeColor!important;
+            }
+        }
+        .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
+        .ivu-select-single .ivu-select-selection,
+        .ivu-page-simple-pager input,
+        .ivu-page-options-elevator input,
+        .ivu-page-item-jump-next,
+        .ivu-page-item-jump-prev,
+        .ivu-page-next,
+        .ivu-page-prev,
+        .ivu-page-total,
+        .ivu-page-item {
+            height: 24px!important;
+            line-height: 24px!important;
+            background: transparent;
+            display: inline-block;
+            vertical-align: middle;
+        }
+        .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
+            height: 24px!important;
+            line-height: 24px!important;
+        }
+        .ivu-page-next,
+        .ivu-page-prev {
+            background: @white;
+            min-width: 26px;
+            border: 1px solid #d9d9d9;
+            a {
+                color: #000;
+                font-weight: bold;
+            }
+        }
+        .ivu-page-item {
+            min-width: 24px;
+            &:hover {
+                color: @themeColor;
+            }
+        }
+        .ivu-page-options {
+            margin-left: 4px;
+        }
+        .ivu-select-visible .ivu-select-selection{
+            box-shadow: unset;
+        }
+        .ivu-select-item-selected,
+        .ivu-select-item-selected:hover {
+            color: @themeColor;
+        }
+        .ivu-icon {
+            vertical-align: baseline;
+        }
+
+        &-small,
+        &-simple.ivu-page-simple{
+            a {
+                &:hover {
+                    color: @themeColor !important;
+                }
+            }
+            .ivu-page-next,
+            .ivu-page-prev {
+            background: transparent;
+            border-color: transparent;
+                &:hover {
+                    border-color: transparent;
+                }
+        }
+        }
+
+        &-small {
+            .ivu-icon {
+            vertical-align: -.125em;
+        }
+        }
+    }
+</style>

package/src/components/list/DshTreeTable.vue

@@ -1,113 +1,113 @@
-<template>
-    <div class="DshTreeTable">
-        <!-- 顶部 -->
-        <dsh-render :render="getTableTopRender()"></dsh-render>
-
-        <!-- 搜索条件 -->
-        <dsh-render
-            v-if="!isEnlarge && showTopSearch"
-            :render="topSearchRender"
-        ></dsh-render>
-
-        <!-- 表格 -->
-        <bri-table
-            class="DshTreeTable-main"
-            :isLoading="isLoading"
-            :columns="showColumns"
-            :data="isLoading ? [] : showListData"
-            :footer-data="footerData"
-            :propsObj="tablePropsObj"
-            @changeSelect="changeSelect"
-            @selectAll="changeSelect"
-        ></bri-table>
-
-        <!-- 添加行 -->
-        <dsh-render :render="createBtnRender"></dsh-render>
-
-        <!-- 各种模态框共用 -->
-        <dsh-render :render="dshRender"></dsh-render>
-
-        <!-- 全屏模式 -->
-        <dsh-modal
-            v-if="useEnlarge"
-            class="DshTreeTable-fullscreen"
-            v-model="isEnlarge"
-            :mode="modalPropsObj.mode"
-            :propsObj="modalPropsObj"
-        >
-            <div
-                v-if="isEnlargeFlag"
-                class="DshTreeTable-fullscreen-inner"
-            >
-                <!-- 顶部 -->
-                <dsh-render :render="getTableTopRender(true)"></dsh-render>
-
-                <!-- 搜索条件 -->
-                <dsh-render :render="topSearchRender"></dsh-render>
-
-                <!-- 表格 -->
-                <bri-table
-                    class="DshTreeTable-fullscreen-inner-main"
-                    :isLoading="isLoading"
-                    :columns="showColumns"
-                    :data="isLoading ? [] : showListData"
-                    :footer-data="footerData"
-                    :propsObj="tableInModalPropsObj"
-                    @changeSelect="changeSelect"
-                    @selectAll="changeSelect"
-                ></bri-table>
-
-                <!-- 添加行 -->
-                <dsh-render :render="createBtnRender"></dsh-render>
-            </div>
-        </dsh-modal>
-    </div>
-</template>
-
-<script>
-    import tableBaseMixin from "./mixins/tableBaseMixin.js";
-    import treeTableBaseMixin from "./mixins/treeTableBaseMixin.js";
-    import DshTreeTableMixin from "./mixins/DshTreeTableMixin.js";
-
-    export default {
-        name: "DshTreeTable",
-        mixins: [
-            tableBaseMixin,
-            treeTableBaseMixin,
-            DshTreeTableMixin
-        ],
-        components: {},
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less" scoped>
-    .DshTreeTable {
-
-        &-main {
-            width: 100%;
-            height: auto;
-        }
-
-        &-fullscreen {
-            &-inner {
-                width: 100%;
-                height: 100%;
-                padding: 10px 20px;
-                display: flex;
-                flex-direction: column;
-
-                &-main {
-                    flex: 1;
-                    min-height: 0px;
-                }
-            }
-        }
-    }
-</style>
+<template>
+    <div class="DshTreeTable">
+        <!-- 顶部 -->
+        <dsh-render :render="getTableTopRender()"></dsh-render>
+
+        <!-- 搜索条件 -->
+        <dsh-render
+            v-if="!isEnlarge && showTopSearch"
+            :render="topSearchRender"
+        ></dsh-render>
+
+        <!-- 表格 -->
+        <bri-table
+            class="DshTreeTable-main"
+            :isLoading="isLoading"
+            :columns="showColumns"
+            :data="isLoading ? [] : showListData"
+            :footer-data="footerData"
+            :propsObj="tablePropsObj"
+            @changeSelect="changeSelect"
+            @selectAll="changeSelect"
+        ></bri-table>
+
+        <!-- 添加行 -->
+        <dsh-render :render="createBtnRender"></dsh-render>
+
+        <!-- 各种模态框共用 -->
+        <dsh-render :render="dshRender"></dsh-render>
+
+        <!-- 全屏模式 -->
+        <dsh-modal
+            v-if="useEnlarge"
+            class="DshTreeTable-fullscreen"
+            v-model="isEnlarge"
+            :mode="modalPropsObj.mode"
+            :propsObj="modalPropsObj"
+        >
+            <div
+                v-if="isEnlargeFlag"
+                class="DshTreeTable-fullscreen-inner"
+            >
+                <!-- 顶部 -->
+                <dsh-render :render="getTableTopRender(true)"></dsh-render>
+
+                <!-- 搜索条件 -->
+                <dsh-render :render="topSearchRender"></dsh-render>
+
+                <!-- 表格 -->
+                <bri-table
+                    class="DshTreeTable-fullscreen-inner-main"
+                    :isLoading="isLoading"
+                    :columns="showColumns"
+                    :data="isLoading ? [] : showListData"
+                    :footer-data="footerData"
+                    :propsObj="tableInModalPropsObj"
+                    @changeSelect="changeSelect"
+                    @selectAll="changeSelect"
+                ></bri-table>
+
+                <!-- 添加行 -->
+                <dsh-render :render="createBtnRender"></dsh-render>
+            </div>
+        </dsh-modal>
+    </div>
+</template>
+
+<script>
+    import tableBaseMixin from "./mixins/tableBaseMixin.js";
+    import treeTableBaseMixin from "./mixins/treeTableBaseMixin.js";
+    import DshTreeTableMixin from "./mixins/DshTreeTableMixin.js";
+
+    export default {
+        name: "DshTreeTable",
+        mixins: [
+            tableBaseMixin,
+            treeTableBaseMixin,
+            DshTreeTableMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {},
+        created () {},
+        methods: {}
+    };
+</script>
+
+<style lang="less" scoped>
+    .DshTreeTable {
+
+        &-main {
+            width: 100%;
+            height: auto;
+        }
+
+        &-fullscreen {
+            &-inner {
+                width: 100%;
+                height: 100%;
+                padding: 10px 20px;
+                display: flex;
+                flex-direction: column;
+
+                &-main {
+                    flex: 1;
+                    min-height: 0px;
+                }
+            }
+        }
+    }
+</style>