入驻卖家升级 review by lea.guo

-export default "production";
+export default "development";

@@ -36,76 +36,93 @@
       :data="data"
       :data="data"
       @on-page-change="onPageChange">
       @on-page-change="onPageChange">
     </LayoutTable>
     </LayoutTable>
-      <!--弹出框展示商家详情-->
-      <div class="popup-detail-wrapper" :class="{ show: isShowDetail}">
-        <i-card class="popup-detail-container">
-            <p slot="title">商家详情</p>
+    <!--弹出框展示商家详情-->
+    <div class="popup-detail-wrapper" :class="{ show: isShowDetail}">
+      <i-card class="popup-detail-container">
+          <p slot="title">商家详情</p>
+          <i-button slot="extra" class="btn-close" @click="closePopup">X</i-button>
+          <div class="pop-detail-content">
+              <i-row>
+                  <i-col span="4" class="detail-title">UID</i-col>
+                  <i-col span="8">{{detail.uid || '&nbsp;'}}</i-col>
+                  <i-col span="4" class="detail-title">商家类型</i-col>
+                  <i-col span="8">{{['','入驻卖家', '超级入驻', '', '普通卖家'][detail.entryType]}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title">商家名称</i-col>
+                  <i-col span="8">{{detail.certName || '--'}}</i-col>
+                  <i-col span="4" class="detail-title">手机号</i-col>
+                  <i-col span="8">{{detail.mobile || '--'}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title">招商人员</i-col>
+                  <i-col span="8">{{detail.investName || '--'}}</i-col>
+                  <i-col span="4" class="detail-title">违规次数</i-col>
+                  <i-col span="8">{{detail.breakRuleTimes || '0'}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title">账户余额</i-col>
+                  <i-col span="8" style="color: red;">{{detail.money || '0.00'}}</i-col>
+                  <i-col span="4" class="detail-title">入驻状态</i-col>
+                  <i-col span="8">{{detail.validStatusDesc || '--'}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title">入驻时间</i-col>
+                  <i-col span="8">{{detail.enterTime || '--'}}</i-col>
+                  <i-col span="4" class="detail-title">退出入驻时间</i-col>
+                  <i-col span="8">{{detail.quitTime || '--'}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title">身份证号</i-col>
+                  <i-col span="20">{{detail.certNo || '--'}}</i-col>
+              </i-row>
+              <i-row>
+                  <i-col span="4" class="detail-title no-border-right" style="min-height: 150px;line-height: 150px;">身份证照片</i-col>
+                  <i-col span="20" class="border-left" style="min-height: 150px;">
+                      <img v-if="detail.idCardFrontUrl" class="cert-image" :src="detail.idCardFrontUrl">
+                      <img v-if="detail.idCardBackUrl" class="cert-image" :src="detail.idCardBackUrl">
+                  </i-col>
+              </i-row>
+          </div>
+      </i-card>
+    </div>
+    <!--弹出框绑定招商人员-->
+    <div class="popup-invist-wrapper" :class="{ show: isShowInvest}">
+        <i-card class="popup-invist-container">
+            <p slot="title">绑定招商人</p>
             <i-button slot="extra" class="btn-close" @click="closePopup">X</i-button>
             <i-button slot="extra" class="btn-close" @click="closePopup">X</i-button>
-            <div class="pop-detail-content">
+            <div class="popup-invist-content">
                 <i-row>
                 <i-row>
-                    <i-col span="4" class="detail-title">UID</i-col>
-                    <i-col span="8">{{detail.uid || '&nbsp;'}}</i-col>
-                    <i-col span="4" class="detail-title">商家类型</i-col>
-                    <i-col span="8">{{['','入驻卖家', '超级入驻', '', '普通卖家'][detail.entryType]}}</i-col>
-                </i-row>
-                <i-row>
-                    <i-col span="4" class="detail-title">商家名称</i-col>
-                    <i-col span="8">{{detail.certName || '--'}}</i-col>
-                    <i-col span="4" class="detail-title">手机号</i-col>
-                    <i-col span="8">{{detail.mobile || '--'}}</i-col>
-                </i-row>
-                <i-row>
-                    <i-col span="4" class="detail-title">招商人员</i-col>
-                    <i-col span="8">{{detail.investName || '--'}}</i-col>
-                    <i-col span="4" class="detail-title">违规次数</i-col>
-                    <i-col span="8">{{detail.breakRuleTimes || '0'}}</i-col>
-                </i-row>
-                <i-row>
-                    <i-col span="4" class="detail-title">账户余额</i-col>
-                    <i-col span="8" style="color: red;">{{detail.money || '0.00'}}</i-col>
-                    <i-col span="4" class="detail-title">入驻状态</i-col>
-                    <i-col span="8">{{detail.validStatusDesc || '--'}}</i-col>
-                </i-row>
-                <i-row>
-                    <i-col span="4" class="detail-title">入驻时间</i-col>
-                    <i-col span="8">{{detail.enterTime || '--'}}</i-col>
-                    <i-col span="4" class="detail-title">退出入驻时间</i-col>
-                    <i-col span="8">{{detail.quitTime || '--'}}</i-col>
-                </i-row>
-                <i-row>
-                    <i-col span="4" class="detail-title">身份证号</i-col>
-                    <i-col span="20">{{detail.certNo || '--'}}</i-col>
+                    <i-col class="invist-title" span="8">招商人员</i-col>
+                    <i-col span="16">
+                        <input type="text" v-model="investInfo.investName" placeholder="请输入招商人" style="width: 80%">
+                    </i-col>
                 </i-row>
                 </i-row>
                 <i-row>
                 <i-row>
-                    <i-col span="4" class="detail-title no-border-right" style="min-height: 150px;line-height: 150px;">身份证照片</i-col>
-                    <i-col span="20" class="border-left" style="min-height: 150px;">
-                        <img v-if="detail.idCardFrontUrl" class="cert-image" :src="detail.idCardFrontUrl">
-                        <img v-if="detail.idCardBackUrl" class="cert-image" :src="detail.idCardBackUrl">
+                    <i-col span="24" style="text-align: center;">
+                        <i-button type="success" @click="submitInvist">保存</i-button>
                     </i-col>
                     </i-col>
                 </i-row>
                 </i-row>
             </div>
             </div>
         </i-card>
         </i-card>
-      </div>
-      <!--弹出框绑定招商人员-->
-      <div class="popup-invist-wrapper" :class="{ show: isShowInvest}">
-          <i-card class="popup-invist-container">
-              <p slot="title">绑定招商人</p>
-              <i-button slot="extra" class="btn-close" @click="closePopup">X</i-button>
-              <div class="popup-invist-content">
-                  <i-row>
-                      <i-col class="invist-title" span="8">招商人员</i-col>
-                      <i-col span="16">
-                          <input type="text" v-model="investInfo.investName" placeholder="请输入招商人" style="width: 80%">
-                      </i-col>
-                  </i-row>
-                  <i-row>
-                      <i-col span="24" style="text-align: center;">
-                          <i-button type="success" @click="submitInvist">保存</i-button>
-                      </i-col>
-                  </i-row>
-              </div>
-          </i-card>
-      </div>
+    </div>
+    <!--弹出框展示卖家升级-->
+    <Modal
+            v-model="isShowPlus"
+            title="升级入驻卖家PLUS"
+            :footer-hide='true'
+            width="500"
+            >
+        <Form>
+            <FormItem>
+                确定升级，确认以后不能撤销
+            </FormItem>
+            <FormItem class="btn-container">
+                <Button type="default" class="btn" @click="onPlusCancel">取消</Button>
+                <Button type="primary" class="btn" @click="onPlusSubmit">确认</Button>
+            </FormItem>
+        </Form>
+    </Modal>
   </LayoutContent>
   </LayoutContent>
 </template>
 </template>
 
 
@@ -138,6 +155,8 @@ export default {
       nowSelectedRow: {},
       nowSelectedRow: {},
       isShowDetail: false, // 显示详情弹框
       isShowDetail: false, // 显示详情弹框
       isShowInvest: false, // 显示绑定招商人员
       isShowInvest: false, // 显示绑定招商人员
+      isShowPlus: false, // 显示卖家升级框
+      applyPlusUid: '',  // 升级卖家uid
       columns: [{
       columns: [{
         title: 'UID',
         title: 'UID',
         key: 'uid',
         key: 'uid',
@@ -208,6 +227,30 @@ export default {
         title: '入驻状态',
         title: '入驻状态',
         align: 'center',
         align: 'center',
         key: 'validStatusDesc',
         key: 'validStatusDesc',
+        width: 90
+      }, {
+        title: '操作人',
+        align: 'center',
+        key: 'operatorName',
+        width: 90
+      }, {
+        title: '操作时间',
+        align: 'center',
+        key: 'updateTime',
+        width: 90
+      }, {
+        title: '操作',
+        align: 'center',
+        width: 100,
+        render: (h, {row}) => {
+          return (
+            <div>
+              {(row.entryType === 1) ?
+                (<i-button type="default" size="small" onClick={() => this.onPopupPlusModal(row)}>卖家升级</i-button>) :
+                <i-button type="text" size="small">-</i-button>}
+            </div>
+          );
+        }
       }, /*{
       }, /*{
         title: '招商人员',
         title: '招商人员',
         align: 'center',
         align: 'center',
@@ -385,6 +428,30 @@ export default {
         validStatus: parseInt(params.validStatus) >= 0 ? params.validStatus : void 0,
         validStatus: parseInt(params.validStatus) >= 0 ? params.validStatus : void 0,
         entryType: parseInt(params.entryType) >= 0 ? params.entryType : void 0,
         entryType: parseInt(params.entryType) >= 0 ? params.entryType : void 0,
       };
       };
+    },
+
+    onPopupPlusModal(row) {
+      this.isShowPlus = true;
+      this.applyPlusUid = row.uid;
+    },
+    async onPlusSubmit() {
+      this.isShowPlus = false;
+
+      this.$Loading.start();
+
+      const result = await api._get('/ufoPlatform/storedSeller/applyEntryPlus', {
+          uid: this.applyPlusUid
+      });
+      if (result.code === 200) {
+        result.message && this.$Message.success(result.message);
+        this.$Loading.finish();
+      } else {
+        result.message && this.$Message.warning(result.message);
+        this.$Loading.error();
+      }
+    },
+    onPlusCancel() {
+      this.isShowPlus = false;
     }
     }
   },
   },
 };
 };
@@ -438,6 +505,16 @@ export default {
         margin: 100px auto;
         margin: 100px auto;
     }
     }
 
 
+    .btn-container {
+        margin-top: 60px;
+    }
+
+    .btn {
+        width: 45%;
+        height: 34px;
+        margin-right: 15px;
+    }
+
     .ivu-row:hover {
     .ivu-row:hover {
         background-color: lightblue;
         background-color: lightblue;
     }
     }