新增员工

store/src/admin/adminShop/bind.vue

@@ -1,46 +1,66 @@
 <template>
   <div class="app-content">
-    <form @submit="formSubmit">
-      <div class="module-com input-line-wrap">
-        <div
-          class="prompt-text"
-          style="padding-top:20rpx;margin-bottom:20rpx;font-size:30rpx;"
-        >请按以下操作完成绑定：</div>
+    <div v-if="showBindArea">
+      <form @submit="formSubmit">
+        <div class="module-com input-line-wrap">
+          <div
+            class="prompt-text"
+            style="padding-top:20rpx;margin-bottom:20rpx;font-size:30rpx;"
+          >请按以下操作完成绑定：</div>
 
-        <tui-list-cell class="line-cell" :hover="false">
-          <div class="tui-title required" style="width:120rpx;">手机号</div>
-          <view style="width:400rpx;"></view>
-          <button
-            class="admin-button-com blue mini-btn"
-            open-type="getPhoneNumber"
-            @getphonenumber="getWxMobile"
-          >点击生成</button>
-        </tui-list-cell>
-        <tui-list-cell class="line-cell" :hover="false">
-          <div class="tui-title required" style="width:120rpx;">昵称</div>
-          <view style="width:400rpx;"></view>
-          <button
-            class="admin-button-com blue mini-btn"
-            open-type="getUserInfo"
-            @getuserinfo="getWxAvatar"
-          >点击生成</button>
-        </tui-list-cell>
+          <tui-list-cell class="line-cell" :hover="false">
+            <div class="tui-title required" style="width:120rpx;">手机号</div>
+            <view style="width:400rpx;">{{form.mobile}}</view>
+            <button
+              class="admin-button-com blue mini-btn"
+              open-type="getPhoneNumber"
+              @getphonenumber="getWxMobile"
+            >点击生成</button>
+          </tui-list-cell>
+          <tui-list-cell class="line-cell" :hover="false">
+            <div class="tui-title required" style="width:120rpx;">昵称</div>
+            <view style="width:400rpx;">{{form.nickname}}</view>
+            <button
+              class="admin-button-com blue mini-btn"
+              open-type="getUserInfo"
+              @getuserinfo="getWxAvatar"
+            >点击生成</button>
+          </tui-list-cell>
 
-        <div
-          class="prompt-text"
-          style="margin-top:20rpx;margin-bottom:20rpx;font-size:30rpx;"
-        >关注公众号，第一时间接收动态提醒：</div>
+          <div
+            class="prompt-text"
+            style="margin-top:20rpx;margin-bottom:20rpx;font-size:30rpx;"
+          >关注公众号，第一时间接收动态提醒：</div>
 
-        <tui-list-cell>
-          <block>
-            <official-account></official-account>
-          </block>
-        </tui-list-cell>
-        <div class="btn-wrap">
-          <button class="admin-button-com blue big" formType="submit">完成</button>
+          <tui-list-cell>
+            <block>
+              <official-account></official-account>
+            </block>
+          </tui-list-cell>
+          <div class="btn-wrap">
+            <button class="admin-button-com blue big" formType="submit">完成</button>
+          </div>
         </div>
-      </div>
-    </form>
+      </form>
+    </div>
+    <div v-if="showSuccessArea">
+      <view style="text-align:center;padding-top:50rpx;">
+        <img
+          :src="`${constant.imgUrl}/retail/callback/success.png`"
+          alt
+          mode="widthFix"
+          style="width:30vh;margin:0 auto;"
+        />
+      </view>
+      <view style="text-align:center;font-size:40rpx;margin-top:30rpx;">绑定成功</view>
+      <view style="text-align:center;margin-top:5vh">
+        <button
+          class="admin-button-com blue big"
+          style="width:260rpx;"
+          @click="redirectToCenter"
+        >管理中心</button>
+      </view>
+    </div>
   </div>
 </template>
 
@@ -61,9 +81,12 @@ export default {
         mobile: "",
         recommendAdminId: "",
         shopId: "",
-        adminId: ""
+        adminId: "",
+        nickname: ""
       },
-      levelSelData: {}
+      levelSelData: {},
+      showBindArea:true,
+      showSuccessArea:false
     };
   },
   computed: {},
@@ -86,7 +109,12 @@ export default {
   methods: {
     confirmFn() {
       generateAdmin(this.form).then(res => {
-        this.$msg("添加成功！");
+        this.showBindArea = false
+        this.showSuccessArea = true
+        console.log(res)
+        //这个shopId没有保存进去，无法到后台页面
+        //uni.setStorageSync('shopId', res.data.shopId)
+        //this.$msg("添加成功！");
       });
     },
     // 表单验证
@@ -116,7 +144,7 @@ export default {
       ];
       // 进行表单检查
       let formData = this.form;
-      console.log(formData)
+      console.log(formData);
       let checkRes = form.validation(formData, rules);
       // 验证通过!
       if (!checkRes) {
@@ -152,7 +180,7 @@ export default {
           getWxInfo({ iv: res.iv, encryptedData: res.encryptedData }).then(
             subRes => {
               this.form.adminId = subRes.data.id;
-
+              this.form.nickname = subRes.data.nickname;
               uni.showToast({
                 icon: "success"
               });
@@ -163,6 +191,12 @@ export default {
           // this.loading = false
         }
       });
+    },
+    redirectToCenter() {
+      this.$util.pageTo({
+        url: "/admin/home/workbench",
+        type: 3
+      });
     }
   }
 };