图片显示 及查询条件

gaosp

2024-03-05 b1833ede6b45c3e44d2ba2803a6cd1864f71ccc2

图片显示 及查询条件

 src/container/ledger/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-06 17:40:19
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-29 23:06:26
 * @LastEditTime: 2024-03-05 16:04:32
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/ledger/index.vue
-->
<template>
@@ -53,8 +53,11 @@
                </div>
                <div class="item">
                    <span>投产日期</span>
                    <el-date-picker class="item-value" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                        v-model="queryInfo.productionDate" type="date" clearable placeholder="选择日期" clearable></el-date-picker>
                    <el-date-picker format="yyyy-MM-dd" value-format="yyyy-MM-dd" v-model="queryInfo.date"
                        range-separator="至" clearable type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" clearable>
                    </el-date-picker>
                    <!-- <el-date-picker class="item-value" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                        v-model="queryInfo.productionDate" type="date" clearable placeholder="选择日期" clearable></el-date-picker> -->
                </div>
                <div class="item">
                    <span>生产厂家</span>
@@ -196,6 +199,7 @@
            ],
            departmentlist: [],
            queryInfo: {
                date: [],
                uuid: '',
                specification: '',
                type: '',
@@ -203,9 +207,11 @@
                accountingAttribute: '',
                department: '',
                manageType: '',
                productionDate: '',
                // productionDate: '',
                manufacturer: '',
                deviceTypeId: ''
                deviceTypeId: '',
                productionDateBegin: '',
                productionDateEnd: '',
            },
            options: [{}],
            row: {},
@@ -233,12 +239,22 @@
            })
        },
        query() {
            try {
                this.queryInfo.productionDateBegin = this.queryInfo.date[0] || ''
                this.queryInfo.productionDateEnd = this.queryInfo.date[1] || ''
            } catch (error) {
                console.log(error)
            }
            
            this.$refs.list.pageQuery(this.queryInfo)
        },
        reset() {
            Object.keys(this.queryInfo).forEach(key => {
                this.queryInfo[key] = ''
            })
            this.queryInfo.date  = []
            this.queryInfo.productionDateBegin = ''
            this.queryInfo.productionDateEnd = ''
        },
        add() {
            this.row = {}

 src/container/mapPreviewDetail/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-05 22:26:22
 * @LastEditors: Sneed
 * @LastEditTime: 2024-02-02 23:46:50
 * @LastEditTime: 2024-03-05 15:39:49
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreviewDetail/index.vue
-->
<template>
@@ -482,7 +482,8 @@

        .center {
            flex: 1 1 auto;

            display: flex;
            flex-direction: column;
            .center-top {
                display: flex;
                justify-content: space-around;
@@ -527,13 +528,15 @@
            }

            .center-bottom {
                flex: 1 1 auto;
                margin-bottom: 50px;
                margin-top: 50px;
                display: flex;
                justify-content: center;

                img {
                    width: 629px;
                    height: 648px;
                    max-width: 100%;
                    max-height: 100%;
                }
            }
        }