全局搜索组件样式调整 公共点位高度添加

shuishen

2024-11-19 4719f81e1d4b73285109d86510ef5a0d9d3ebc97

全局搜索组件样式调整
公共点位高度添加

 src/components/global/GlobalSearch.vue

@@ -4,7 +4,7 @@
      <div :style="{ flex: item.flex || 1, minWidth: '28%', ...item.customClass || '' }" class="search-cont"
        v-if="showCurSelect(item)">
        <span v-show="item.label" class="search-cont-label">{{ item.label }}:</span>
        <el-select :teleported="false" :size="item.size || 'small'" v-model="params[item.props]"
        <el-select :teleported="false" :size="item.size || ''" v-model="params[item.props]"
          :clearable="item.clearable || false" :multiple="item.multiple || false" collapse-tags
          :placeholder="item.placeholder || (item.label ? '请选择' + item.label : '请选择')"
          :style="{ flex: 1, marginLeft: $px2rem(item.label ? '15px' : '') }"
@@ -18,7 +18,7 @@
      <div :style="{ flex: item.flex || 1, minWidth: '28%', ...item.customClass || '' }" class="search-cont"
        v-if="item.type === 'input'">
        <span v-show="item.label" class="search-cont-label">{{ item.label }}:</span>
        <el-input :size="item.size || 'small'" v-model="params[item.props]" :clearable="item.clearable || false"
        <el-input :size="item.size || ''" v-model="params[item.props]" :clearable="item.clearable || false"
          :placeholder="item.placeholder || (item.label ? '请输入' + item.label : '请输入')"
          :style="{ flex: 1, marginLeft: $px2rem(item.label ? '15px' : '') }" @change="searchInputChange($event, item)">
        </el-input>
@@ -32,7 +32,7 @@

      <div class="search-cont" v-if="item.type === 'datePicker'">
        <span v-show="item.label" class="search-cont-label">{{ item.label }}:</span>
        <el-date-picker :append-to-body="false" :size="item.size || 'small'" v-model="params[item.props]"
        <el-date-picker :append-to-body="false" :size="item.size || ''" v-model="params[item.props]"
          :pickerOptions="item.pickerOptions || {}" :format="item.format || 'yyyy-MM-dd HH:mm:ss'"
          :clearable="item.clearable || false" :type="item.pickerType || 'daterange'" range-separator="至"
          start-placeholder="开始日期" end-placeholder="结束日期" :value-format="item.format || 'yyyy-MM-dd HH:mm:ss'"
@@ -44,7 +44,7 @@
      <!-- :picker-options="pickerOptions" -->
      <div class="search-cont" v-if="item.type === 'date' && options.quickDateBtn">
        <span v-show="item.label" class="search-cont-label">{{ item.label }}:</span>
        <el-date-picker :append-to-body="false" :size="item.size || 'small'" v-model="params[item.props]" type="date"
        <el-date-picker :append-to-body="false" :size="item.size || ''" v-model="params[item.props]" type="date"
          :clearable="item.clearable || false" :placeholder="item.placeholder || item.label || '选择时间'"
          :style="{ width: $px2rem(`${item.width || '140'}px`), marginLeft: $px2rem(item.label ? '15px' : '') }"
          :editable="false" :disabled="currentDateType != 3" :value-format="item.format || 'yyyy-MM-dd'">
@@ -60,7 +60,7 @@

      <div class="search-cont" v-if="item.type === 'multiDate' && options.quickMultiDateBtn">
        <span v-show="item.label" class="search-cont-label">{{ item.label }}:</span>
        <el-date-picker :append-to-body="false" :size="item.size || 'small'" v-model="params[item.props]"
        <el-date-picker :append-to-body="false" :size="item.size || ''" v-model="params[item.props]"
          :type="multiDateType" :key="multiDateType" :clearable="item.clearable || false"
          :placeholder="item.placeholder || item.label || '多选择时间'" :editable="false"
          :style="{ width: $px2rem(`${item.width || '180'}px`), marginLeft: $px2rem(item.label ? '15px' : '') }"
@@ -72,19 +72,19 @@
    <div class="search-cont search-cont-btn" v-if="options.searchBtnGroup">
      <el-button v-if="options.searchBtn || false"
        :type="options.searchBtnTitleShow ? '' : options.searchType || 'primary'"
        :disabled="options.searchDisabled || false" :size="options.searchSize || 'small'" :icon="Search"
        :disabled="options.searchDisabled || false" :size="options.searchSize || ''" :icon="Search"
        @click="searchClick" :class="{ 'btn-h32-w76': options.searchBtnTitleShow ? false : true }">{{
          options.searchBtnTitleShow ?
            options.searchBtnTitle : '查 询'
        }}</el-button>

      <el-button v-if="options.resetBtn || false" :type="options.resetType || ''"
        :disabled="options.resetDisabled || false" :size="options.resetSize || 'small'" :icon="Refresh"
        :disabled="options.resetDisabled || false" :size="options.resetSize || ''" :icon="Refresh"
        @click="resetClick" class="btn-h32-w76 reset-btn">重
        置</el-button>

      <el-button v-if="options.exportBtn || false" :type="options.exportType || 'primary'"
        :disabled="options.exportDisabled || false" :size="options.exportSize || 'small'" :icon="Download"
        :disabled="options.exportDisabled || false" :size="options.exportSize || ''" :icon="Download"
        @click="exportClick" class="btn-h32-w76">导 出</el-button>
    </div>
  </div>

 src/store/map.js

@@ -1,10 +1,21 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-28 18:24:16
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-19 18:03:04
 * @FilePath: \bigScreen\src\store\map.js
 * @Description: 
 * 
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
 */
// src/stores/useUserStore.js
import { defineStore } from 'pinia'

export const useMap = defineStore('map', {
  // 存储状态的地方，相当于 Vuex 的 state
  state: () => ({
    loadMap: false
    loadMap: false,
    pointHeight: 64
  }),

  // 相当于 Vuex 的 getters，用于计算状态

 src/views/rs/components/box/dataContent.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-03-13 14:54:26
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-19 16:16:28
 * @LastEditTime: 2024-11-19 17:57:39
 * @FilePath: \bigScreen\src\views\rs\components\box\dataContent.vue
 * @Description: 
 * 
@@ -26,7 +26,6 @@
  exportBtn: false,
  columns: [
    {
      label: "名称",
      type: 'input',
      props: 'name',
      placeholder: '请输入名称',

 src/views/space/components/box/dataContent.vue

@@ -28,7 +28,6 @@
  exportBtn: false,
  columns: [
    {
      label: "名称",
      type: 'input',
      props: 'name',
      placeholder: '请输入名称',