chain-saasui 1.0.6 → 1.0.7

package/components/src/SPage/Pagestep.vue

@@ -1,94 +1,94 @@
-<template>
-    <div class="saas-pagestep">
-        <div class="saas-pagestep-top">
-            <div class="saas-pagestep-header">
-                <div class="saas-pagestep-backbox">
-                    <div class="saas-pagestep-back" @click="goBack">
-                        <span class="el-icon-arrow-left"></span>
-                    </div>
-                </div>
-                <div class="saas-pagestep-titlebox" :style="{ width: width }">
-                    <div class="saas-pagestep-title">
-                        <span class="saas-title-line"></span>
-                        <template v-if="$slots.title">
-                            <slot name="title"></slot>
-                        </template>
-                        <span v-else>
-                            {{ title }}
-                        </span>
-                    </div>
-                </div>
-            </div>
-            <div class="saas-pagestep-content">
-                <slot></slot>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    name: 'SPagestep',
-    props: {
-        showFooter: {
-            type: Boolean,
-            default: () => true,
-        },
-        loadingBtn: {
-            type: Boolean,
-            default: () => false,
-        },
-        width: {
-            type: String,
-            default: '1000px',
-        },
-        title: {
-            type: String,
-            default: '',
-        },
-        titleSub: {
-            type: String,
-            default: '',
-        },
-        confirmText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.sure');
-            },
-        },
-        cancelText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.cancel');
-            },
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        show: {
-            get() {
-                return this.visible;
-            },
-            set(val) {
-                this.$emit('update:visible', val);
-            },
-        },
-    },
-    deactivated() {
-        this.handleClose(); // 在缓存组件时关闭弹窗
-    },
-    methods: {
-        handleSubmit() {
-            this.$emit('confirm');
-        },
-        handleClose() {
-            this.$emit('close');
-        },
-        goBack() {
-            this.$emit('close');
-        },
-    },
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-pagestep">
+        <div class="saas-pagestep-top">
+            <div class="saas-pagestep-header">
+                <div class="saas-pagestep-backbox">
+                    <div class="saas-pagestep-back" @click="goBack">
+                        <span class="el-icon-arrow-left"></span>
+                    </div>
+                </div>
+                <div class="saas-pagestep-titlebox" :style="{ width: width }">
+                    <div class="saas-pagestep-title">
+                        <span class="saas-title-line"></span>
+                        <template v-if="$slots.title">
+                            <slot name="title"></slot>
+                        </template>
+                        <span v-else>
+                            {{ title }}
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="saas-pagestep-content">
+                <slot></slot>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'SPagestep',
+    props: {
+        showFooter: {
+            type: Boolean,
+            default: () => true,
+        },
+        loadingBtn: {
+            type: Boolean,
+            default: () => false,
+        },
+        width: {
+            type: String,
+            default: '1000px',
+        },
+        title: {
+            type: String,
+            default: '',
+        },
+        titleSub: {
+            type: String,
+            default: '',
+        },
+        confirmText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.sure');
+            },
+        },
+        cancelText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.cancel');
+            },
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        show: {
+            get() {
+                return this.visible;
+            },
+            set(val) {
+                this.$emit('update:visible', val);
+            },
+        },
+    },
+    deactivated() {
+        this.handleClose(); // 在缓存组件时关闭弹窗
+    },
+    methods: {
+        handleSubmit() {
+            this.$emit('confirm');
+        },
+        handleClose() {
+            this.$emit('close');
+        },
+        goBack() {
+            this.$emit('close');
+        },
+    },
+};
+</script>
+<style lang="scss" scoped></style>

package/components/src/SPage/Pagetable.vue

@@ -1,112 +1,112 @@
-<template>
-    <div class="saas-page-table">
-        <div class="saas-page-table-header">
-            <div v-if="showTitle" class="saas-page-table-menu" :class="{ hasClose: showClose }">
-                <template v-if="showClose">
-                    <div class="saas-page-table-back" @click="goBack">
-                        <span class="el-icon-arrow-left"></span>
-                    </div>
-                    <span class="saas-page-table-back_title">{{ $t('atSalaryFileImport.return') }}</span>
-                    <span class="saas-page-table-title_line"></span>
-                </template>
-                <span v-if="!showClose" class="saas-page-title-line"></span>
-                <span class="saas-page-table-title">
-                    <template v-if="$slots.title">
-                        <slot name="title"></slot>
-                    </template>
-                    <span v-else>{{ title }}</span>
-                </span>
-                <slot name="header-append"></slot>
-            </div>
-            <div class="saas-page-table-form">
-                <slot name="form"></slot>
-            </div>
-        </div>
-        <div class="saas-page-table-content">
-            <slot></slot>
-        </div>
-        <div class="saas-page-table-footer">
-            <slot name="footer"></slot>
-        </div>
-    </div>
-</template>
-<script>
-export default {
-    name: 'SPagetable',
-    props: {
-        showFooter: {
-            type: Boolean,
-            default: () => true,
-        },
-        showClose: {
-            type: Boolean,
-            default: () => false,
-        },
-        loadingBtn: {
-            type: Boolean,
-            default: () => false,
-        },
-        computeStyle: {
-            type: Object,
-            default: () => ({
-                width: '1000px',
-                margin: '0 auto',
-            }),
-        },
-        title: {
-            type: String,
-            default() {
-                return this.$t(`saasmenu.${this.$route.meta.code}`);
-            },
-        },
-        titleSub: {
-            type: String,
-            default: '',
-        },
-        confirmText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.sure');
-            },
-        },
-        cancelText: {
-            type: String,
-            default() {
-                return this.$t('buttonGroup.cancel');
-            },
-        },
-        showTitle: {
-            type: Boolean,
-            default: true,
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        show: {
-            get() {
-                return this.visible;
-            },
-            set(val) {
-                this.$emit('update:visible', val);
-            },
-        },
-    },
-    deactivated() {
-        this.handleClose(); // 在缓存组件时关闭弹窗
-    },
-    methods: {
-        handleSubmit() {
-            this.$emit('confirm');
-        },
-        handleClose() {
-            this.$emit('close');
-        },
-        goBack() {
-            this.$emit('close');
-        },
-    },
-};
-</script>
-<style lang="scss" scoped></style>
+<template>
+    <div class="saas-page-table">
+        <div class="saas-page-table-header">
+            <div v-if="showTitle" class="saas-page-table-menu" :class="{ hasClose: showClose }">
+                <template v-if="showClose">
+                    <div class="saas-page-table-back" @click="goBack">
+                        <span class="el-icon-arrow-left"></span>
+                    </div>
+                    <span class="saas-page-table-back_title">{{ $t('atSalaryFileImport.return') }}</span>
+                    <span class="saas-page-table-title_line"></span>
+                </template>
+                <span v-if="!showClose" class="saas-page-title-line"></span>
+                <span class="saas-page-table-title">
+                    <template v-if="$slots.title">
+                        <slot name="title"></slot>
+                    </template>
+                    <span v-else>{{ title }}</span>
+                </span>
+                <slot name="header-append"></slot>
+            </div>
+            <div class="saas-page-table-form">
+                <slot name="form"></slot>
+            </div>
+        </div>
+        <div class="saas-page-table-content">
+            <slot></slot>
+        </div>
+        <div class="saas-page-table-footer">
+            <slot name="footer"></slot>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    name: 'SPagetable',
+    props: {
+        showFooter: {
+            type: Boolean,
+            default: () => true,
+        },
+        showClose: {
+            type: Boolean,
+            default: () => false,
+        },
+        loadingBtn: {
+            type: Boolean,
+            default: () => false,
+        },
+        computeStyle: {
+            type: Object,
+            default: () => ({
+                width: '1000px',
+                margin: '0 auto',
+            }),
+        },
+        title: {
+            type: String,
+            default() {
+                return this.$t(`saasmenu.${this.$route.meta.code}`);
+            },
+        },
+        titleSub: {
+            type: String,
+            default: '',
+        },
+        confirmText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.sure');
+            },
+        },
+        cancelText: {
+            type: String,
+            default() {
+                return this.$t('buttonGroup.cancel');
+            },
+        },
+        showTitle: {
+            type: Boolean,
+            default: true,
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        show: {
+            get() {
+                return this.visible;
+            },
+            set(val) {
+                this.$emit('update:visible', val);
+            },
+        },
+    },
+    deactivated() {
+        this.handleClose(); // 在缓存组件时关闭弹窗
+    },
+    methods: {
+        handleSubmit() {
+            this.$emit('confirm');
+        },
+        handleClose() {
+            this.$emit('close');
+        },
+        goBack() {
+            this.$emit('close');
+        },
+    },
+};
+</script>
+<style lang="scss" scoped></style>

package/components/src/STable/STablecolumn.vue

@@ -1,111 +1,111 @@
-<template>
-    <el-table-column v-bind="columnProps">
-        <template slot="header">
-            <template v-if="!$slots['header-' + column.value]">
-                <span>{{ column.label }}</span>
-                <el-tooltip placement="top" v-if="column.tip" :content="column.tip">
-                    <i style="color: #a1a5b2; margin-left: 6px" class="smart-info-filled"></i>
-                </el-tooltip>
-            </template>
-            <slot v-else :name="'header-' + column.value" :column="column">
-                {{ column.label }}
-            </slot>
-        </template>
-        <template v-if="column.type === 'index'" #default="{ $index, row }">
-            <slot :index="getIndex($index)" :row="row">
-                {{ getIndex($index) }}
-            </slot>
-        </template>
-        <template v-else-if="column.type === 'operate'" #default="scope">
-            <slot :name="column.value" v-bind="getBindProps(scope)">
-                <s-table-buttons :list="column.actionList" :row="scope.row" @action="handleAction"></s-table-buttons>
-            </slot>
-        </template>
-        <template v-else-if="column.type === 'unit'" #default="scope">
-            <slot :name="column.value" v-bind="getBindProps(scope)">
-                <s-unit :value="scope.row[column.value]" :options="column.options"></s-unit>
-            </slot>
-        </template>
-        <template v-else #default="scope">
-            <slot :name="column.value" v-bind="getBindProps(scope)">
-                {{ selectValue(scope.row) }}
-            </slot>
-        </template>
-    </el-table-column>
-</template>
-<script>
-import { isEmpty, formatIfJson, formatSubmitTime } from 'chain-lodash';
-import STableButton from '../STableButtons';
-import SUnit from '../SUnit';
-export default {
-    name: 'STablecolumn',
-    components: {
-        STableButton,
-        SUnit,
-    },
-    props: {
-        column: Object,
-        minWidth: {
-            type: [Number, String],
-            default: 150,
-        },
-    },
-    data() {
-        return {};
-    },
-    computed: {
-        columnProps() {
-            const { type = null, fixed = null } = this.column;
-            return {
-                ...this.column,
-                fixed: fixed ? fixed : type === 'operate' ? 'right' : null,
-                'min-width': this.column.minWidth || this.minWidth,
-                prop: this.column.value,
-                label: this.column.label,
-                showOverflowTooltip: this.column.showOverflowTooltip != null ? this.column.showOverflowTooltip : true,
-                index: this.column.indexMethod || null,
-            };
-        },
-    },
-    methods: {
-        selectValue(row) {
-            let str = '';
-            const { options = [], type = 'txt' } = this.column;
-            const value = row[this.column.value];
-            if (this.column.formatValue) {
-                return this.column.formatValue(row, this.column);
-            }
-            switch (type) {
-                case 'select':
-                    let obj = options.find(f => f.value == value) || {};
-                    str = formatIfJson(obj.label);
-                    break;
-                case 'time':
-                    str = formatSubmitTime(value, 'DD/MM/YYYY');
-                    break;
-                default:
-                    str = formatIfJson(value);
-                    break;
-            }
-            if (isEmpty(str)) {
-                str = this.column.defaultValue || '-';
-            } else if (str.length > 500) {
-                str = str.slice(0, 500) + '...';
-            }
-            return str;
-        },
-        getBindProps(params) {
-            return {
-                ...params,
-                column: this.column,
-            };
-        },
-        getIndex($index) {
-            return this.indexMethod ? this.indexMethod($index) : $index + 1;
-        },
-        handleAction(actionName, row) {
-            this.$emit('action', actionName, row, this.column);
-        },
-    },
-};
-</script>
+<template>
+    <el-table-column v-bind="columnProps">
+        <template slot="header">
+            <template v-if="!$slots['header-' + column.value]">
+                <span>{{ column.label }}</span>
+                <el-tooltip placement="top" v-if="column.tip" :content="column.tip">
+                    <i style="color: #a1a5b2; margin-left: 6px" class="smart-info-filled"></i>
+                </el-tooltip>
+            </template>
+            <slot v-else :name="'header-' + column.value" :column="column">
+                {{ column.label }}
+            </slot>
+        </template>
+        <template v-if="column.type === 'index'" #default="{ $index, row }">
+            <slot :index="getIndex($index)" :row="row">
+                {{ getIndex($index) }}
+            </slot>
+        </template>
+        <template v-else-if="column.type === 'operate'" #default="scope">
+            <slot :name="column.value" v-bind="getBindProps(scope)">
+                <s-table-buttons :list="column.actionList" :row="scope.row" @action="handleAction"></s-table-buttons>
+            </slot>
+        </template>
+        <template v-else-if="column.type === 'unit'" #default="scope">
+            <slot :name="column.value" v-bind="getBindProps(scope)">
+                <s-unit :value="scope.row[column.value]" :options="column.options"></s-unit>
+            </slot>
+        </template>
+        <template v-else #default="scope">
+            <slot :name="column.value" v-bind="getBindProps(scope)">
+                {{ selectValue(scope.row) }}
+            </slot>
+        </template>
+    </el-table-column>
+</template>
+<script>
+import { isEmpty, formatIfJson, formatSubmitTime } from 'chain-lodash';
+import STableButton from '../STableButtons';
+import SUnit from '../SUnit';
+export default {
+    name: 'STablecolumn',
+    components: {
+        STableButton,
+        SUnit,
+    },
+    props: {
+        column: Object,
+        minWidth: {
+            type: [Number, String],
+            default: 150,
+        },
+    },
+    data() {
+        return {};
+    },
+    computed: {
+        columnProps() {
+            const { type = null, fixed = null } = this.column;
+            return {
+                ...this.column,
+                fixed: fixed ? fixed : type === 'operate' ? 'right' : null,
+                'min-width': this.column.minWidth || this.minWidth,
+                prop: this.column.value,
+                label: this.column.label,
+                showOverflowTooltip: this.column.showOverflowTooltip != null ? this.column.showOverflowTooltip : true,
+                index: this.column.indexMethod || null,
+            };
+        },
+    },
+    methods: {
+        selectValue(row) {
+            let str = '';
+            const { options = [], type = 'txt' } = this.column;
+            const value = row[this.column.value];
+            if (this.column.formatValue) {
+                return this.column.formatValue(row, this.column);
+            }
+            switch (type) {
+                case 'select':
+                    let obj = options.find(f => f.value == value) || {};
+                    str = formatIfJson(obj.label);
+                    break;
+                case 'time':
+                    str = formatSubmitTime(value, 'DD/MM/YYYY');
+                    break;
+                default:
+                    str = formatIfJson(value);
+                    break;
+            }
+            if (isEmpty(str)) {
+                str = this.column.defaultValue || '-';
+            } else if (str.length > 500) {
+                str = str.slice(0, 500) + '...';
+            }
+            return str;
+        },
+        getBindProps(params) {
+            return {
+                ...params,
+                column: this.column,
+            };
+        },
+        getIndex($index) {
+            return this.indexMethod ? this.indexMethod($index) : $index + 1;
+        },
+        handleAction(actionName, row) {
+            this.$emit('action', actionName, row, this.column);
+        },
+    },
+};
+</script>