From 4fc1384b497e7bb157a023eed16608b4407a6e0f Mon Sep 17 00:00:00 2001
From: Sigo <sigo2017web@163.com>
Date: Wed, 6 Jul 2022 09:08:11 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E5=85=B3=E6=B3=A8=E5=85=AC=E4=BC=97?=
 =?UTF-8?q?=E5=8F=B7=E8=BF=9B=E8=A1=8C=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/weixin/index.js                       | 30 ++++++++
 .../issue/components/Tencent.vue              | 37 +++++++++
 .../discount-coupon/issue/components/edit.vue | 33 +++++++-
 src/pages/discount-coupon/issue/index.vue     | 76 +++++++++++++++----
 src/utils/service.js                          | 24 ++++--
 5 files changed, 178 insertions(+), 22 deletions(-)
 create mode 100644 src/api/weixin/index.js
 create mode 100644 src/pages/discount-coupon/issue/components/Tencent.vue

diff --git a/src/api/weixin/index.js b/src/api/weixin/index.js
new file mode 100644
index 0000000..5236b97
--- /dev/null
+++ b/src/api/weixin/index.js
@@ -0,0 +1,30 @@
+import {
+  service
+} from "../../utils/service";
+import {
+  localPath
+} from "../api.js";
+
+// 获取微信公众号access_token
+export function getAccessToken() {
+  return service({
+    url: "/weixinApi" + "/cgi-bin/token?grant_type=client_credential&appid=wx3c108aae98b1433c&secret=9ed5097e93b5a0e909dbe2b347d068ac",
+    method: "get",
+  });
+}
+// 根据微信公众号access_token获取ticket
+export function getTicket(accessToken, data) {
+  return service({
+    url: "/weixinApi" + "/cgi-bin/qrcode/create?access_token=" + accessToken,
+    method: "post",
+    data
+  });
+}
+// 通过ticket换取二维码
+export function getQrCode(data) {
+  return service({
+    url: "/weixinMp" + "/cgi-bin/showqrcode?ticket=" + data,
+    method: "get",
+    responseType: "blob"
+  });
+}
diff --git a/src/pages/discount-coupon/issue/components/Tencent.vue b/src/pages/discount-coupon/issue/components/Tencent.vue
new file mode 100644
index 0000000..bd7c764
--- /dev/null
+++ b/src/pages/discount-coupon/issue/components/Tencent.vue
@@ -0,0 +1,37 @@
+<template>
+  <div>
+    <iframe src="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx3c108aae98b1433c&redirect_uri=www.decaisoft.com&response_type=code&scope=snsapi_userinfo&connect_redirect=1#wechat_redirect" id="mobsf" scrolling="no" frameborder="0" style="border: 1px solid #ccc"></iframe>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+    };
+  },
+  mounted() {
+    /**
+    * iframe-宽高自适应显示
+    */
+    function changeMobsfIframe() {
+      const mobsf = document.getElementById('mobsf');
+      const deviceWidth = document.body.clientWidth;
+      const deviceHeight = document.body.clientHeight;
+      // mobsf.style.width = (Number(deviceWidth) - 240) + 'px'; //数字是页面布局宽度差值
+      // mobsf.style.height = (Number(deviceHeight) - 64) + 'px'; //数字是页面布局高度差
+      mobsf.style.width = '150px'; //数字是页面布局宽度差值
+      mobsf.style.height = '150px'; //数字是页面布局高度差
+    }
+
+    changeMobsfIframe()
+
+    window.onresize = function () {
+      changeMobsfIframe()
+    }
+  },
+  methods: {
+  },
+}
+</script>
+<style scoped>
+</style>
diff --git a/src/pages/discount-coupon/issue/components/edit.vue b/src/pages/discount-coupon/issue/components/edit.vue
index 0b81d50..8dcf9d2 100644
--- a/src/pages/discount-coupon/issue/components/edit.vue
+++ b/src/pages/discount-coupon/issue/components/edit.vue
@@ -106,12 +106,14 @@
 
 <script>
 import ActiveImg from './activeImg'
+import Tencent from './Tencent'
 import Store from '@/components/mulStore/index'
 import Project from '@/components/mulProject/index'
 import { partten } from "@/utils/partten/index.js";
+import { getAccessToken, getTicket, getQrCode } from "@/api/weixin/index.js";
 export default {
   name: 'Form',
-  components: { ActiveImg, Store, Project },
+  components: { ActiveImg, Tencent, Store, Project },
   data() {
     return {
       form: {
@@ -119,6 +121,7 @@ export default {
         useStoreList: [],
         projectList: [],
       },
+      qrCode: null,
       rules: {
         couponName: [
           { required: true, message: '请输入优惠券名称', trigger: 'blur' },
@@ -176,10 +179,38 @@ export default {
         ],
         imageUrl: [{ required: true, message: '请上传活动图片', trigger: ['blur', 'change'] }],
         guaranteeMoney: [{ required: true, message: '请输入保证金', trigger: ['blur', 'change'] }],
+        qrCode: [{ required: true, message: '请关注公众号', trigger: ['blur', 'change'] }],
       },
     }
   },
+  created() {
+    this.fetchAccessToken()
+  },
   methods: {
+    // ============================== 查询 ============================== //
+    // 获取微信公众号access_token
+    fetchAccessToken() {
+      getAccessToken().then(res => {
+        console.log('access_token', res);
+        if (res.expires_in == 7200) {
+          this.fetchTicket(res.access_token)
+        }
+      })
+    },
+    // 根据微信公众号access_token获取ticket
+    fetchTicket(data) {
+      getTicket(data, { "expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": { "scene": { "scene_id": 1800 } } }).then(res => {
+        console.log('ticket', res);
+        this.fetchQrCode(res.ticket)
+      })
+    },
+    // 通过ticket换取二维码
+    fetchQrCode(data) {
+      getQrCode(data).then(res => {
+        console.log('QrCode', window.URL.createObjectURL(res));
+        this.qrCode = window.URL.createObjectURL(res)
+      })
+    },
     // ============================== 操作 ============================== //
     // 编辑
     handleData(row) {
diff --git a/src/pages/discount-coupon/issue/index.vue b/src/pages/discount-coupon/issue/index.vue
index d2f91d9..5ae91ee 100644
--- a/src/pages/discount-coupon/issue/index.vue
+++ b/src/pages/discount-coupon/issue/index.vue
@@ -32,20 +32,21 @@ export default {
     }
   },
   created() {
-    if (this.$route.params.id) {
-      this.active = 1
-      this.$nextTick(function () {
-        this.$refs.edit.handleData(this.$route.params)
-      });
-    } else {
-      this.$nextTick(function () {
-        this.$refs.edit.handleData({
-          couponNumber: 1,
-          useStoreList: [],
-          projectList: [],
-        })
-      });
-    }
+    // this.getAuthorize();
+    // if (this.$route.params.id) {
+    //   this.active = 1
+    //   this.$nextTick(function () {
+    //     this.$refs.edit.handleData(this.$route.params)
+    //   });
+    // } else {
+    //   this.$nextTick(function () {
+    //     this.$refs.edit.handleData({
+    //       couponNumber: 1,
+    //       useStoreList: [],
+    //       projectList: [],
+    //     })
+    //   });
+    // }
   },
   watch: {
     $route(to, from) {
@@ -87,6 +88,53 @@ export default {
         });
       }
     },
+    // =================================== 获取code =================================== //
+    getAuthorize() {
+      // 此方法用来判断是不是在微信中打开
+      // const isWechat = () => {
+      //   let ua = window.navigator.userAgent.toLowerCase();
+      //   return ua.match(/MicroMessenger/i) == 'micromessenger';
+      // }
+      //是微信中打开，则进行一下操作
+      // if(isWechat){
+      //先判断有没有授权(判断地址栏code，有就-用户同意了授权，没有-没授权或者拒绝授权)
+      var str = this.getUrlParam("code"); //此处使用的是history路由模式，hash这么拿不到。this.getUrlParam()方法在下面
+      console.log('获取到了 ', str);
+
+      if (str) {
+        // 走后端接口(把code传给后台，让后台根据code获取openID与用户信息)
+        // console.log('str',str);
+        //  通过code 获取openid
+        axios.get('你的url' + "/api/code",
+          {
+            params: {
+              code: str,
+              state: '123'
+            },
+          }
+        ).then(response => {
+          console.log('response', response.data);
+          localStorage.setItem("openid", response.data.openid);// 此处我将openid 进行了存储
+        })
+
+      } else {
+        var appid = 'wx3c108aae98b1433c' //你关联的微信公众号的appid;
+        var redirect_uri = window.location.href //获取到code 后返回的页面路径地址;
+        var newRedirect = encodeURIComponent(redirect_uri); // 此处需要将你的回调页面进行转码，此方法直接使用
+
+        window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appid + "&redirect_uri=" + newRedirect + "&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect";
+      }
+      // }
+    },
+    //获取url中的参数
+    getUrlParam(name) {
+      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
+      var r = window.location.search.substr(1).match(reg);  //匹配目标参数
+      if (r != null) {
+        return unescape(r[2]);
+      }
+      return null; //返回参数值
+    },
   },
 }
 </script>
diff --git a/src/utils/service.js b/src/utils/service.js
index 4d18e4c..c4c946f 100644
--- a/src/utils/service.js
+++ b/src/utils/service.js
@@ -1,9 +1,17 @@
 import axios from "axios";
-import { Message, MessageBox } from "element-ui";
+import {
+  Message,
+  MessageBox
+} from "element-ui";
 // import { getToken, removeToken, setToken } from "@/utils/token";
-import { getCookie, delCookie } from "./utils.js";
+import {
+  getCookie,
+  delCookie
+} from "./utils.js";
 import router from "../router/index.js";
-import { name } from "../../config/dev.env.js";
+import {
+  name
+} from "../../config/dev.env.js";
 let base = "/api";
 let baseURL = base;
 // 根据环境变量对host进行判断
@@ -15,7 +23,7 @@ axios.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8";
 // const rLoading = this.openLoading();
 // 创建axios实例
 const service = axios.create({
-  baseURL: baseURL,
+  // baseURL: baseURL,
   timeout: 15000 // 请求超时时间
 });
 // request拦截器
@@ -82,8 +90,8 @@ service.interceptors.response.use(
           }, 15000);
           break;
         }
-      default:
-        break;
+        default:
+          break;
     }
     // 返回请求成功结果，status=200
     return response.data;
@@ -148,4 +156,6 @@ service.interceptors.response.use(
   }
 );
 // export default service;
-export { service };
+export {
+  service
+};

From a65cbc68817f72558db526b86b6b3445c030eaef Mon Sep 17 00:00:00 2001
From: Sigo <sigo2017web@163.com>
Date: Thu, 7 Jul 2022 14:30:46 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E7=BB=93=E5=90=88=E5=85=B3=E6=B3=A8?=
 =?UTF-8?q?=E5=85=AC=E4=BC=97=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 image/check.png                               | Bin 0 -> 6026 bytes
 image/close.png                               | Bin 0 -> 5900 bytes
 src/api/weixin/index.js                       |  22 +++
 src/main.js                                   |   4 +-
 .../discount-coupon/issue/components/edit.vue |  37 ++---
 .../issue/components/qrCode.vue               | 126 +++++++++++++++
 .../issue/components/styles/template.css      |  39 ++++-
 .../issue/components/template.vue             | 144 ++++++++++++++----
 .../discount-coupon/management/index.vue      |   7 +
 9 files changed, 316 insertions(+), 63 deletions(-)
 create mode 100644 image/check.png
 create mode 100644 image/close.png
 create mode 100644 src/pages/discount-coupon/issue/components/qrCode.vue

diff --git a/image/check.png b/image/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..458d1fe6bff2f23670f744549952a0fb7464b430
GIT binary patch
literal 6026
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
Q?%Q%ZD@Q~v-1ppn0QrS`8vp<R

literal 0
HcmV?d00001

diff --git a/image/close.png b/image/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f5e2916874421a037d6b05c65402d6ddf6c89c9
GIT binary patch
literal 5900
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
Gz49N-K1V<R

literal 0
HcmV?d00001

diff --git a/src/api/weixin/index.js b/src/api/weixin/index.js
index 5236b97..12e8525 100644
--- a/src/api/weixin/index.js
+++ b/src/api/weixin/index.js
@@ -28,3 +28,25 @@ export function getQrCode(data) {
     responseType: "blob"
   });
 }
+// 通过后台过去公众号图片
+export function getJavaQrCode(data) {
+  return service({
+    url: "/api" + "/platformCoupon/thePublic",
+    method: "post",
+    responseType: "blob"
+  });
+}
+// 通过后台获取用户扫描的openid
+export function getJavaOpenid(data) {
+  return service({
+    url: "/api" + "/platformCoupon/openid",
+    method: "post",
+  });
+}
+// 清除后台获取的openid
+export function doDeleteJavaOpenid(data) {
+  return service({
+    url: "/api" + "/platformCoupon/gcopenid",
+    method: "post",
+  });
+}
diff --git a/src/main.js b/src/main.js
index 9def1c8..4951c73 100644
--- a/src/main.js
+++ b/src/main.js
@@ -41,7 +41,8 @@ Vue.use(animated);
 Vue.use(vueEsign);
 
 import {
-  thousands
+  thousands,
+  parseTime
 } from '@/utils/index.js'
 // 引入高精度精算
 import {
@@ -49,6 +50,7 @@ import {
 } from 'decimal.js'
 // 全局定义
 Vue.prototype.$Decimal = Decimal
+Vue.prototype.$parseTime = parseTime
 
 import Vue from "vue";
 import Router from "vue-router";
diff --git a/src/pages/discount-coupon/issue/components/edit.vue b/src/pages/discount-coupon/issue/components/edit.vue
index 8dcf9d2..1e7d68b 100644
--- a/src/pages/discount-coupon/issue/components/edit.vue
+++ b/src/pages/discount-coupon/issue/components/edit.vue
@@ -101,6 +101,8 @@
     </el-row>
     <Store ref="Store" @call-back-store="callBackStore"></Store>
     <Project ref="Project" @call-back-project="callBackProject"></Project>
+    <!-- <QrCode ref="QrCode"></QrCode> -->
+
   </div>
 </template>
 
@@ -110,10 +112,10 @@ import Tencent from './Tencent'
 import Store from '@/components/mulStore/index'
 import Project from '@/components/mulProject/index'
 import { partten } from "@/utils/partten/index.js";
-import { getAccessToken, getTicket, getQrCode } from "@/api/weixin/index.js";
+import QrCode from "./qrCode";
 export default {
   name: 'Form',
-  components: { ActiveImg, Tencent, Store, Project },
+  components: { ActiveImg, Tencent, Store, Project, QrCode },
   data() {
     return {
       form: {
@@ -184,36 +186,14 @@ export default {
     }
   },
   created() {
-    this.fetchAccessToken()
+    // this.fetchAccessToken()
   },
   methods: {
-    // ============================== 查询 ============================== //
-    // 获取微信公众号access_token
-    fetchAccessToken() {
-      getAccessToken().then(res => {
-        console.log('access_token', res);
-        if (res.expires_in == 7200) {
-          this.fetchTicket(res.access_token)
-        }
-      })
-    },
-    // 根据微信公众号access_token获取ticket
-    fetchTicket(data) {
-      getTicket(data, { "expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": { "scene": { "scene_id": 1800 } } }).then(res => {
-        console.log('ticket', res);
-        this.fetchQrCode(res.ticket)
-      })
-    },
-    // 通过ticket换取二维码
-    fetchQrCode(data) {
-      getQrCode(data).then(res => {
-        console.log('QrCode', window.URL.createObjectURL(res));
-        this.qrCode = window.URL.createObjectURL(res)
-      })
-    },
+
     // ============================== 操作 ============================== //
     // 编辑
     handleData(row) {
+      console.log('row', row);
       // 判断传过来的值中时候有id来判断当前是新增的还是编辑的数据，有id的为编辑数据
       if (row.id) {
         // 从管理页面过来useStoreList和projectList空所以取的是useStores和useProjects中的值，如果是从预览页面，即步骤2过来的就直接取useStoreList和projectList中的值
@@ -223,6 +203,9 @@ export default {
         row.imageUrl = row.imageUrl ? row.imageUrl : partten.imagePath + row.fileLists[0].filePath + '/' + row.fileLists[0].fileName
         // 因为后台需要的是一个拆开的两个时间不是一个时间数组，element的时间组件获取的值时时间数组所以需要自定义一个fixDate值来接受，新增提交时拆开，现在编辑需要重新将两个值组合回一个时间数组
         row.fixDate = Array.from([row.startDate, row.endDate]);
+
+      }
+      if (row.imageUrl) {
         // 展示图片，因为一开始展示页面，当前页面的子组件也是刚加载无法立马使用this.$refs获取，需要用this.$nextTick来过度一下
         this.$nextTick(function () {
           this.$refs.activeImg.show(row.imageUrl)
diff --git a/src/pages/discount-coupon/issue/components/qrCode.vue b/src/pages/discount-coupon/issue/components/qrCode.vue
new file mode 100644
index 0000000..ec53bac
--- /dev/null
+++ b/src/pages/discount-coupon/issue/components/qrCode.vue
@@ -0,0 +1,126 @@
+<template>
+  <el-dialog title="公众号二维码" :visible.sync="dialogFormVisible" :close-on-click-modal="false" width="400px" @close="close" v-dialogDrag>
+    <div class="box" style="width: 400px; height: 400px;  background-color: #FFF;">
+      <el-image style="width: 100%; height: 100%" :src="qrCode" fit="fill" v-if="codeNumber===1"></el-image>
+      <div class="img" v-if="codeNumber===2||codeNumber===3">
+        <img style="width:100px; height: 100px;" src="../../../../../image/check.png" fit="fill" v-if="codeNumber===2&&openid"></img>
+        <img style="width:100px; height: 100px;" src="../../../../../image/close.png" fit="fill" v-if="codeNumber===3"></img>
+        <div class="title">{{codeNumber===2?'扫码关注成功':'二维码失效'}}</div>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+var getOpenid = null;
+import { getAccessToken, getTicket, getQrCode, getJavaQrCode, getJavaOpenid, doDeleteJavaOpenid } from "@/api/weixin/index.js";
+export default {
+  name: 'qrCode',
+  data() {
+    return {
+      qrCode: '',
+      openid: '',
+      dialogFormVisible: false,
+      codeNumber: 1//1为刚打开弹窗，2为扫码成功/关注成功，3为超时
+    }
+  },
+  created() {
+    // this.fetchJavaQrCode()
+  },
+  methods: {
+    // ============================ 弹窗 ============================ //
+    show(row) {
+      let that = this
+      this.codeNumber = 1
+      this.openid = ''
+      this.dialogFormVisible = true
+      this.handleDeleteJavaOpenid()
+      setTimeout(() => {
+        that.codeNumber = 3
+      }, 600000);
+    },
+    close() {
+      this.qrCode = ''
+      this.openid = ''
+      this.dialogFormVisible = false
+    },
+    // ============================== 查询 ============================== //
+    // 通过后台获取公众号图片
+    fetchJavaQrCode() {
+      let that = this
+      getJavaQrCode().then(res => {
+        this.qrCode = window.URL.createObjectURL(res)
+        getOpenid = setInterval(() => {
+          that.fetchJavaOpenid()
+        }, 5000);
+      })
+    },
+    // 通过后台获取用户扫描的openid
+    fetchJavaOpenid() {
+      getJavaOpenid().then(res => {
+        if (res.data[0]) {
+          this.codeNumber = 2
+          this.openid = res.data[0]
+          this.$emit('call-back-qrCode', res.data[0]);
+          clearInterval(getOpenid)
+        }
+      })
+    },
+    // 清除后台获取的openid
+    handleDeleteJavaOpenid() {
+      doDeleteJavaOpenid().then(res => {
+        if (res.code == '000000') {
+          this.fetchJavaQrCode()
+        }
+      })
+    },
+    // 获取微信公众号access_token
+    // fetchAccessToken() {
+    //   getAccessToken().then(res => {
+    //     if (res.expires_in == 7200) {
+    //       this.fetchTicket(res.access_token)
+    //     }
+    //   })
+    // },
+    // 根据微信公众号access_token获取ticket
+    // fetchTicket(data) {
+    //   getTicket(data, { "expire_seconds": 1800, "action_name": "QR_SCENE", "action_info": { "scene": { "scene_id": 1800 } } }).then(res => {
+    //     this.fetchQrCode(res.ticket)
+    //   })
+    // },
+    // 通过ticket换取二维码
+    // fetchQrCode(data) {
+    //   getQrCode(data).then(res => {
+    //     this.qrCode = window.URL.createObjectURL(res)
+    //   })
+    // },
+  },
+}
+</script>
+<style>
+.el-dialog .el-dialog__body {
+  padding: 0 !important;
+}
+</style>
+<style scoped>
+.box {
+  position: relative;
+}
+.img {
+  position: absolute;
+  top: 27px;
+  left: 27px;
+  width: 346px;
+  height: 346px;
+  background-color: #808080;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.title {
+  font-size: 28px;
+  color: #fff;
+  margin-top: 30px;
+}
+</style>
diff --git a/src/pages/discount-coupon/issue/components/styles/template.css b/src/pages/discount-coupon/issue/components/styles/template.css
index 05d4dcf..fb9641a 100644
--- a/src/pages/discount-coupon/issue/components/styles/template.css
+++ b/src/pages/discount-coupon/issue/components/styles/template.css
@@ -25,6 +25,7 @@
   /* margin-bottom: 30px; */
   padding: 13px;
   background-color: #f8f8f8;
+  overflow-y: auto;
 }
 .container .box .box-item > .item .image {
   height: 250px;
@@ -61,11 +62,41 @@
   margin-bottom: 10px;
 }
 .container .box .box-item > .item .tips .tips_msg .tips_msg_item {
-  color: #000;
-  line-height: 18px;
+  line-height: 20px;
   display: flex;
 }
-.container .box .box-item > .item .tips .tips_msg .tips_msg_item .bot {
+.container
+  .box
+  .box-item
+  > .item
+  .tips
+  .tips_msg
+  .tips_msg_item
+  .tips_msg_item_title {
+  width: 64px;
+  color: #666;
+}
+.container
+  .box
+  .box-item
+  > .item
+  .tips
+  .tips_msg
+  .tips_msg_item
+  .tips_msg_item_content {
+  width: 210px;
+}
+.tips .tips_msg .tips_msg_item .tips_msg_item_titles {
+  width: 30px;
+}
+.tips .tips_msg .tips_msg_item .tips_msg_item_titles .bot {
+  width: 8px;
+  height: 8px;
+  background-color: #fc9c24;
+  margin-top: 6px;
+  border-radius: 50%;
+}
+/* .container .box .box-item > .item .tips .tips_msg .tips_msg_item .bot {
   width: 25px;
   padding-top: 6px;
 }
@@ -75,4 +106,4 @@
   border-radius: 50%;
   background-color: #fc9c24;
   line-height: 18px;
-}
+} */
diff --git a/src/pages/discount-coupon/issue/components/template.vue b/src/pages/discount-coupon/issue/components/template.vue
index 0d643d5..dad8fc6 100644
--- a/src/pages/discount-coupon/issue/components/template.vue
+++ b/src/pages/discount-coupon/issue/components/template.vue
@@ -14,13 +14,67 @@
                 <div class="item">分享</div>
               </div>
               <div class="tips">
-                <div class="tips_title">风险提示</div>
+                <div class="tips_title">优惠规则！</div>
                 <div class="tips_msg">
+                  <!-- 优惠金额 -->
                   <div class="tips_msg_item">
-                    <div class="bot">
-                      <div></div>
+                    <div class="tips_msg_item_title">优惠金额：</div>
+                    <div class="tips_msg_item_content" v-if="form.couponType===0">
+                      {{form.serviceConditions===0?`满${form.fullReductionMoney}元减${form.fullKimsMoney}元`:`${form.fullKimsMoney}元无门槛代金券`}}
+                    </div>
+                    <div class="tips_msg_item_content" v-if="form.couponType===1">
+                      {{form.serviceConditions===0?`消费单据满${form.fullReductionMoney}元打${form.fullDiscountMoney}%折扣`:`${form.fullDiscountMoney}无门槛折扣券`}}
+                    </div>
+                    <div class="tips_msg_item_content" v-if="form.couponType===2">直接免单</div>
+                  </div>
+                  <!-- 分润金额 -->
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_title">分润金额：</div>
+                    <div class="tips_msg_item_content" v-if="form.shareCommissionRules===0">
+                      每一位领取人消费后可获得{{form.fixedAmount}}元分润，可提现至微信</div>
+                    <div class="tips_msg_item_content" v-if="form.shareCommissionRules===1">
+                      每一位领取人消费后可获得消费单据的{{form.orderCommission}}%分润，可提现至微信</div>
+                  </div>
+                  <!-- 有效日期 -->
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_title">有效日期：</div>
+                    <div class="tips_msg_item_content" v-if="form.indateType===1">
+                      {{date.startDate}} 至 {{date.endDate}}
+                    </div>
+                    <div class="tips_msg_item_content" v-if="form.indateType===0">
+                      领取后{{form.startDay}}天生效,生效后{{form.endDay}}天内有效</div>
+                  </div>
+                  <!-- 适用门店 -->
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_title">适用门店：</div>
+                    <div class="tips_msg_item_content">{{form.suitableStore===0?'所有门店':storeList}}
+                    </div>
+                  </div>
+                  <!-- 适用项目 -->
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_title">适用项目：</div>
+                    <div class="tips_msg_item_content">{{form.suitableProject===0?'所有项目':projectList}}
                     </div>
-                    <div class="tips_msg_item_content">请先点击领取优惠券后再分享，否则分享出去的优惠券领取人消费后的分润不属于您！</div>
+                  </div>
+                </div>
+              </div>
+              <div class="tips">
+                <div class="tips_title">风险提示！</div>
+                <div class="tips_msg">
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_titles">
+                      <div class="bot"></div>
+                    </div>
+                    <div class="tips_msg_item_contents" v-if="form.shareCommissionRules===0">
+                      分享被领取后，且优惠券被领取人消费了，即可获得{{form.fixedAmount}}元分润金额，并且可提现到微信</div>
+                    <div class="tips_msg_item_contents" v-if="form.shareCommissionRules===1">
+                      分享被领取后，且优惠券被领取人消费了，即可获得消费单据的{{form.orderCommission}}%分润金额，并且可提现到微信</div>
+                  </div>
+                  <div class="tips_msg_item">
+                    <div class="tips_msg_item_titles">
+                      <div class="bot"></div>
+                    </div>
+                    <div class="tips_msg_item_contents">需要先领取优惠券后再分享，这样其他扔领取了您分享的优惠券并消费后才会获得分润，否则无法获得分润</div>
                   </div>
                 </div>
               </div>
@@ -37,23 +91,37 @@
         </div>
       </el-col>
     </el-row>
+    <QrCode ref="QrCode" @call-back-qrCode="callBackQrCode"></QrCode>
   </div>
 </template>
 <script>
 import { doAdd, doEdit } from "@/api/discount-coupon/management.js";
 import Bus from "../../../bus";
+import QrCode from "./qrCode";
 export default {
+  components: { QrCode },
   data() {
     return {
       imageUrl: '',
-      form: {}
+      form: {},
+      date: {},
+      storeList: [],
+      projectList: [],
     }
   },
   methods: {
     // 切换步骤时传过来的数据
     handleData(form) {
-      console.log('form', form);
       this.imageUrl = form.imageUrl
+      this.date.startDate = this.$parseTime(form.startDate, '{y}-{m}-{d}')
+      this.date.endDate = this.$parseTime(form.endDate, '{y}-{m}-{d}')
+      if (form.suitableStore === 1) {
+        this.storeList = form.useStoreList.map(item => item.storeName).toString()
+        console.log('useStoreList', this.useStoreList);
+      }
+      if (form.suitableProject === 1) {
+        this.projectList = form.projectList.map(item => item.projectName).toString()
+      }
       this.form = Object.assign({}, form);
     },
     // 上一步
@@ -62,34 +130,42 @@ export default {
     },
     // 提交
     async handleSubmit() {
-      let form = Object.assign({}, this.form);
-      for (let key in form) {
-        // format写法会将null类型强行转化成字符串的‘null’，传到后台，后台会报错，所以需要删掉值为null的字段
-        if (form[key] !== 0 && !form[key]) {
-          delete form[key]
+      if (this.form.openId) {
+        let form = Object.assign({}, this.form);
+        for (let key in form) {
+          // format写法会将null类型强行转化成字符串的‘null’，传到后台，后台会报错，所以需要删掉值为null的字段
+          if (form[key] !== 0 && !form[key]) {
+            delete form[key]
+          }
+          // 前面两个值是我续购拿来用作form校验的，后台是不需要，所以要删掉，否则传过去后台会报错，后面三个数组无法用format传值，会自动被编译成字符串，例：[object object]，后台无法识别，所以需要删掉
+          if (key == 'fixDate' || key == 'imageUrl' || key == 'useStores' || key == 'useProjects' || key == 'fileLists') {
+            delete form[key]
+          }
         }
-        // 前面两个值是我续购拿来用作form校验的，后台是不需要，所以要删掉，否则传过去后台会报错，后面三个数组无法用format传值，会自动被编译成字符串，例：[object object]，后台无法识别，所以需要删掉
-        if (key == 'fixDate' || key == 'imageUrl' || key == 'useStores' || key == 'useProjects' || key == 'fileLists') {
-          delete form[key]
+        // 后台接受只要门店编码数组和项目ID数组，map遍历数组分别提取storeNum和projectId的数组
+        if (form.suitableStore === 1) {
+          form.useStoreList = form.useStoreList.map(item => item.storeNum);
+        }
+        if (form.suitableProject === 1) {
+          form.projectList = form.projectList.map(item => item.projectId);
+        }
+        // 创建一个空对象实例
+        let format = new FormData()
+        // 遍历对象将对象中的所有字段和值添加到新的空对象实例中
+        Object.keys(form).map(key => {
+          format.append(key, form[key])
+        })
+        if (form.id) {
+          // 编辑
+          let { code, message } = await doEdit(format)
+          this.callBack(code, message)
+        } else {
+          // 发布
+          let { code, message } = await doAdd(format)
+          this.callBack(code, message)
         }
-      }
-      // 后台接受只要门店编码数组和项目ID数组，map遍历数组分别提取storeNum和projectId的数组
-      form.useStoreList = form.useStoreList.map(item => item.storeNum);
-      form.projectList = form.projectList.map(item => item.projectId);
-      // 创建一个空对象实例
-      let format = new FormData()
-      // 遍历对象将对象中的所有字段和值添加到新的空对象实例中
-      Object.keys(form).map(key => {
-        format.append(key, form[key])
-      })
-      if (form.id) {
-        // 编辑
-        let { code, message } = await doEdit(format)
-        this.callBack(code, message)
       } else {
-        // 发布
-        let { code, message } = await doAdd(format)
-        this.callBack(code, message)
+        this.$refs.QrCode.show()
       }
     },
     callBack(code, message) {
@@ -107,6 +183,12 @@ export default {
           type: 'error'
         });
       }
+    },
+    // ================================== 关注公众号后返回openid ================================== //
+    callBackQrCode(openid) {
+      let form = Object.assign({}, this.form);
+      form.openId = openid
+      this.form = Object.assign({}, form);
     }
   },
 }
diff --git a/src/pages/discount-coupon/management/index.vue b/src/pages/discount-coupon/management/index.vue
index 2067341..f029757 100644
--- a/src/pages/discount-coupon/management/index.vue
+++ b/src/pages/discount-coupon/management/index.vue
@@ -27,6 +27,13 @@
           <el-tag effect="dark" type="warning" v-if="row.state===4">反审核</el-tag>
           <el-tag effect="dark" type="danger" v-if="row.state===11">审核失败</el-tag>
           <el-tag effect="dark" type="danger" v-if="row.state===12">退款中</el-tag>
+          <el-tag effect="dark" type="success" v-if="row.state===5">打款待审</el-tag>
+          <el-tag effect="dark" type="success" v-if="row.state===6">通过</el-tag>
+          <el-tag effect="dark" type="danger" v-if="row.state===11">不通过</el-tag>
+          <el-tag type="danger" v-if="row.state===7">反审核</el-tag>
+          <el-tag effect="dark" type="success" v-if="row.state===8">已发布</el-tag>
+          <el-tag effect="dark" type="warning" v-if="row.state===9">已回收</el-tag>
+          <el-tag effect="dark" type="success" v-if="row.state===10">已关闭</el-tag>
         </template>
       </el-table-column>
       <el-table-column show-overflow-tooltip align="center" min-width="130" prop="couponName" label="优惠券名称"></el-table-column>