1. 完成场景报告模块 2. 日报管理模块添加时间范围选择以及word报告生成

riku

2024-11-07 f5052fa7d4e73c0df5a02a6ad8987f35df42b8f8

 src/views/fysp/data-product/components/CompImgInfo.vue

@@ -4,15 +4,19 @@
      <tr v-if="!downTitle">
        <td>
          <el-row justify="space-between" align="middle">
            {{ title }}
            <el-button size="small" @click="$emit('change')">{{
              btnName
            }}</el-button>
            <!-- {{ title }} -->
            <el-input
              size="small"
              :model-value="title"
              @input="handleInputChange"
              placeholder="标题"
              style="width: 150px"
            />
          </el-row>
        </td>
      </tr>
      <tr>
        <td>
        <td style="position: relative">
          <el-image
            class="image"
            :src="imgSrc"
@@ -20,16 +24,31 @@
            :initial-index="0"
            fit="cover"
            lazy
          />
          >
            <template #error>
              <div class="image-slot">
                <el-button type="primary" size="small" @click="$emit('change')"
                  >选择图片</el-button
                >
              </div>
            </template>
          </el-image>
          <el-button class="pop-button" size="small" @click="$emit('change')">{{
            btnName
          }}</el-button>
        </td>
      </tr>
      <tr v-if="downTitle">
        <td>
          <el-row justify="space-between" align="middle">
            {{ title }}
            <el-button size="small" @click="$emit('change')">{{
              btnName
            }}</el-button>
            <!-- {{ title }} -->
            <el-input
              size="small"
              :model-value="title"
              @input="handleInputChange"
              placeholder="标题"
              style="width: 150px"
            />
          </el-row>
        </td>
      </tr>
@@ -50,7 +69,13 @@
  }
});

const emit = defineEmits(['change']);
// const unchangeImg = '../../../../assets/image/unchange.png'

const emit = defineEmits(['change', 'update:title']);

function handleInputChange(value) {
  emit('update:title', value);
}
</script>
<style scoped>
.image {
@@ -77,4 +102,19 @@
  border-style: solid;
  border-color: #666666; */
}

.image-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--el-fill-color-light);
}

.pop-button {
  position: absolute;
  bottom: 0;
  right: 0;
}
</style>