bri-components 1.3.16 → 1.3.17

package/package.json

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

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

@@ -27,7 +27,7 @@
                         :columns="columns"
                         :data="curVal.list"
                         :rowDefault="curVal.rowDefault"
-                        :outObj="value"
+                        :parentObj="value"
                         :propsObj="propsObj"
                         @change="change"
                     ></bri-flat-table>
@@ -50,7 +50,7 @@
                         :data="curVal.list"
                         :oldData="curVal.oldList"
                         :rowDefault="curVal.rowDefault"
-                        :outObj="value"
+                        :parentObj="value"
                         :propsObj="propsObj"
                         @change="change"
                     ></bri-flat-table>
@@ -67,7 +67,7 @@
                             :data="curVal.list"
                             :oldData="curVal.oldList"
                             :rowDefault="curVal.rowDefault"
-                            :outObj="value"
+                            :parentObj="value"
                             :propsObj="propsObj"
                             @change="change"
                         ></bri-flat-table>

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

@@ -294,7 +294,7 @@
                 return this.selfPropsObj._reverseFilter;
             },
             // 禁止显示的部门以及部门下人员
-            userDepartFilterVals () {
+            listFilterVals () {
                 return this.selfPropsObj._userDepartFilterVals || [];
             },
             highSearch () {
@@ -421,11 +421,13 @@
                     },
                     loadingName: "loading",
                     callback: data => {
-                        this.userList = data.list.filter(item =>
-                            this.reverseFilter
-                                ? !this.userDepartFilterVals.includes(item.departmentKey)
-                                : !this.userDepartFilterVals.length || this.userDepartFilterVals.includes(item.departmentKey)
-                        );
+                        this.userList = this.listFilterVals.length
+                            ? data.list.filter(item =>
+                                this.reverseFilter
+                                    ? !this.listFilterVals.includes(item.departmentKey)
+                                    : this.listFilterVals.includes(item.departmentKey)
+                            )
+                            : data.list;
                         this.total = data.total;
                     }
                 });
@@ -500,10 +502,14 @@
                                 name: "全部",
                                 _key: ""
                             },
-                            ...data.list.filter(item =>
-                                this.reverseFilter
-                                    ? !this.userDepartFilterVals.includes(item._key)
-                                    : !this.userDepartFilterVals.length || this.userDepartFilterVals.includes(item._key)
+                            ...(
+                                this.listFilterVals.length
+                                    ? data.list.filter(item =>
+                                        this.reverseFilter
+                                            ? !this.listFilterVals.includes(item._key)
+                                            : this.listFilterVals.includes(item._key)
+                                    )
+                                    : data.list
                             )
                         ];
                     }

package/src/components/list/BriFlatTable.vue

@@ -57,7 +57,7 @@
                 }
             },
 
-            outObj: {
+            parentObj: {
                 type: Object,
                 default () {
                     return {};
@@ -181,7 +181,11 @@
                 return !!this.oldListData.length;
             },
             filterColumns () {
-                return this.columns.filter(colItem => this.$isAdvRelyShow(colItem, this.outObj, true));
+                return this.columns.filter(column => {
+                    return column._isRelyParent
+                        ? this.$isFormItemShow(column, this.parentObj, true)
+                        : !["hide"].includes(column._displayType);
+                });
             },
             showColumns () {
                 const operationList = this.$getOperationList(["delete"]);
@@ -218,10 +222,12 @@
                     ),
 
                     ...this.$transformToColumns(
-                        this.filterColumns.map(item => ({
+                        this.filterColumns.map(colItem => ({
                             filter: undefined,
                             sortBy: undefined,
                             renderBodyCell: ({ row, column, rowIndex }, h) => {
+                                column = this.$transformFieldProperty(column, row);
+
                                 return [
                                     this.isShowCompare(column, row, this.oldListData[rowIndex])
                                         ? h("Tooltip", {
@@ -241,7 +247,7 @@
                                                     props: {
                                                         canEdit: this.getUnitCanEdit(column, row),
                                                         formData: row,
-                                                        formItem: this.resetCol(item),
+                                                        formItem: this.resetCol(column, row),
                                                         rowIndex: rowIndex,
                                                         parentData: this.listData,
                                                         allFormList: this.columns
@@ -257,7 +263,7 @@
                                             props: {
                                                 canEdit: this.getUnitCanEdit(column, row),
                                                 formData: row,
-                                                formItem: this.resetCol(item),
+                                                formItem: this.resetCol(column, row),
                                                 rowIndex: rowIndex,
                                                 parentData: this.listData,
                                                 allFormList: this.columns
@@ -275,7 +281,7 @@
                                         : undefined
                                 ];
                             },
-                            ...item
+                            ...colItem
                         })),
                         {
                             showRequired: this.showRequired,
@@ -363,8 +369,11 @@
             validate () {
                 this.showRuleMessage = true;
 
-                return this.listData.every(dataItem =>
-                    this.filterColumns.every(col => this.getRuleResult(col, dataItem).bool)
+                return this.listData.every(row =>
+                    this.filterColumns.every(column => {
+                        column = this.$transformFieldProperty(column, row);
+                        return this.getRuleResult(column, row).bool;
+                    })
                 );
             },
             // 点击 -添加行
@@ -409,7 +418,7 @@
             },
 
             /* --------------- 工具方法 ------------- */
-            resetCol (col) {
+            resetCol (col, row) {
                 let resetMap = {
                     select: {
                         _optionKind: "dropdown"
@@ -421,15 +430,17 @@
                 return {
                     ...col,
                     ...(resetMap[col._type] || {}),
-                    _heightAuto: this.heightAuto,
-                    isShare: this.isShare
+                    isShare: this.isShare,
+                    _heightAuto: this.heightAuto
+                    // canEdit: this.$isAdvRelyShow(col, row, true)
                 };
             },
             getUnitCanEdit (col, row) {
                 return this.canEdit && // 是否是编辑状态
                     // (!this.disabledOldDataRow || !!this.createRowMap[row._id]) && // 是否让老数据行置灰
                     (!this.disabledOldDataRow || !!row.__isCreate__) && // 是否让老数据行置灰
-                (!col.dependRowCanEdit || row.canEdit !== false); // 在老数据行里某些列不可编辑
+                    (!col.dependRowCanEdit || row.canEdit !== false) &&
+                    this.$isAdvRelyShow(col, row, true); // 在老数据行里某些列不可编辑; // 在老数据行里某些列不可编辑
             },
             isShowCompare (col, row, oldRow = {}) {
                 return this.useCampare && ["number"].includes(col._type) &&

package/src/components/other/BriGantt.vue

@@ -186,7 +186,10 @@
                                                         background:$getColor(timeItem.style.background),
                                                         minWidth: minTdWidth,
                                                         border: `1px solid ${timeItem.style.background}`,
-                                                        padding: timeItem.task.progressField == 100 ? '' : '1px'}"
+                                                        padding: timeItem.task.progressField == 100 ? '' : '1px',
+                                                        cursor: canClick ? 'pointer' : ''
+                                                    }"
+                                                    @click="clickRow(timeItem)"
                                                 >
                                                     <slot
                                                         name="chartCenter"
@@ -412,6 +415,10 @@
             step: {
                 type: Number,
                 default: 1
+            },
+            canClick: {
+                type: Boolean,
+                default: false
             }
         },
         computed: {
@@ -770,6 +777,10 @@
                         speedTarget += speed;
                     }
                 }, 10);
+            },
+            // 行点击
+            clickRow (col) {
+                this.canClick && this.$emit("clickRow", col.task, col);
             }
         },
         filters: {

package/src/styles/components/other/BriGantt.less

@@ -8,6 +8,7 @@
     display: flex;
     overflow: auto;
     flex-direction: column;
+
     &-top {
         display: flex;
         height: 100%;
@@ -15,6 +16,7 @@
         justify-content: space-between;
         position: absolute;
     }
+
     &-bottom {
         width: 100%;
         overflow: auto;
@@ -22,6 +24,7 @@
         flex-direction: column;
         margin-top: 38px;
         background: @white;
+
         &-title {
             text-align: center;
             border: 1px solid #EDEDED;
@@ -29,21 +32,25 @@
             line-height: 27px;
             // margin: 10px 14px 0 14px;
         }
+
         &-content {
             flex: 1;
             display: flex;
             overflow: auto;
         }
     }
+
     // 表格渲染
     &-tableBox {
-       width:100%;
-       text-align:center;
-       border-collapse:collapse;
-       border-spacing:0;
-       td, th {
+        width: 100%;
+        text-align: center;
+        border-collapse: collapse;
+        border-spacing: 0;
+
+        td,
+        th {
             word-break: break-all;
-            word-wrap:break-word;
+            word-wrap: break-word;
             min-width: 50px;
             height: 29px;
             text-align: center;
@@ -52,66 +59,82 @@
             text-overflow: ellipsis;
             max-width: 200px;
         }
+
         .briGantt-chart-td {
             height: 40px;
         }
-        .briGantt-table-th-now{
+
+        .briGantt-table-th-now {
             color: @themeColor;
         }
     }
+
     &-table {
         &-tr {
             border: 1px solid #EDEDED;
         }
+
         &-tr:nth-child(2n) {
-            background: rgba(244,246,249,0.5119);
+            background: rgba(244, 246, 249, 0.5119);
         }
+
         &-th {
             background: #F4F8FF;
-            font-weight:400;
-            color:rgba(101,101,101,1);
+            font-weight: 400;
+            color: rgba(101, 101, 101, 1);
         }
+
         &-td {
             border-right: 1px solid #EDEDED;
-            font-weight:400;
-            color:rgba(111,111,111,1);
+            font-weight: 400;
+            color: rgba(111, 111, 111, 1);
+
             &-main {
                 height: 28px;
-                background:rgba(238,238,238,0.5);
-                border:1px solid #f6f6f6;
+                background: rgba(238, 238, 238, 0.5);
+                border: 1px solid #f6f6f6;
             }
         }
+
         &-td:last-of-type {
             border: none;
         }
     }
+
     &-chart {
         &-td {
             overflow: visible;
+
             &-greyLine {
                 border-top: 1px dashed #D5D5D5;
             }
+
             &-main {
                 display: flex;
                 width: 100%;
                 height: 100%;
                 align-items: center;
                 justify-content: center;
-                &-left, &-right {
+
+                &-left,
+                &-right {
                     height: 100%;
                     overflow: hidden;
                 }
+
                 &-right-auto {
                     height: 100%;
                     overflow: hidden;
                     flex: 1;
                 }
+
                 &-center {
                     height: 30px;
                     border-radius: 4px;
                     background: #f6f6f6;
                     z-index: 1;
                     min-width: 2px;
+
                     .ms-ellipsis {
                         border-radius: 4px;
                         height: 100%;
@@ -122,8 +145,10 @@
                         text-overflow: ellipsis;
                         overflow: hidden;
                     }
+
                     &-tooltip {
                         white-space: normal;
+
                         &-select {
                             height: 5px;
                             display: inline-block;
@@ -133,11 +158,12 @@
                         }
                     }
                 }
+
                 &-line {
                     width: 100%;
                     border-bottom: 1px solid #D5D5D5;
-                    font-weight:400;
-                    color:rgba(74,74,74,1);
+                    font-weight: 400;
+                    color: rgba(74, 74, 74, 1);
                     padding: 0 10px;
                     transform: translateY(15px);
                     text-align: left;
@@ -146,11 +172,13 @@
                     white-space: nowrap;
                     text-overflow: ellipsis;
                     overflow: hidden;
+
                     &-circle {
                         display: block;
                         width: 10px;
                         height: 100%;
                         min-width: 10px;
+
                         .circle {
                             display: block;
                             width: 10px;
@@ -161,15 +189,19 @@
                             background: #D5D5D5;
                         }
                     }
-                };
+                }
+
+                ;
             }
         }
     }
+
     // 蓝色虚线
     &-line-now {
         z-index: 9;
         text-align: center;
         background: transparent;
+
         &::before {
             content: "";
             border-left: 1px dashed @themeColor;
@@ -178,6 +210,7 @@
             bottom: 0px;
             z-index: 9;
         }
+
         &::after {
             content: "";
             width: 6px;
@@ -189,18 +222,21 @@
             margin-left: -3px;
         }
     }
+
     // 时间轴
     &-timer {
         align-items: center;
         position: relative;
         float: right;
         overflow: hidden;
+
         &-main {
             overflow: auto;
             flex: 1;
             height: 100%;
             position: relative;
         }
+
         &-bg {
             position: absolute;
             background: #F4F8FF;
@@ -209,6 +245,7 @@
             height: 28px;
             border-radius: 28px;
         }
+
         &-icon {
             background: #F4F8FF;
             color: #fff;
@@ -222,6 +259,11 @@
             z-index: 2;
             top: 0px;
             background: #F2F8FF;
+
+            &:hover {
+                color: #fff;
+            }
+
             i {
                 display: block;
                 width: 16px;
@@ -233,11 +275,13 @@
                 align-items: center;
                 justify-content: center;
             }
+
             &-left {
                 left: -1px;
                 border-top-left-radius: 28px;
                 border-bottom-left-radius: 28px;
             }
+
             &-right {
                 right: -1px;
                 border-top-right-radius: 28px;
@@ -245,20 +289,22 @@
             }
         }
     }
+
     // 区域映射
     &-data {
         flex: 1;
         overflow: auto;
         position: relative;
-        &-table {
-        }
-        &-chart {
-        }
+
+        &-table {}
+
+        &-chart {}
+
         &::-webkit-scrollbar {
             height: 0px;
         }
     }
-    
+
     // table 列表映射
     &-tabledata {
         overflow-y: auto;