bri-components 1.3.31 → 1.3.32

package/package.json

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

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

@@ -77,11 +77,11 @@
         <!-- 编辑和查看 列表 -->
         <slot name="list">
             <upload-list
+                :showMode="showMode"
                 :canEdit="finalCanEdit"
                 :files="curValList"
-                :emptyShowVal="emptyShowVal"
-                :showMode="showMode"
                 :propsObj="propsObj"
+                :emptyShowVal="emptyShowVal"
                 @deleteItem="clickDeteItem"
             ></upload-list>
         </slot>
@@ -370,16 +370,6 @@
                         height: 80px;
                     }
                 }
-
-                &-inline {
-                    .bri-scrollbar6();
-                    height: 48px;
-                    line-height: 48px;
-
-                    .item {
-                        flex: 0 0 48px
-                    }
-                }
             }
         }
 

package/src/components/controls/base/BriUpload/uploadList.vue

@@ -1,8 +1,8 @@
 <template>
-    <div
-        class="uploadList"
-        :class="`uploadList-${showMode}`"
-    >
+    <div :class="{
+        uploadList: true,
+        [`uploadList-${showMode}`]: true
+    }">
         <!-- 普通文本模式 -->
         <template v-if="showMode ==='old'">
             <!-- 有值 -->
@@ -50,7 +50,7 @@
                 class="uploadList-nodata"
             >
                 <Icon type="ios-time" />
-                <span>{{ noText }}</span>
+                <span>{{ noDataText }}</span>
             </div>
         </template>
 
@@ -93,7 +93,7 @@
                 v-else
                 class="uploadList-inline-nodata"
             >
-                {{ noText }}
+                {{ noDataText }}
             </span>
         </template>
     </div>
@@ -106,6 +106,10 @@
     export default {
         name: "uploadList",
         props: {
+            showMode: {
+                type: String,
+                default: "old" // inline, old, normal
+            },
             canEdit: {
                 type: Boolean,
                 default: true
@@ -116,23 +120,19 @@
                     return [];
                 }
             },
-            showMode: {
-                type: String,
-                default: "old" // inline, old, normal
-            },
-            emptyShowVal: String,
             propsObj: {
                 type: Object,
                 default () {
                     return {};
                 }
-            }
+            },
+            emptyShowVal: String
         },
         computed: {
             imageResizeConfig () {
                 return {};
             },
-            noText () {
+            noDataText () {
                 return this.canEdit
                     ? `未上传${this.propsObj._fileType === "image" ? "图片" : "文件"}`
                     : this.emptyShowVal;
@@ -334,13 +334,13 @@
                 }
 
                 &-action {
-                    background-color: @placeholderColor;
-                    display: none !important;
                     position: absolute;
                     right: 0px;
                     top: 0px;
                     left: 0px;
                     bottom: 0px;
+                    background-color: @placeholderColor;
+                    display: none !important;
                     align-items: center;
                     justify-content: center;
 
@@ -349,7 +349,6 @@
                         height: 22px;
                         line-height: 22px;
                         color: #fff;
-                        margin-left: 2px;
                     }
                 }
             }
@@ -357,31 +356,25 @@
 
         // 内部表格inline模式
         &-inline {
-            height: 30px;
-            line-height: 30px;
+            height: 32px;
+            line-height: 32px;
 
             &-list {
                 width: 100%;
                 height: 100%;
+                padding-left: 3px;
                 display: flex;
                 flex-wrap: nowrap;
                 overflow-x: auto;
                 overflow-y: hidden;
-                padding-left: 3px;
 
                 .item {
-                    flex: 0 0 48px;
-                    background: #f4f5fa;
+                    flex: 0 0 32px;
                     margin-right: 3px;
-                    position: relative;
                     border-radius: @borderRadius;
+                    background: #f4f5fa;
                     text-align: center;
-                    &:hover {
-                        .item-action {
-                            display: flex !important;
-                            animation: toTop 0.1s;
-                        }
-                    }
+                    position: relative;
 
                     img {
                         max-width: 100%;
@@ -390,18 +383,22 @@
                     }
 
                     &-action {
-                        display: none !important;
                         position: absolute;
                         left: 0;
                         right: 0;
                         top: 0;
                         bottom: 0;
+                        display: none !important;
                         background-color: @placeholderColor;
                         color: #fff;
                         align-items: center;
                         justify-content: center;
-                        i {
-                            margin: 0px;
+
+                        &-icon {
+                            width: 18px;
+                            height: 18px;
+                            line-height: 18px;
+                            color: #fff;
                         }
                     }
 
@@ -414,6 +411,13 @@
                             top: 0;
                         }
                     }
+
+                    &:hover {
+                        .item-action {
+                            display: flex !important;
+                            animation: toTop 0.1s;
+                        }
+                    }
                 }
             }
 

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

@@ -28,18 +28,19 @@
                         }"
                     >
                         <template v-if="!$isEmptyData(curValList)">
-                            <img
-                                v-for="item in curValList"
-                                :src="item.avatarurl ? $imageResize(item.avatarurl, imageResizeConfig) : $imageSrcMap.system.boy"
-                                :key="item._key"
-                                class="selectUsers-unit-img"
-                            />
-                            <span
-                                v-if="curValList[0]"
-                                class="selectUsers-unit-text"
-                            >
-                                {{ curValList[0].name || curValList[0].realname || curValList[0].mobile }}
-                            </span>
+                            <template v-for="item in curValList">
+                                <img
+                                    :src="item.avatarurl ? $imageResize(item.avatarurl, imageResizeConfig) : $imageSrcMap.system.boy"
+                                    :key="item._key"
+                                    class="selectUsers-unit-img"
+                                />
+                                <span
+                                    :key="item._key + 'span'"
+                                    class="selectUsers-unit-text"
+                                >
+                                    {{ item.name || item.realname || item.mobile }}
+                                </span>
+                            </template>
                         </template>
 
                         <template v-else>
@@ -274,7 +275,9 @@
                     m: "fixed",
                     w: 18,
                     h: 18
-                }
+                },
+
+                allListFilterVals: []
             };
         },
         computed: {

package/src/components/form/DshDefaultSearch.vue

@@ -186,8 +186,7 @@
 
             &-item {
                 padding: 6px 0px;
-                margin-top: 0px;
-                margin-bottom: 0px;
+                margin: 0px;
 
                 &-name {}
             }

package/src/components/list/DshCascaderTable.vue

@@ -209,7 +209,7 @@
             :propsObj="modalPropsObj"
         >
             <div
-                v-if="enlargeFlag"
+                v-if="isEnlargeFlag"
                 class="DshCasTable-wrap"
             >
                 <div

package/src/components/list/DshFlatTable.vue

@@ -32,7 +32,7 @@
             mode="custom"
             :propsObj="modalPropsObj"
         >
-            <template v-if="enlargeFlag">
+            <template v-if="isEnlargeFlag">
                 <!-- 表格 -->
                 <bri-table
                     class="DshFlatTable-main"
@@ -80,9 +80,7 @@
         },
         props: {},
         data () {
-            return {
-                isDshFlatTable: true // 做标记的
-            };
+            return {};
         },
         computed: {},
         created () {},

package/src/components/list/DshTreeTable.vue

@@ -1,21 +1,24 @@
 <template>
     <div class="DshTreeTable">
-        <dsh-buttons
-            class="DshTreeTable-btns"
-            itemClass="DshTreeTable-btns-item"
-            :list="$getOperationList(topOperationBtns)"
-            @click="$dispatchEvent($event)"
-        ></dsh-buttons>
+        <div class="DshTreeTable-top">
+            <div class="DshTreeTable-top-total">{{ rowsNumStr }}</div>
+
+            <dsh-buttons
+                class="DshTreeTable-top-btns"
+                itemClass="DshTreeTable-top-btns-item"
+                :list="$getOperationList(topOperationBtns)"
+                @click="$dispatchEvent($event)"
+            ></dsh-buttons>
+        </div>
 
         <!-- 搜索条件 -->
-        <template v-if="searchFormList.length">
-            <dsh-default-search
-                :formList="searchFormList"
-                :initValue="advSearchObj.conditions"
-                :labelWidth="searchLabelWidth"
-                @change="searchCb"
-            ></dsh-default-search>
-        </template>
+        <dsh-default-search
+            v-if="searchFormList.length && !isEnlarge"
+            :formList="searchFormList"
+            :initValue="advSearchObj.conditions"
+            :labelWidth="searchLabelWidth"
+            @change="searchCb"
+        ></dsh-default-search>
 
         <!-- 表格 -->
         <bri-table
@@ -42,7 +45,7 @@
             mode="custom"
             :propsObj="modalPropsObj"
         >
-            <template v-if="enlargeFlag">
+            <template v-if="isEnlargeFlag">
                 <!-- 搜索条件 -->
                 <template v-if="searchFormList.length">
                     <dsh-default-search
@@ -72,6 +75,9 @@
                 ></dsh-buttons>
             </template>
         </dsh-modal>
+
+        <!-- 各种模态框共用 -->
+        <dsh-render :render="dshRender"></dsh-render>
     </div>
 </template>
 
@@ -89,7 +95,7 @@
         props: {},
         data () {
             return {
-                deleteProperties: ["__treeIndex__", "__isExpand__", "__isRendered__", "__isShow__", "__isTmpShow__", "__isSearchingShow__"], // 除了__old__
+                deleteProperties: ["__treeIndex__", "__old__", "__isExpand__", "__isRendered__", "__isShow__", "__isTmpShow__", "__isSearchingShow__"], // 除了__old__
                 isExpandAction: false,
 
                 searchMode: "flat", // "flat", "tree"
@@ -101,53 +107,75 @@
         },
         computed: {
             isSearching () {
-                return this.searchFormList.length && this.advSearchObj.conditions.some(conditionItem => conditionItem.fieldValue.length);
+                return this.searchFormList.length && this.advSearchObj.conditions.some(conditionItem =>
+                    conditionItem.fieldValue.length && conditionItem.fieldValue.some(valItem => !this.$isEmptyData(valItem))
+                );
+            },
+            allTreeData () {
+                console.log("allTreeData");
+                return this.getCalcuedTree(this.data, this.filterColumns);
+            },
+            allListData () {
+                return this.$getTreeFlatArr(this.allTreeData);
             },
             listData () {
-                console.log("listData");
-                const treeData = this.getCalcuedTree(this.data, this.filterColumns);
-                return this.$getTreeFlatArr(treeData, node => {
+                return this.allListData.filter(row => {
                     if (this.isSearching) {
-                        if (node.__isRendered__ === true) {
-                            node.__isSearchingShow__ = false;
-                        }
+                        // 重置__isSearchingShow__为false
+                        row.__isSearchingShow__ = false;
 
-                        const bool = this.$isAdvRelyAccord(this.advSearchObj, node);
+                        const bool = this.$isAdvRelyAccord(this.advSearchObj, row);
                         if (bool) {
-                            node.__isRendered__ = true;
-                            node.__isSearchingShow__ = true;
+                            row.__isRendered__ = true;
+                            row.__isSearchingShow__ = true;
                         }
-                        return bool || node.__isRendered__;
+
+                        return bool || row.__isRendered__;
                     } else {
-                        return node.__isRendered__;
+                        return row.__isRendered__;
                     }
                 });
             },
+            showListData () {
+                return this.listData.filter(row =>
+                    this.isSearching ? !!row.__isSearchingShow__ : !!row.__isShow__
+                );
+            },
+            rowsNum () {
+                return this.isSearching
+                    ? this.showListData.length
+                    : this.allListData.length;
+            },
+            rowsNumStr () {
+                return `当前范围“${this.isSearching ? "筛选" : "全部"}”, 共 ${this.rowsNum} 行`;
+            },
             footerData () {
                 console.log("footerData");
-                return this.useSummary && this.listData.length
-                    ? [
-                        this.filterColumns.reduce((obj, col) => {
-                            return {
-                                ...obj,
-                                [col._key]: col._type === "number" && ![undefined, null, "", "no"].includes(col._summaryType)
-                                    ? this.$calNumList(
-                                        this.listData
-                                            .filter(item => item.level === 1)
-                                            .map(item => item[col._key]),
-                                        col._summaryType,
-                                        { ...col, _defaultDigit: 2 }
-                                    )
-                                    : (obj[col._key] || "--")
-                            };
-                        }, {
-                            _id: this.$ObjectID().str,
-                            __index__: "汇总",
-                            __isExpand__: "-",
-                            __operation__: "——"
-                        })
-                    ]
-                    : [];
+                return this.isSearching
+                    ? []
+                    : this.useSummary && this.listData.length
+                        ? [
+                            this.filterColumns.reduce((obj, col) => {
+                                return {
+                                    ...obj,
+                                    [col._key]: col._type === "number" && ![undefined, null, "", "no"].includes(col._summaryType)
+                                        ? this.$calNumList(
+                                            this.listData
+                                                .filter(item => item.level === 1)
+                                                .map(item => item[col._key]),
+                                            col._summaryType,
+                                            { ...col, _defaultDigit: 2 }
+                                        )
+                                        : (obj[col._key] || "--")
+                                };
+                            }, {
+                                _id: this.$ObjectID().str,
+                                __index__: "汇总",
+                                __isExpand__: "-",
+                                __operation__: "——"
+                            })
+                        ]
+                        : [];
             },
 
             selfPropsObj () {
@@ -189,7 +217,7 @@
                         bodyCellClass: ({ row, column, rowIndex }) => {
                             return "bri-table-td" +
                                 `${
-                                    this.canEdit
+                                    this.getRowCanEdit(row)
                                         ? " bri-table-td-edit"
                                         : " bri-table-td-show"
                                 }` +
@@ -200,7 +228,7 @@
                                             : ""
                                         : !row.__isShow__
                                             ? " bri-table-td-hide"
-                                            : row.__isShow__ === true && this.isExpandAction
+                                            : this.isExpandAction
                                                 ? " bri-table-td-visible"
                                                 : ""
                                 }` +
@@ -228,7 +256,11 @@
                     this.expandColumn,
                     ...(this.useIndex === true ? [this.indexColumn] : []),
                     ...this.$transformToColumns(this.contentColumns),
-                    ...(!this.isSearching && this.$getOperationList(["canDelete"]).length ? [this.operationColumn] : [])
+                    ...(this.isSearching
+                        ? []
+                        : this.$getOperationList(["canDelete"]).length
+                            ? [this.operationColumn]
+                            : [])
                 ];
             },
             expandColumn () {
@@ -241,26 +273,28 @@
                     align: "center",
                     fixed: "left",
                     renderBodyCell: ({ row, column, rowIndex }, h) => {
-                        return row.children && row.children.length && (this.isSearching ? this.searchMode === "tree" : true)
-                            ? h("Icon", {
-                                style: {
-                                    width: "16px",
-                                    height: "16px",
-                                    cursor: "pointer",
-                                    transform: row.__isExpand__ ? "rotate(90deg)" : "rotate(0deg)",
-                                    transition: "transform 0.3s"
-                                },
-                                props: {
-                                    type: "ios-arrow-forward",
-                                    size: "18"
-                                },
-                                on: {
-                                    click: () => {
-                                        this.toggleExpand(row, !row.__isExpand__);
+                        return this.isSearching && this.searchMode === "flat"
+                            ? h("span", "")
+                            : row.children && row.children.length
+                                ? h("Icon", {
+                                    style: {
+                                        width: "16px",
+                                        height: "16px",
+                                        cursor: "pointer",
+                                        transform: row.__isExpand__ ? "rotate(90deg)" : "rotate(0deg)",
+                                        transition: "transform 0.3s"
+                                    },
+                                    props: {
+                                        type: "ios-arrow-forward",
+                                        size: "18"
+                                    },
+                                    on: {
+                                        click: () => {
+                                            this.toggleExpand(row, !row.__isExpand__);
+                                        }
                                     }
-                                }
-                            })
-                            : h("span", "");
+                                })
+                                : h("span", "");
                     }
                 };
             },
@@ -323,6 +357,16 @@
         },
         created () {},
         methods: {
+            // 本身的初始化
+            selfReset () {
+                this.isExpandAction = false;
+                this.searchMode = "flat";
+                this.advSearchObj = {
+                    logic: "and",
+                    conditions: []
+                };
+            },
+
             // 筛选回调
             searchCb (conditions) {
                 this.isExpandAction = false;
@@ -334,12 +378,11 @@
             // 展开／隐藏节点
             toggleExpand (row, bool = true) {
                 this.isExpandAction = true;
-                // this.$set(row, "__isRendered__", true);
-                // this.$set(row, "__isShow__", true);
                 this.$set(row, "__isExpand__", bool);
 
                 this.toggleDescendantsShow(row, bool);
             },
+
             // 点击 -添加一行
             clickCreate (operationItem, row, rowIndex) {
                 // !row代表最上级节点
@@ -377,19 +420,15 @@
                     }
                 });
             },
-            // 点击导出
-            clickExport (operationItem) {
-                // operationItem.disabled = true;
-            },
 
             /* ------ 工具方法 ------- */
             // 加工树形数据
             getCalcuedTree (treeData = [], columns) {
                 const loop = (list = []) =>
-                    list.reduce((newList, node) => {
+                    list.forEach((node) => {
                         if (node.children && node.children.length) {
                             node.isLeaf = false;
-                            node.children = loop(node.children);
+                            loop(node.children);
 
                             columns.reduce((newNode, col) => {
                                 if (col._type === "number" && ![undefined, null, "", "no"].includes(col._summaryType)) {
@@ -409,26 +448,25 @@
                             node.isLeaf = true;
                         }
 
-                        // 初次进来把前端存的状态值全部清除，除了__old__
-                        if (!this.initFlag) {
+                        // 初次进来把前端存的状态值全部清除（除了__readonly__）
+                        if (this.initFlag) {
                             this.deleteProperties.forEach(property => {
                                 delete node[property];
                             });
 
+                            node.__old__ = true; // 老的数据都打上标记 尽管不一定会用
+                            // 第一级的需要显示出来
                             if (node.level == 1) {
                                 node.__isRendered__ = true;
                                 node.__isShow__ = true;
+                                node.__isTmpShow__ = true;
                             }
                         }
+                    });
 
-                        return [
-                            ...newList,
-                            node
-                        ];
-                    }, []);
-
-                treeData = loop(treeData);
-                this.initFlag = true;
+                loop(treeData);
+                console.log("treeee");
+                this.initFlag = false;
                 return treeData;
             },
             // 获取父节点
@@ -451,8 +489,8 @@
                             }
                         });
                     };
-
                     loop(tree);
+
                     return parentNode;
                 }
             },
@@ -464,11 +502,11 @@
                             if (isFirstSon) {
                                 this.$set(subNode, "__isRendered__", true);
                                 this.$set(subNode, "__isShow__", bool);
+                                this.$set(subNode, "__isTmpShow__", bool);
                             } else {
                                 if (bool) {
                                     this.$set(subNode, "__isShow__", subNode.__isTmpShow__);
                                 } else {
-                                    this.$set(subNode, "__isTmpShow__", subNode.__isShow__);
                                     this.$set(subNode, "__isShow__", false);
                                 }
                             }
@@ -486,13 +524,23 @@
 
 <style lang="less" scoped>
     .DshTreeTable {
-        &-btns {
-            margin-bottom: 5px;
-            text-align: right;
-            color: @textColor;
+        &-top {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+
+            &-total {
+                font-weight: 500;
+            }
 
-            &-item {
+            &-btns {
+                text-align: right;
+                color: @textColor;
 
+                &-item {
+
+                }
             }
         }
 

package/src/components/list/common/flatTableImportModal.vue

@@ -237,15 +237,7 @@
 </script>
 
 <style lang="less">
-    .sheetBatchImportModal {
-        &-file {
-            position: relative;
+    .flatTableImportModal {
 
-            &-cancel {
-                cursor: pointer;
-                float: right;
-                font-size: @titleSize;
-            }
-        }
     }
 </style>

package/src/components/list/mixins/flatTableMixin.js

@@ -32,7 +32,13 @@ export default {
         listData () {
             this.data.forEach(item => {
                 !item._id && this.$set(item, "_id", this.$ObjectID().str);
+
+                if (!this.initFlag) {
+                    item.__old__ = true; // 标记老数据（initFlag不用在data中声明）
+                }
             });
+
+            this.initFlag = true;
             return this.data;
         },
         oldListData () {
@@ -78,7 +84,7 @@ export default {
                 cellStyleOption: {
                     bodyCellClass: ({ row, column, rowIndex }) => {
                         return "bri-table-td" +
-                            `${this.canEdit
+                            `${this.getRowCanEdit(row)
                                 ? " bri-table-td-edit"
                                 : " bri-table-td-show"
                             }`;
@@ -137,7 +143,7 @@ export default {
                         props: {
                             list: operationList.map(btnItem => ({
                                 ...btnItem,
-                                disabled: this.disabledOldDataRow && !row.__isCreate__
+                                disabled: !this.getRowCanEdit(row)
                             }))
                         },
                         on: {
@@ -231,13 +237,12 @@ export default {
     created () { },
     methods: {
         // 点击 -添加行
-        clickCreate (operationItem, row, index, list) {
+        clickCreate (operationItem, row, rowIndex, list) {
             const newRow = {
                 ...this.$deepCopy(this.selfRowDefault),
-                __isCreate__: true,
                 _id: this.$ObjectID().str
             };
-            const newRowIndex = index == null ? list.length : index + 1;
+            const newRowIndex = rowIndex == null ? list.length : rowIndex + 1;
             list.splice(newRowIndex, 0, newRow);
             this.$forceUpdate(); // 自定义页中点击添加一行没有更新页面
 
@@ -246,7 +251,7 @@ export default {
         // 点击 -删除行
         clickDelete (operationItem, row, rowIndex, list) {
             this.$Modal.confirm({
-                title: "警告",
+                title: "提示",
                 content: "确定删除吗？",
                 onOk: () => {
                     list.splice(rowIndex, 1);

package/src/components/list/mixins/quoteListModal.vue

@@ -0,0 +1,215 @@
+<template>
+    <div class="quoteListModal">
+        <Drawer
+            v-model="showModal"
+            class="quoteListModal-drawer"
+            width="400"
+            :title="'引用列表'"
+            :mask-closable="true"
+            :closable="true"
+            :draggable="true"
+        >
+            <div class="quoteListModal-drawer-body">
+                <div class="list">
+                    <template v-if="listData.length">
+                        <div
+                            v-for="dataItem in listData"
+                            :key="dataItem._id"
+                            :class="{
+                                'list-item': true,
+                                'list-item-active': curDataItem && curDataItem._id === dataItem._id
+                            }"
+                            @click="clickItem(dataItem)"
+                        >
+                            {{ listFields.length ? dataItem[listFields[0]] : dataItem.createdAt }}
+                        </div>
+                    </template>
+
+                    <div
+                        v-else
+                        class="list-nodata"
+                    >
+                        暂无数据…
+                    </div>
+                </div>
+
+                <dsh-buttons
+                    class="quoteListModal-drawer-body-btns"
+                    itemClass="quoteListModal-drawer-body-btns-item"
+                    :list="$getOperationList()"
+                    @click="$dispatchEvent($event)"
+                ></dsh-buttons>
+            </div>
+        </Drawer>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "quoteListModal",
+        props: {
+            value: {
+                type: Boolean,
+                default: false
+            },
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            listParams: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                listData: [],
+                listPropsObj: {
+                    isLoading: false
+                },
+                curDataItem: undefined,
+
+                operationMap: {
+                    canReset: {
+                        name: "重 置",
+                        type: "canReset",
+                        size: "small",
+                        event: "clickReset"
+                    },
+                    confirm: {
+                        name: "确 认",
+                        type: "confirm",
+                        btnType: "primary",
+                        size: "small",
+                        event: "clickConfirm"
+                    }
+                }
+            };
+        },
+        computed: {
+            showModal: {
+                get () {
+                    return this.value;
+                },
+                set (val) {
+                    this.$emit("input", val);
+                }
+            },
+
+            modKey () {
+                return this.propsObj.modKey;
+            },
+            screenKey () {
+                return this.propsObj.screenKey;
+            },
+            listFields () {
+                return this.propsObj._quoteListFields || [];
+            }
+        },
+        created () {
+            this.init();
+        },
+        methods: {
+            init () {
+                this.getListData();
+            },
+            clickItem (dataItem) {
+                if (this.curDataItem && this.curDataItem._id === dataItem._id) {
+                    this.curDataItem = undefined;
+                } else {
+                    this.curDataItem = dataItem;
+                }
+            },
+            // 点击重置
+            clickReset () {
+
+            },
+            // 点击确认
+            clickConfirm () {
+                this.showModal = false;
+                this.$emit("confirm", this.curDataItem);
+            },
+
+            getListData () {
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "index"
+                    },
+                    params: this.listParams,
+                    loadingName: "listPropsObj.isLoading",
+                    callback: data => {
+                        this.listData = data.list;
+                        this.curDataItem = this.listData[0];
+                    }
+                });
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .quoteListModal {
+        &-drawer {
+            &-body {
+                width: 100%;
+                height: 100%;
+                padding: 20px;
+                overflow: auto;
+
+                .list {
+                    &-item {
+                        padding: 8px 12px;
+                        margin-bottom: 8px;
+                        border-radius: 4px;
+                        cursor: pointer;
+
+                        &-active {
+                            background-color: @theme-hover;
+                        }
+                    }
+
+                    &-nodata {
+                        #dsh-nodata();
+                    }
+                }
+
+                &-btns {
+                    position: absolute;
+                    bottom: 0px;
+                    left: 0px;
+                    .dsh-flex-row-start-stretch();
+                    width: calc(100% - 48px);
+                    height: 51px;
+                    margin: 25px 20px 25px 28px;
+
+                    &-item {
+                        flex: 1;
+                        margin: 5px;
+                        height: 40px;
+                    }
+                }
+            }
+
+            .ivu-drawer-mask,
+            .ivu-drawer-wrap {
+                // z-index: 88888888;
+            }
+            .ivu-drawer-body {
+                padding: 0px;
+                padding-bottom: 50px;
+                overflow: hidden;
+            }
+            .ivu-drawer-header-inner {
+                font-size: @titleSize;
+                font-family: @titleFontFamily;
+                color: #333;
+                font-weight: bold;
+            }
+        }
+    }
+</style>

package/src/components/list/mixins/tableBaseMixin.js

@@ -1,9 +1,11 @@
 import DshListUnit from "../../unit/DshListUnit.vue";
+import quoteListModal from "./quoteListModal.vue";
 
 export default {
     mixins: [],
     components: {
-        DshListUnit
+        DshListUnit,
+        quoteListModal
     },
     props: {
         canEdit: {
@@ -38,15 +40,26 @@ export default {
     },
     data () {
         return {
-            showRuleMessage: false, // 显示校验文字
-            ruleRecordMap: {},
+            initFlag: true,
+            showRuleMessage: false, // 进行全体校验
+            ruleRecordMap: {}, // 单元格是否发生校验的记录映射
 
-            isEnlarge: false,
-            enlargeFlag: true, // 为重渲染膜态框内容而用
+            dshRenderName: undefined,
+            showQuoteModal: false,
             showImportModal: false,
-            timer: null,
+            exportTimer: null,
+            isEnlarge: false,
+            isEnlargeFlag: true, // 为重渲染膜态框内容而用
 
             topOperationMap: {
+                canQuote: {
+                    name: "引用",
+                    type: "canQuote",
+                    icon: "ios-copy",
+                    size: "small",
+                    btnType: "text",
+                    event: "clickQuote"
+                },
                 canImport: {
                     name: "导入",
                     type: "canImport",
@@ -100,10 +113,31 @@ export default {
         };
     },
     computed: {
+        dshRender () {
+            return this[this.dshRenderName];
+        },
+        parentDataId () {
+            return this.parentObj._id;
+        },
         selfRowDefault () {
             return this.$filterObj(this.filterColumns, this.rowDefault);
         },
 
+        controlKey () {
+            return this.propsObj._key;
+        },
+        controlType () {
+            return this.propsObj._type;
+        },
+        controlName () {
+            return this.propsObj._name;
+        },
+        modKey () {
+            return this.propsObj.modKey;
+        },
+        screenKey () {
+            return this.propsObj.screenKey;
+        },
         commonPropsObj () {
             return {
                 // isShare: false, // 是否是分享页在用
@@ -120,6 +154,8 @@ export default {
                 _disabledOldDataRow: false, // 置灰老数据行包含删除
                 _isImport: false, // 导入
                 _isExport: false, // 导出
+                _isQuote: false, // 引用
+                _quoteListFields: [], // 引用列表的显示字段
                 ...this.propsObj,
 
                 _contentHeight: this.propsObj._contentHeight || 500 // 表格最大高度
@@ -161,6 +197,12 @@ export default {
         disabledOldDataRow () {
             return this.selfPropsObj._disabledOldDataRow;
         },
+        isQuote () {
+            return this.selfPropsObj._isQuote;
+        },
+        quoteListFields () {
+            return this.selfPropsObj._quoteListFields;
+        },
         isImport () {
             return this.selfPropsObj._isImport;
         },
@@ -170,16 +212,32 @@ export default {
 
         modalPropsObj () {
             return {
-                title: this.propsObj._key,
+                title: this.controlName,
                 fullscreen: true,
                 showSlotClose: false,
                 closable: true
             };
         },
+        quoteParams () {
+            return {
+                screenKey: this.screenKey,
+                fields: [...this.quoteListFields, this.controlKey, "createdAt"],
+                advSearch: {
+                    logic: "and",
+                    conditions: [
+                        {
+                            fieldKey: "_id",
+                            fieldOperator: "ne",
+                            fieldValue: [this.parentDataId]
+                        }
+                    ]
+                }
+            };
+        },
         importParams () {
             return {
-                _key: this.propsObj._key,
-                _id: this.parentObj._id
+                _id: this.parentDataId,
+                _key: this.controlKey
             };
         },
 
@@ -207,14 +265,15 @@ export default {
                 undefined,
                 this.canEdit
                     ? [
-                        "canEnlarge",
+                        ...(this.isQuote ? ["canQuote"] : []),
                         ...(this.isImport ? ["canImport"] : []),
                         ...(this.isExport ? ["canExport"] : []),
+                        "canEnlarge",
                         ...(this.disabledBtns ? ["changeVal"] : this.baseOperationBtns)
                     ]
                     : [
-                        "canEnlarge",
-                        ...(this.isExport ? ["canExport"] : [])
+                        ...(this.isExport ? ["canExport"] : []),
+                        "canEnlarge"
                     ]
             );
         }
@@ -222,7 +281,7 @@ export default {
     watch: {
         isEnlarge (bool) {
             setTimeout(() => {
-                this.enlargeFlag = bool;
+                this.isEnlargeFlag = bool;
             }, 0);
         }
     },
@@ -234,10 +293,17 @@ export default {
 
             return this.listData.every((row, rowIndex) => this.getRowRuleResult(row, rowIndex));
         },
+        // 重置
+        reset () {
+            this.initFlag = true;
+            this.showRuleMessage = false;
+            this.ruleRecordMap = {};
+        },
 
-        // 打开全屏模态框
-        clickEnlarge (operationItem) {
-            this.isEnlarge = true;
+        // 点击引用
+        clickQuote () {
+            this.dshRenderName = "quoteModalRender";
+            this.showQuoteModal = true;
         },
         // 点击导入
         clickImport () {
@@ -247,10 +313,88 @@ export default {
         clickExport (operationItem) {
             this.handleExport(operationItem);
         },
+        // 打开全屏模态框
+        clickEnlarge (operationItem) {
+            this.isEnlarge = true;
+        },
+
+        // 引用模态框渲染函数
+        quoteModalRender (h, params) {
+            return this.showQuoteModal
+                ? h("quote-list-modal", {
+                    props: {
+                        value: this.showQuoteModal,
+                        propsObj: this.propsObj,
+                        listParams: this.quoteParams
+                    },
+                    on: {
+                        input: bool => {
+                            this.showQuoteModal = bool;
+                        },
+                        confirm: this.quoteCb
+                    }
+                })
+                : undefined;
+        },
+        // 引用回调
+        quoteCb (dataObj) {
+            if (dataObj) {
+                const cb = () => {
+                    this.$Message.success("引用成功！");
+                    this.reset();
+                    this.selfReset && this.selfReset();
 
-        // 导入成功回调
+                    if (["flatTable"].includes(this.controlType)) {
+                        this.parentObj[this.controlKey] = {
+                            ...dataObj[this.controlKey],
+                            list: dataObj[this.controlKey].list.map(item => ({
+                                ...item,
+                                __readonly__: true
+                            }))
+                        };
+                    } else if (["cascaderTable"].includes(this.controlType)) {
+                        const transformData = (data = []) => {
+                            const loop = (list = []) =>
+                                list.map(item => ({
+                                    ...item,
+                                    children: item.children && item.children.length ? loop(item.children) : item.children,
+                                    __readonly__: true
+                                }));
+
+                            return loop(data);
+                        };
+
+                        this.parentObj[this.controlKey] = {
+                            ...dataObj[this.controlKey],
+                            tree: transformData(dataObj[this.controlKey].tree)
+                        };
+                    }
+
+                    this.change("quote");
+                };
+
+                const isEmpty = this.$isEmptyData(dataObj[this.controlKey]) ||
+                    (["flatTable"].includes(this.controlType)
+                        ? !dataObj[this.controlKey].list || !dataObj[this.controlKey].list.length
+                        : ["cascaderTable"].includes(this.controlType)
+                            ? !dataObj[this.controlKey].tree || !dataObj[this.controlKey].tree.length
+                            : false);
+                if (isEmpty) {
+                    this.$Modal.confirm({
+                        title: "提示",
+                        content: "该数据下此内容为空，无法引用！",
+                        onOk: () => { }
+                    });
+                } else {
+                    cb();
+                }
+            } else {
+                this.$Message.error("未选择引用数据！");
+            }
+        },
+        // 导入回调
         importCb (data) {
-            this.parentObj[this.propsObj._key] = data;
+            this.parentObj[this.controlKey] = data;
             this.change("import");
         },
         // 接口 -导出
@@ -260,19 +404,16 @@ export default {
             this.$https({
                 url: {
                     module: "sheet",
-                    name: this.isDshFlatTable ? "exportFlatTableExcel" : "exportCascaderTableExcel",
-                    params: {
-                        modKey: this.propsObj.modKey
-                    }
+                    name: ["flatTable"].includes(this.controlType) ? "exportFlatTableExcel" : "exportCascaderTableExcel"
                 },
                 params: {
-                    screenKey: this.propsObj.screenKey,
-                    _key: this.propsObj._key,
-                    _id: this.parentObj._id
+                    screenKey: this.screenKey,
+                    _id: this.parentObj._id,
+                    _key: this.controlKey
                 },
                 callback: data => {
                     this.getJobStatus(operationItem, data.jobId, data.excel_url);
-                    this.timer = setInterval(() => {
+                    this.exportTimer = setInterval(() => {
                         this.getJobStatus(operationItem, data.jobId, data.excel_url);
                     }, 1000);
                 }
@@ -290,7 +431,7 @@ export default {
                 },
                 callback: data => {
                     operationItem.disabled = false;
-                    clearInterval(this.timer);
+                    clearInterval(this.exportTimer);
 
                     if (data.status === "completed") {
                         window.location.href = data.url;
@@ -302,7 +443,7 @@ export default {
                 },
                 error: data => {
                     operationItem.disabled = false;
-                    this.timer = null;
+                    this.exportTimer = null;
                 }
             });
         },
@@ -324,12 +465,12 @@ export default {
             }
         },
         getRowCanEdit (row) {
-            return this.canEdit && ( // 是否是编辑状态
-                this.disabledOldDataRow ? !!row.__isCreate__ : true); // 是否让老数据行置灰
+            return this.canEdit && // 是编辑状态
+                (this.disabledOldDataRow ? !row.__old__ : true) && // 老数据行不置灰／置灰时是新增数据
+                !row.__readonly__; // 不能为只读数据
         },
         getColCanEdit (col, row) {
-            return (col.dependRowCanEdit ? row.canEdit !== false : true) && // 在老数据行里某些列不可编辑
-                (row.__old__ ? col._oldCanEdit : true) && // 在老数据行不可编辑（除_oldCanEdit=true的外）
+            return (col._oldReadonly ? !row.__old__ : true) && // 老数据行里某些列不可编辑
                 (["number"].includes(col._type) && ![undefined, null, "", "no"].includes(col._summaryType) ? row.isLeaf !== false : true) && // 级联表格 -“需要计的数字列 且 不是叶子行的”不可编辑（必须用isLeaf !== false判断，因为牵扯内部表格也在用）
                 col._enterType !== "calculate" && // 计算的不可编辑
                 col._readonly !== true; // 不能为只读

package/src/styles/components/list/BriTable.less

@@ -151,8 +151,9 @@
             }
         }
         
-        &-show {
-            
+        &-show { // 级联表格会生效 自己写的table
+            height: 40px;
+            padding: 4px 16px;
         }
         &-edit {
             padding: 4px 16px 12px 16px!important;
@@ -161,7 +162,7 @@
         &-visible {
             @keyframes slideDown {
                 from {
-                    top: -40px;
+                    top: -49px;
                     opacity: 0.9;
                 }
                 
@@ -174,20 +175,7 @@
             animation: slideDown .2s linear;
         }
         &-hide {
-            // @keyframes slideDown2 {
-            //     from {
-            //         top: 0px;
-            //         opacity: 1;
-            //     }
-
-            //     to {
-            //         top: -40px;
-            //         opacity: 0.9;
-            //     }
-            // }
-            
             display: none!important;
-            // animation: slideDown2 .2s linear;
         }
 
         &-index {