master
parent
27f1aea353
commit
87a95f5a7e
@ -0,0 +1,3 @@
|
|||||||
|
NODE_ENV = 'development'
|
||||||
|
VUE_APP_URL = ''
|
||||||
|
VUE_APP_CDN = ''
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
NODE_ENV = 'production'
|
||||||
|
VUE_APP_URL = ''
|
||||||
|
VUE_APP_CDN = ''
|
||||||
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 2.8 KiB |
@ -0,0 +1,131 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="cardTitle">企业信息</div>
|
||||||
|
<a-divider />
|
||||||
|
<div class="content">
|
||||||
|
<a-descriptions title="基本信息" :column="3">
|
||||||
|
<a-descriptions-item label="企业名称">
|
||||||
|
浙江比利时物业有限公司
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="公司地址">
|
||||||
|
湖南省湘潭市岳塘区红旗街道 8 单元 111 室
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="社会信用代码"
|
||||||
|
>39123m13841bdi123341
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="法人名称"> 陈晨 </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="法人身份证号"
|
||||||
|
>621222199804287702</a-descriptions-item
|
||||||
|
>
|
||||||
|
<a-descriptions-item label="执照有效期限">
|
||||||
|
2021/04/09 至 2021/04/09</a-descriptions-item
|
||||||
|
>
|
||||||
|
</a-descriptions>
|
||||||
|
<a-descriptions title="法人身份证照" :column="1">
|
||||||
|
<a-descriptions-item label="头像面" @click="download(this.img)"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="国徽面"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="营业执照"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="其他附件"
|
||||||
|
><img :src="img" alt="" /><img :src="img" alt="" /><img
|
||||||
|
:src="img"
|
||||||
|
alt="" /><img :src="img" alt="" /><img :src="img" alt="" /><img
|
||||||
|
:src="img"
|
||||||
|
alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
</a-descriptions>
|
||||||
|
<a-descriptions title="联系人信息" :column="3">
|
||||||
|
<a-descriptions-item label="联系人"> 周立 </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="联系人号码">
|
||||||
|
18716191912
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="邮箱">hpzs@sina.com </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="联系人地址">
|
||||||
|
陕西省铜川市宜君县哭泉乡 10 单元 98 室
|
||||||
|
</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 :form="form">
|
||||||
|
<a-form-item
|
||||||
|
label="审核类型"
|
||||||
|
>
|
||||||
|
<a-select v-model="form.type" style="width: 120px">
|
||||||
|
<a-select-option value="1">
|
||||||
|
通过
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="2">
|
||||||
|
驳回
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="审核留言"
|
||||||
|
>
|
||||||
|
<a-textarea v-model="form.remark" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form:{
|
||||||
|
type:'1',
|
||||||
|
remark:''
|
||||||
|
},
|
||||||
|
auditShow: false,
|
||||||
|
detailData: {},
|
||||||
|
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
download() {},
|
||||||
|
cancel() {
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
auditSubmit(){
|
||||||
|
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,176 @@
|
|||||||
|
<template>
|
||||||
|
<div class="main">
|
||||||
|
<!-- 标题 -->
|
||||||
|
<div class="cardTitle">客户列表</div>
|
||||||
|
<!-- 搜索 -->
|
||||||
|
<div class="search-box">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input placeholder="请输入申请人/公司名" />
|
||||||
|
<a-select style="width: 200px" placeholder="选择状态" />
|
||||||
|
<a-button type="primary">查 询</a-button>
|
||||||
|
<a-button>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<div id="commonTable">
|
||||||
|
<div style="margin-bottom: 16px">
|
||||||
|
<a-button type="primary" :disabled="!hasSelected" :loading="loading">
|
||||||
|
批量操作
|
||||||
|
</a-button>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<a-table
|
||||||
|
:scroll="{ x: 1300 }"
|
||||||
|
:columns="columns"
|
||||||
|
:data-source="tableData"
|
||||||
|
:pagination="pagination"
|
||||||
|
@change="handleTableChange"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: onSelectChange,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return index;
|
||||||
|
}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<!-- 操作 -->
|
||||||
|
<span slot="action" slot-scope="scope">
|
||||||
|
<a @click="detail(scope)">详情</a>
|
||||||
|
</span>
|
||||||
|
<span slot="formatter" slot-scope="scope">{{
|
||||||
|
scope === 1 ? "可" : ""
|
||||||
|
}}</span>
|
||||||
|
</a-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 搜索项
|
||||||
|
searchForm: {
|
||||||
|
name: "",
|
||||||
|
code: "",
|
||||||
|
},
|
||||||
|
// 列
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: "Name",
|
||||||
|
dataIndex: "name",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender",
|
||||||
|
dataIndex: "gender",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender1",
|
||||||
|
dataIndex: "gender1",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender2",
|
||||||
|
dataIndex: "gender2",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender3",
|
||||||
|
dataIndex: "gender3",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender4",
|
||||||
|
dataIndex: "gender4",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender5",
|
||||||
|
dataIndex: "gender5",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Gender6",
|
||||||
|
dataIndex: "gender6",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "status",
|
||||||
|
dataIndex: "status",
|
||||||
|
scopedSlots: { customRender: "formatter" },
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "120",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
name: "11",
|
||||||
|
id: 1,
|
||||||
|
status: 1,
|
||||||
|
},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
],
|
||||||
|
// 分页
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
loading: false,
|
||||||
|
selectedRowKeys: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted(){},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
detail(){
|
||||||
|
this.$router.push({name:'customer_detail'})
|
||||||
|
},
|
||||||
|
onSelectChange(selectedRowKeys) {
|
||||||
|
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
||||||
|
this.selectedRowKeys = selectedRowKeys;
|
||||||
|
},
|
||||||
|
handleTableChange(pagination) {
|
||||||
|
console.log(pagination);
|
||||||
|
const pager = { ...this.pagination };
|
||||||
|
pager.current = pagination.current;
|
||||||
|
this.pagination = pager;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
</style>>
|
||||||
@ -0,0 +1,131 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="cardTitle">企业信息</div>
|
||||||
|
<a-divider />
|
||||||
|
<div class="content">
|
||||||
|
<a-descriptions title="基本信息" :column="3">
|
||||||
|
<a-descriptions-item label="企业名称">
|
||||||
|
浙江比利时物业有限公司
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="公司地址">
|
||||||
|
湖南省湘潭市岳塘区红旗街道 8 单元 111 室
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="社会信用代码"
|
||||||
|
>39123m13841bdi123341
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="法人名称"> 陈晨 </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="法人身份证号"
|
||||||
|
>621222199804287702</a-descriptions-item
|
||||||
|
>
|
||||||
|
<a-descriptions-item label="执照有效期限">
|
||||||
|
2021/04/09 至 2021/04/09</a-descriptions-item
|
||||||
|
>
|
||||||
|
</a-descriptions>
|
||||||
|
<a-descriptions title="法人身份证照" :column="1">
|
||||||
|
<a-descriptions-item label="头像面" @click="download(this.img)"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="国徽面"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="营业执照"
|
||||||
|
><img :src="img" alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
<a-descriptions-item label="其他附件"
|
||||||
|
><img :src="img" alt="" /><img :src="img" alt="" /><img
|
||||||
|
:src="img"
|
||||||
|
alt="" /><img :src="img" alt="" /><img :src="img" alt="" /><img
|
||||||
|
:src="img"
|
||||||
|
alt=""
|
||||||
|
/></a-descriptions-item>
|
||||||
|
</a-descriptions>
|
||||||
|
<a-descriptions title="联系人信息" :column="3">
|
||||||
|
<a-descriptions-item label="联系人"> 周立 </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="联系人号码">
|
||||||
|
18716191912
|
||||||
|
</a-descriptions-item>
|
||||||
|
<a-descriptions-item label="邮箱">hpzs@sina.com </a-descriptions-item>
|
||||||
|
<a-descriptions-item label="联系人地址">
|
||||||
|
陕西省铜川市宜君县哭泉乡 10 单元 98 室
|
||||||
|
</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 :form="form">
|
||||||
|
<a-form-item
|
||||||
|
label="审核类型"
|
||||||
|
>
|
||||||
|
<a-select v-model="form.type" style="width: 120px">
|
||||||
|
<a-select-option value="1">
|
||||||
|
通过
|
||||||
|
</a-select-option>
|
||||||
|
<a-select-option value="2">
|
||||||
|
驳回
|
||||||
|
</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-item>
|
||||||
|
<a-form-item
|
||||||
|
label="审核留言"
|
||||||
|
>
|
||||||
|
<a-textarea v-model="form.remark" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
|
||||||
|
</a-form-item>
|
||||||
|
</a-form>
|
||||||
|
</div>
|
||||||
|
</a-modal>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form:{
|
||||||
|
type:'1',
|
||||||
|
remark:''
|
||||||
|
},
|
||||||
|
auditShow: false,
|
||||||
|
detailData: {},
|
||||||
|
img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
download() {},
|
||||||
|
cancel() {
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
auditSubmit(){
|
||||||
|
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>
|
||||||
Loading…
Reference in new issue