调整一号通登录后回调数据给商城自动保存配置

template/admin/src/pages/notify/smsConfig/index.vue

@@ -1,110 +1,110 @@
 <template>
-    <div>
-      <div class="i-layout-page-header header-title">
-        <span class="ivu-page-header-title">一号通账户<span class="title-tips">快速开通短信接口、物流接口、商品采集接口、电子面单接口等</span></span
-        >
-<!--        <div v-if="isShowList" class="acea-row row-between-wrapper picTxt">-->
-<!--          <div slot="content">-->
-<!--            <Avatar class="dashboard-workplace-header-avatar" :src="imgUrl" />-->
-<!--            <div class="dashboard-workplace-header-tip">-->
-<!--              <p class="dashboard-workplace-header-tip-title">{{ smsAccount }}，祝您每一天开心！</p>-->
-<!--              <p class="dashboard-workplace-header-tip-desc">-->
-<!--                <a href="#" @click="onChangePassswordIndex">修改密码</a>-->
-<!--                <Divider type="vertical" />-->
-<!--                &lt;!&ndash; <a href="#" @click="onChangePhone">修改手机号</a>-->
-<!--                  <Divider type="vertical" /> &ndash;&gt;-->
-<!--                <a href="#" @click="signOut">退出登录</a>-->
-<!--              </p>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="dashboard">-->
-<!--            <div class="dashboard-workplace-header-extra">-->
-<!--              <div class="acea-row">-->
-<!--                <div class="header-extra">-->
-<!--                  <p class="mb5"><span>短信条数</span></p>-->
-<!--                  <div v-if="sms.open === 0">-->
-<!--                    <p>暂未开通</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('sms')">开通服务</Button>-->
-<!--                  </div>-->
-<!--                  <div v-else>-->
-<!--                    <p>{{ sms.num || 0 }}</p>-->
-<!--                    <Button-->
-<!--                      size="small"-->
-<!--                      type="primary"-->
-<!--                      class="mt3 samll_font"-->
-<!--                      style="textalign: center"-->
-<!--                      @click="mealPay('sms')"-->
-<!--                      >套餐购买</Button-->
-<!--                    >-->
-<!--                  </div>-->
-<!--                </div>-->
-<!--                <div class="header-extra">-->
-<!--                  <p class="mb5"><span>采集次数</span></p>-->
-<!--                  <div v-if="copy.open === 0">-->
-<!--                    <p>暂未开通</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('copy')">开通服务</Button>-->
-<!--                  </div>-->
-<!--                  <div v-else>-->
-<!--                    <p>{{ copy.num || 0 }}</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('copy')">套餐购买</Button>-->
-<!--                  </div>-->
-<!--                </div>-->
-<!--                <div class="header-extra">-->
-<!--                  <p class="mb5"><span>物流查询次数</span></p>-->
-<!--                  <div v-if="query.open === 0">-->
-<!--                    <p>暂未开通</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('query')">开通服务</Button>-->
-<!--                  </div>-->
-<!--                  <div v-else>-->
-<!--                    <p>{{ query.num || 0 }}</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('expr_query')"-->
-<!--                      >套餐购买</Button-->
-<!--                    >-->
-<!--                  </div>-->
-<!--                </div>-->
-<!--                <div class="header-extra" style="border: none">-->
-<!--                  <p class="mb5"><span>面单打印次数</span></p>-->
-<!--                  <div v-if="dump.open === 0">-->
-<!--                    <p>暂未开通</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('dump')">开通服务</Button>-->
-<!--                  </div>-->
-<!--                  <div v-else>-->
-<!--                    <p>{{ dump.num || 0 }}</p>-->
-<!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('expr_dump')"-->
-<!--                      >套餐购买</Button-->
-<!--                    >-->
-<!--                  </div>-->
-<!--                </div>-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </div>-->
-      </div>
-      <Card :bordered="false" dis-hover class="ivu-mt" style="min-height: 600px;padding: 0;">
+  <div>
+    <!--      <div class="i-layout-page-header header-title">-->
+    <!--        <span class="ivu-page-header-title">一号通账户<span class="title-tips">快速开通短信接口、物流接口、商品采集接口、电子面单接口等</span></span>-->
+    <!--        <div v-if="isShowList" class="acea-row row-between-wrapper picTxt">-->
+    <!--          <div slot="content">-->
+    <!--            <Avatar class="dashboard-workplace-header-avatar" :src="imgUrl" />-->
+    <!--            <div class="dashboard-workplace-header-tip">-->
+    <!--              <p class="dashboard-workplace-header-tip-title">{{ smsAccount }}，祝您每一天开心！</p>-->
+    <!--              <p class="dashboard-workplace-header-tip-desc">-->
+    <!--                <a href="#" @click="onChangePassswordIndex">修改密码</a>-->
+    <!--                <Divider type="vertical" />-->
+    <!--                &lt;!&ndash; <a href="#" @click="onChangePhone">修改手机号</a>-->
+    <!--                  <Divider type="vertical" /> &ndash;&gt;-->
+    <!--                <a href="#" @click="signOut">退出登录</a>-->
+    <!--              </p>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--          <div class="dashboard">-->
+    <!--            <div class="dashboard-workplace-header-extra">-->
+    <!--              <div class="acea-row">-->
+    <!--                <div class="header-extra">-->
+    <!--                  <p class="mb5"><span>短信条数</span></p>-->
+    <!--                  <div v-if="sms.open === 0">-->
+    <!--                    <p>暂未开通</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('sms')">开通服务</Button>-->
+    <!--                  </div>-->
+    <!--                  <div v-else>-->
+    <!--                    <p>{{ sms.num || 0 }}</p>-->
+    <!--                    <Button-->
+    <!--                      size="small"-->
+    <!--                      type="primary"-->
+    <!--                      class="mt3 samll_font"-->
+    <!--                      style="textalign: center"-->
+    <!--                      @click="mealPay('sms')"-->
+    <!--                      >套餐购买</Button-->
+    <!--                    >-->
+    <!--                  </div>-->
+    <!--                </div>-->
+    <!--                <div class="header-extra">-->
+    <!--                  <p class="mb5"><span>采集次数</span></p>-->
+    <!--                  <div v-if="copy.open === 0">-->
+    <!--                    <p>暂未开通</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('copy')">开通服务</Button>-->
+    <!--                  </div>-->
+    <!--                  <div v-else>-->
+    <!--                    <p>{{ copy.num || 0 }}</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('copy')">套餐购买</Button>-->
+    <!--                  </div>-->
+    <!--                </div>-->
+    <!--                <div class="header-extra">-->
+    <!--                  <p class="mb5"><span>物流查询次数</span></p>-->
+    <!--                  <div v-if="query.open === 0">-->
+    <!--                    <p>暂未开通</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('query')">开通服务</Button>-->
+    <!--                  </div>-->
+    <!--                  <div v-else>-->
+    <!--                    <p>{{ query.num || 0 }}</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('expr_query')"-->
+    <!--                      >套餐购买</Button-->
+    <!--                    >-->
+    <!--                  </div>-->
+    <!--                </div>-->
+    <!--                <div class="header-extra" style="border: none">-->
+    <!--                  <p class="mb5"><span>面单打印次数</span></p>-->
+    <!--                  <div v-if="dump.open === 0">-->
+    <!--                    <p>暂未开通</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="onOpen('dump')">开通服务</Button>-->
+    <!--                  </div>-->
+    <!--                  <div v-else>-->
+    <!--                    <p>{{ dump.num || 0 }}</p>-->
+    <!--                    <Button size="small" type="primary" class="mt3 samll_font" @click="mealPay('expr_dump')"-->
+    <!--                      >套餐购买</Button-->
+    <!--                    >-->
+    <!--                  </div>-->
+    <!--                </div>-->
+    <!--              </div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <Card :bordered="false" dis-hover class="ivu-mt" style="min-height: 600px;">
 
-        <iframe src="https://api_v2.crmeb.net" style="width: 100%;height: 800px" frameborder="0"></iframe>
-<!--        <login-from-->
-<!--          @on-change="onChangePasssword"-->
-<!--          v-if="isShowLogn"-->
-<!--          @on-changes="onChangeReg"-->
-<!--          @on-Login="onLogin"-->
-<!--        ></login-from>-->
-<!--        <forget-password v-if="isShow" @goback="goback" @on-Login="onLogin" :isIndex="isIndex"></forget-password>-->
-<!--        <register-from v-if="isShowReg" @on-change="logoup"></register-from>-->
-<!--        <table-list-->
-<!--          ref="tableLists"-->
-<!--          v-if="isShowList"-->
-<!--          :sms="sms"-->
-<!--          :copy="copy"-->
-<!--          :dump="dump"-->
-<!--          :query="query"-->
-<!--          :accountInfo="accountInfo"-->
-<!--          @openService="openService"-->
-<!--        ></table-list>-->
-<!--        <forget-phone v-if="isForgetPhone" @gobackPhone="gobackPhone" @on-Login="onLogin"></forget-phone>-->
-<!--        <Spin size="large" fix v-if="spinShow"></Spin>-->
-      </Card>
-    </div>
+      <iframe src="https://api_v2.crmeb.net?token=AF37D4579721672220B08CA872586943" style="width: 100%;height: 800px"
+              frameborder="0"></iframe>
+      <!--        <login-from-->
+      <!--          @on-change="onChangePasssword"-->
+      <!--          v-if="isShowLogn"-->
+      <!--          @on-changes="onChangeReg"-->
+      <!--          @on-Login="onLogin"-->
+      <!--        ></login-from>-->
+      <!--        <forget-password v-if="isShow" @goback="goback" @on-Login="onLogin" :isIndex="isIndex"></forget-password>-->
+      <!--        <register-from v-if="isShowReg" @on-change="logoup"></register-from>-->
+      <!--        <table-list-->
+      <!--          ref="tableLists"-->
+      <!--          v-if="isShowList"-->
+      <!--          :sms="sms"-->
+      <!--          :copy="copy"-->
+      <!--          :dump="dump"-->
+      <!--          :query="query"-->
+      <!--          :accountInfo="accountInfo"-->
+      <!--          @openService="openService"-->
+      <!--        ></table-list>-->
+      <!--        <forget-phone v-if="isForgetPhone" @gobackPhone="gobackPhone" @on-Login="onLogin"></forget-phone>-->
+      <!--        <Spin size="large" fix v-if="spinShow"></Spin>-->
+    </Card>
+  </div>
 </template>
 
 <script>
@@ -113,6 +113,7 @@ import forgetPassword from './components/forgetPassword';
 import registerFrom from './components/register';
 import tableList from './tableList';
 import forgetPhone from './components/forgetPhone';
+import request from '@/libs/request';
 import {isLoginApi, logoutApi, smsNumberApi, serveInfoApi} from '@/api/setting';
 
 export default {
@@ -138,8 +139,28 @@ export default {
   },
   created() {
     // this.onIsLogin();
+    window.addEventListener('message', this.handleConfig);
+  },
+  beforeDestroy() {
+    // 移除事件监听器
+    window.removeEventListener('message', this.handleConfig)
   },
   methods: {
+    handleConfig(data) {
+      let IsSave = false;
+      if (data.accessKey && data.secretKey && IsSave === false) {
+        IsSave = true;
+        request({
+          url: 'setting/config/save_basics',
+          method: 'POST',
+          data: {
+            sms_account: data.accessKey,
+            sms_token: data.secretKey,
+          },
+        }).then(res => {
+        });
+      }
+    },
     onChangePhone() {
       this.isForgetPhone = true;
       this.isShowLogn = false;
@@ -303,6 +324,10 @@ export default {
   padding: 8px 0 12px;
 }
 
+.ivu-card .ivu-card-body {
+  padding: 0;
+}
+
 .dashboard {
   width: auto !important;
   min-width: 300px;