From 10125160d3fb4f86758f6c0876a051683dfff871 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 1 Nov 2024 16:53:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/coupon/coupon-add-or-update.vue   | 803 ++++++++++--------
 1 file changed, 429 insertions(+), 374 deletions(-)

diff --git a/src/views/modules/coupon/coupon-add-or-update.vue b/src/views/modules/coupon/coupon-add-or-update.vue
index 4624929..284c731 100644
--- a/src/views/modules/coupon/coupon-add-or-update.vue
+++ b/src/views/modules/coupon/coupon-add-or-update.vue
@@ -1,282 +1,312 @@
 <template>
   <div v-loading.fullscreen.lock="getCouponInfoLoad">
-  <el-dialog 
-    :title="!dataForm.id ? '新增' : '修改'"
-    :close-on-click-modal="false"
-    :visible.sync="visible"
-    width="900px"
-    @close="closeDia"
-  >
-    <el-form
-      :model="dataForm"
-      :rules="dataRule"
-      ref="dataForm"
-      @keyup.enter.native="dataFormSubmit()"
-      label-width="100px"
+    <el-dialog
+      :title="!dataForm.id ? '新增' : '修改'"
+      :close-on-click-modal="false"
+      :visible.sync="visible"
+      width="900px"
+      @close="closeDia"
     >
-      <el-row :gutter="10">
-        <el-col :span="8">
-          <el-form-item label="优惠卷类型" prop="couponType">
-            <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
-            <el-select v-model="dataForm.couponType" placeholder="请选择" :disabled="!isEdit">
-              <el-option
-                v-for="item in options"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+      <el-form
+        :model="dataForm"
+        :rules="dataRule"
+        ref="dataForm"
+        @keyup.enter.native="dataFormSubmit()"
+        label-width="100px"
+      >
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="优惠卷类型" prop="couponType">
+              <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
+              <el-select
+                v-model="dataForm.couponType"
+                placeholder="请选择"
+                :disabled="!isEdit"
               >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8"
-          ><el-form-item label="使用门槛" prop="useLevel">
-            <el-input :disabled="!isEdit"
-              v-model="dataForm.useLevel"
-              placeholder=""
-              oninput="value=value.replace(/[^\d.]/g,'')"
-            >
-              <template slot="append">元</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="面额：" prop="couponAmount">
-            <el-input :disabled="!isEdit"
-              v-model="dataForm.couponAmount"
-              placeholder="面额"
-              oninput="value=value.replace(/[^\d.]/g,'')"
-            >
-              <template slot="append">元</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="8">
-          <el-form-item label="优惠券名称" prop="couponName">
-            <el-input :disabled="!isEdit"
-              v-model="dataForm.couponName"
-              placeholder="名称"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="总发行量" prop="totalCirculation">
-            <el-input
-              v-model="dataForm.totalCirculation"
-              placeholder="发行数量"
-              oninput="value=value.replace(/[^\d.]/g,'')"
-            >
-              <template slot="append">张</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="每人限领：" prop="limitedCollar">
-            <el-input
-              v-model="dataForm.limitedCollar"
-              oninput="value=value.replace(/[^\d.]/g,'')"
-              placeholder=""
-            >
-              <template slot="append">张</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row ::gutter="10"> </el-row>
-      <el-row ::gutter="10">
-        <el-col :span="8">
-          <el-form-item label="优惠卷范围" prop="couponRange">
-            <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
-            <el-select :disabled="!isEdit"
-              v-model="dataForm.couponRange"
-              placeholder="请选择"
-              @change="changeRange"
-            >
-              <el-option
-                v-for="item in rangList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8"
+            ><el-form-item label="使用门槛" prop="useLevel">
+              <el-input
+                :disabled="!isEdit"
+                v-model="dataForm.useLevel"
+                placeholder=""
+                oninput="value=value.replace(/[^\d.]/g,'')"
               >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="16" v-if="dataForm.couponRange == 2">
-          <el-form-item label="绑定类目" prop="rangeInfo" width="100%">
-            <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
-            <!-- {{cateSelectLinkList}} -->
-            <el-select
-              v-model="cateSelectLinkList"
-              multiple
-              placeholder="请选择课程类目"
-              @change="changeCate"
-            >
-              <el-option
-                v-for="item in courseCateList"
-                :key="item.id"
-                :label="item.title"
-                :value="item.id"
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="面额：" prop="couponAmount">
+              <el-input
+                :disabled="!isEdit"
+                v-model="dataForm.couponAmount"
+                placeholder="面额"
+                oninput="value=value.replace(/[^\d.]/g,'')"
               >
-              </el-option>
-            </el-select>
-            <span v-if="showCateError" style="color:red; font-size:12px">请选择绑定类目</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="24" v-if="dataForm.couponRange == 1">
-          <el-form-item label="" prop="rangeInfo" width="100%">
-            <div class="flexBox">              
-              <el-table v-if="proSelectLinkList.length > 0" :data="proSelectLinkList">
-                <el-table-column label="课程名称">
-                  <template slot-scope="scope">
-                    {{ scope.row.title }}
-                  </template>
-                </el-table-column>
-                <el-table-column label="封面">
-                  <template slot-scope="scope">
-                    <div
-            v-if="scope.row.image"
-            style="width:100%;display: flex;
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="8">
+            <el-form-item label="优惠券名称" prop="couponName">
+              <el-input
+                :disabled="!isEdit"
+                v-model="dataForm.couponName"
+                placeholder="名称"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="总发行量" prop="totalCirculation">
+              <el-input
+                v-model="dataForm.totalCirculation"
+                placeholder="发行数量"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+              >
+                <template slot="append">张</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="每人限领：" prop="limitedCollar">
+              <el-input
+                v-model="dataForm.limitedCollar"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+                placeholder=""
+              >
+                <template slot="append">张</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row ::gutter="10"> </el-row>
+        <el-row ::gutter="10">
+          <el-col :span="8">
+            <el-form-item label="优惠卷范围" prop="couponRange">
+              <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
+              <el-select
+                :disabled="!isEdit"
+                v-model="dataForm.couponRange"
+                placeholder="请选择"
+                @change="changeRange"
+              >
+                <el-option
+                  v-for="item in rangList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="16" v-if="dataForm.couponRange == 2">
+            <el-form-item label="绑定类目" prop="rangeInfo" width="100%">
+              <!-- <el-input v-model="dataForm.type" placeholder="优惠卷类型"></el-input> -->
+              <!-- {{cateSelectLinkList}} -->
+              <el-select
+                v-model="cateSelectLinkList"
+                multiple
+                placeholder="请选择课程类目"
+                @change="changeCate"
+              >
+                <el-option
+                  v-for="item in courseCateList"
+                  :key="item.id"
+                  :label="item.title"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+              <span v-if="showCateError" style="color:red; font-size:12px"
+                >请选择绑定类目</span
+              >
+            </el-form-item>
+          </el-col>
+          <el-col :span="24" v-if="dataForm.couponRange == 1">
+            <el-form-item label="" prop="rangeInfo" width="100%">
+              <div class="flexBox">
+                <el-table
+                  v-if="proSelectLinkList.length > 0"
+                  :data="proSelectLinkList"
+                >
+                  <el-table-column label="课程名称">
+                    <template slot-scope="scope">
+                      {{ scope.row.title }}
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="封面">
+                    <template slot-scope="scope">
+                      <div
+                        v-if="scope.row.image"
+                        style="width:100%;display: flex;
           align-items: center;justify-content: center;"
-          >
-            <img :src="scope.row.image" alt="" width="40px" height="40px" />
-          </div>
-                  </template>
-                </el-table-column>
-                <el-table-column label="操作" width="100px">
-                  <template slot-scope="scope">
-                    <el-button type="danger" @click="delCourse(scope.row.id)" size="mini"
-                      >删除</el-button
-                    >
-                  </template>
-                </el-table-column>
-              </el-table>
-              <div
-                style="text-align:center; margin-top: 20px"                
-
-              >
-                <el-button type="primary" @click="addLinkPro">添加绑定</el-button>
+                      >
+                        <img
+                          :src="scope.row.image"
+                          alt=""
+                          width="40px"
+                          height="40px"
+                        />
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column label="操作" width="100px">
+                    <template slot-scope="scope">
+                      <el-button
+                        type="danger"
+                        @click="delCourse(scope.row.id)"
+                        size="mini"
+                        >删除</el-button
+                      >
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <div style="text-align:center; margin-top: 20px">
+                  <el-button type="primary" @click="addLinkPro"
+                    >添加绑定</el-button
+                  >
+                </div>
               </div>
-            </div>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row ::gutter="10">
-        <el-col :span="24">
-          <el-form-item label="生效方式" prop="effectType">
-            <el-radio-group v-model="dataForm.effectType" :disabled="!isEdit">
-              <el-radio :label="0">长期有效</el-radio>
-              <el-radio :label="1">领取生效</el-radio>
-              <el-radio :label="2">自定义</el-radio>
-            </el-radio-group>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="12">
-          <el-form-item
-            label="开始时间"
-            prop="effectTime"
-            v-if="dataForm.effectType == '2'"
-          >
-            <el-date-picker :disabled="!isEdit"
-              v-model="dataForm.effectTime"
-              @change="datePicked"
-              type="datetime"
-              value-format="timestamp"
-              placeholder="选择日期时间"
-              default-time="12:00:00"
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row ::gutter="10">
+          <el-col :span="24">
+            <el-form-item label="生效方式" prop="effectType">
+              <el-radio-group v-model="dataForm.effectType" :disabled="!isEdit">
+                <el-radio :label="0">长期有效</el-radio>
+                <el-radio :label="1">领取生效</el-radio>
+                <el-radio :label="2">自定义</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="12">
+            <el-form-item
+              label="开始时间"
+              prop="effectTime"
+              v-if="dataForm.effectType == '2'"
             >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item
-            label="结束时间" :disabled="!isEdit"
-            prop="expireTime"
-            v-if="dataForm.effectType == '2'"
-          >
-            <el-date-picker
-              v-model="dataForm.expireTime"
-              @change="datePicked"
-              type="datetime"
-              value-format="timestamp"
-              placeholder="选择日期时间"
-              default-time="12:00:00"
+              <el-date-picker
+                :disabled="!isEdit"
+                v-model="dataForm.effectTime"
+                @change="datePicked"
+                type="datetime"
+                value-format="timestamp"
+                placeholder="选择日期时间"
+                default-time="12:00:00"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="结束时间"
+              :disabled="!isEdit"
+              prop="expireTime"
+              v-if="dataForm.effectType == '2'"
             >
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8" v-show="dataForm.effectType == '1'">
-          <el-form-item label="时效" prop="validity">
-            <el-input :disabled="!isEdit"
-              placeholder=""
-              v-model="dataForm.validity"
-              oninput="value=value.replace(/[^\d.]/g,'')"
-            >
-              <template slot="append">天</template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-      <el-row :gutter="10">
-        <el-col :span="24">
-          <el-form-item label="封面图" prop="couponUrl" >
-            <el-upload
-            :disabled="!isEdit"
-              :limit="1"
-              class="el-uploadfeng"
-              :action="baseUrl + '/oss/fileoss'"
-              list-type="picture-card"
-              :on-preview="handlePictureCardPreview"
-              :file-list="fileList"
-              :on-success="handlePicSuccess"
-              accept=".jpeg,.jpg,.gif,.png"
-              :on-remove="handleRemove"
-            >
-              <i class="el-icon-plus"></i>
-            </el-upload>
-            <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
-              <img width="100%" :src="dataForm.couponUrl" alt="" />
-            </el-dialog>
-          </el-form-item>
-        </el-col>
-        <el-col :span="8">
-          <el-form-item label="备注" prop="remark" >
-            <el-input
-              v-model="dataForm.remark":disabled="!isEdit"
-              placeholder="备注"
-              type="textarea"
-              :rows="3"
-              autosize
-            >
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <span slot="footer" class="dialog-footer">
-      <el-button @click="closeDia">取消</el-button>
-      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
-    </span>
-  </el-dialog>
-  <selectPro ref="selectPro" v-if="showSelectPro"  @close="selectProClose" :requesturl = "requesturl" :oldData="proSelectLinkList"></selectPro>
-</div>
+              <el-date-picker
+                v-model="dataForm.expireTime"
+                @change="datePicked"
+                type="datetime"
+                value-format="timestamp"
+                placeholder="选择日期时间"
+                default-time="12:00:00"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-show="dataForm.effectType == '1'">
+            <el-form-item label="时效" prop="validity">
+              <el-input
+                :disabled="!isEdit"
+                placeholder=""
+                v-model="dataForm.validity"
+                oninput="value=value.replace(/[^\d.]/g,'')"
+              >
+                <template slot="append">天</template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="10">
+          <el-col :span="24">
+            <el-form-item label="封面图" prop="couponUrl">
+              <el-upload
+                :disabled="!isEdit"
+                :limit="1"
+                class="el-uploadfeng"
+                :action="baseUrl + '/oss/fileoss'"
+                list-type="picture-card"
+                :on-preview="handlePictureCardPreview"
+                :file-list="fileList"
+                :on-success="handlePicSuccess"
+                accept=".jpeg,.jpg,.gif,.png"
+                :on-remove="handleRemove"
+              >
+                <i class="el-icon-plus"></i>
+              </el-upload>
+              <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
+                <img width="100%" :src="dataForm.couponUrl" alt="" />
+              </el-dialog>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                v-model="dataForm.remark"
+                :disabled="!isEdit"
+                placeholder="备注"
+                type="textarea"
+                :rows="3"
+                autosize
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeDia">取消</el-button>
+        <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+      </span>
+    </el-dialog>
+    <selectPro
+      ref="selectPro"
+      v-if="showSelectPro"
+      @close="selectProClose"
+      :requesturl="requesturl"
+      :oldData="proSelectLinkList"
+    ></selectPro>
+  </div>
 </template>
 
 <script>
-import selectPro from '../../../components/selectPro.vue'
+import selectPro from "../../../components/selectPro.vue";
 import global from "../../common/common.vue"; //引入共用组间
 export default {
   baseUrl: global.baseUrl,
   data() {
     return {
-      isEdit:true,
+      isEdit: true,
       showCateError: false,
-      requesturl:'', // 课程的请求地址
-      showSelectPro:false,
+      requesturl: "", // 课程的请求地址
+      showSelectPro: false,
       baseUrl: global.baseUrl,
       visible: true,
       options2: [
@@ -382,37 +412,39 @@ export default {
       }
     };
   },
-  async created(){
+  async created() {
     // if (e == 2) {
-        this.courseCateList = await this.getCourseCateList();
-        console.log("this.courseCateList", await this.getCourseCateList());
-      // }
+    this.courseCateList = await this.getCourseCateList();
+    console.log("this.courseCateList", await this.getCourseCateList());
+    // }
   },
   methods: {
-    selectProClose(data){
-      console.log('data', data)
-      this.showSelectPro = false
-      this.requesturl = ''
-      if(data.length > 0){
-        this.proSelectLinkList = this.proSelectLinkList.concat(data)
-        var list = [...this.proSelectLinkList]     
-        this.proSelectLinkList =  [...new Map(list.map(item => [item.id, item])).values()];
+    selectProClose(data) {
+      console.log("data", data);
+      this.showSelectPro = false;
+      this.requesturl = "";
+      if (data.length > 0) {
+        this.proSelectLinkList = this.proSelectLinkList.concat(data);
+        var list = [...this.proSelectLinkList];
+        this.proSelectLinkList = [
+          ...new Map(list.map(item => [item.id, item])).values()
+        ];
         // this.dataForm.rangeInfo = this.proSelectLinkList.map( item => item.id).join(',')
-        console.log('去重后', this.proSelectLinkList)
+        console.log("去重后", this.proSelectLinkList);
       }
     },
-    addLinkPro(){
-      this.showSelectPro = true
-      this.requesturl = '/common/coupon/getCourseList'
+    addLinkPro() {
+      this.showSelectPro = true;
+      this.requesturl = "/common/coupon/getCourseList";
     },
     changeCate(e) {
       console.log("e", e);
       this.cateSelectLinkList = e;
-      this.showCateError = false
+      this.showCateError = false;
       // this.dataForm.rangeInfo = e.join(",");
     },
     async changeRange(e) {
-      console.log("范围切换", e);      
+      console.log("范围切换", e);
       // this.dataForm.couponRange = e
       // this.getDataList()
     },
@@ -439,14 +471,14 @@ export default {
       return list;
     },
     init(id) {
-      if(!id){
-        console.log('没有传值')
+      if (!id) {
+        console.log("没有传值");
         this.visible = true;
-        this.isEdit=true
-        return
+        this.isEdit = true;
+        return;
       }
       this.dataForm.id = id || 0;
-       this.getCouponInfoLoad = true;
+      this.getCouponInfoLoad = true;
       this.$nextTick(() => {
         this.$refs["dataForm"].resetFields();
         if (this.dataForm.id) {
@@ -454,78 +486,89 @@ export default {
             url: this.$http.adornUrl(`/common/coupon/getCouponInfo`),
             method: "post",
             data: this.$http.adornData({ id: this.dataForm.id })
-          }).then(({ data }) => {
-            if (data.code !== 0) return this.$message.error(data.msg);
-            this.visible = true;
-
-            this.getCouponInfoLoad = false;
-            if (data && data.code == 0) {
-              this.dataForm = data.couponEntity;
-
-              if(this.dataForm.grantCount>0){
-                this.isEdit=false
-              }
-              if (
-                this.dataForm.effectTime &&
-                this.dataForm.effectTime != null
-              ) {
-                this.dataForm.effectTime = new Date(
-                  data.couponEntity.effectTime
-                ).getTime();
-                console.log("this.dataForm.effectTime",  this.dataForm.effectTime );
-              } else {
-                this.dataForm.effectTime = null;
-              }
-              if (
-                this.dataForm.expireTime &&
-                this.dataForm.expireTime != null
-              ) {
-                this.dataForm.expireTime = new Date(
-                  data.couponEntity.expireTime
-                ).getTime();
-                console.log(
-                  "this.dataForm.expireTime",
-                  this.dataForm.expireTime
-                );
-              } else {
-                this.dataForm.expireTime = null;
-              }
-              if(data.couponEntity.rangeList && data.couponEntity.rangeList.length > 0){
-                this.selectLinkList = data.couponEntity.rangeList
-              }else{
-                this.selectLinkList = []
-              }
-              if(this.dataForm.couponRange == 2 && this.dataForm.rangeInfo.length > 0 ){
-
-                // var list1 = [...this.selectLinkList]
-                // list1.forEach( item => {
-                //   item.label = item.name
-                // })
-                // this.cateSelectLinkList = this.selectLinkList
-                var ss = this.dataForm.rangeInfo.split(',')
-                
-                this.cateSelectLinkList = ss.map(element => parseInt(element)  );
-             
-              }else if(this.dataForm.couponRange == 1){
-                this.proSelectLinkList = this.selectLinkList
-              }else{
-                this.cateSelectLinkList = []
-                this.proSelectLinkList = []
-              }
-              // this.dataForm.couponUrl = {name:'', url:}
-              if (this.dataForm.couponUrl && this.dataForm.couponUrl != "") {
-                var img = { name: "", url: this.dataForm.couponUrl };
-                var attr = [];
-                attr.push(img);
-                this.fileList = attr;
-              }else{
-                this.fileList = []
-              }
-            }
-          }).catch(err => {
-            this.$message.error(err.msg);
-            this.getCouponInfoLoad = false;
           })
+            .then(({ data }) => {
+              if (data.code !== 0) return this.$message.error(data.msg);
+              this.visible = true;
+
+              this.getCouponInfoLoad = false;
+              if (data && data.code == 0) {
+                this.dataForm = data.couponEntity;
+
+                if (this.dataForm.grantCount > 0) {
+                  this.isEdit = false;
+                }
+                if (
+                  this.dataForm.effectTime &&
+                  this.dataForm.effectTime != null
+                ) {
+                  this.dataForm.effectTime = new Date(
+                    data.couponEntity.effectTime
+                  ).getTime();
+                  console.log(
+                    "this.dataForm.effectTime",
+                    this.dataForm.effectTime
+                  );
+                } else {
+                  this.dataForm.effectTime = null;
+                }
+                if (
+                  this.dataForm.expireTime &&
+                  this.dataForm.expireTime != null
+                ) {
+                  this.dataForm.expireTime = new Date(
+                    data.couponEntity.expireTime
+                  ).getTime();
+                  console.log(
+                    "this.dataForm.expireTime",
+                    this.dataForm.expireTime
+                  );
+                } else {
+                  this.dataForm.expireTime = null;
+                }
+                if (
+                  data.couponEntity.rangeList &&
+                  data.couponEntity.rangeList.length > 0
+                ) {
+                  this.selectLinkList = data.couponEntity.rangeList;
+                } else {
+                  this.selectLinkList = [];
+                }
+                if (
+                  this.dataForm.couponRange == 2 &&
+                  this.dataForm.rangeInfo.length > 0
+                ) {
+                  // var list1 = [...this.selectLinkList]
+                  // list1.forEach( item => {
+                  //   item.label = item.name
+                  // })
+                  // this.cateSelectLinkList = this.selectLinkList
+                  var ss = this.dataForm.rangeInfo.split(",");
+
+                  this.cateSelectLinkList = ss.map(element =>
+                    parseInt(element)
+                  );
+                } else if (this.dataForm.couponRange == 1) {
+                  this.proSelectLinkList = this.selectLinkList;
+                } else {
+                  this.cateSelectLinkList = [];
+                  this.proSelectLinkList = [];
+                }
+                // this.dataForm.couponUrl = {name:'', url:}
+                if (this.dataForm.couponUrl && this.dataForm.couponUrl != "") {
+                  var img = { name: "", url: this.dataForm.couponUrl };
+                  var attr = [];
+                  attr.push(img);
+                  this.fileList = attr;
+                } else {
+                  this.fileList = [];
+                }
+              }
+            })
+            .catch(err => {
+              this.$message.error(err.msg);
+              this.getCouponInfoLoad = false;
+            });
         }
       });
     },
@@ -548,9 +591,9 @@ export default {
       console.log(this.dataForm.startTime);
     },
     delCourse(id) {
-      console.log('id',id)
+      console.log("id", id);
       let index = this.proSelectLinkList.findIndex(item => item.id === id);
-      this.proSelectLinkList.splice(index,1)
+      this.proSelectLinkList.splice(index, 1);
     },
     closeDia() {
       this.visible = false;
@@ -573,18 +616,23 @@ export default {
         couponRange: "", //优惠卷范围 0无限制 1课程卷 2课程品类卷
         rangeInfo: "" //范围详情(课程卷是课程id,分割 课程品类卷是课程分类根id,分割)
       };
-      this.proSelectLinkList = []
-      this.cateSelectLinkList = []
-      this.selectLinkList = []
-      this.fileList = []
+      this.proSelectLinkList = [];
+      this.cateSelectLinkList = [];
+      this.selectLinkList = [];
+      this.fileList = [];
     },
 
     // 表单提交
     dataFormSubmit() {
       this.$refs["dataForm"].validate(valid => {
-        if (valid) {          
-          if(!this.dataForm.id && this.dataForm.effectType == 2 && this.dataForm.effectTime < new Date().getTime()) return this.$message.error("生效时间不能小于当前时间")
-          if (this.dataForm.effectType == 2 ) {
+        if (valid) {
+          if (
+            !this.dataForm.id &&
+            this.dataForm.effectType == 2 &&
+            this.dataForm.effectTime < new Date().getTime()
+          )
+            return this.$message.error("生效时间不能小于当前时间");
+          if (this.dataForm.effectType == 2) {
             if (
               this.dataForm.effectTime == null ||
               this.dataForm.effectTime == ""
@@ -603,7 +651,6 @@ export default {
               this.$message.error("生效时间不能大于截止时间");
               return false;
             }
-            
           }
           if (this.dataForm.effectType == 1) {
             if (
@@ -615,22 +662,27 @@ export default {
               return false;
             }
           }
-          
+
           if (this.dataForm.couponRange == 2) {
-            if(this.cateSelectLinkList.length == 0) {this.showCateError = true; return this.$message.error("请选择课程品类");}
-            this.dataForm.rangeInfo = this.cateSelectLinkList.join(',')
+            if (this.cateSelectLinkList.length == 0) {
+              this.showCateError = true;
+              return this.$message.error("请选择课程品类");
+            }
+            this.dataForm.rangeInfo = this.cateSelectLinkList.join(",");
             // if (
             //   this.dataForm.rangeInfo == null ||
             //   this.dataForm.rangeInfo == ""
             // ) {
             //   this.$message.error("请选择课程品类");
             //   return false;
-            // }            
-
+            // }
           }
           if (this.dataForm.couponRange == 1) {
-            if(this.proSelectLinkList.length == 0) return this.$message.error("请选择课程");
-            this.dataForm.rangeInfo = this.proSelectLinkList.map( item => item.id).join(',')
+            if (this.proSelectLinkList.length == 0)
+              return this.$message.error("请选择课程");
+            this.dataForm.rangeInfo = this.proSelectLinkList
+              .map(item => item.id)
+              .join(",");
             // if (
             //   this.dataForm.rangeInfo == null ||
             //   this.dataForm.rangeInfo == ""
@@ -639,9 +691,12 @@ export default {
             //   return false;
             // }
           }
-          if(this.dataForm.useLevel < this.dataForm.couponAmount) return this.$message.error("优惠券面额不能大于使用门槛");
-          console.log('this.dataForm', this.dataForm)
-         
+          if (Number(this.dataForm.useLevel) <= Number(this.dataForm.couponAmount)) {
+            this.$message.error("优惠券面额不能大于使用门槛");
+            return false;
+          }
+          console.log("this.dataForm", this.dataForm);
+
           this.$http({
             url: this.$http.adornUrl(
               `/common/coupon/${