bri-components 1.5.22 → 1.6.0

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

@@ -1,135 +1,135 @@
-<template>
-    <div class="correlation">
-        <dsh-form
-            :showRules="false"
-            :formData="formData[propsObj._key]"
-            :formList="formList"
-            :rowStyle="{height: undefined}"
-            @change="change"
-        ></dsh-form>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: "correlation",
-        props: {
-            canEdit: {
-                type: Boolean,
-                default: true
-            },
-            value: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            },
-            propsObj: {
-                type: Object,
-                default () {
-                    return {};
-                }
-            }
-        },
-        data () {
-            return {
-                fieldMap: this.$modFieldMap,
-                dataMap: {}
-            };
-        },
-        computed: {
-            formList () {
-                let _span = 12;
-                if (this.propsObj._fieldCount) {
-                    switch (this.propsObj._fieldCount) {
-                    case 1: _span = 24; break;
-                    case 2: _span = 12; break;
-                    case 3: _span = 8; break;
-                    case 4: _span = 6; break;
-                    case 6: _span = 4; break;
-                    default: _span = 12;
-                    }
-                } else if (this.propsObj._subForm) {
-                    switch (this.propsObj._subForm.length) {
-                    case 1: _span = 24; break;
-                    case 2: _span = 12; break;
-                    case 3: _span = 8; break;
-                    case 4: _span = 6; break;
-                    default: _span = 12;
-                    }
-                }
-
-                let list = this.propsObj._subForm ? this.propsObj._subForm.map(item => {
-                    const data = this.dataMap[item._key] ? [...this.dataMap[item._key]] : [];
-                    const dataKeys = data.map(item => item._key);
-                    let showData = [ ...data ];
-                    if (data.length > 2000) {
-                        showData = showData.slice(0, 2000);
-                    }
-                    if (item._type === "text" && Object.keys(this.dataMap).length) {
-                        // eslint-disable-next-line
-                        this.formData[this.propsObj._key][item._key] = this.formData[this.propsObj._key][item._key].filter(item => dataKeys.includes(item));
-                    }
-
-                    return {
-                        ...item,
-                        _type: item._type === "number" ? "number" : item._type === "date"
-                            ? "daterange" : "selectAll",
-                        _multiple: item._type === "number" ? true : undefined,
-                        _span: _span,
-                        _noLabel: this.propsObj._noLabel,
-                        _data: data,
-                        _showData: showData,
-                        _transferClassName: this.propsObj._transferClassName
-                    };
-                }) : [];
-                return list;
-            },
-            formData () {
-                let obj = { ...this.value[this.propsObj._key] };
-                this.propsObj.selectEntityField && this.propsObj.selectEntityField.forEach(item => {
-                    if (!obj[item] || !obj[item].length) {
-                        obj[item] = [];
-                    }
-                });
-                this.$set(this.value, this.propsObj._key, obj);
-                // 设置控件默认值为[]
-                if (!this.value[this.propsObj._key]) {
-                    this.$set(this.value, this.propsObj._key, {});
-                }
-                return this.value;
-            }
-        },
-        created () {
-            if (this.propsObj.selectEntity) {
-                this.getDataMap();
-            }
-        },
-        methods: {
-            getDataMap () {
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "getReferenceFilterDetail"
-                    },
-                    params: {
-                        filterFormData: this.formData[this.propsObj._key],
-                        filterFormEntity: {
-                            selectEntity: this.propsObj.selectEntity,
-                            selectEntityField: this.propsObj.selectEntityField
-                        },
-                        dashboardKey: this.$route.params._key
-                    },
-                    callback: data => {
-                        this.dataMap = data;
-                    }
-                });
-            },
-            change (formItem, value) {
-                this.getDataMap();
-            }
-        }
-    };
-</script>
-
-<style lang="less" scoped></style>
+<template>
+    <div class="correlation">
+        <dsh-form
+            :showRules="false"
+            :formData="formData[propsObj._key]"
+            :formList="formList"
+            :rowStyle="{height: undefined}"
+            @change="change"
+        ></dsh-form>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "correlation",
+        props: {
+            canEdit: {
+                type: Boolean,
+                default: true
+            },
+            value: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            },
+            propsObj: {
+                type: Object,
+                default () {
+                    return {};
+                }
+            }
+        },
+        data () {
+            return {
+                fieldMap: this.$modFieldMap,
+                dataMap: {}
+            };
+        },
+        computed: {
+            formList () {
+                let _span = 12;
+                if (this.propsObj._fieldCount) {
+                    switch (this.propsObj._fieldCount) {
+                    case 1: _span = 24; break;
+                    case 2: _span = 12; break;
+                    case 3: _span = 8; break;
+                    case 4: _span = 6; break;
+                    case 6: _span = 4; break;
+                    default: _span = 12;
+                    }
+                } else if (this.propsObj._subForm) {
+                    switch (this.propsObj._subForm.length) {
+                    case 1: _span = 24; break;
+                    case 2: _span = 12; break;
+                    case 3: _span = 8; break;
+                    case 4: _span = 6; break;
+                    default: _span = 12;
+                    }
+                }
+
+                let list = this.propsObj._subForm ? this.propsObj._subForm.map(item => {
+                    const data = this.dataMap[item._key] ? [...this.dataMap[item._key]] : [];
+                    const dataKeys = data.map(item => item._key);
+                    let showData = [ ...data ];
+                    if (data.length > 2000) {
+                        showData = showData.slice(0, 2000);
+                    }
+                    if (item._type === "text" && Object.keys(this.dataMap).length) {
+                        // eslint-disable-next-line
+                        this.formData[this.propsObj._key][item._key] = this.formData[this.propsObj._key][item._key].filter(item => dataKeys.includes(item));
+                    }
+
+                    return {
+                        ...item,
+                        _type: item._type === "number" ? "number" : item._type === "date"
+                            ? "daterange" : "selectAll",
+                        _multiple: item._type === "number" ? true : undefined,
+                        _span: _span,
+                        _noLabel: this.propsObj._noLabel,
+                        _data: data,
+                        _showData: showData,
+                        _transferClassName: this.propsObj._transferClassName
+                    };
+                }) : [];
+                return list;
+            },
+            formData () {
+                let obj = { ...this.value[this.propsObj._key] };
+                this.propsObj.selectEntityField && this.propsObj.selectEntityField.forEach(item => {
+                    if (!obj[item] || !obj[item].length) {
+                        obj[item] = [];
+                    }
+                });
+                this.$set(this.value, this.propsObj._key, obj);
+                // 设置控件默认值为[]
+                if (!this.value[this.propsObj._key]) {
+                    this.$set(this.value, this.propsObj._key, {});
+                }
+                return this.value;
+            }
+        },
+        created () {
+            if (this.propsObj.selectEntity) {
+                this.getDataMap();
+            }
+        },
+        methods: {
+            getDataMap () {
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "getReferenceFilterDetail"
+                    },
+                    params: {
+                        filterFormData: this.formData[this.propsObj._key],
+                        filterFormEntity: {
+                            selectEntity: this.propsObj.selectEntity,
+                            selectEntityField: this.propsObj.selectEntityField
+                        },
+                        dashboardKey: this.$route.params._key
+                    },
+                    callback: data => {
+                        this.dataMap = data;
+                    }
+                });
+            },
+            change (formItem, value) {
+                this.getDataMap();
+            }
+        }
+    };
+</script>
+
+<style lang="less" scoped></style>

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

@@ -1,138 +1,138 @@
-<template>
-    <div
-        class="flatTable"
-        @click="clickControlWrapper"
-    >
-        <!-- 查看 单元格内 -->
-        <template v-if="isUnitShow">
-            <span
-                class="flatTable-unit"
-                @click="clickUnitContent"
-            >
-                <dsh-icons :list="[{
-                    customIcon: 'bico-internaltable'
-                }]"></dsh-icons>
-                <span class="flatTable-unit-text">
-                    {{ showVal }}
-                </span>
-            </span>
-
-            <dsh-modal
-                class="flatTable-fullscreen"
-                v-model="showUnitModal"
-                :mode="unitModalPropsObj.mode"
-                :propsObj="unitModalPropsObj"
-                @click.stop="0"
-            >
-                <div
-                    v-if="showUnitModal"
-                    class="flatTable-fullscreen-inner"
-                >
-                    <dsh-flat-table
-                        :canEdit="false"
-                        :tableDataObj="curVal"
-                        :data="curVal.list"
-                        :rowDefault="curVal.rowDefault"
-                        :columns="subForm"
-                        :propsObj="{
-                            ...propsObj,
-                            _contentHeight: undefined,
-                            _useEnlarge: false
-                        }"
-                        :parentObj="value"
-                        :parentFormList="allFormList"
-                    ></dsh-flat-table>
-                </div>
-            </dsh-modal>
-        </template>
-
-        <!-- 编辑、查看（查看页内） -->
-        <template v-else>
-            <!-- 配置端 设置默认值用-->
-            <dsh-btn-modal v-if="controlKey === '_default'">
-                <dsh-flat-table
-                    :canEdit="!disabled"
-                    :tableDataObj="curVal"
-                    :data="curVal.list"
-                    :rowDefault="curVal.rowDefault"
-                    :columns="subForm"
-                    :propsObj="defaultPropsObj"
-                    :parentObj="value"
-                    :parentFormList="allFormList"
-                    @change="change"
-                ></dsh-flat-table>
-            </dsh-btn-modal>
-
-            <!-- 正常使用 -->
-            <dsh-flat-table
-                v-else
-                ref="table"
-                :canEdit="!disabled"
-                :tableDataObj="curVal"
-                :data="curVal.list"
-                :rowDefault="curVal.rowDefault"
-                :columns="subForm"
-                :propsObj="propsObj"
-                :parentObj="value"
-                :parentFormList="allFormList"
-                @change="change"
-            ></dsh-flat-table>
-        </template>
-    </div>
-</template>
-
-<script>
-    import flatTableMixin from "../mixins/flatTableMixin.js";
-    import DshBtnModal from "../../small/DshBtnModal.vue";
-
-    export default {
-        name: "flatTable",
-        mixins: [
-            flatTableMixin
-        ],
-        components: {
-            DshBtnModal
-        },
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {},
-        created () {},
-        methods: {}
-    };
-</script>
-
-<style lang="less">
-    .flatTable {
-        width: 100%;
-
-        &-unit {
-            .bri-unit-show();
-
-            &-text {
-
-            }
-        }
-
-        &-fullscreen {
-            &-inner {
-                width: 100%;
-                height: 100%;
-                padding: 10px 20px 20px;
-
-                .DshFlatTable {
-                    width: 100%;
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-
-                    &-main {
-                        flex: 1;
-                        min-height: 0px;
-                    }
-                }
-            }
-        }
-    }
-</style>
+<template>
+    <div
+        class="flatTable"
+        @click="clickControlWrapper"
+    >
+        <!-- 查看 单元格内 -->
+        <template v-if="isUnitShow">
+            <span
+                class="flatTable-unit"
+                @click="clickUnitContent"
+            >
+                <dsh-icons :list="[{
+                    customIcon: 'bico-internaltable'
+                }]"></dsh-icons>
+                <span class="flatTable-unit-text">
+                    {{ showVal }}
+                </span>
+            </span>
+
+            <dsh-modal
+                class="flatTable-fullscreen"
+                v-model="showUnitModal"
+                :mode="unitModalPropsObj.mode"
+                :propsObj="unitModalPropsObj"
+                @click.stop="0"
+            >
+                <div
+                    v-if="showUnitModal"
+                    class="flatTable-fullscreen-inner"
+                >
+                    <dsh-flat-table
+                        :canEdit="false"
+                        :tableDataObj="curVal"
+                        :data="curVal.list"
+                        :rowDefault="curVal.rowDefault"
+                        :columns="subForm"
+                        :propsObj="{
+                            ...propsObj,
+                            _contentHeight: undefined,
+                            _useEnlarge: false
+                        }"
+                        :parentObj="value"
+                        :parentFormList="allFormList"
+                    ></dsh-flat-table>
+                </div>
+            </dsh-modal>
+        </template>
+
+        <!-- 编辑、查看（查看页内） -->
+        <template v-else>
+            <!-- 配置端 设置默认值用-->
+            <dsh-btn-modal v-if="controlKey === '_default'">
+                <dsh-flat-table
+                    :canEdit="!disabled"
+                    :tableDataObj="curVal"
+                    :data="curVal.list"
+                    :rowDefault="curVal.rowDefault"
+                    :columns="subForm"
+                    :propsObj="defaultPropsObj"
+                    :parentObj="value"
+                    :parentFormList="allFormList"
+                    @change="change"
+                ></dsh-flat-table>
+            </dsh-btn-modal>
+
+            <!-- 正常使用 -->
+            <dsh-flat-table
+                v-else
+                ref="table"
+                :canEdit="!disabled"
+                :tableDataObj="curVal"
+                :data="curVal.list"
+                :rowDefault="curVal.rowDefault"
+                :columns="subForm"
+                :propsObj="propsObj"
+                :parentObj="value"
+                :parentFormList="allFormList"
+                @change="change"
+            ></dsh-flat-table>
+        </template>
+    </div>
+</template>
+
+<script>
+    import flatTableMixin from "../mixins/flatTableMixin.js";
+    import DshBtnModal from "../../small/DshBtnModal.vue";
+
+    export default {
+        name: "flatTable",
+        mixins: [
+            flatTableMixin
+        ],
+        components: {
+            DshBtnModal
+        },
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {},
+        created () {},
+        methods: {}
+    };
+</script>
+
+<style lang="less">
+    .flatTable {
+        width: 100%;
+
+        &-unit {
+            .bri-unit-show();
+
+            &-text {
+
+            }
+        }
+
+        &-fullscreen {
+            &-inner {
+                width: 100%;
+                height: 100%;
+                padding: 10px 20px 20px;
+
+                .DshFlatTable {
+                    width: 100%;
+                    height: 100%;
+                    display: flex;
+                    flex-direction: column;
+
+                    &-main {
+                        flex: 1;
+                        min-height: 0px;
+                    }
+                }
+            }
+        }
+    }
+</style>