feat: 增加基础配置接口联调

06fd7183 · 无尘 · f7689983 · 06fd7183 · 06fd7183 · 06fd7183
Commit 06fd7183 authored Nov 26, 2019 by 无尘
9 changed files
--- a/dist/index.html
+++ b/dist/index.html
-<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>分享有礼</title><link href=./static/css/app.6a525b5ea1b3ab6803a1c8d0e4874f63.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.33.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.03.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-new.2.0.29.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-card.2.0.13.js></script><script src=//web-1251519181.file.myqcloud.com/components/people.2.0.38.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.11.js></script><script src=//web-1251519181.file.myqcloud.com/components/area-ab.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/selector.1.1.91.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.12.js></script><script type=text/javascript src=./static/js/manifest.057d6b3c65746510d7d7.js></script><script type=text/javascript src=./static/js/vendor.14f8172dd3290d7d86d8.js></script><script type=text/javascript src=./static/js/app.fea04cb8f4b9cb9f749e.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>分享有礼</title><link href=./static/css/app.8d7186fd321140c54ba06c333a8c00e3.css rel=stylesheet></head><body style="background-color: #f0f2f5;min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/elementUI/index.2.5.4.js></script><script src=//web-1251519181.file.myqcloud.com/components/header.2.0.33.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.03.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-new.2.0.29.js></script><script src=//web-1251519181.file.myqcloud.com/components/store-card.2.0.13.js></script><script src=//web-1251519181.file.myqcloud.com/components/people.2.0.38.js></script><script src=//web-1251519181.file.myqcloud.com/components/aside-menu.2.0.11.js></script><script src=//web-1251519181.file.myqcloud.com/components/area-ab.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/card.2.0.02.js></script><script src=//web-1251519181.file.myqcloud.com/components/selector.1.1.91.js></script><script src=//web-1251519181.file.myqcloud.com/components/export-excel.2.0.12.js></script><script type=text/javascript src=./static/js/manifest.561af9785549abd74d76.js></script><script type=text/javascript src=./static/js/vendor.14f8172dd3290d7d86d8.js></script><script type=text/javascript src=./static/js/app.fea04cb8f4b9cb9f749e.js></script></body></html>
\ No newline at end of file
--- a/dist/static/css/app.6a525b5ea1b3ab6803a1c8d0e4874f63.css
+++ b/dist/static/css/app.6a525b5ea1b3ab6803a1c8d0e4874f63.css
--- a/dist/static/js/2.81fc82ef6015ae860bf4.js
+++ b/dist/static/js/2.81fc82ef6015ae860bf4.js
--- a/dist/static/js/manifest.057d6b3c65746510d7d7.js
+++ b/dist/static/js/manifest.057d6b3c65746510d7d7.js
-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"0e10d3a3345996000104",1:"5b546fa38466a0b05e37",2:"81fc82ef6015ae860bf4",3:"d0027d91a91c09086609",4:"b1fce92cd9cf5ce634ec",5:"4426b0fcce1baf83ce11",6:"fda09ea240d5c03fd4f4",7:"b0fd74564cc799593b8f",8:"fe9ec49f63ecd8e527ba",9:"522a01ff8d619d2bf030",10:"e16b73d2d4b922255e52",11:"c11d02c33702d00b2e2e",12:"1a632fbab3e4cc65078b"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"0e10d3a3345996000104",1:"5b546fa38466a0b05e37",2:"177d4325ead140fbe4d0",3:"d0027d91a91c09086609",4:"b1fce92cd9cf5ce634ec",5:"4426b0fcce1baf83ce11",6:"fda09ea240d5c03fd4f4",7:"b0fd74564cc799593b8f",8:"fe9ec49f63ecd8e527ba",9:"522a01ff8d619d2bf030",10:"e16b73d2d4b922255e52",11:"c11d02c33702d00b2e2e",12:"1a632fbab3e4cc65078b"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
--- a/src/components/active-config/base-config.vue
+++ b/src/components/active-config/base-config.vue
@@ -4,7 +4,7 @@
 * @Author: 无尘
 * @Date: 2019-11-18 10:37:02
 * @LastEditors: 无尘
- * @LastEditTime: 2019-11-26 15:20:38
+ * @LastEditTime: 2019-11-26 20:37:17
 -->
 <!--
 <base-config  @submitNext="submitNext"></base-config>
@@ -112,8 +112,7 @@ export default {
        activityMarketPageId: '',
        gamePlanId: '',
        cardCoupId: '',
-        routerBitValue: '',
+        router: '',
-        routerBitName: '',
        activityName: '',
        dateRange: []
      },
@@ -166,8 +165,7 @@ export default {
      const that = this;
      that.$refs[formName].validate(valid => {
        if (valid) {
-          that.$emit('submitNext', that.activeInfoData);
+          that.$store.dispatch('clearIndexData'); // 清空首页暂存数据
-          that.$store.dispatch('saveBaseInfo', that.activeInfoData);
          that.postSave();
        } else {
          return false;
@@ -188,15 +186,14 @@ export default {
        activityMarketPageId: that.activeInfoData.activityMarketPageId,
        gamePlanId: that.activeInfoData.gamePlanId,
        cardCoupId: that.activeInfoData.cardCoupId,
-        routerBitValue: that.activeInfoData.routerBitValue,
+        router: JSON.stringify(that.activeInfoData.router)
-        routerBitName: that.activeInfoData.routerBitName
      };
      postRequest('/sharing-core-web/create-activity-base-info', para)
        .then(res => {
          let resData = res.data;
          if (resData.errorCode == 1) {
            that.$emit('submitNext', that.activeInfoData);
-            that.$store.dispatch('saveBaseInfo', that.activeInfoData);
+            // that.$store.dispatch('saveBaseInfo', that.activeInfoData);
            return;
          }
          errMsg.errorMsg(resData);
@@ -221,6 +218,9 @@ export default {
        .then(res => {
          let resData = res.data;
          if (resData.errorCode == 1) {
+            if (resData.result) {
+              resData.result.router = JSON.parse(resData.result.router);
+            }
            that.activeInfoData = resData.result;
            return false;
          }
@@ -239,7 +239,15 @@ export default {
    if (that.$route.query.hasOwnProperty('acitivityId')) {
      that.getBaseData();
    }
+    if (Object.keys(that.$store.state.activeInfo).length) {
+      const info = JSON.parse(JSON.stringify(that.$store.state.activeInfo));
+      that.activeInfoData.parentGoalId = info.firstGoal.goalId;
+      that.activeInfoData.goalId = info.secondGoal.goalId;
+      that.activeInfoData.activityMarketPageId = info.markingValue;
+      that.activeInfoData.gamePlanId = info.gameValue[1];
+      that.activeInfoData.cardCoupId = info.cardValue;
+      that.activeInfoData.router = info.pathArr
+    }
  },
 };
 </script>

--- a/src/components/active-config/card-config.vue
+++ b/src/components/active-config/card-config.vue
@@ -4,7 +4,7 @@
 * @Author: 无尘
 * @Date: 2019-11-18 10:37:02
 * @LastEditors: 无尘
- * @LastEditTime: 2019-11-21 17:18:50
+ * @LastEditTime: 2019-11-26 20:13:44
 -->
 <!--
 <card-config @submitBack="submitBack" @submitNext="submitNext"></card-config>
@@ -14,26 +14,51 @@ import cardConfig from '@/components/active-config/card-config.vue';
 <template>
  <div class="card-config-content">
    <div class="config-title font-14 color-303133">小程序卡片配置</div>
-    <div role="alert" class="el-alert el-alert--info">
+    <div
+      role="alert"
+      class="el-alert el-alert--info"
+    >
      <i class="el-alert__icon el-icon-info font-12 color-1890ff"></i>
      <div class="el-alert__content">
-        <span class="el-alert__title color-606266 font-14 font-w-400"
+        <span class="el-alert__title color-606266 font-14 font-w-400">1. 邀请人可在活动中心一键转发【会员认证流程】的小程序卡片给微信好友，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！<br />
-          >1. 邀请人可在活动中心一键转发【会员认证流程】的小程序卡片给微信好友，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！<br />
+          2. 受邀人服务号关注后，系统将自动发送【会员认证流程】的小程序卡片，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！</span>
-          2. 受邀人服务号关注后，系统将自动发送【会员认证流程】的小程序卡片，请对小程序卡片的样式进行设置。优秀的活动标题和封面图可以大幅提升受邀人的参与积极性！</span
-        >
      </div>
    </div>
    <div class="form-wrap flex">
-      <el-form label-width="114px" :model="activeInfoData" ref="cardForm" :rules="rules">
+      <el-form
-        <el-form-item label="页面标题：" prop="appletTitle">
+        label-width="114px"
-          <limitInput :inputWidth="503" :disflag="$route.query.interfaceId ? true : false" :inputValue.sync="activeInfoData.appletTitle" :holder="'请输入页面标题'" :getByType="'word'" :maxLength="40"> </limitInput>
+        :model="activeInfoData"
+        ref="cardForm"
+        :rules="rules"
+      >
+        <el-form-item
+          label="页面标题："
+          prop="appletTitle"
+        >
+          <limitInput
+            :inputWidth="503"
+            :disflag="$route.query.interfaceId ? true : false"
+            :inputValue.sync="activeInfoData.appletTitle"
+            :holder="'请输入页面标题'"
+            :getByType="'word'"
+            :maxLength="40"
+          > </limitInput>
        </el-form-item>
-        <el-form-item label="海报上传：" prop="palyBillUrl">
+        <el-form-item
+          label="海报上传："
+          prop="palyBillUrl"
+        >
          <single-upload v-model="activeInfoData.palyBillUrl"> </single-upload>
        </el-form-item>
        <el-form-item class="m-t-50">
-          <el-button type="primary" @click="submitBack">上一步</el-button>
+          <el-button
-          <el-button type="primary" @click="submitForm('cardForm')">下一步</el-button>
+            type="primary"
+            @click="submitBack"
+          >上一步</el-button>
+          <el-button
+            type="primary"
+            @click="submitForm('cardForm')"
+          >下一步</el-button>
        </el-form-item>
      </el-form>
      <div class="form-preview">
@@ -42,7 +67,10 @@ import cardConfig from '@/components/active-config/card-config.vue';
          <div class="form-preview-inner">
            <div class="form-preview-title">{{ activeInfoData.appletTitle }}</div>
            <div class="form-preview-img flex flex-pack-center flex-align-center">
-              <img :src="activeInfoData.palyBillUrl" alt="" />
+              <img
+                :src="activeInfoData.palyBillUrl"
+                alt=""
+              />
            </div>
          </div>
        </div>
@@ -150,7 +178,9 @@ export default {
  },
  mounted() {
    const that = this;
-    that.getData();
+    if (that.$route.query.hasOwnProperty('acitivityId')) {
+      that.getData();
+    }
  }
 };
 </script>

--- a/src/components/active-config/center-config.vue
+++ b/src/components/active-config/center-config.vue
@@ -340,7 +340,9 @@ export default {
  },
  mounted() {
    const that = this;
-    that.getData();
+    if (that.$route.query.hasOwnProperty('acitivityId')) {
+      that.getData();
+    }
    that.changePage();
  }
 };

--- a/src/components/active-config/poster-config.vue
+++ b/src/components/active-config/poster-config.vue
@@ -4,7 +4,7 @@
 * @Author: 无尘
 * @Date: 2019-11-18 10:37:02
 * @LastEditors: 无尘
- * @LastEditTime: 2019-11-22 10:00:32
+ * @LastEditTime: 2019-11-26 20:24:40
 -->
 <!--
 <poster-config @submitBack="submitBack" @submitNext="submitNext"></poster-config>
@@ -160,6 +160,7 @@ import posterConfig from '@/components/active-config/poster-config.vue';
                text="123456"
                :margin="activeInfoData.qrcodePadding"
                :correctLevel="3"
+                :colorLight="activeInfoData.qrcodeBackColor"
                :colorDark="activeInfoData.qrcodeFrontColor"
                :backgroundColor="activeInfoData.qrcodeBackColor"
                :logoSrc="''"
@@ -286,7 +287,9 @@ export default {
  },
  mounted() {
    const that = this;
-    that.getData();
+    if (that.$route.query.hasOwnProperty('acitivityId')) {
+      that.getData();
+    }
  }
 };
 </script>

--- a/src/components/active-config/reward-config.vue
+++ b/src/components/active-config/reward-config.vue
@@ -4,7 +4,7 @@
 * @Author: 无尘
 * @Date: 2019-11-18 10:37:02
 * @LastEditors: 无尘
- * @LastEditTime: 2019-11-25 17:32:59
+ * @LastEditTime: 2019-11-26 20:14:25
 -->
 <!--
 <reward-config @submitBack="submitBack" @submitNext="submitNext"></reward-config>
@@ -14,14 +14,29 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
 <template>
  <div class="reward-config-content">
    <div class="config-title font-14 color-303133">奖励配置</div>
-    <el-form label-width="154px" :model="activeInfoData" ref="rewardForm" :rules="rules">
+    <el-form
-      <el-form-item label="奖励模式：" prop="awardMode">
+      label-width="154px"
+      :model="activeInfoData"
+      ref="rewardForm"
+      :rules="rules"
+    >
+      <el-form-item
+        label="奖励模式："
+        prop="awardMode"
+      >
        <ul class="flex">
          <template v-for="(item, index) in awardData">
-            <li :class="['li-cell flex-1 ', activeInfoData.awardMode == item.goalId ? 'li-cell-active' : '']" :key="index + 'first'" @click="selectMode(item)">
+            <li
+              :class="['li-cell flex-1 ', activeInfoData.awardMode == item.goalId ? 'li-cell-active' : '']"
+              :key="index + 'first'"
+              @click="selectMode(item)"
+            >
              <div class="li-cell-inner flex ">
                <div class="li-cell-left flex flex-align-center flex-pack-center">
-                  <img :src="activeInfoData.awardMode == item.goalId ? item.selectedIconUrl : item.iconUrl" alt="" />
+                  <img
+                    :src="activeInfoData.awardMode == item.goalId ? item.selectedIconUrl : item.iconUrl"
+                    alt=""
+                  />
                </div>
                <div class="li-cell-right border-box flex flex-column ">
                  <div class="li-cell-active_name flex flex-align-center  font-18 color-303133">{{ item.goalName }}</div>
@@ -39,10 +54,17 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
          </template>
        </ul>
      </el-form-item>
-      <el-form-item label="奖励方案（多选）：" prop="dateRange">
+      <el-form-item
+        label="奖励方案（多选）："
+        prop="dateRange"
+      >
        <ul class="flex  m-t-48">
          <template v-for="(item, index) in awardTypeData">
-            <li :class="['li-cell li-second-cell flex-1 ', activeInfoData[item.key] ? 'li-second-active' : '']" :key="index + 'second'" @click="selectModeType(item, activeInfoData)">
+            <li
+              :class="['li-cell li-second-cell flex-1 ', activeInfoData[item.key] ? 'li-second-active' : '']"
+              :key="index + 'second'"
+              @click="selectModeType(item, activeInfoData)"
+            >
              <div class="li-cell-inner">
                <div class="li-cell-bottom border-box">
                  <div class="li-cell-scene">
@@ -63,28 +85,50 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
        </ul>
      </el-form-item>
      <el-form-item class="m-t-50">
-        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tabs
-          <el-tab-pane label="消费行为控制" name="first">
+          v-model="activeName"
+          type="card"
+          @tab-click="handleClick"
+        >
+          <el-tab-pane
+            label="消费行为控制"
+            name="first"
+          >
            <!-- 消费行为控制 -->
            <consume-config></consume-config>
          </el-tab-pane>
-          <el-tab-pane label="即时奖励配置" name="second">
+          <el-tab-pane
+            label="即时奖励配置"
+            name="second"
+          >
            <!-- 即时奖励配置 -->
            <spot-award></spot-award>
          </el-tab-pane>
-          <el-tab-pane label="闯关奖励配置" name="third">
+          <el-tab-pane
+            label="闯关奖励配置"
+            name="third"
+          >
            <!-- 闯关奖励配置 -->
            <entry-award></entry-award>
          </el-tab-pane>
-          <el-tab-pane label="竞赛奖励配置" name="four">
+          <el-tab-pane
+            label="竞赛奖励配置"
+            name="four"
+          >
            <competition-award></competition-award>
            <!-- 竞赛奖励配置 -->
          </el-tab-pane>
-          <el-tab-pane label="受邀人奖励" name="five">
+          <el-tab-pane
+            label="受邀人奖励"
+            name="five"
+          >
            <!-- 受邀人奖励 -->
            <invitee-reward></invitee-reward>
          </el-tab-pane>
-          <el-tab-pane label="防欺诈风险控制" name="six">
+          <el-tab-pane
+            label="防欺诈风险控制"
+            name="six"
+          >
            <!-- 防欺诈风险控制 -->
            <fraud-control></fraud-control>
          </el-tab-pane>
@@ -93,23 +137,50 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
      <el-form-item class="m-t-50">
        <ul class="active-big-class">
          <template v-for="(parentItem, ind) in ProgressiveData">
-            <li :key="ind + 'set'" :class="['parent-li-cell border-box', parentItem.serviceAttentionFlag ? 'show-active-li' : '']">
+            <li
-              <div class="progress-active-title flex  flex-space-between border-box" @click.stop="selectLi(parentItem)">
+              :key="ind + 'set'"
+              :class="['parent-li-cell border-box', parentItem.serviceAttentionFlag ? 'show-active-li' : '']"
+            >
+              <div
+                class="progress-active-title flex  flex-space-between border-box"
+                @click.stop="selectLi(parentItem)"
+              >
                <div class="active-title-left">
                  <div class="active-title-title font-16 color-303133">{{ parentItem.title }}</div>
                  <div class="active-title-subtitle font-14 color-606266 m-t-7">{{ parentItem.subTitle }}</div>
                </div>
                <div class="active-title-right flex flex-align-center">
-                  <el-switch v-model="parentItem.serviceAttentionFlag" active-text="" inactive-text=""> </el-switch>
+                  <el-switch
+                    v-model="parentItem.serviceAttentionFlag"
+                    active-text=""
+                    inactive-text=""
+                  > </el-switch>
                </div>
              </div>
-              <div v-if="parentItem.serviceAttentionFlag" class="set-body">
+              <div
-                <div data-v-6033a8b1="" class="el-form-item m-t-44">
+                v-if="parentItem.serviceAttentionFlag"
-                  <label for="" class="el-form-item__label" style="width: 115px;">奖励模式：</label>
+                class="set-body"
-                  <div class="el-form-item__content" style="margin-left: 115px;">
+              >
+                <div
+                  data-v-6033a8b1=""
+                  class="el-form-item m-t-44"
+                >
+                  <label
+                    for=""
+                    class="el-form-item__label"
+                    style="width: 115px;"
+                  >奖励模式：</label>
+                  <div
+                    class="el-form-item__content"
+                    style="margin-left: 115px;"
+                  >
                    <ul class="flex  m-t-48">
                      <template v-for="(item, index) in awardTypeData">
-                        <li :class="['li-cell li-second-cell flex-1 ', parentItem[item.key] ? 'li-second-active' : '']" :key="index + 'second'" @click="selectModeType(item, parentItem)">
+                        <li
+                          :class="['li-cell li-second-cell flex-1 ', parentItem[item.key] ? 'li-second-active' : '']"
+                          :key="index + 'second'"
+                          @click="selectModeType(item, parentItem)"
+                        >
                          <div class="li-cell-inner">
                            <div class="li-cell-bottom border-box">
                              <div class="li-cell-scene">
@@ -130,28 +201,51 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
                    </ul>
                  </div>
                </div>
-                <el-tabs class="m-t-30" v-model="parentItem.activeName" type="card" @tab-click="handleClick">
+                <el-tabs
-                  <el-tab-pane label="消费行为控制" name="first">
+                  class="m-t-30"
+                  v-model="parentItem.activeName"
+                  type="card"
+                  @tab-click="handleClick"
+                >
+                  <el-tab-pane
+                    label="消费行为控制"
+                    name="first"
+                  >
                    <!-- 消费行为控制 -->
                    <consume-config></consume-config>
                  </el-tab-pane>
-                  <el-tab-pane label="即时奖励配置" name="second">
+                  <el-tab-pane
+                    label="即时奖励配置"
+                    name="second"
+                  >
                    <!-- 即时奖励配置 -->
                    <spot-award></spot-award>
                  </el-tab-pane>
-                  <el-tab-pane label="闯关奖励配置" name="third">
+                  <el-tab-pane
+                    label="闯关奖励配置"
+                    name="third"
+                  >
                    <!-- 闯关奖励配置 -->
                    <entry-award></entry-award>
                  </el-tab-pane>
-                  <el-tab-pane label="竞赛奖励配置" name="four">
+                  <el-tab-pane
+                    label="竞赛奖励配置"
+                    name="four"
+                  >
                    <competition-award></competition-award>
                    <!-- 竞赛奖励配置 -->
                  </el-tab-pane>
-                  <el-tab-pane label="受邀人奖励" name="five">
+                  <el-tab-pane
+                    label="受邀人奖励"
+                    name="five"
+                  >
                    <!-- 受邀人奖励 -->
                    <invitee-reward></invitee-reward>
                  </el-tab-pane>
-                  <el-tab-pane label="防欺诈风险控制" name="six">
+                  <el-tab-pane
+                    label="防欺诈风险控制"
+                    name="six"
+                  >
                    <!-- 防欺诈风险控制 -->
                    <fraud-control></fraud-control>
                  </el-tab-pane>
@@ -162,8 +256,14 @@ import rewardConfig from '@/components/active-config/reward-config.vue';
        </ul>
      </el-form-item>
      <el-form-item class="m-t-50">
-        <el-button type="primary" @click="submitBack">上一步</el-button>
+        <el-button
-        <el-button type="primary" @click="submitForm('rewardForm')">确认新建</el-button>
+          type="primary"
+          @click="submitBack"
+        >上一步</el-button>
+        <el-button
+          type="primary"
+          @click="submitForm('rewardForm')"
+        >确认新建</el-button>
      </el-form-item>
    </el-form>
  </div>
@@ -365,7 +465,9 @@ export default {
  },
  mounted() {
    const that = this;
+    if (that.$route.query.hasOwnProperty('acitivityId')) {
    that.getData();
+    }
  }
 };
 </script>