dev
parent
32681d8bf1
commit
dd5eb91b06
@ -0,0 +1,202 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="main">
|
||||
<div class="cardTitle">店铺主体信息</div>
|
||||
<a-divider />
|
||||
<div class="content">
|
||||
<a-descriptions title="基本信息" :column="3" v-if="infoList.type != 3">
|
||||
<a-descriptions-item label="企业名称">
|
||||
{{infoList.companyName}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="注册地址">
|
||||
{{infoList.registerAddress}}
|
||||
{{infoList.registerAddressDetail}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="经营范围">
|
||||
{{infoList.businessScope}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="统一社会信用代码"> {{infoList.uscc}} </a-descriptions-item>
|
||||
<a-descriptions-item label="营业期限">
|
||||
{{infoList.businessTermStart}} 至
|
||||
{{infoList.businessTermEnd == null ? '长期' : infoList.businessTermEnd}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="统一社会信用代码照片">{{infoList.usccImgList}}</a-descriptions-item>
|
||||
<a-descriptions-item label="其他资质照片">{{infoList.otherImgList}}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<a-descriptions title="个人信息" :column="3">
|
||||
<a-descriptions-item label="头像面">
|
||||
<a v-for="(item, index) in infoList.authenticationPersonalInfoVo.idCardFrontImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="国徽面">
|
||||
<a v-for="(item, index) in infoList.authenticationPersonalInfoVo.idCardBackImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="证件类型">
|
||||
大陆身份证
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="法人姓名">
|
||||
{{infoList.authenticationPersonalInfoVo.name}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="法人证件号码">
|
||||
{{infoList.authenticationPersonalInfoVo.idNumber}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="出生日期">
|
||||
{{infoList.authenticationPersonalInfoVo.birthday}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="证件有效期">
|
||||
{{infoList.idValidityStart}} 至
|
||||
{{infoList.idValidityEnd == null ? '长期' : infoList.idValidityEnd}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="性别">
|
||||
{{infoList.authenticationPersonalInfoVo.sex == 1?'男':infoList.authenticationPersonalInfoVo.sex == 2?'女':'保密'}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="职业">
|
||||
{{infoList.authenticationPersonalInfoVo.occupation}}
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<a-descriptions title="经营信息" :column="3">
|
||||
<a-descriptions-item label="联系人"> {{infoList.authenticationOperateInfoVo.name}} </a-descriptions-item>
|
||||
<a-descriptions-item label="联系人号码">
|
||||
{{infoList.authenticationOperateInfoVo.tel}}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="邮箱">{{infoList.authenticationOperateInfoVo.email}}</a-descriptions-item>
|
||||
<a-descriptions-item label="客服电话">{{infoList.authenticationOperateInfoVo.customerServiceTel}}</a-descriptions-item>
|
||||
<a-descriptions-item label="结算类型">支付宝</a-descriptions-item>
|
||||
<a-descriptions-item label="支付宝用户名">{{infoList.authenticationOperateInfoVo.alipayName}}</a-descriptions-item>
|
||||
<a-descriptions-item label="支付宝账号">{{infoList.authenticationOperateInfoVo.alipayAccount}}</a-descriptions-item>
|
||||
<a-descriptions-item label="经营地址">{{infoList.authenticationOperateInfoVo.operateAddressDetail}}</a-descriptions-item>
|
||||
<a-descriptions-item label="经营类目">
|
||||
<span v-for="(item,index) in infoList.authenticationOperateInfoVo.categoryList" :key="index">
|
||||
{{item.name}}
|
||||
</span>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="经营资质" :span="3">
|
||||
<span v-for="(item,index) in infoList.authenticationOperateInfoVo.qualificationVoList" :key="index">
|
||||
<a v-for="(it,id) in item.qualificationInfoVoList" :href="'https://saas.kaidalai.cn/resource/merchant/'+it.url" :key="id">
|
||||
{{it.name}}
|
||||
</a>
|
||||
</span>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="门店门头">
|
||||
<a v-for="(item, index) in infoList.authenticationOperateInfoVo.doorHeadImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="门店内景">
|
||||
<a v-for="(item, index) in infoList.authenticationOperateInfoVo.indoorSceneImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="收银台">
|
||||
<a v-for="(item, index) in infoList.authenticationOperateInfoVo.cashierImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="补充信息">
|
||||
<a v-for="(item, index) in infoList.authenticationOperateInfoVo.otherImgList" :key="index"
|
||||
:href="'https://saas.kaidalai.cn/resource/merchant/'+item.url" target="_blank">
|
||||
点击查看
|
||||
</a>
|
||||
</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<a-space style="margin-left: 70%">
|
||||
<a-button type="primary" @click="auditShow=true">审核</a-button>
|
||||
<a-button @click="cancel">取消</a-button>
|
||||
</a-space>
|
||||
</div>
|
||||
<a-modal
|
||||
title="审核"
|
||||
:visible="auditShow"
|
||||
@ok="auditSubmit"
|
||||
@cancel="auditCancel"
|
||||
>
|
||||
<div class="content">
|
||||
<a-form-model>
|
||||
<a-form-model-item label="审核类型">
|
||||
<a-select v-model="appForm.type" style="width: 120px">
|
||||
<a-select-option :value="1">
|
||||
通过
|
||||
</a-select-option>
|
||||
<a-select-option :value="2">
|
||||
驳回
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="审核留言" >
|
||||
<a-textarea v-model="appForm.reason" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {findCertiDetail,examineShop} from "@/api/manage/index.js"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
appForm: {
|
||||
merchantShopId: undefined,
|
||||
type: 1,
|
||||
reason: ''
|
||||
},
|
||||
infoList: {},
|
||||
auditShow: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.appForm.merchantShopId = this.$route.query.id;
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
findCertiDetail({merchantShopId: this.$route.query.id}).then(res => {
|
||||
let data = res.data;
|
||||
this.infoList = data;
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
auditSubmit(){
|
||||
examineShop(this.appForm).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.$message.success(res.msg);
|
||||
this.$router.go(-1);
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
this.auditShow = false
|
||||
},
|
||||
auditCancel(){
|
||||
this.auditShow = false
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.content {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.content img {
|
||||
width: 142px;
|
||||
height: 107px;
|
||||
margin: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,68 @@
|
||||
export const columns = [
|
||||
{
|
||||
title: "店铺编号",
|
||||
dataIndex: "code",
|
||||
width: "200",
|
||||
},
|
||||
{
|
||||
title: "店铺状态",
|
||||
dataIndex: "status",
|
||||
customRender: function (status) {
|
||||
switch (status) {
|
||||
case 1: return "未认证";
|
||||
case 2: return "审核中";
|
||||
case 3: return "已认证";
|
||||
default: break;
|
||||
}
|
||||
},
|
||||
width: "8%",
|
||||
},
|
||||
{
|
||||
title: "店铺名称",
|
||||
dataIndex: "name",
|
||||
width: "200",
|
||||
},
|
||||
{
|
||||
title: "店铺账号",
|
||||
dataIndex: "account",
|
||||
width: "200",
|
||||
},
|
||||
{
|
||||
title: "主体类型",
|
||||
dataIndex: "type",
|
||||
customRender: function (type) {
|
||||
switch (type) {
|
||||
case 1: return "个体户";
|
||||
case 2: return "企业";
|
||||
case 3: return "个人";
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
width: "200",
|
||||
},
|
||||
{
|
||||
title: "企业名称",
|
||||
dataIndex: "companyName",
|
||||
width: "200",
|
||||
},
|
||||
{
|
||||
title: "经营类目",
|
||||
dataIndex: "categoryNameList",
|
||||
width: "200",
|
||||
scopedSlots: { customRender: "category" },
|
||||
},
|
||||
{
|
||||
title: "提交时间",
|
||||
dataIndex: "updateDate",
|
||||
width: "180",
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "action",
|
||||
key: "action",
|
||||
width: "180",
|
||||
fixed: "right",
|
||||
scopedSlots: { customRender: "action" },
|
||||
},
|
||||
]
|
||||
@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<!-- 标题 -->
|
||||
<div class="cardTitle">店铺审核管理</div>
|
||||
<!-- 搜索 -->
|
||||
<div class="search-box">
|
||||
<a-space size="large">
|
||||
<a-form-model layout="inline">
|
||||
<a-form-model-item label="店铺编号">
|
||||
<a-input v-model="searchForm.code" placeholder="请输入编号" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="店铺名称">
|
||||
<a-input v-model="searchForm.name" placeholder="请输入名称" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="店铺账号">
|
||||
<a-input v-model="searchForm.account" placeholder="请输入账号" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="主体类型">
|
||||
<a-select v-model="searchForm.type" style="width: 200px" placeholder="请选择类型">
|
||||
<a-select-option :value="1">个体户</a-select-option>
|
||||
<a-select-option :value="2">企业</a-select-option>
|
||||
<a-select-option :value="3">个人</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="企业名称">
|
||||
<a-input v-model="searchForm.companyName" placeholder="请输入账号" />
|
||||
</a-form-model-item>
|
||||
<a-form-model-item label="提交时间">
|
||||
<a-range-picker></a-range-picker>
|
||||
</a-form-model-item>
|
||||
<a-form-model-item>
|
||||
<a-button type="primary" @click="handlerSearch">查 询</a-button>
|
||||
<a-button @click="handlerReset">重 置</a-button>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-space>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div id="commonTable">
|
||||
<a-table
|
||||
:scroll="{ x: 2120 }"
|
||||
:columns="columns"
|
||||
:data-source="tableData"
|
||||
:pagination="pagination"
|
||||
@change="handleTableChange"
|
||||
:row-key="
|
||||
(record, index) => {
|
||||
return index;
|
||||
}
|
||||
"
|
||||
>
|
||||
<!-- 操作 -->
|
||||
<span slot="action" slot-scope="text,record">
|
||||
<a v-if="record.status != 3" @click="detail(record)">详情</a>
|
||||
</span>
|
||||
</a-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getShopCertiList} from "@/api/manage/index.js"
|
||||
import {columns} from "./config"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 搜索项
|
||||
searchForm: {
|
||||
code: "",
|
||||
name: '',
|
||||
account: '',
|
||||
type: undefined,
|
||||
companyName: '',
|
||||
updateDateStart: '',
|
||||
updateDateEnd: ''
|
||||
},
|
||||
// 列
|
||||
columns: columns,
|
||||
// 数据
|
||||
tableData: [],
|
||||
// 分页
|
||||
pagination: {
|
||||
current: 1,
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
showTotal: (total) => `共 ${total} 条`,
|
||||
showSizeChanger: true,
|
||||
showQuickJumper: true,
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
let obj = Object.assign(this.searchForm, {size: this.pagination.pageSize,pageNum: this.pagination.current})
|
||||
getShopCertiList(obj).then(res => {
|
||||
let data = res.data;
|
||||
this.tableData = data.rows;
|
||||
this.pagination.total = data.total;
|
||||
})
|
||||
},
|
||||
detail(data){
|
||||
let id = data.id
|
||||
this.$router.push(
|
||||
{
|
||||
name:'certi_detail',
|
||||
query: {
|
||||
id: id
|
||||
}
|
||||
}
|
||||
)
|
||||
},
|
||||
//查询
|
||||
handlerSearch() {
|
||||
this.getData()
|
||||
},
|
||||
//重置
|
||||
handlerReset() {
|
||||
this.getData()
|
||||
},
|
||||
//分页
|
||||
handleTableChange(pagination) {
|
||||
this.pagination.pageSize = pagination.pageSize;
|
||||
this.pagination.current = pagination.current;
|
||||
this.getData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>goodCate</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>goodList</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>shopVerified</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>shopList</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<router-view></router-view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in new issue