bri-components 1.4.92 → 1.4.93

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

@@ -1,191 +1,191 @@
-<template>
-    <!-- 单选模式 编辑 -->
-    <div
-        v-if="!multipleMode && canEdit"
-        class="DshDate"
-    >
-        <template v-if="canEdit">
-            <!-- 时间子类型 -->
-            <template v-if="['time'].includes(subType)">
-                <TimePicker
-                    class="DshDate-edit"
-                    v-model="curVal"
-                    :type="subType"
-                    :placeholder="selfPropsObj._placeholder"
-                    :disabled="disabled"
-                    :clearable="clearable"
-                    :transfer="selfPropsObj._transfer"
-                ></TimePicker>
-            </template>
-
-            <!-- 日期、日期时间、年、月 -->
-            <template v-else-if="['date', 'datetime', 'year', 'month'].includes(subType)">
-                <DatePicker
-                    class="DshDate-edit"
-                    :value="curVal"
-                    :type="subType"
-                    :disabled="disabled"
-                    :options="options"
-                    :open="open"
-                    :transfer="selfPropsObj._transfer"
-                    :transfer-class-name="selfPropsObj._transferClassName"
-                    @on-change="changeVal($event, '')"
-                    @on-open-change="changeOpen($event, '')"
-                >
-                    <dsh-control-input
-                        :class="{
-                            ...commonClass,
-                            'bri-control-nodata': this.$isEmptyData(this.curVal)
-                        }"
-                        :value="showVal"
-                        :disabled="disabled"
-                        :propsObj="selfPropsObj"
-                        @clear="clickClear('', '')"
-                        @click.native="changeOpen(true, '')"
-                    ></dsh-control-input>
-                </DatePicker>
-            </template>
-        </template>
-    </div>
-
-    <!-- 单选模式 查看 -->
-    <div
-        v-else-if="!multipleMode && !canEdit"
-        class="DshDate-show"
-    >
-        <!-- 有值 -->
-        <template v-if="!$isEmptyData(curVal)">
-            <!-- 高度自由时 -->
-            <div
-                v-if="isHeightAuto"
-                :class="{
-                    ...commonClass,
-                    'DshDate-show-auto': true
-                }"
-            >
-                {{ showVal }}
-            </div>
-
-            <!-- 高度不自由（不换行） -->
-            <bri-tooltip
-                v-else
-                :content="showVal"
-                :transfer="true"
-            >
-                <div :class="{
-                    ...commonClass,
-                    'DshDate-show-ellipsis': true
-                }">
-                    {{ showVal }}
-                </div>
-            </bri-tooltip>
-        </template>
-
-        <!-- 无值 -->
-        <div
-            v-else
-            :class="commonClass"
-        >
-            {{ emptyShowVal }}
-        </div>
-    </div>
-
-    <!-- 多选模式 -->
-    <dsh-daterange
-        v-else
-        :canEdit="canEdit"
-        :value="value"
-        :propsObj="propsObj"
-        @change="change"
-    ></dsh-daterange>
-</template>
-
-<script>
-    import dateMixin from "../../mixins/dateMixin.js";
-    import DshDaterange from "./DshDaterange.vue";
-
-    export default {
-        name: "DshDate",
-        mixins: [
-            dateMixin
-        ],
-        components: {
-            DshDaterange
-        },
-        props: {},
-        data () {
-            return {};
-        },
-        computed: {
-            selfPropsObj () {
-                return {
-                    _writeSort: undefined, // 表格里字段的 该列上下行汇总限制顺序 "downToUp", "upToDown"
-                    _compareOperator: "gt", // 表格里字段的 该列上下行的对比条件 "gt", "lt", "et", "gtAet", "ltAet",
-                    _transferClassName: undefined,
-
-                    ...this.basePropsObj
-                };
-            },
-
-            options () {
-                const index = this.dynDateType === "start"
-                    ? 0
-                    : this.dynDateType === "end"
-                        ? 1
-                        : undefined;
-
-                return {
-                    shortcuts: this.getShortCuts(index),
-                    disabledDate: (date) => {
-                        const curDateStr = this.$transformToDateStr(date, "/", this.subType);
-                        const rangeBool = this.$isWithinRange(curDateStr, this.selfPropsObj._minDate, this.selfPropsObj._maxDate);
-
-                        const selfValue = {
-                            ...this.value,
-                            [this.controlKey]: curDateStr
-                        };
-                        // 日期字段的平级对比
-                        const compareBool = this.$normalComparedFunc(this.selfPropsObj, selfValue, this.allFormList, this.parentObj, this.parentFormList, this.inTableType);
-                        // 层级表格里-日期字段的上下级对比
-                        const caluBool = this.$levelComparedFunc(this.selfPropsObj, selfValue, this.allListRows, this.inTableType, undefined, true);
-
-                        return !(rangeBool && compareBool && caluBool);
-                    }
-                };
-            },
-
-            curVal: {
-                get () {
-                    return this.getVal(this.value[this.controlKey]);
-                },
-                set (val) {
-                    this.$set(this.value, this.controlKey, this.transformVal(val));
-                    this.change();
-                }
-            },
-            showVal () {
-                return this.getShowVal(this.curVal);
-            }
-        },
-        created () {},
-        methods: {
-            // 点击快捷日期
-            clickDynDate (val) {
-                this.curVal = val;
-                this.open = false;
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    @import url("../../control.less");
-
-    .DshDate {
-        #control-show();
-
-        &-edit {
-            width: 100%;
-        }
-    }
-</style>
+<template>
+    <!-- 单选模式 编辑 -->
+    <div
+        v-if="!multipleMode && canEdit"
+        class="DshDate"
+    >
+        <template v-if="canEdit">
+            <!-- 时间子类型 -->
+            <template v-if="['time'].includes(subType)">
+                <TimePicker
+                    class="DshDate-edit"
+                    v-model="curVal"
+                    :type="subType"
+                    :placeholder="selfPropsObj._placeholder"
+                    :disabled="disabled"
+                    :clearable="clearable"
+                    :transfer="selfPropsObj._transfer"
+                ></TimePicker>
+            </template>
+
+            <!-- 日期、日期时间、年、月 -->
+            <template v-else-if="['date', 'datetime', 'year', 'month'].includes(subType)">
+                <DatePicker
+                    class="DshDate-edit"
+                    :value="curVal"
+                    :type="subType"
+                    :disabled="disabled"
+                    :options="options"
+                    :open="open"
+                    :transfer="selfPropsObj._transfer"
+                    :transfer-class-name="selfPropsObj._transferClassName"
+                    @on-change="changeVal($event, '')"
+                    @on-open-change="changeOpen($event, '')"
+                >
+                    <dsh-control-input
+                        :class="{
+                            ...commonClass,
+                            'bri-control-nodata': this.$isEmptyData(this.curVal)
+                        }"
+                        :value="showVal"
+                        :disabled="disabled"
+                        :propsObj="selfPropsObj"
+                        @clear="clickClear('', '')"
+                        @click.native="changeOpen(true, '')"
+                    ></dsh-control-input>
+                </DatePicker>
+            </template>
+        </template>
+    </div>
+
+    <!-- 单选模式 查看 -->
+    <div
+        v-else-if="!multipleMode && !canEdit"
+        class="DshDate-show"
+    >
+        <!-- 有值 -->
+        <template v-if="!$isEmptyData(curVal)">
+            <!-- 高度自由时 -->
+            <div
+                v-if="isHeightAuto"
+                :class="{
+                    ...commonClass,
+                    'DshDate-show-auto': true
+                }"
+            >
+                {{ showVal }}
+            </div>
+
+            <!-- 高度不自由（不换行） -->
+            <bri-tooltip
+                v-else
+                :content="showVal"
+                :transfer="true"
+            >
+                <div :class="{
+                    ...commonClass,
+                    'DshDate-show-ellipsis': true
+                }">
+                    {{ showVal }}
+                </div>
+            </bri-tooltip>
+        </template>
+
+        <!-- 无值 -->
+        <div
+            v-else
+            :class="commonClass"
+        >
+            {{ emptyShowVal }}
+        </div>
+    </div>
+
+    <!-- 多选模式 -->
+    <dsh-daterange
+        v-else
+        :canEdit="canEdit"
+        :value="value"
+        :propsObj="propsObj"
+        @change="change"
+    ></dsh-daterange>
+</template>
+
+<script>
+    import dateMixin from "../../mixins/dateMixin.js";
+    import DshDaterange from "./DshDaterange.vue";
+
+    export default {
+        name: "DshDate",
+        mixins: [
+            dateMixin
+        ],
+        components: {
+            DshDaterange
+        },
+        props: {},
+        data () {
+            return {};
+        },
+        computed: {
+            selfPropsObj () {
+                return {
+                    _writeSort: undefined, // 表格里字段的 该列上下行汇总限制顺序 "downToUp", "upToDown"
+                    _compareOperator: "gt", // 表格里字段的 该列上下行的对比条件 "gt", "lt", "et", "gtAet", "ltAet",
+                    _transferClassName: undefined,
+
+                    ...this.basePropsObj
+                };
+            },
+
+            options () {
+                const index = this.dynDateType === "start"
+                    ? 0
+                    : this.dynDateType === "end"
+                        ? 1
+                        : undefined;
+
+                return {
+                    shortcuts: this.getShortCuts(index),
+                    disabledDate: (date) => {
+                        const curDateStr = this.$transformToDateStr(date, "/", this.subType);
+                        const rangeBool = this.$isWithinRange(curDateStr, this.selfPropsObj._minDate, this.selfPropsObj._maxDate);
+
+                        const selfValue = {
+                            ...this.value,
+                            [this.controlKey]: curDateStr
+                        };
+                        // 日期字段的平级对比
+                        const compareBool = this.$normalComparedFunc(this.selfPropsObj, selfValue, this.allFormList, this.parentObj, this.parentFormList, this.inTableType);
+                        // 层级表格里-日期字段的上下级对比
+                        const caluBool = this.$levelComparedFunc(this.selfPropsObj, selfValue, this.allListRows, this.inTableType, undefined, true);
+
+                        return !(rangeBool && compareBool && caluBool);
+                    }
+                };
+            },
+
+            curVal: {
+                get () {
+                    return this.getVal(this.value[this.controlKey]);
+                },
+                set (val) {
+                    this.$set(this.value, this.controlKey, this.transformVal(val));
+                    this.change();
+                }
+            },
+            showVal () {
+                return this.getShowVal(this.curVal);
+            }
+        },
+        created () {},
+        methods: {
+            // 点击快捷日期
+            clickDynDate (val) {
+                this.curVal = val;
+                this.open = false;
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    @import url("../../control.less");
+
+    .DshDate {
+        #control-show();
+
+        &-edit {
+            width: 100%;
+        }
+    }
+</style>