更新

zxl

昨天 ecdd0fb84ddd09e84143896eb99956bcf9629446

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

@@ -108,12 +108,7 @@
            class="add-btn"
            v-if="row.generateStatus ==='NOT_GENERATE'"
          >生成优惠卷</Button>
          <Button
            style="margin-left: 10px;"
            type="primary"
            class="add-btn"
            :disabled="row.material !== 'NOT_GENERATE'"
          >查看材料</Button>

          <Button
            @click="detail(row)"
            style="margin-left: 10px;"
@@ -174,6 +169,13 @@
      >
        <template slot-scope="{ row }" slot="action">
          <Button
            @click="lookSupplementaryMaterials(row)"
            type="primary"
            class="add-btn"
            :disabled="row.material === 'NOT_GENERATE'"
          >查看材料</Button>
          <Button
            style="margin-left: 20px"
            @click="generalQrCode(row)"
            type="primary"
            class="add-btn"
@@ -275,12 +277,41 @@
        <Button type="primary" @click="handleSubmit" :loading="submitLoading">确定</Button>
      </div>
    </Modal>
    <Modal
      v-model="dialogVisible2"
      title="材料详情"
      width="1200"
      :mask-closable="false"
      @on-cancel="handleCancel2">
      <Row :gutter="16">
        <Col span="12">
          <div class="detail-item">
            <label>文本内容：</label>
            <span>{{ detailData.content }}</span>
          </div>
        </Col>
        <Col span="24">
          <div class="detail-item">
            <label>文件：</label>
            <div v-if="detailData.urlPath" class="detail-image">
              <img
                :src="detailData.urlPath" alt="奖品封面"
                class="preview-image-limit"
              >
            </div>
          </div>
        </Col>

      </Row>
    </Modal>


  </div>
</template>

<script>
import vueQr from "vue-qr";
import { getPage,add,changeStatus,generateStorePrize,getClaimPage} from "@/api/prize-store.js"
import { getPage,add,changeStatus,generateStorePrize,getClaimPage ,getDetailData} from "@/api/prize-store.js"
import * as API_Activity_Prize from "@/api/activity-prize.js"

import * as API_Order from "@/api/order";
@@ -292,6 +323,7 @@
  name: 'CouponManagement',
  data() {
    return {
      detailData:{},
      QRCodeUrl:"",
      showGeneralQrCode:false,
      codeLoading:false,
@@ -339,7 +371,7 @@
          title: "操作",
          slot: "action",
          align: "center",
          width: 200,
          width: 400,
          fixed: "right"
        }
      ],
@@ -439,6 +471,8 @@
      dialogVisible: false,
      dialogStatus: '',
      dialogTitle: '',
      dialogVisible2: false,


      // 表单验证规则
      formRules: {
@@ -514,6 +548,17 @@
    }
  },
  methods: {
    lookSupplementaryMaterials(row){
      this.dialogVisible2 = true;
      getDetailData(row.id).then(res =>{
        if (res.code === 200){
          this.detailData = res.data;
        }
      })



    },
    closeGeneralQrCode(){
      this.showGeneralQrCode = false;
      this.QRCodeUrl = '';
@@ -703,6 +748,9 @@
    handleCancel() {
      this.dialogVisible = false;
    },
    handleCancel2() {
      this.dialogVisible2 = false;
    },

    // 提交表单
    handleSubmit() {