1. 修复上传问题或整改图片后，界面更新错误问题； 2. 优化问题整改界面展示效果； 3. 场景图片对话框添加查看状态下可以点击图片放大功能

riku

2024-11-22 d28223384922de5fb08c20516eb3f99981c8136a

 src/components/search-option/FYOptionTime.vue

@@ -1,11 +1,14 @@
<template>
  <el-form-item label="时间">
  <el-form-item :label="label" :prop="prop">
    <el-date-picker
      :model-value="value"
      v-model="date"
      @change="handleChange"
      type="month"
      :type="type"
      placeholder="选择时间"
      start-placeholder="选择开始时间"
      end-placeholder="选择结束时间"
      style="width: 150px"
      v-bind="$attrs"
    />
  </el-form-item>
</template>
@@ -14,6 +17,8 @@
import dayjs from 'dayjs';

const MONTH = 'month';
const DATE = 'date';
const RANGE = 'datetimerange';

export default {
  props: {
@@ -22,33 +27,38 @@
      default: MONTH
    },
    // 返回结果
    value: Date,
    value: Date || Array,
    // 是否默认返回初始选项
    initValue: {
      type: Boolean,
      default: true
    },
    label: {
      type: String,
      default: '时间'
    },
    prop: {
      type: String,
      default: 'time'
    }
  },
  emits: ['update:value'],
  emits: ['update:value', 'change'],
  data() {
    return {};
    return {
      date: this.value
    };
  },
  computed: {},
  methods: {
    handleChange(value) {
      this.$emit('update:value', value);
    },
    timeFormat() {
      switch (this.type) {
        case MONTH:
          return 'YYYY-MM';
        default:
          return 'YYYY-MM';
      }
      this.$emit('change', value);
    }
  },
  mounted() {
    if (this.initValue) {
      this.handleChange(new Date());
      this.date = new Date();
      this.handleChange(this.date);
    }
  }
};