bri-components 1.0.5 → 1.1.1

package/src/components/controls/base/controlShow.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="controlShow">
+        <Ctooltip
+            :transfer="true"
+            maxWidth="200"
+            :content="showVal"
+        >
+            <div
+                v-if="$isFormItemHasData(showVal)"
+                class="dsh-ellipsis controlShow-val"
+            >
+                {{ showVal }}
+            </div>
+            <div
+                v-else
+                class="controlShow-nodata dsh-ellipsis"
+            >
+                {{noDataText}}
+            </div>
+        </Ctooltip>
+    </div>
+</template>
+
+<script>
+
+    export default {
+        name: "controlShow",
+        props: {
+            showVal: String,
+            propsObj: {
+                type: Object,
+                default: () => {
+                    return {};
+                }
+            },
+            isUnit: Boolean
+        },
+        data () {
+            return {
+            };
+        },
+        computed: {
+            noDataText () {
+                return this.isUnit ? "-" : "暂无内容";
+            }
+        },
+        created () {
+        },
+        methods: {
+        }
+    };
+</script>

package/src/components/controls/base/textMultiple/DshTextMultiple.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="DshTextMultiple ycFormItem">
+    <div class="DshTextMultiple">
         <Input
             class="DshTextMultiple-control"
             v-model="text"

package/src/components/controls/controlMap.js

@@ -35,6 +35,8 @@ const componentNameMap = {
     tag: "DshDivider",
     labels: "DshLabels",
     package: "DshPackage",
+    flatTable: "flatTable",
+    cascaderTable: "cascaderTable",
 
     back: "DshBack",
     undefined: "DshUndeveloped",
@@ -62,6 +64,8 @@ const pathMap = {
         DshDivider: "./base/DshDivider.vue",
         DshLabels: "./base/DshLabels.vue",
         DshPackage: "./base/DshPackage.vue",
+        flatTable: "./senior/flatTable.vue",
+        cascaderTable: "./senior/cascaderTable",
 
         DshBack: "./base/DshBack.vue",
         DshUndeveloped: "./base/DshUndeveloped.vue"

package/src/components/controls/controlMixin.js

@@ -1,9 +1,5 @@
 export default {
     props: {
-        mode: {
-            type: String,
-            default: "default"
-        },
         canEdit: {
             type: Boolean,
             default: true
@@ -19,6 +15,10 @@ export default {
             default () {
                 return {};
             }
+        },
+        isUnit: {
+            type: Boolean,
+            default: false
         }
     },
     data () {
@@ -57,15 +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"
-            }`;
-            return commonClass;
+            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,136 @@
+<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 }}行
+            </span>
+        </span>
+
+        <template v-else>
+            <!-- 设置默认值所用的控件 -->
+            <dsh-btn-modal v-if="propsObj._key === '_default'">
+                <bri-flat-table
+                    :canEdit="finalCanEdit"
+                    :columns="columns"
+                    :data="val.list"
+                    :rowDefault="val.rowDefault"
+                    :outObj="value"
+                    :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"
+                    :outObj="value"
+                    :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"
+                        :outObj="value"
+                        :propsObj="propsObj"
+                        @change="change"
+                    ></bri-flat-table>
+                </dsh-modal>
+            </template>
+        </template>
+    </div>
+</template>
+
+<script>
+    import controlMixin from "../controlMixin.js";
+
+    export default {
+        name: "flatTable",
+        mixins: [
+            controlMixin
+        ],
+        components: {},
+        props: {},
+        data () {
+            return {
+                isEnlarge: false,
+
+                operationMap: {
+                    canEnlarge: {
+                        name: "全屏展示",
+                        type: "canEnlarge",
+                        icon: "md-expand",
+                        size: "small",
+                        btnType: "text",
+                        event: "enlarge"
+                    },
+                    link: {
+                        customIcon: "bico-internaltable"
+                    }
+                }
+            };
+        },
+        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();
+            },
+            // 打开全屏模态框
+            enlarge () {
+                this.isEnlarge = true;
+            },
+
+            change (...params) {
+                this.$emit("change", ...params);
+            }
+        }
+    };
+</script>

package/src/components/form/DshForm.vue

@@ -22,7 +22,6 @@
                     >
                         <dsh-formItem
                             ref="dshFormItem"
-                            :mode="mode"
                             :canEdit="canEdit"
                             :formData="formData"
                             :formItem="formItem"
@@ -38,7 +37,6 @@
                             @changeField="changeField"
                         >
                             <slot
-                                :mode="mode"
                                 :canEdit="canEdit"
                                 :formItem="formItem"
                                 :formData="formData"
@@ -97,7 +95,6 @@
         name: "DshForm",
         components: {},
         props: {
-            mode: String,
             canEdit: {
                 type: Boolean,
                 default: true
@@ -334,5 +331,9 @@
             //     font-size: 18px;
             // }
         }
+        .ivu-form-item-error-tip {
+            top: 90%;
+            left: 15px;
+        }
     }
 </style>