bri-components 1.0.3 → 1.1.0

package/src/components/controls/controlMixin.js

@@ -1,9 +1,5 @@
 export default {
     props: {
-        mode: {
-            type: String,
-            default: "default"
-        },
         canEdit: {
             type: Boolean,
             default: true
@@ -20,7 +16,10 @@ export default {
                 return {};
             }
         },
-        isShare: Boolean
+        isUnit: {
+            type: Boolean,
+            default: false
+        }
     },
     data () {
         return {};
@@ -38,6 +37,9 @@ export default {
         inTable () {
             return !!this.propsObj.inTable;
         },
+        isShare () {
+            return !!this.propsObj.isShare;
+        },
         controlKey () {
             return this.propsObj._key;
         },
@@ -55,22 +57,21 @@ export default {
                 _clearable: this.finalCanEdit && (this.propsObj._clearable === undefined ? true : this.propsObj._clearable)
             };
         },
-        // 不同mode模式下readOnly 和disabled样式名
+        currentVal () {
+            return this.value[this.controlKey];
+        },
         commonClass () {
-            let commonClass = `control-${this.mode}-${
-                this.$isReadonly(this.canEdit, this.propsObj)
-                    ? "readonly"
-                    : (
-                        this.$isDisabled(this.canEdit, this.propsObj)
-                            ? "disabled"
-                            : "edit"
-                    )
-            }`;
-            let otherClass = "";
-            if (this.mode === "rimless" && this.propsObj._line) {
-                // otherClass = `control-${this.mode}-span${this.propsObj._span}`;
-            }
-            return commonClass + " " + otherClass;
+            return {
+                "dsh-ellipsis": true,
+                "control-edit": this.finalCanEdit,
+                "control-disabled": this.$isDisabled(this.canEdit, this.propsObj),
+                // "control-readonly": this.$isReadonly(this.canEdit, this.propsObj),
+                "control-show": !this.canEdit,
+                "control-notext": !this.currentVal
+            };
+        },
+        showText () {
+            return this.currentVal || (this.isUnit ? "-" : "暂无内容");
         }
     },
     methods: {

package/src/components/controls/senior/cascaderTable.vue

@@ -0,0 +1,188 @@
+<template>
+    <div class="cascaderTable" :id="`cascaderTable${controlKey}`">
+        <!-- 表格查看 -->
+        <span v-if="isUnit" class="cascaderTable-unit">
+            <dsh-icons
+                :list="$getOperationList(['link'])"
+            ></dsh-icons>
+            <span class="cascaderTable-unit-text">
+                {{ value[controlKey] && value[controlKey].tree.length || 0 }}行
+            </span>
+        </span>
+
+        <!-- 配置端默认模式-->
+        <dsh-btn-modal v-else-if="propsObj._key === '_default'">
+            <dsh-cascader-table
+                :canEdit="finalCanEdit"
+                :treeColumns="treeColumns"
+                :subColumns="subColumns"
+                :data="value[controlKey]"
+                :propsObj="propsObj"
+                @change="change"
+            ></dsh-cascader-table>
+        </dsh-btn-modal>
+
+        <template v-else>
+            <!-- 操作按钮 -->
+            <dsh-buttons
+                class="cascaderTable-btns"
+                itemClass="cascaderTable-btns-item"
+                :list="$getOperationList(operationFieldList)"
+                @click="$dispatchEvent($event)"
+            ></dsh-buttons>
+
+            <dsh-cascader-table
+                v-if="value[controlKey]"
+                useCol
+                :canEdit="finalCanEdit"
+                :treeColumns="treeColumns"
+                :subColumns="subColumns"
+                :data="value[controlKey]"
+                :propsObj="propsObj"
+                @change="change"
+            ></dsh-cascader-table>
+
+            <dsh-modal
+                v-model="isEnlarge"
+                mode="custom"
+                :propsObj="modalPropsObj"
+            >
+                <dsh-cascader-table
+                    v-if="value[controlKey] && isEnlarge"
+                    useCol
+                    :canEdit="finalCanEdit"
+                    :treeColumns="treeColumns"
+                    :subColumns="subColumns"
+                    :data="value[controlKey]"
+                    :propsObj="propsObj"
+                    @change="change"
+                ></dsh-cascader-table>
+            </dsh-modal>
+        </template>
+    </div>
+</template>
+
+<script>
+    import controlMixin from "../controlMixin.js";
+
+    export default {
+        name: "cascaderTable",
+        mixins: [controlMixin],
+        components: {},
+        props: {},
+        data () {
+            return {
+                operationMap: {
+                    canExport: {
+                        name: "导出",
+                        type: "canExport",
+                        icon: "md-share-alt",
+                        size: "small",
+                        btnType: "text",
+                        event: "openExportModal"
+                    },
+                    canEnlarge: {
+                        name: "全屏展示",
+                        type: "canEnlarge",
+                        icon: "md-expand",
+                        size: "small",
+                        btnType: "text",
+                        event: "enlarge"
+                    },
+                    link: {
+                        customIcon: "bico-Cascadetable"
+                    }
+                },
+                isEnlarge: false,
+                timer: null
+            };
+        },
+        computed: {
+            modalPropsObj () {
+                return {
+                    title: this.propsObj._name,
+                    fullscreen: true,
+                    showSlotClose: false,
+                    closable: true
+                };
+            },
+            operationFieldList () {
+                return this.propsObj._isExport ? ["canExport", "canEnlarge"] : ["canEnlarge"];
+            },
+            treeColumns () {
+                return this.value[this.controlKey]._treeForm
+                    ? this.value[this.controlKey]._treeForm
+                    : this.propsObj._treeForm;
+            },
+            subColumns () {
+                return this.propsObj._subForm;
+            }
+        },
+        created () {},
+        methods: {
+            // 发生变动
+            change (...params) {
+                this.$emit("change", ...params);
+            },
+
+            // 导出点击
+            openExportModal (operationItem) {
+                operationItem.disabled = true;
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "exportCascaderTableExcel",
+                        params: {
+                            modKey: this.modKey
+                        }
+                    },
+                    params: {
+                        _key: this.controlKey,
+                        _id: this.value._id
+                    },
+                    callback: data => {
+                        setTimeout(() => {
+                            operationItem.disabled = false;
+                        }, 500);
+                        this.timer = setInterval(this.getTransitStatus(data.jobId, data.excel_url), 1000);
+                    }
+                });
+            },
+            getTransitStatus (id, url) {
+                let that = this;
+                return function () {
+                    that.getJobStatus(id, url);
+                };
+            },
+            getJobStatus (id, url) {
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "getJobStatus"
+                    },
+                    params: {
+                        jobId: id
+                    },
+                    callback: data => {
+                        if (data.status === "completed") {
+                            clearInterval(this.timer);
+                            window.location.href = data.url;
+                        } else if (data.status === "failed") {
+                            clearInterval(this.timer);
+                            // this.exportBtnLoading = false;
+                            this.$Message.info({ content: "操作失败，请稍后再试" });
+                        }
+                    },
+                    error: data => {
+                        this.timer = null;
+                    }
+                });
+            },
+
+            // 打开全屏模态框
+            enlarge () {
+                this.isEnlarge = true;
+            }
+        }
+    };
+</script>

package/src/components/controls/senior/flatTable.vue

@@ -0,0 +1,131 @@
+<template>
+    <div class="flatTable">
+        <span v-if="isUnit" class="flatTable-unit">
+            <dsh-icons
+                :list="$getOperationList(['link'])"
+            ></dsh-icons>
+            <span class="flatTable-unit-text">
+                {{ val.list.length || 0 }}行
+            </span>
+        </span>
+
+        <!-- 设置默认值所用的控件 -->
+        <dsh-btn-modal v-else-if="propsObj._key === '_default'">
+            <bri-flat-table
+                :canEdit="finalCanEdit"
+                :columns="columns"
+                :data="val.list"
+                :rowDefault="val.rowDefault"
+                :propsObj="propsObj"
+                @change="change"
+            ></bri-flat-table>
+        </dsh-btn-modal>
+
+        <!-- 操作按钮 -->
+        <template v-else>
+            <dsh-buttons
+                class="flatTable-btns"
+                itemClass="flatTable-btns-item"
+                :list="$getOperationList(['canEnlarge'])"
+                @click="$dispatchEvent($event)"
+            ></dsh-buttons>
+
+            <bri-flat-table
+                ref="dshFatTable"
+                :canEdit="finalCanEdit"
+                :columns="columns"
+                :data="val.list"
+                :oldData="val.oldList"
+                :rowDefault="val.rowDefault"
+                :isShare="isShare"
+                :propsObj="propsObj"
+                @change="change"
+            ></bri-flat-table>
+
+            <dsh-modal
+                v-model="isEnlarge"
+                mode="custom"
+                :propsObj="modalPropsObj"
+            >
+                <bri-flat-table
+                    v-if="value[controlKey] && isEnlarge"
+                    :canEdit="finalCanEdit"
+                    :columns="columns"
+                    :data="val.list"
+                    :oldData="val.oldList"
+                    :rowDefault="val.rowDefault"
+                    :isShare="isShare"
+                    :propsObj="propsObj"
+                    @change="change"
+                ></bri-flat-table>
+            </dsh-modal>
+        </template>
+    </div>
+</template>
+
+<script>
+    import controlMixin from "../controlMixin.js";
+
+    export default {
+        name: "flatTable",
+        mixins: [controlMixin],
+        components: {},
+        props: {
+        },
+        data () {
+            return {
+                operationMap: {
+                    canEnlarge: {
+                        name: "全屏展示",
+                        type: "canEnlarge",
+                        icon: "md-expand",
+                        size: "small",
+                        btnType: "text",
+                        event: "enlarge"
+                    },
+                    link: {
+                        customIcon: "bico-internaltable"
+                    }
+                },
+                isEnlarge: false
+            };
+        },
+        computed: {
+            modalPropsObj () {
+                return {
+                    title: this.propsObj._name,
+                    fullscreen: true,
+                    showSlotClose: false,
+                    closable: true
+                };
+            },
+            val () {
+                // TODOS: 待定处理
+                return this.value[this.controlKey] || {
+                    list: [],
+                    oldList: [],
+                    rowDefault: {}
+                };
+            },
+            columns () {
+                return this.propsObj._subForm;
+            }
+        },
+        created () {},
+        methods: {
+            // 校验方法 -供外部使用
+            validate () {
+                return this.$refs.dshFatTable.validate();
+            },
+
+            change (...params) {
+                this.$emit("change", ...params);
+            },
+
+            // 打开全屏模态框
+            enlarge () {
+                this.isEnlarge = true;
+            }
+        }
+    };
+</script>

package/src/components/form/DshForm.vue

@@ -22,10 +22,8 @@
                     >
                         <dsh-formItem
                             ref="dshFormItem"
-                            :mode="mode"
                             :canEdit="canEdit"
                             :formData="formData"
-                            :isShare="isShare"
                             :formItem="formItem"
                             :allFormList="allFormList"
                             :changedFields="changedFields"
@@ -39,7 +37,6 @@
                             @changeField="changeField"
                         >
                             <slot
-                                :mode="mode"
                                 :canEdit="canEdit"
                                 :formItem="formItem"
                                 :formData="formData"
@@ -98,7 +95,6 @@
         name: "DshForm",
         components: {},
         props: {
-            mode: String,
             canEdit: {
                 type: Boolean,
                 default: true
@@ -141,7 +137,6 @@
             labelWidth: [String, Number],
             formItemClass: String,
             formControlClass: String,
-            isShare: Boolean,
             showRules: {
                 type: Boolean,
                 default: true