fe / ufo-platform-fe · Commits

Go to a project

Authored by 张文文
Commit dd3874ef1c2a239cb1b06b32f4fc52381d6e06fc 1 parent 08689e30

入驻卖家升级 review by lea.guo

Inline Side-by-side
Showing 2 changed files with 140 additions and 63 deletions
export default "production";
\ No newline at end of file
export default "development";
\ No newline at end of file
... ...
... ... @@ -36,76 +36,93 @@
:data="data"
@on-page-change="onPageChange">
</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>
<div class="pop-detail-content">
<div class="popup-invist-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-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="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-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>
<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>
</template>
... ... @@ -138,6 +155,8 @@ export default {
nowSelectedRow: {},
isShowDetail: false, // 显示详情弹框
isShowInvest: false, // 显示绑定招商人员
isShowPlus: false, // 显示卖家升级框
applyPlusUid: '', // 升级卖家uid
columns: [{
title: 'UID',
key: 'uid',
... ... @@ -208,6 +227,30 @@ export default {
title: '入驻状态',
align: 'center',
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: '招商人员',
align: 'center',
... ... @@ -385,6 +428,30 @@ export default {
validStatus: parseInt(params.validStatus) >= 0 ? params.validStatus : 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;
}
.btn-container {
margin-top: 60px;
}
.btn {
width: 45%;
height: 34px;
margin-right: 15px;
}
.ivu-row:hover {
background-color: lightblue;
}
... ...