2025.9.20 数据产品（待完成）

riku

2025-09-20 0796eebe3520fafb0ac5d36ee584af81506d7e9c

 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"
@@ -29,15 +33,22 @@
              </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>
@@ -60,7 +71,11 @@

// const unchangeImg = '../../../../assets/image/unchange.png'

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

function handleInputChange(value) {
  emit('update:title', value);
}
</script>
<style scoped>
.image {
@@ -96,4 +111,10 @@
  height: 100%;
  background: var(--el-fill-color-light);
}

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