bri-components 1.5.22 → 1.6.0

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

@@ -1,206 +1,206 @@
-<template>
-    <div class="quoteListModal">
-        <Drawer
-            v-model="showModal"
-            class="quoteListModal-drawer"
-            width="400"
-            :title="'引用列表'"
-            :mask-closable="true"
-            :closable="true"
-            :draggable="true"
-        >
-            <div class="quoteListModal-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-body-btns"
-                    itemClass="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: {
-                    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;
-                }
-            },
-            // 点击确认
-            clickConfirm () {
-                this.showModal = false;
-                this.$emit("confirm", this.curDataItem);
-            },
-
-            getListData () {
-                this.$https({
-                    url: {
-                        module: "sheet",
-                        name: "customFilter"
-                    },
-                    params: this.listParams,
-                    loadingName: "listPropsObj.isLoading",
-                    callback: data => {
-                        this.listData = data.list.slice(0, 50);
-                        this.curDataItem = this.listData[0];
-                    }
-                });
-            }
-        }
-    };
-</script>
-
-<style lang="less">
-    .quoteListModal {
-        &-drawer {
-            .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;
-            }
-        }
-
-        &-body {
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            overflow: auto;
-
-            .list {
-                &-item {
-                    padding: 8px 12px;
-                    margin-bottom: 8px;
-                    border-radius: 4px;
-                    cursor: pointer;
-
-                    &-active {
-                        color: #ffffff;
-                        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;
-
-                .btns-item {
-                    flex: 1;
-                    min-width: 0px;
-                    height: 40px;
-                }
-            }
-        }
-    }
-</style>
+<template>
+    <div class="quoteListModal">
+        <Drawer
+            v-model="showModal"
+            class="quoteListModal-drawer"
+            width="400"
+            :title="'引用列表'"
+            :mask-closable="true"
+            :closable="true"
+            :draggable="true"
+        >
+            <div class="quoteListModal-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-body-btns"
+                    itemClass="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: {
+                    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;
+                }
+            },
+            // 点击确认
+            clickConfirm () {
+                this.showModal = false;
+                this.$emit("confirm", this.curDataItem);
+            },
+
+            getListData () {
+                this.$https({
+                    url: {
+                        module: "sheet",
+                        name: "customFilter"
+                    },
+                    params: this.listParams,
+                    loadingName: "listPropsObj.isLoading",
+                    callback: data => {
+                        this.listData = data.list.slice(0, 50);
+                        this.curDataItem = this.listData[0];
+                    }
+                });
+            }
+        }
+    };
+</script>
+
+<style lang="less">
+    .quoteListModal {
+        &-drawer {
+            .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;
+            }
+        }
+
+        &-body {
+            width: 100%;
+            height: 100%;
+            padding: 20px;
+            overflow: auto;
+
+            .list {
+                &-item {
+                    padding: 8px 12px;
+                    margin-bottom: 8px;
+                    border-radius: 4px;
+                    cursor: pointer;
+
+                    &-active {
+                        color: #ffffff;
+                        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;
+
+                .btns-item {
+                    flex: 1;
+                    min-width: 0px;
+                    height: 40px;
+                }
+            }
+        }
+    }
+</style>