发布

src/api/discount-coupon/issue.js

@@ -0,0 +1,12 @@
+import {
+  service
+} from "../../utils/service";
+
+// 主页查询
+export function doAdd(data) {
+  return service({
+    url: "/platformCoupon/add",
+    method: "post",
+    data
+  });
+}

src/pages/discount-coupon/issue/components/activeImg.vue

@@ -0,0 +1,49 @@
+<template>
+  <el-upload class="avatar-uploader" :limit="10" ref="upload" action="#" :show-file-list="false" :auto-upload="false" :on-change="handleChange">
+    <img v-if="imageUrl" :src="imageUrl" class="avatar">
+    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+  </el-upload>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      imageUrl: ''
+    };
+  },
+  methods: {
+    handleChange(file, fileList) {
+      this.imageUrl = URL.createObjectURL(file.raw);
+      this.$emit('active-img', file.raw);
+      // console.log('file', file);
+      console.log('fileList', fileList);
+    },
+  }
+}
+</script>
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  background-color: #fff;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 150px;
+  height: 150px;
+  line-height: 150px;
+  text-align: center;
+}
+.avatar {
+  width: 150px;
+  height: 150px;
+  display: block;
+}
+</style>

src/pages/discount-coupon/issue/components/edit.vue

@@ -8,7 +8,7 @@
             <el-input v-model.trim="form.couponName" placeholder="优惠券名称"></el-input>
           </el-form-item>
           <el-form-item label="优惠券数量" prop="couponNumber">
-            <el-input v-model.trim="form.couponNumber" placeholder="优惠券数量"></el-input>
+            <el-input-number v-model="form.couponNumber" :min="1" :precision="0" label="优惠券数量" style="width:100%"></el-input-number>
           </el-form-item>
           <el-form-item label="优惠方式" prop="couponType">
             <el-radio v-model="form.couponType" :label="0">代金券</el-radio>
@@ -56,6 +56,9 @@
           <el-form-item v-show="form.shareCommissionRules===1" :prop="form.shareCommissionRules===1?'orderCommission':''">
             <amount-input ref="orderCommission" @amount="handleAmount" name="orderCommission" placeholder="单据金额抽成(%)"></amount-input>
           </el-form-item>
+          <el-form-item label="推广图片">
+            <active-img @active-img="handleImage"></active-img>
+          </el-form-item>
         </el-form>
       </el-col>
     </el-row>
@@ -73,13 +76,14 @@
 
 <script>
 import AmountInput from '@/components/AmountInput/index'
+import ActiveImg from './activeImg.vue'
 export default {
   name: 'Form',
-  components: { AmountInput },
+  components: { AmountInput, ActiveImg },
   data() {
     return {
       form: {
-        couponNum: 1,
+        couponNumber: 1,
       },
       rules: {
         couponName: [
@@ -144,7 +148,6 @@ export default {
   methods: {
     // 下一步
     handleNext() {
-      console.log(123);
       this.$refs.form.validate((valid) => {
         if (valid) {
           this.$emit('next', 2)
@@ -153,6 +156,7 @@ export default {
         }
       })
     },
+    // 重置
     resetForm() {
       this.$refs.fullReductionMoney.reset()
       this.$refs.fixedAmount.reset()
@@ -160,6 +164,13 @@ export default {
       this.$refs.form.resetFields()
       this.$baseMessage('重置成功', 'success')
     },
+    // 选择图片后返回
+    handleImage(file) {
+      let form = Object.assign({}, this.form);
+      form.file = file
+      this.form = Object.assign({}, form);
+    },
+    // 金额自定义组件返回值
     handleAmount(name, amount) {
       let form = Object.assign({}, this.form)
       form[name] = amount

src/pages/discount-coupon/management/index.vue

@@ -52,13 +52,15 @@
 import Verification from './components/verification';
 import { getList } from "@/api/discount-coupon/management.js";
 export default {
-  name: 'active',
+  name: 'management',
   components: { Verification },
   data() {
     return {
-      list: [{ status: 1 }, { status: 3 }, { status: 2 }, { status: 4 }],
+      // 列表
+      list: [],
       listLoading: false,
       elementLoadingText: '正在加载...',
+      // 分页
       queryForm: {
         pageNu: 1,
         pageSize: 10,
@@ -71,6 +73,22 @@ export default {
     this.fetchData()
   },
   methods: {
+    // ========================== 查询 ========================== //
+    queryData() {
+      this.queryForm.pageNum = 1
+      this.fetchData()
+    },
+    // 获取优惠券活动数据
+    async fetchData() {
+      this.listLoading = true
+      let { code, pageInfo } = await getList(this.queryForm)
+      this.listLoading = false
+      if (code == "000000") {
+        this.list = Array.from(pageInfo.list);
+        this.queryForm.pageNum = pageInfo.pageNum
+        this.queryForm.pageSize = pageInfo.pageSize
+      }
+    },
     // 分页-一页多少条
     handleSizeChange(val) {
       this.queryForm.pageSize = val
@@ -81,28 +99,14 @@ export default {
       this.queryForm.pageNum = val
       this.fetchData()
     },
-    // 查询
+    // ========================== 其它 ========================== //
-    queryData() {
-      this.queryForm.pageNum = 1
-      this.fetchData()
-    },
-    // 获取优惠券活动数据
-    async fetchData() {
-      this.listLoading = true
-      let { list, pageNum, pageSize } = await getList(this.queryForm)
-      this.listLoading = false
-      this.list = Array.from(list);
-      this.queryForm.pageNum = pageNum
-      this.queryForm.pageSize = pageSize
-      // console.log('res', res);
-    },
     // 查询所有领取人
     handleGoter(row) {
       this.$router.push({ name: 'AllGot', params: row })
     },
     // 发布
     handleIssue() {
-      this.$router.push('/active/issue')
+      this.$router.push('/couponIssue')
     },
     // 核销
     handleVerification() {