‘优惠券管理页面’

src/components/activity/Coupon/CouponList.vue → src/components/activity/CouponList.vue

@@ -82,10 +82,11 @@
     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
       <tr>
         <th>优惠券名</th>
+        <th>线路名称</th>
         <th>类型</th>
         <th>面额</th>
         <th>使用条件</th>
-        <th>使用状态</th>
+        <!-- <th>使用状态</th> -->
         <th>叠加使用</th>
         <th>生效日期</th>
         <th>过期日期</th>
@@ -93,31 +94,23 @@
         <th>操作</th>
       </tr>
       <tr v-for="(item,index) in DataList" v-loading="loading">
-        <td>{{item.BranchName}}</td>
-        <td>{{item.DepartName}}</td>
-        <td>{{item.PostName}}</td>
-        <td>{{item.EmName}}</td>
-        <td>{{item.EmSex==0?'男':'女'}}</td>
-        <td>{{item.EmAccount}}</td>
-        <td>{{item.EmLoginMobile}}</td>
-        <td>{{item.EmEntry}}</td>
-        <td>{{item.EmLeave}}</td>
+        <td>{{item.couponsName}}</td>
+        <td>{{item.lineName}}</td>
+        <td>{{item.couponsType ===1 ? "抵用券" : "折扣券"}}</td>
+        <td>{{item.denomination}}</td>
+        <td>{{item.useCondition}}</td>
+        <!-- <td>{{item.useState}}</td> -->
+        <td>{{item.overlapUse === 1 ? "不允许" : "允许"}}</td>
+        <td>{{item.effectDate}}</td>
+        <td>{{item.expirationDate}}</td>
+        <td>{{item.createBy}}</td>
         <td>
           <el-tooltip class="item" effect="dark" content="修改用户信息" placement="top">
             <el-button
               type="primary"
               icon="el-icon-edit"
               circle
-              @click="outerVisible=true,dialogTitle='修改用户信息',updateData(item.EmployeeId),getCompany()"
-            ></el-button>
-          </el-tooltip>
-          <el-tooltip class="item" effect="dark" content="绑定账户信息" placement="top">
-            <el-button
-              type="primary"
-              class="zidingyiFz"
-              icon="iconfont icon-bangdingzhagnhuxinxi"
-              circle
-              @click="goUrl('empBankAccount',item.EmployeeId)"
+              @click="outerVisible=true,dialogTitle='修改用户信息',updateData(item),getCompany()"
             ></el-button>
           </el-tooltip>
         </td>
@@ -173,58 +166,72 @@
             </td>
           </tr>
             <td>
-              <el-form-item label="优惠券名称" prop="EmName">
+              <el-form-item label="优惠券名称" prop="couponsName">
                 <el-input
                   maxlength="20"
                   class="w217"
                   type="text"
-                  v-model="addMsg.EmName"
+                  v-model="addMsg.couponsName"
                   :placeholder="$t('pub.pleaseImport')"
                 ></el-input>
               </el-form-item>
             </td>
             <td>
-              <el-form-item label="优惠券类型" prop="couponsType">
-                <el-select filterable v-model="addMsg.couponsType">
-                  <el-option label="抵用券" :value="1"></el-option>
-                  <el-option label="折扣券" :value="2"></el-option>
+              <el-form-item label="叠加使用" prop="overlapUse">
+                <el-select filterable v-model="addMsg.overlapUse" class="w217">
+                  <el-option label="不允许" :value="0"></el-option>
+                  <el-option label="允许" :value="1"></el-option>
                 </el-select>
               </el-form-item>
             </td>
           </tr>
           <tr>
             <td>
-              <el-form-item label="叠加使用" prop="overlapUse">
-                <el-select filterable v-model="addMsg.overlapUse" class="w217">
-                  <el-option label="不允许" :value="0"></el-option>
-                  <el-option label="允许" :value="1"></el-option>
+              <el-form-item label="优惠券类型" prop="couponsType" >
+                <el-select filterable v-model="addMsg.couponsType" @change="addMsg.denomination = ''">
+                  <el-option label="抵用券" :value="1"></el-option>
+                  <el-option label="折扣券" :value="2"></el-option>
                 </el-select>
               </el-form-item>
             </td>
             <td>
-              <el-form-item label="使用条件" prop="useCondition">
-                <el-input v-model="addMsg.useCondition" class="w217" placeholder="满多少可用"/>
+              <el-form-item label="优惠券面额" prop="denomination">
+                <el-input
+                  @input="maxValue"
+                  maxlength="20"
+                  class="w217"
+                  type="number"
+                  v-model="addMsg.denomination"
+                  placeholder="抵扣金额/折扣"
+                ></el-input>
               </el-form-item>
             </td>
           </tr>
           <tr>
+            <td>
+              <el-form-item label="使用条件" prop="useCondition">
+                <el-input v-model="addMsg.useCondition" class="w217" placeholder="满多少可用"/>
+              </el-form-item>
+            </td>
             <td>
               <el-form-item label="生效日期" prop="effectDate">
                 <el-date-picker
-                  value-format="yyyy-MM-dd"
+                  value-format="yyyy-MM-dd HH:mm:ss"
                   class="w217"
                   v-model="addMsg.effectDate"
-                  type="date"
+                  type="datetime"
                 ></el-date-picker>
               </el-form-item>
             </td>
+          </tr>
+          <tr>
             <td>
               <el-form-item label="有效截止日" prop="expirationDate">
                 <el-date-picker
-                  value-format="yyyy-MM-dd"
+                  value-format="yyyy-MM-dd HH:mm:ss"
                   class="w217"
                   v-model="addMsg.expirationDate"
-                  type="date"
+                  type="datetime"
                 ></el-date-picker>
               </el-form-item>
             </td>
@@ -241,14 +248,6 @@
 <script>
 export default {
   data() {
-    let validatorPwd1 = (rule, value, callback) => {
-      if (this.pwdMsg.Pwd != "" && this.pwdMsg.Pwd != this.pwdMsg.Pwd1) {
-        return callback(new Error("两次密码不一致！"));
-      } else {
-        callback();
-      }
-    };
-
     return {
       leaveBtn: "",
       leaveId: "",
@@ -277,7 +276,7 @@ export default {
       rules: {
         branchId: [{ required: true, message: "请选择公司", trigger: "change" }],
         lineId: [{ required: true, message: "请选择线路", trigger: "change" }],
-        EmName: [{ required: true, message: "请输入优惠券名称", trigger: "blur" }],
+        couponsName: [{ required: true, message: "请输入优惠券名称", trigger: "blur" }],
         useCondition: [{ required: true, message: "请输入使用条件", trigger: "blur" }],
         effectDate: [{ required: true, message: "请选择生效日期", trigger: "change" }],
         expirationDate: [{ required: true, message: "请选择截止日期", trigger: "change" }],
@@ -300,10 +299,6 @@ export default {
         Pwd: "",
         pwd1: ""
       },
-      rulesPwd: {
-        Pwd: [{ required: true, message: "请输入密码", trigger: "blur" }],
-        Pwd1: [{ validator: validatorPwd1, trigger: "blur" }]
-      },
       getCompanyMsg: {
         RB_Group_Id: "0",
         Status: "0"
@@ -354,6 +349,8 @@ export default {
       this.apiJavaPost("/api/sell/coupon/getCouponsList", this.msg, res => {
         console.log(res);
         if (res.data.resultCode === 1) {
+          this.currentPage = res.data.data.pageCount
+          this.total = res.data.data.count
           this.DataList = res.data.data.pageData
         } else {
           this.$message.error(res.data.message)
@@ -361,10 +358,21 @@ export default {
         this.loading = false
       }, null);
     },
+    maxValue: function (val) {
+      if (this.addMsg.couponsType === 2 && val >= 1) {
+        this.addMsg.denomination = 0.99
+        this.$message.error("折扣券最大折扣为0.99折")
+      }
+    },
     addData() {
+      let sDate = new Date(this.addMsg.effectDate)
+      let eDate = new Date(this.addMsg.expirationDate)
+      if (sDate > eDate) {
+        return this.$message.error("有效截止日必须大于开始时间！")
+      }
       this.isleaveBtn = false;
-      this.apipost(
-        "admin_post_EmployeeOperate",
+      this.apiJavaPost(
+        "/api/sell/coupon/setCoupon",
         this.addMsg,
         res => {
           if (res.data.resultCode == 1) {
@@ -378,7 +386,6 @@ export default {
         },
         err => {}
       );
-      this.getList();
     },
     //获取线路列表
     getLineList() {
@@ -388,28 +395,19 @@ export default {
         }
       })
     },
-    updateData(id) {
-      this.pwdMsg.Id = id;
-      this.leaveId = id;
+    updateData(item) {
+      this.addMsg.couponsName= item.couponsName
+      this.addMsg.effectDate= item.effectDate
+      this.addMsg.expirationDate= item.expirationDate
+      this.addMsg.couponsType= item.couponsType
+      this.addMsg.groupId= item.groupId
+      this.addMsg.branchId= item.branchId
+      this.addMsg.lineId= item.lineId
+      this.addMsg.denomination= item.denomination
+      this.addMsg.overlapUse= item.overlapUse
+      this.addMsg.useCondition= item.useCondition
+      this.addMsg.id= item.id
       this.isleaveBtn = true;
-      this.apipost(
-        "admin_get_EmployeeGet",
-        { Id: id },
-        res => {
-          if (res.data.resultCode == 1) {
-            this.getDepartmentMsg.RB_Branch_Id = res.data.data.RB_Branch_id;
-            this.getPost();
-            this.addMsg = res.data.data;
-            if (res.data.data.IsLeave == 0) {
-              this.leaveBtn = "设为离职";
-            } else {
-              this.leaveBtn = "设为在职";
-            }
-            this.addMsg.EmSex = res.data.data.EmSex.toString();
-          }
-        },
-        err => {}
-      );
     },
     handleCurrentChange(val) {
       this.msg.pageIndex = val;
@@ -443,7 +441,6 @@ export default {
     resetForm(formName) {
       //弹出框取消 初始化谈框内表单
       this.$refs[formName].resetFields();
-      this.addMsg.EmployeeId = "0";
     }
   }
 };

src/router/config.js

@@ -2735,7 +2735,7 @@ export default {
             {
               path: '/CouponList',
               name: 'CouponList',
-              component: resolve => require(['@/components/activity/Coupon/CouponList'], resolve),
+              component: resolve => require(['@/components/activity/CouponList'], resolve),
               meta: {
                 title: '优惠券列表'
               }