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