优化

purchase_H5/src/components/login.vue

@@ -29,360 +29,364 @@
   </div>
 </template>
 <script>
-  import {
-    login,
-    getCode,
-    changeUserid,
-    seniorStrategy,
-    strategyGetID,
-  } from "../api/index";
-  import vuePuzzle from "vue-puzzle-vcode";
-  import addR from "../common/addRecord";
-  export default {
-    model: {
-      prop: "value",
-      event: "change"
+import {
+  login,
+  getCode,
+  changeUserid,
+  seniorStrategy,
+  strategyGetID,
+} from "../api/index";
+import vuePuzzle from "vue-puzzle-vcode";
+import addR from "../common/addRecord";
+export default {
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: Boolean,
+    type: String,
+    text: String
+  },
+  components: {
+    vuePuzzle
+  },
+  data () {
+    return {
+      loginForm: {
+        phone: "",
+        vcode: "",
+      },
+      codeState: {
+        state: false,
+        time: 60,
+        task: null,
+      },
+      showVcode: false,
+    };
+  },
+  computed: {
+    pageData () {
+      return this.$store.state.pageData;
     },
-    props: {
-      value: Boolean,
-      type: String,
-      text: String
+  },
+  methods: {
+    checkVcode () {
+      if (this.loginForm.vcode.length > 6) {
+        this.loginForm.vcode = this.loginForm.vcode.slice(0, 6);
+      }
     },
-    components: {
-      vuePuzzle
+    getCode () {
+      if (this.codeState.state) return;
+      let {
+        phone
+      } = this.loginForm;
+      if (!/^1[23456789]\d{9}$/.test(phone)) {
+        return this.$toast("请输入正确手机号");
+      }
+      this.showVcode = true;
     },
-    data() {
-      return {
-        loginForm: {
-          phone: "",
-          vcode: "",
-        },
-        codeState: {
-          state: false,
-          time: 60,
-          task: null,
+    onSuccessCode () {
+      this.showVcode = false;
+      let {
+        phone
+      } = this.loginForm;
+      getCode({
+        phone,
+      }).then(
+        (res) => {
+          this.$toast("验证码已发送");
+          this.codeState.state = true;
+          this.codeState.task = setInterval(() => {
+            if (this.codeState.time <= 0) {
+              clearInterval(this.codeState.task);
+              this.codeState.task = null;
+              this.codeState.state = false;
+              this.codeState.time = 60;
+            } else {
+              this.codeState.time--;
+            }
+          }, 1000);
         },
-        showVcode: false,
-      };
-    },
-    computed: {
-      pageData() {
-        return this.$store.state.pageData;
-      },
-    },
-    methods: {
-      checkVcode() {
-        if (this.loginForm.vcode.length > 6) {
-          this.loginForm.vcode = this.loginForm.vcode.slice(0, 6);
+        (res) => {
+          this.$toast(res.message);
         }
-      },
-      getCode() {
-        if (this.codeState.state) return;
-        let {
-          phone
-        } = this.loginForm;
-        if (!/^1[23456789]\d{9}$/.test(phone)) {
-          return this.$toast("请输入正确手机号");
-        }
-        this.showVcode = true;
-      },
-      onSuccessCode() {
-        this.showVcode = false;
-        let {
-          phone
-        } = this.loginForm;
-        getCode({
-          phone,
-        }).then(
-          (res) => {
-            this.$toast("验证码已发送");
-            this.codeState.state = true;
-            this.codeState.task = setInterval(() => {
-              if (this.codeState.time <= 0) {
-                clearInterval(this.codeState.task);
-                this.codeState.task = null;
-                this.codeState.state = false;
-                this.codeState.time = 60;
-              } else {
-                this.codeState.time--;
-              }
-            }, 1000);
-          },
-          (res) => {
-            this.$toast(res.message);
+      );
+    },
+    onLogin () {
+      let {
+        phone,
+        vcode
+      } = this.loginForm;
+      if (!vcode) {
+        return this.$toast("请输入验证码");
+      }
+      if (!/^1[23456789]\d{9}$/.test(phone)) {
+        return this.$toast("请输入正确手机号");
+      }
+      login({
+        phone,
+        vcode
+      }).then(async (res) => {
+        if (res.code === 500 || res.data === "") {
+          this.$toast.fail("登录失败");
+        } else {
+          clearInterval(this.codeState.task);
+          this.codeState.task = null;
+          this.codeState.state = false;
+          this.codeState.time = 60;
+          this.$store.commit("setUser", {
+            userid: res.data.userid,
+            phone: this.loginForm.phone,
+          });
+          if (this.$store.state.user.userid) {
+            addR.loginSuccess();
           }
-        );
-      },
-      onLogin() {
-        let {
-          phone,
-          vcode
-        } = this.loginForm;
-        if (!vcode) {
-          return this.$toast("请输入验证码");
-        }
-        if (!/^1[23456789]\d{9}$/.test(phone)) {
-          return this.$toast("请输入正确手机号");
-        }
-        login({
-          phone,
-          vcode
-        }).then(async (res) => {
-          if (res.code === 500 || res.data === "") {
-            this.$toast.fail("登录失败");
-          } else {
-            clearInterval(this.codeState.task);
-            this.codeState.task = null;
-            this.codeState.state = false;
-            this.codeState.time = 60;
-            this.$store.commit("setUser", {
-              userid: res.data.userid,
-              phone: this.loginForm.phone,
-            });
-            if (this.$store.state.user.userid) {
-              addR.loginSuccess();
-            }
-            this.$emit("getIsBuy");
-            this.$emit("change", false);
-            this.loginForm = {};
-            let params = {
-              anonymousId: this.$sensors.store._state.$device_id,
-              channleKey: localStorage.getItem("key"),
-              spId: this.pageData.mainProduct.spid,
-              userId: res.data.userid,
-            };
-            let item = await seniorStrategy(params);
-            if (item.data !== null) {
-              // 判断高级策略是否开启遮罩;
-              if (item.data.enableMask !== null) {
-                this.pageData.remarks.isMask = String(item.data.enableMask);
-                // 判断高级策略是否有遮罩文案 并替换
-                if (item.data.maskText !== null && item.data.maskText !== "") {
-                  this.pageData.remarks.maskText = item.data.maskText;
-                }
+          this.$emit("getIsBuy");
+          this.$emit("change", false);
+          this.loginForm = {};
+          let params = {
+            anonymousId: this.$sensors.store._state.$device_id,
+            channleKey: localStorage.getItem("key"),
+            spId: this.pageData.mainProduct.spid,
+            userId: res.data.userid,
+          };
+          let item = await seniorStrategy(params);
+          if (item.data !== null) {
+            // 判断高级策略是否开启遮罩;
+            if (item.data.enableMask !== null) {
+              this.pageData.remarks.isMask = String(item.data.enableMask);
+              // 判断高级策略是否有遮罩文案 并替换
+              if (item.data.maskText !== null && item.data.maskText !== "") {
+                this.pageData.remarks.maskText = item.data.maskText;
               }
-              // 判断高级策略是否开启有推荐
-              if (
-                item.data.recommendStrategy !== "" &&
-                item.data.recommendStrategy !== null
-              ) {
-                let itemList = item.data.recommendStrategy.split(",");
-                this.pageData.recommend = [];
-                itemList.forEach((v) => {
-                  strategyGetID({
-                    id: v,
-                  }).then((resp) => {
-                    this.pageData.recommend.push(resp.data);
-                  });
+            }
+            // 判断高级策略是否开启有推荐
+            if (
+              item.data.recommendStrategy !== "" &&
+              item.data.recommendStrategy !== null
+            ) {
+              let itemList = item.data.recommendStrategy.split(",");
+              this.pageData.recommend = [];
+              itemList.forEach((v) => {
+                strategyGetID({
+                  id: v,
+                }).then((resp) => {
+                  this.pageData.recommend.push(resp.data);
                 });
-              }
-              if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
-                this.pageData.strategyInfo.unsubscribeStrategyList =
-                  item.data.cancelRule.split(",");
-              }
-              if (item.data.interceptRule === "1") {
-                this.pageData.interceptRule = item.data.interceptRule;
-              }
-              if (item.data.location !== "" && item.data.location !== null) {
-                this.pageData.location = item.data.location.split(",");
-              }
+              });
+            }
+            if (item.data.cancelRule !== "" && item.data.cancelRule !== null) {
+              this.pageData.strategyInfo.unsubscribeStrategyList =
+                item.data.cancelRule.split(",");
             }
-            this.$store.commit("setPageData", this.pageData);
+            if (item.data.interceptRule === "1") {
+              this.pageData.interceptRule = item.data.interceptRule;
+            }
+            if (item.data.location !== "" && item.data.location !== null) {
+              this.pageData.location = item.data.location.split(",");
+            }
+          }
+          this.$store.commit("setPageData", this.pageData);
 
-            if (this.type === "manual") {
-              addR.clickOrderRecord();
+          if (this.type === "manual") {
+            addR.clickOrderRecord();
+            this.$router.push({
+              path: "/order001",
+              query: {
+                spid: this.$store.state.pageData.mainProduct.spid,
+                cpid: this.$store.state.pageData.mainProduct.cpid,
+              },
+            });
+          } else if (this.type === "member") {
+            addR.memberClick();
+            let url;
+            if (this.pageData.mainProduct.isCompositeProduct === 2) {
+              url = "/member002";
+            } else {
+              url = "/member001";
+            }
+            if (this.pageData.mainProduct.cacheSeatOne[0].memberUrl && this.pageData.mainProduct.cacheSeatOne[0].memberUrl !== "") {
+              window.location.href = this.pageData.mainProduct.cacheSeatOne[0].memberUrl
+            } else {
               this.$router.push({
-                path: "/order001",
+                path: url,
                 query: {
                   spid: this.$store.state.pageData.mainProduct.spid,
                   cpid: this.$store.state.pageData.mainProduct.cpid,
+                  isCompositeProduct: this.$store.state.pageData.mainProduct.isCompositeProduct,
+                  activeType: this.$store.state.pageData.mainProduct.activeType,
+                  productName: this.$store.state.pageData.mainProduct.productName,
                 },
               });
-            } else if (this.type === "member") {
-              addR.memberClick();
-              let url;
-              if (this.pageData.mainProduct.isCompositeProduct === 2) {
-                url = "/member002";
-              } else {
-                url = "/member001";
-              }
-              if (this.pageData.mainProduct.cacheSeatOne[0].memberUrl && this.pageData.mainProduct.cacheSeatOne[0].memberUrl !== "") {
-                window.location.href = this.pageData.mainProduct.cacheSeatOne[0].memberUrl
-              } else {
-                this.$router.push({
-                  path: url,
-                  query: {
-                    spid: this.$store.state.pageData.mainProduct.spid,
-                    cpid: this.$store.state.pageData.mainProduct.cpid,
-                    isCompositeProduct: this.$store.state.pageData.mainProduct.isCompositeProduct,
-                    activeType: this.$store.state.pageData.mainProduct.activeType,
-                    productName: this.$store.state.pageData.mainProduct.productName,
-                  },
-                });
-              }
-            }
-            if (this.text === "腾讯激活") {
-              this.jihuo();
             }
           }
-        });
-      },
-      // 腾讯流量激活方法
-      async jihuo() {
-        // this.text = "";
-        let res = await this.useridCode();
-        let url =
-          "https://mcgi.v.qq.com/unicom/check_user_order?usermob=" +
-          res.data +
-          "&otype=json&platform=5&_t=" +
-          Math.random() +
-          "&callback=test";
-        this.myJsonp(
-          url,
-          (data) => {
-            let params = data;
-            QQVideoBridge.saveResult("saveSubscriptionStatus", params).done(
-              (result) => {
-                let res = JSON.parse(result);
-                if (res.errcode === 0) {
-                  this.$toast.success("激活成功");
-                } else {
-                  this.$toast.fail("激活失败");
-                }
+          if (this.text === "腾讯激活") {
+            this.jihuo();
+          }
+        }
+      }, response => {
+        if (response.code === 500) {
+          this.$toast(response.message)
+        }
+      });
+    },
+    // 腾讯流量激活方法
+    async jihuo () {
+      // this.text = "";
+      let res = await this.useridCode();
+      let url =
+        "https://mcgi.v.qq.com/unicom/check_user_order?usermob=" +
+        res.data +
+        "&otype=json&platform=5&_t=" +
+        Math.random() +
+        "&callback=test";
+      this.myJsonp(
+        url,
+        (data) => {
+          let params = data;
+          QQVideoBridge.saveResult("saveSubscriptionStatus", params).done(
+            (result) => {
+              let res = JSON.parse(result);
+              if (res.errcode === 0) {
+                this.$toast.success("激活成功");
+              } else {
+                this.$toast.fail("激活失败");
               }
-            );
-          },
-          "test"
-        );
-      },
-      useridCode() {
-        let cpid = "tencent";
-        let userid = this.$store.state.user.userid;
-        return changeUserid({
-          cpid,
-          userid,
-        });
-      },
-      myJsonp(url, callback, callbackname) {
-        window[callbackname] = callback;
-        let script = document.createElement("script");
-        script.src = url;
-        script.type = "text/javascript";
-        document.head.appendChild(script);
-      },
+            }
+          );
+        },
+        "test"
+      );
+    },
+    useridCode () {
+      let cpid = "tencent";
+      let userid = this.$store.state.user.userid;
+      return changeUserid({
+        cpid,
+        userid,
+      });
+    },
+    myJsonp (url, callback, callbackname) {
+      window[callbackname] = callback;
+      let script = document.createElement("script");
+      script.src = url;
+      script.type = "text/javascript";
+      document.head.appendChild(script);
     },
-  };
+  },
+};
 </script>
 <style lang="scss" scoped>
-  .modal {
-    box-sizing: border-box;
+.modal {
+  box-sizing: border-box;
+  position: absolute;
+  left: 50%;
+  top: 333px;
+  transform: translateX(-50%);
+  width: 530px;
+  background-color: #fff;
+  border-radius: 8px;
+
+  .close {
+    width: 80px;
+    height: 80px;
     position: absolute;
+    bottom: -130px;
     left: 50%;
-    top: 333px;
     transform: translateX(-50%);
-    width: 530px;
-    background-color: #fff;
-    border-radius: 8px;
-
-    .close {
-      width: 80px;
-      height: 80px;
-      position: absolute;
-      bottom: -130px;
-      left: 50%;
-      transform: translateX(-50%);
-    }
+  }
 
-    .top {
-      width: 100%;
-      height: 96px;
-    }
+  .top {
+    width: 100%;
+    height: 96px;
+  }
 
-    .logo {
-      width: 92px;
-      height: 50px;
-      position: absolute;
-      top: 22px;
-      left: 37px;
-    }
+  .logo {
+    width: 92px;
+    height: 50px;
+    position: absolute;
+    top: 22px;
+    left: 37px;
   }
+}
 
-  .login-modal {
-    top: 366px;
+.login-modal {
+  top: 366px;
 
-    .body-box {
-      padding: 40px 50px 70px;
+  .body-box {
+    padding: 40px 50px 70px;
 
-      .input-box {
-        display: flex;
-        line-height: 75px;
-        margin-bottom: 25px;
-        justify-content: space-between;
-        align-items: center;
-        border-bottom: 1px solid #d6000f;
+    .input-box {
+      display: flex;
+      line-height: 75px;
+      margin-bottom: 25px;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #d6000f;
 
-        .input {
-          font-size: 32px;
-          color: #000;
-          flex: 1;
-          background-color: transparent;
+      .input {
+        font-size: 32px;
+        color: #000;
+        flex: 1;
+        background-color: transparent;
 
-          input {
-            margin: 0;
-            padding: 0;
-            border: none;
-            outline: none;
-            width: 100%;
-          }
+        input {
+          margin: 0;
+          padding: 0;
+          border: none;
+          outline: none;
+          width: 100%;
         }
+      }
 
-        .code {
-          font-size: 28px;
-          width: 150px;
-          margin: 0 10px;
-          color: #d6000f;
+      .code {
+        font-size: 28px;
+        width: 150px;
+        margin: 0 10px;
+        color: #d6000f;
 
-          &.number {
-            color: #a7a7a7;
-          }
+        &.number {
+          color: #a7a7a7;
         }
       }
+    }
 
-      .text-box {
-        font-family: PingFang-SC-Medium;
-        text-align: center;
-        line-height: 55px;
-        font-size: 32px;
-      }
+    .text-box {
+      font-family: PingFang-SC-Medium;
+      text-align: center;
+      line-height: 55px;
+      font-size: 32px;
+    }
 
-      .btn-box {
-        display: flex;
-        justify-content: space-between;
+    .btn-box {
+      display: flex;
+      justify-content: space-between;
 
-        .btn {
-          width: 190px;
-          margin-top: 20px;
-          height: 80px;
-          line-height: 80px;
-          border-radius: 40px;
-          font-size: 34px;
-          font-weight: bold;
-          text-align: center;
-        }
+      .btn {
+        width: 190px;
+        margin-top: 20px;
+        height: 80px;
+        line-height: 80px;
+        border-radius: 40px;
+        font-size: 34px;
+        font-weight: bold;
+        text-align: center;
+      }
 
-        .left {
-          background: #ffffff;
-          border: 2px solid #bfbfbf;
-          border-radius: 8px;
-        }
+      .left {
+        background: #ffffff;
+        border: 2px solid #bfbfbf;
+        border-radius: 8px;
+      }
 
-        .right {
-          color: #d6000f;
-          background: #ffffff;
-          border: 2px solid #d6000f;
-          border-radius: 8px;
-        }
+      .right {
+        color: #d6000f;
+        background: #ffffff;
+        border: 2px solid #d6000f;
+        border-radius: 8px;
       }
     }
   }
+}
 </style>

purchase_H5/src/components/unbuyModal.vue

@@ -110,11 +110,11 @@ export default {
       reason: "",
       resonList: [
         {
-          title: "价格太贵",
+          title: "流量无法激活",
           value: "1",
         },
         {
-          title: "误点误操作",
+          title: "会员无法领取",
           value: "2",
         },
         {
@@ -126,12 +126,11 @@ export default {
           value: "4",
         },
         {
-
-          title: "流量无法激活",
+          title: "价格太贵",
           value: "5",
         },
         {
-          title: "会员无法领取",
+          title: "误点误操作",
           value: "6",
         },
         {
@@ -248,6 +247,10 @@ export default {
             }
           );
         }
+      }, response => {
+        if (response.code === 500) {
+          this.$toast(response.message)
+        }
       });
     },
     closeSheet () {

purchase_ao/src/views/schemeV2/channelEdit.vue

@@ -391,19 +391,19 @@ export default {
         const routeUrl = this.$router.resolve({
           path: '/strategy/add',
           query: {
-            id: e.id,
+            id: e,
             editId: 1
           }
         })
-        window.open(routeUrl.href + '?id=' + e, '_blank')
+        window.open(routeUrl.href,'_blank')
       } else {
         const routeUrl = this.$router.resolve({
           path: '/schemeV2/schemeAdd',
           query: {
-            id: e.id
+            id: e
           }
         })
-        window.open(routeUrl.href + '?id=' + e, '_blank')
+        window.open(routeUrl.href, '_blank')
       }
 
     },