页面调整

peng

2025-10-29 6e19fb9ba681721c9e827f079a2b38c4e3fb1288

 manager/src/views/activity-prize/prize.vue

@@ -67,12 +67,12 @@
        ref="table"
        class="prize-table"
      >
        <template slot-scope="{ row }" slot="prizeCoverUrl">
        <template slot-scope="{ row }" slot="prizeImgUrl">
          <img
            :src="row.prizeCoverUrl"
            :src="row.prizeImgUrl"
            alt="奖品封面"
            class="thumbnail"
            @click="previewImage(row.prizeCoverUrl)"
            @click="previewImage(row.prizeImgUrl)"
          >
        </template>
        <!-- 操作按钮插槽 -->
@@ -194,25 +194,25 @@
                       style="width: 300px" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="请输入"></Input>
              </FormItem>
            </Col>
            <Col span="24">
                <FormItem label="奖品封面：" prop="prizeCover">
                  <Upload
                    v-if="!coverTempUrl"
                    :before-upload="(file) => handleBeforeUpload(file, 'cover')"
                    :format="['jpg','jpeg','png','gif']"
                    :max-size="20480"
                    action=""
                    accept="image/*"
                  >
                    <Button icon="ios-cloud-upload-outline" >上传封面文件</Button>
                  </Upload>
                  <div v-else class="upload-file-info">
                    <img :src="coverTempUrl" alt="奖品封面" class="preview-image-limit">
                    <Button type="text" @click="handleRemove('cover')">删除</Button>
                  </div>
<!--            <Col span="24">-->
<!--                <FormItem label="奖品封面：" prop="prizeCover">-->
<!--                  <Upload-->
<!--                    v-if="!coverTempUrl"-->
<!--                    :before-upload="(file) => handleBeforeUpload(file, 'cover')"-->
<!--                    :format="['jpg','jpeg','png','gif']"-->
<!--                    :max-size="20480"-->
<!--                    action=""-->
<!--                    accept="image/*"-->
<!--                  >-->
<!--                    <Button icon="ios-cloud-upload-outline" >上传封面文件</Button>-->
<!--                  </Upload>-->
<!--                  <div v-else class="upload-file-info">-->
<!--                    <img :src="coverTempUrl" alt="奖品封面" class="preview-image-limit">-->
<!--                    <Button type="text" @click="handleRemove('cover')">删除</Button>-->
<!--                  </div>-->

                </FormItem>
              </Col>
<!--                </FormItem>-->
<!--              </Col>-->
            <Col span="24">
                <FormItem label="奖品图片：" prop="prizeImg">

@@ -479,9 +479,9 @@
          { required: true, message: '请输入奖品描述', trigger: 'blur' },
          { max: 100, message: '长度不能超过100个字符', trigger: 'blur' }
        ],
        prizeCover: [
          {required: true, message: '请选择奖品封面', trigger: 'blur'}
        ],
        // prizeCover: [
        //   {required: true, message: '请选择奖品封面', trigger: 'blur'}
        // ],
        prizeImg: [
          {required: true, message: '请选择奖品图片', trigger: 'blur'}
        ],
@@ -501,9 +501,9 @@

      columns:[
        {
          title: '奖品封面',
          key: 'prizeCoverUrl',
          slot:'prizeCoverUrl',
          title: '奖品图片',
          key: 'prizeImgUrl',
          slot:'prizeImgUrl',
          align: 'center',
          minWidth: 100,
        },
@@ -801,13 +801,13 @@
    init() {
      this.getPage()
    },
    changePage(){
      this.searchForm.pageNumber = 1
      this.searchForm.pageSize = pageSize
    changePage(v){
      this.searchForm.pageNumber = v;
      this.getPage()
    },
    changePageSize(){
      this.searchForm.pageNumber = page
    changePageSize(v){
      this.searchForm.pageNumber = 1;
      this.searchForm.pageSize = v;
      this.getPage()
    },
    couponChangePage(v) {