bri-components 1.3.30 → 1.3.31

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bri-components",
-    "version": "1.3.30",
+    "version": "1.3.31",
     "author": "dengshanghui",
     "description": "a component lib for vue project",
     "main": "src/index.js",

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

@@ -28,6 +28,7 @@
                         :parentObj="value"
                         @change="change"
                     ></dsh-tree-table>
+
                     <dsh-cascader-table
                         v-else
                         :canEdit="finalCanEdit"
@@ -44,72 +45,33 @@
 
             <!-- 正常使用 -->
             <template v-else>
-                <!-- 操作按钮 -->
-                <dsh-buttons
-                    class="cascaderTable-btns"
-                    itemClass="cascaderTable-btns-item"
-                    :list="$getOperationList(operationBtns)"
-                    @click="$dispatchEvent($event)"
-                ></dsh-buttons>
-
-                <template>
-                    <dsh-tree-table
-                        v-if="showMode === 'treeTable'"
-                        ref="table"
-                        :canEdit="finalCanEdit"
-                        :data="curVal.tree"
-                        :rowDefault="curVal.rowDefault"
-                        :columns="subForm"
-                        :propsObj="propsObj"
-                        :parentFormList="allFormList"
-                        :parentObj="value"
-                        @change="change"
-                    ></dsh-tree-table>
-                    <dsh-cascader-table
-                        v-else
-                        ref="table"
-                        :canEdit="finalCanEdit"
-                        :data="curVal"
-                        :treeColumns="treeForm"
-                        :subColumns="subForm"
-                        :propsObj="propsObj"
-                        :parentFormList="allFormList"
-                        :parentObj="value"
-                        @change="change"
-                    ></dsh-cascader-table>
-                </template>
-
-                <!-- 全屏查看 -->
-                <dsh-modal
-                    v-model="isEnlarge"
-                    mode="custom"
-                    :propsObj="modalPropsObj"
-                >
-                    <template>
-                        <dsh-tree-table
-                            v-if="showMode === 'treeTable'"
-                            :canEdit="finalCanEdit"
-                            :data="curVal.tree"
-                            :rowDefault="curVal.rowDefault"
-                            :columns="subForm"
-                            :propsObj="propsObj"
-                            :parentFormList="allFormList"
-                            :parentObj="value"
-                            @change="change"
-                        ></dsh-tree-table>
-                        <dsh-cascader-table
-                            v-else
-                            :canEdit="finalCanEdit"
-                            :data="curVal"
-                            :treeColumns="treeForm"
-                            :subColumns="subForm"
-                            :propsObj="propsObj"
-                            :parentFormList="allFormList"
-                            :parentObj="value"
-                            @change="change"
-                        ></dsh-cascader-table>
-                    </template>
-                </dsh-modal>
+                <!-- 层级表 -->
+                <dsh-tree-table
+                    v-if="showMode === 'treeTable'"
+                    ref="table"
+                    :canEdit="finalCanEdit"
+                    :data="curVal.tree"
+                    :rowDefault="curVal.rowDefault"
+                    :columns="subForm"
+                    :propsObj="propsObj"
+                    :parentFormList="allFormList"
+                    :parentObj="value"
+                    @change="change"
+                ></dsh-tree-table>
+
+                <!-- 级联表 -->
+                <dsh-cascader-table
+                    v-else
+                    ref="table"
+                    :canEdit="finalCanEdit"
+                    :data="curVal"
+                    :treeColumns="treeForm"
+                    :subColumns="subForm"
+                    :propsObj="propsObj"
+                    :parentFormList="allFormList"
+                    :parentObj="value"
+                    @change="change"
+                ></dsh-cascader-table>
             </template>
         </template>
     </div>
@@ -133,29 +95,7 @@
         },
         props: {},
         data () {
-            return {
-                isEnlarge: false,
-                timer: null,
-
-                operationMap: {
-                    canExport: {
-                        name: "导出",
-                        type: "canExport",
-                        icon: "md-share-alt",
-                        size: "small",
-                        btnType: "text",
-                        event: "clickExport"
-                    },
-                    canEnlarge: {
-                        name: "全屏展示",
-                        type: "canEnlarge",
-                        icon: "md-expand",
-                        size: "small",
-                        btnType: "text",
-                        event: "clickEnlarge"
-                    }
-                }
-            };
+            return {};
         },
         computed: {
             selfPropsObj () {
@@ -163,7 +103,6 @@
                     _showMode: "default", // "default", "treeTable"
                     _subForm: [],
                     _treeForm: [],
-                    _isExport: false,
                     ...this.propsObj
                 };
             },
@@ -179,23 +118,6 @@
                     ? this.curVal._treeForm
                     : this.propsObj._treeForm;
             },
-            isExport () {
-                return this.propsObj._isExport;
-            },
-
-            operationBtns () {
-                return this.isExport
-                    ? ["canExport", "canEnlarge"]
-                    : ["canEnlarge"];
-            },
-            modalPropsObj () {
-                return {
-                    title: this.controlName,
-                    fullscreen: true,
-                    showSlotClose: false,
-                    closable: true
-                };
-            },
 
             showVal () {
                 return `${this.curVal ? this.$getTreeLeafTotal(this.curVal.tree) : 0} 行`;
@@ -208,66 +130,9 @@
                 return this.$refs.table.validate();
             },
 
-            // 点击导出
-            clickExport (operationItem) {
-                operationItem.disabled = true;
-                this.handleExport(operationItem);
-            },
-            // 打开全屏模态框
-            clickEnlarge () {
-                this.isEnlarge = true;
-            },
             // 发生变动
             change (...params) {
                 this.$emit("change", ...params);
-            },
-
-            // 接口 -导出级联表
-            handleExport (operationItem) {
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "exportCascaderTableExcel"
-                    },
-                    params: {
-                        _key: this.controlKey,
-                        _id: this.value._id
-                    },
-                    callback: data => {
-                        this.timer = setInterval(() => {
-                            this.getJobStatusData(operationItem, data.jobId, data.excel_url);
-                        }, 1000);
-                    }
-                });
-            },
-            // 接口 -
-            getJobStatusData (operationItem, id, url) {
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "getJobStatus"
-                    },
-                    params: {
-                        jobId: id
-                    },
-                    callback: data => {
-                        operationItem.disabled = false;
-
-                        if (data.status === "completed") {
-                            clearInterval(this.timer);
-                            window.location.href = data.url;
-                        } else if (data.status === "failed") {
-                            clearInterval(this.timer);
-                            this.$Message.info({
-                                content: "操作失败，请稍后再试"
-                            });
-                        }
-                    },
-                    error: data => {
-                        operationItem.disabled = false;
-                        this.timer = null;
-                    }
-                });
             }
         }
     };
@@ -282,14 +147,5 @@
 
             }
         }
-
-        &-btns {
-            text-align: right;
-            color: @textColor;
-
-            &-item {
-
-            }
-        }
     }
 </style>

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

@@ -1,100 +1,56 @@
 <template>
     <div class="flatTable">
-        <!-- 多选模式 -->
-        <template v-if="multipleMode"></template>
-
-        <!-- 单选模式 -->
-        <template v-else>
-            <!-- 查看 单元格内 -->
-            <span
-                v-if="isUnitShow"
-                class="flatTable-unit"
-            >
-                <dsh-icons :list="[{
-                    customIcon: 'bico-internaltable'
-                }]"></dsh-icons>
-                <span class="flatTable-unit-text">
-                    {{ curVal.list.length }}行
-                </span>
+        <!-- 查看 单元格内 -->
+        <span
+            v-if="isUnitShow"
+            class="flatTable-unit"
+        >
+            <dsh-icons :list="[{
+                customIcon: 'bico-internaltable'
+            }]"></dsh-icons>
+            <span class="flatTable-unit-text">
+                {{ curVal.list.length }}行
             </span>
+        </span>
 
-            <!-- 编辑、查看（查看页内） -->
-            <template v-else>
-                <!-- 配置端 设置默认值用-->
-                <dsh-btn-modal v-if="propsObj._key === '_default'">
-                    <dsh-flat-table
-                        :canEdit="finalCanEdit"
-                        :data="curVal.list"
-                        :rowDefault="curVal.rowDefault"
-                        :columns="columns"
-                        :propsObj="propsObj"
-                        :parentFormList="allFormList"
-                        :parentObj="value"
-                        @change="change"
-                    ></dsh-flat-table>
-                </dsh-btn-modal>
-
-                <!-- 正常使用 -->
-                <template v-else>
-                    <!-- 操作按钮 -->
-                    <dsh-buttons
-                        class="flatTable-btns"
-                        itemClass="flatTable-btns-item"
-                        :list="$getOperationList(operationFieldList)"
-                        @click="$dispatchEvent($event)"
-                    ></dsh-buttons>
-
-                    <dsh-flat-table
-                        ref="dshFatTable"
-                        :canEdit="finalCanEdit"
-                        :data="curVal.list"
-                        :oldData="curVal.oldList"
-                        :rowDefault="curVal.rowDefault"
-                        :columns="columns"
-                        :propsObj="propsObj"
-                        :parentFormList="allFormList"
-                        :parentObj="value"
-                        @change="change"
-                    ></dsh-flat-table>
-
-                    <!-- 全屏查看 -->
-                    <dsh-modal
-                        v-model="isEnlarge"
-                        mode="custom"
-                        :propsObj="modalPropsObj"
-                    >
-                        <dsh-flat-table
-                            :canEdit="finalCanEdit"
-                            :data="curVal.list"
-                            :oldData="curVal.oldList"
-                            :rowDefault="curVal.rowDefault"
-                            :columns="columns"
-                            :propsObj="propsObj"
-                            :parentFormList="allFormList"
-                            :parentObj="value"
-                            @change="change"
-                        ></dsh-flat-table>
-                    </dsh-modal>
-                </template>
-            </template>
+        <!-- 编辑、查看（查看页内） -->
+        <template v-else>
+            <!-- 配置端 设置默认值用-->
+            <dsh-btn-modal v-if="propsObj._key === '_default'">
+                <dsh-flat-table
+                    :canEdit="finalCanEdit"
+                    :data="curVal.list"
+                    :rowDefault="curVal.rowDefault"
+                    :columns="subForm"
+                    :propsObj="propsObj"
+                    :parentFormList="allFormList"
+                    :parentObj="value"
+                    @change="change"
+                ></dsh-flat-table>
+            </dsh-btn-modal>
+
+            <!-- 正常使用 -->
+            <dsh-flat-table
+                v-else
+                ref="table"
+                :canEdit="finalCanEdit"
+                :data="curVal.list"
+                :oldData="curVal.oldList"
+                :rowDefault="curVal.rowDefault"
+                :columns="subForm"
+                :propsObj="propsObj"
+                :parentFormList="allFormList"
+                :parentObj="value"
+                @change="change"
+            ></dsh-flat-table>
         </template>
-
-        <flat-table-import-modal
-            v-if="showBatchImportModal"
-            :value="showBatchImportModal"
-            :propsObj="propsObj"
-            :importParams="importParams"
-            @input="toggleBatchImportModal"
-            @importCb="importCb"
-        ></flat-table-import-modal>
     </div>
 </template>
 
 <script>
     import controlMixin from "../../mixins/controlMixin.js";
-    import DshBtnModal from "../../../small/DshBtnModal.vue";
     import DshFlatTable from "../../../list/DshFlatTable.vue";
-    import flatTableImportModal from "./flatTableImportModal.vue";
+    import DshBtnModal from "../../../small/DshBtnModal.vue";
 
     export default {
         name: "flatTable",
@@ -102,48 +58,24 @@
             controlMixin
         ],
         components: {
-            DshBtnModal,
             DshFlatTable,
-            flatTableImportModal
+            DshBtnModal
         },
         props: {},
         data () {
-            return {
-                isEnlarge: false,
-
-                operationMap: {
-                    canEnlarge: {
-                        name: "全屏展示",
-                        type: "canEnlarge",
-                        icon: "md-expand",
-                        size: "small",
-                        btnType: "text",
-                        event: "enlarge"
-                    },
-                    canImport: {
-                        name: "导入",
-                        type: "canImport",
-                        icon: "ios-create-outline",
-                        size: "small",
-                        btnType: "text",
-                        event: "clickBatchImport"
-                    },
-                    canExport: {
-                        name: "导出",
-                        type: "canExport",
-                        icon: "md-share-alt",
-                        size: "small",
-                        btnType: "text",
-                        disabled: false,
-                        event: "clickExport"
-                    }
-                },
-
-                showBatchImportModal: false,
-                timer: null
-            };
+            return {};
         },
         computed: {
+            selfPropsObj () {
+                return {
+                    _subForm: [],
+                    ...this.propsObj
+                };
+            },
+            subForm () {
+                return this.selfPropsObj._subForm;
+            },
+
             curVal () {
                 // TODO: 待定处理
                 return this.value[this.controlKey] || {
@@ -151,125 +83,15 @@
                     oldList: [],
                     rowDefault: {}
                 };
-            },
-            columns () {
-                return this.propsObj._subForm;
-            },
-
-            modalPropsObj () {
-                return {
-                    title: this.propsObj._name,
-                    fullscreen: true,
-                    showSlotClose: false,
-                    closable: true
-                };
-            },
-
-            operationFieldList () {
-                let btnList = ["canEnlarge"];
-                if (this.propsObj._isExport) {
-                    btnList.unshift("canExport");
-                }
-                if (this.propsObj._isImport && this.finalCanEdit) {
-                    btnList.unshift("canImport");
-                }
-
-                return btnList;
-            },
-            importParams () {
-                return {
-                    _key: this.controlKey,
-                    _id: this.value._id
-                };
             }
         },
         created () {},
         methods: {
-            clickBatchImport () {
-                this.openBatchImportModal();
-            },
-            openBatchImportModal () {
-                this.showBatchImportModal = true;
-            },
-            // 关闭批量导入模态框
-            closeBatchImportModal () {
-                this.showBatchImportModal = false;
-            },
-            // 切换批量导入模态框
-            toggleBatchImportModal (bool) {
-                bool ? this.openBatchImportModal() : this.closeBatchImportModal();
-            },
-            // 导出点击
-            clickExport (operationItem) {
-                if (operationItem.disabled || this.timer) {
-                    return;
-                }
-                operationItem.disabled = true;
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "exportFlatTableExcel"
-                    },
-                    params: {
-                        _key: this.controlKey,
-                        _id: this.value._id,
-                        screenKey: this.screenKey
-                    },
-                    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);
-                            this.timer = null;
-                            window.location.href = data.url;
-                        } else if (data.status === "failed") {
-                            clearInterval(this.timer);
-                            this.timer = null;
-                            // this.exportBtnLoading = false;
-                            this.$Message.info({ content: "操作失败，请稍后再试" });
-                        }
-                    },
-                    error: data => {
-                        this.timer = null;
-                    }
-                });
-            },
-            // 回调- 导入成功
-            importCb (data) {
-                this.value[this.controlKey] = data;
-                this.change(data);
-            },
-
             // 校验方法 -供外部使用
             validate () {
-                return this.$refs.dshFatTable.validate();
+                return this.$refs.table.validate();
             },
 
-            // 打开全屏模态框
-            enlarge () {
-                this.isEnlarge = true;
-            },
             change (...params) {
                 this.$emit("change", ...params);
             }
@@ -288,14 +110,5 @@
 
             }
         }
-
-        &-btns {
-            text-align: right;
-            color: @textColor;
-
-            &-item {
-
-            }
-        }
     }
 </style>