xiaowen
/
LittleBeePlatform
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

zx

Browse Source
master
张雄 3 years ago
parent 3a9d6c9e30
commit 670dccc462
7 changed files with 216 additions and 173 deletions
Show Stats Download Patch File Download Diff File

2
.eslintrc.js
Unescape View File

@ -18,7 +18,7 @@ module.exports = {
"vue" "vue"
], ],
"rules": { "rules": {
indent: ['error', 'tab'], indent: ['offset', '2'],
'no-console': 'off', 'no-console': 'off',
} }
}; };

46
src/api/manage/index.js
Unescape View File

@ -0,0 +1,46 @@
import httpService from "@/request"
// 入住申请-查询所有的入驻申请记录
export function getAllRequest(params) {
return httpService({
url: `/user/settledApplication/list`,
method: 'get',
params: params,
})
}
// 入住申请-根据入驻申请主键id查询详情
export function getRequestDetail(params) {
return httpService({
url: `/user/settledApplication/findDetailsById`,
method: 'get',
params: params,
})
}
// 入住申请-通过/驳回入驻申请
export function isPass(params) {
return httpService({
url: `/user/settledApplication/isPass`,
method: 'post',
params: params,
})
}
// 客户列表-查询所有客户信息
export function getCustomerList(params) {
return httpService({
url: `/user/customerList/list`,
method: 'get',
params: params,
})
}
// 客户列表-根据客户主键id查询详情
export function getCustomerDetail(params) {
return httpService({
url: `/user/customerList/findDetailsById`,
method: 'get',
params: params,
})
}

4
src/router/manage.js
Unescape View File

@ -29,11 +29,11 @@ export default [
{ {
path: '/Manage/SettleRequestManage/customer_detail', path: '/Manage/SettleRequestManage/customer_detail',
name: "customer_detail", name: "customer_detail",
title: "查看详情", title: "查看客户详情",
hide: true, hide: true,
icon: 'container', icon: 'container',
component: resolve => require(['@/views/Manage/CustomerList/_detail'], resolve), component: resolve => require(['@/views/Manage/CustomerList/_detail'], resolve),
meta: {title: '查看详情'}, meta: {title: '查看客户详情'},
}, },
{ {
path: '/Manage/VillageManage', path: '/Manage/VillageManage',

2
src/views/Manage/CustomerList/_detail.vue
Unescape View File

@ -6,7 +6,7 @@
<div class="content"> <div class="content">
<a-descriptions title="基本信息" :column="3"> <a-descriptions title="基本信息" :column="3">
<a-descriptions-item label="企业名称"> <a-descriptions-item label="企业名称">
浙江比利时物业有限公司 上海比利时物业有限公司
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="公司地址"> <a-descriptions-item label="公司地址">
湖南省湘潭市岳塘区红旗街道 8 单元 111 室 湖南省湘潭市岳塘区红旗街道 8 单元 111 室

129
src/views/Manage/CustomerList/index.vue
Unescape View File

@ -5,10 +5,15 @@
<!-- 搜索 --> <!-- 搜索 -->
<div class="search-box"> <div class="search-box">
<a-space size="large"> <a-space size="large">
<a-input placeholder="请输入申请人/公司名" /> <a-input placeholder="请输入申请人/公司名" v-model="searchForm.name" />
<a-select style="width: 200px" placeholder="选择状态" /> <a-select style="width: 200px" placeholder="选择状态" v-model="searchForm.status">
<a-button type="primary">查 询</a-button> <a-select-option :value="1">全部数据</a-select-option>
<a-button>重 置</a-button> <a-select-option :value="2">已到期</a-select-option>
<a-select-option :value="3">未到期</a-select-option>
<a-select-option :value="4">临近到期</a-select-option>
</a-select>
<a-button type="primary" @click="handlerSearch">查 询</a-button>
<a-button @click="handlerReset">重 置</a-button>
</a-space> </a-space>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
@ -40,74 +45,55 @@
" "
> >
<!-- 操作 --> <!-- 操作 -->
<span slot="action" slot-scope="scope"> <span slot="action" slot-scope="text,record">
<a @click="detail(scope)">详情</a> <a @click="detail(record)">详情</a>
</span> </span>
<span slot="formatter" slot-scope="scope">{{ <!-- <span slot="formatter" slot-scope="scope">{{
scope === 1 ? "可" : "" scope === 1 ? "可" : ""
}}</span> }}</span> -->
</a-table> </a-table>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {getCustomerList} from "@/api/manage/index.js"
export default { export default {
data() { data() {
return { return {
// 搜索项 // 搜索项
searchForm: { searchForm: {
name: "", name: "",
code: "", status: 1,
pageNum: 1,
size: 10,
}, },
// 列 // 列
columns: [ columns: [
{ {
title: "Name", title: "公司名",
dataIndex: "name", dataIndex: "companyName",
key: "companyName",
width: "200", width: "200",
}, },
{ {
title: "Gender", title: "联系人",
dataIndex: "gender", dataIndex: "contactsName",
key: "contactsName",
width: "200", width: "200",
}, },
{ {
title: "Gender1", title: "联系人手机",
dataIndex: "gender1", dataIndex: "contactsTel",
width: "200", key: "contactsTel",
},
{
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", width: "200",
}, },
// {
// title: "status",
// dataIndex: "status",
// scopedSlots: { customRender: "formatter" },
// width: "200",
// },
{ {
title: "操作", title: "操作",
dataIndex: "action", dataIndex: "action",
@ -118,23 +104,7 @@ export default {
}, },
], ],
// 数据 // 数据
tableData: [ tableData: [],
{
name: "11",
id: 1,
status: 1,
},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
],
// 分页 // 分页
pagination: { pagination: {
current: 1, current: 1,
@ -148,26 +118,45 @@ export default {
selectedRowKeys: [], selectedRowKeys: [],
}; };
}, },
mounted(){}, mounted() {
this.getData();
},
computed: { computed: {
hasSelected() { hasSelected() {
return this.selectedRowKeys.length > 0; return this.selectedRowKeys.length > 0;
}, },
}, },
methods: { methods: {
detail(){ getData() {
getCustomerList(this.searchForm).then(res => {
let data = res.data;
this.tableData = data.rows;
this.pagination.total = data.total;
})
},
detail(index){
console.log(index)
this.$router.push({name:'customer_detail'}) this.$router.push({name:'customer_detail'})
}, },
onSelectChange(selectedRowKeys) { onSelectChange(selectedRowKeys) {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys;
}, },
//查询
handlerSearch() {
this.getData()
},
//重置
handlerReset() {
this.searchForm.name = '';
this.searchForm.status = 1;
this.getData()
},
//分页
handleTableChange(pagination) { handleTableChange(pagination) {
console.log(pagination); this.searchForm.size = pagination.pageSize;
const pager = { ...this.pagination }; this.searchForm.pageNum = pagination.current;
pager.current = pagination.current; this.getData();
pager.pageSize = pagination.pageSize;
this.pagination = pager;
}, },
}, },
}; };

83
src/views/Manage/SettleRequestManage/_detail.vue
Unescape View File

@ -6,48 +6,46 @@
<div class="content"> <div class="content">
<a-descriptions title="基本信息" :column="3"> <a-descriptions title="基本信息" :column="3">
<a-descriptions-item label="企业名称"> <a-descriptions-item label="企业名称">
浙江比利时物业有限公司 {{infoList.companyName}}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="公司地址"> <a-descriptions-item label="公司地址">
湖南省湘潭市岳塘区红旗街道 8 单元 111 室 {{infoList.companyAddressDetails}}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="社会信用代码" <a-descriptions-item label="社会信用代码">
>39123m13841bdi123341 {{infoList.socialCreditCode}}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="法人名称"> 陈晨 </a-descriptions-item> <a-descriptions-item label="法人名称"> {{infoList.legalPersonName}} </a-descriptions-item>
<a-descriptions-item label="法人身份证号" <a-descriptions-item label="法人身份证号"
>621222199804287702</a-descriptions-item >{{infoList.legalPersonIdCard}}</a-descriptions-item
> >
<a-descriptions-item label="执照有效期限"> <a-descriptions-item label="执照有效期限">
2021/04/09 至 2021/04/09</a-descriptions-item {{infoList.licenseTimeStart}} 至
{{infoList.licenseTimeEnd == null ? '长期' : infoList.licenseTimeEnd}}</a-descriptions-item
> >
</a-descriptions> </a-descriptions>
<a-descriptions title="法人身份证照" :column="1"> <a-descriptions title="法人身份证照" :column="1">
<a-descriptions-item label="头像面" @click="download(this.img)" <a-descriptions-item label="头像面" @click="download(this.img)"
><img :src="img" alt="" >
/></a-descriptions-item> <img :src="item.url" alt="" v-for="(item, index) in infoList.idCardFrontImgList" :key="index">
</a-descriptions-item>
<a-descriptions-item label="国徽面" <a-descriptions-item label="国徽面"
><img :src="img" alt="" ><img :src="item.url" alt="" v-for="(item, index) in infoList.idCardBackImgList" :key="index">
/></a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="营业执照" <a-descriptions-item label="营业执照"
><img :src="img" alt="" ><img :src="item.url" alt="" v-for="(item, index) in infoList.businessLicenseImgList" :key="index">
/></a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="其他附件" <a-descriptions-item label="其他附件"
><img :src="img" alt="" /><img :src="img" alt="" /><img ><img :src="item.url" alt="" v-for="(item, index) in infoList.othersImgList" :key="index">
:src="img" </a-descriptions-item>
alt="" /><img :src="img" alt="" /><img :src="img" alt="" /><img
:src="img"
alt=""
/></a-descriptions-item>
</a-descriptions> </a-descriptions>
<a-descriptions title="联系人信息" :column="3"> <a-descriptions title="联系人信息" :column="3">
<a-descriptions-item label="联系人"> 周立 </a-descriptions-item> <a-descriptions-item label="联系人"> {{infoList.contactsName}} </a-descriptions-item>
<a-descriptions-item label="联系人号码"> <a-descriptions-item label="联系人号码">
18716191912 {{infoList.contactsTel}}
</a-descriptions-item> </a-descriptions-item>
<a-descriptions-item label="邮箱">hpzs@sina.com </a-descriptions-item> <a-descriptions-item label="邮箱">{{infoList.contactsEmail}} </a-descriptions-item>
<a-descriptions-item label="联系人地址"> <a-descriptions-item label="联系人地址">
陕西省铜川市宜君县哭泉乡 10 单元 98 室 {{infoList.contactsAddressDetails}}
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
@ -69,11 +67,11 @@
<a-form-item <a-form-item
label="审核类型" label="审核类型"
> >
<a-select v-model="form.type" style="width: 120px"> <a-select v-model="appForm.status" style="width: 120px">
<a-select-option value="1"> <a-select-option :value="1">
通过 通过
</a-select-option> </a-select-option>
<a-select-option value="2"> <a-select-option :value="2">
驳回 驳回
</a-select-option> </a-select-option>
</a-select> </a-select>
@ -81,7 +79,7 @@
<a-form-item <a-form-item
label="审核留言" label="审核留言"
> >
<a-textarea v-model="form.remark" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea> <a-textarea v-model="appForm.reviewRemakes" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
</a-form-item> </a-form-item>
</a-form> </a-form>
</div> </div>
@ -90,28 +88,47 @@
</template> </template>
<script> <script>
import {getRequestDetail,isPass} from "@/api/manage/index.js"
export default { export default {
data() { data() {
return { return {
form:{ form:{
type:'1', id: undefined
remark:''
}, },
appForm: {
id: undefined,
status: 1,
reviewRemakes: ''
},
infoList: [],
auditShow: false, auditShow: false,
detailData: {}, 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", };
}; },
mounted() {
this.form.id = this.$route.query.id;
this.appForm.id = this.$route.query.id;
this.getData()
}, },
methods: { methods: {
getData() {
getRequestDetail(this.form).then(res => {
let data = res.data;
this.infoList = data;
})
},
download() {}, download() {},
cancel() { cancel() {
this.$router.go(-1); this.$router.go(-1);
}, },
auditSubmit(){ auditSubmit(){
this.auditShow=false isPass(this.appForm).then( () => {
})
this.auditShow = false
}, },
auditCancel(){ auditCancel(){
this.auditShow=false this.auditShow = false
} }
}, },
}; };

123
src/views/Manage/SettleRequestManage/index.vue
Unescape View File

@ -5,10 +5,14 @@
<!-- 搜索 --> <!-- 搜索 -->
<div class="search-box"> <div class="search-box">
<a-space size="large"> <a-space size="large">
<a-input placeholder="请输入申请人/公司名" /> <a-input v-model="searchForm.companyName" placeholder="请输入申请人/公司名" />
<a-select style="width: 200px" placeholder="选择状态" /> <a-select v-model="searchForm.status" style="width: 200px" placeholder="选择状态">
<a-button type="primary">查 询</a-button> <a-select-option :value="1">待确认</a-select-option>
<a-button>重 置</a-button> <a-select-option :value="2">审核通过</a-select-option>
<a-select-option :value="3">审核驳回</a-select-option>
</a-select>
<a-button type="primary" @click="handlerSearch">查 询</a-button>
<a-button @click="handlerReset">重 置</a-button>
</a-space> </a-space>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
@ -40,11 +44,11 @@
" "
> >
<!-- 操作 --> <!-- 操作 -->
<span slot="action" slot-scope="scope"> <span slot="action" slot-scope="text,record">
<a @click="detail(scope)">详情</a> <a @click="detail(record)">详情</a>
</span> </span>
<span slot="formatter" slot-scope="scope">{{ <span slot="formatter" slot-scope="scope">{{
scope === 1 ? "可" : "" scope === 1 ? "待确认" : (scope === 2 ? "通过" : "驳回")
}}</span> }}</span>
</a-table> </a-table>
</div> </div>
@ -52,58 +56,36 @@
</template> </template>
<script> <script>
import {getAllRequest} from "@/api/manage/index.js"
export default { export default {
data() { data() {
return { return {
// 搜索项 // 搜索项
searchForm: { searchForm: {
name: "", companyName: "",
code: "", status: 1,
pageNum: 1,
size: 10,
}, },
// 列 // 列
columns: [ columns: [
{ {
title: "Name", title: "公司名",
dataIndex: "name", dataIndex: "companyName",
width: "200", width: "200",
}, },
{ {
title: "Gender", title: "负责人",
dataIndex: "gender", dataIndex: "directorName",
width: "200", width: "200",
}, },
{ {
title: "Gender1", title: "负责人联系方式",
dataIndex: "gender1", dataIndex: "directorTel",
width: "200", width: "200",
}, },
{ {
title: "Gender2", title: "状态",
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", dataIndex: "status",
scopedSlots: { customRender: "formatter" }, scopedSlots: { customRender: "formatter" },
width: "200", width: "200",
@ -118,23 +100,7 @@ export default {
}, },
], ],
// 数据 // 数据
tableData: [ tableData: [],
{
name: "11",
id: 1,
status: 1,
},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
],
// 分页 // 分页
pagination: { pagination: {
current: 1, current: 1,
@ -148,27 +114,52 @@ export default {
selectedRowKeys: [], selectedRowKeys: [],
}; };
}, },
mounted(){}, mounted() {
this.getData();
},
computed: { computed: {
hasSelected() { hasSelected() {
return this.selectedRowKeys.length > 0; return this.selectedRowKeys.length > 0;
}, },
}, },
methods: { methods: {
getData() {
getAllRequest(this.searchForm).then(res => {
let data = res.data;
this.tableData = data.rows;
this.pagination.total = data.total;
})
},
detail(data){ detail(data){
console.log(data); let id = data.id
this.$router.push({name:'settle_detail'}) this.$router.push(
{
name:'settle_detail',
query: {
id: id
}
}
)
}, },
onSelectChange(selectedRowKeys) { onSelectChange(selectedRowKeys) {
console.log("selectedRowKeys changed: ", selectedRowKeys); console.log("selectedRowKeys changed: ", selectedRowKeys);
this.selectedRowKeys = selectedRowKeys; this.selectedRowKeys = selectedRowKeys;
}, },
//查询
handlerSearch() {
this.getData()
},
//重置
handlerReset() {
this.searchForm.companyName = '';
this.searchForm.status = 1;
this.getData()
},
//分页
handleTableChange(pagination) { handleTableChange(pagination) {
console.log(pagination); this.searchForm.size = pagination.pageSize;
const pager = { ...this.pagination }; this.searchForm.pageNum = pagination.current;
pager.current = pagination.current; this.getData();
pager.pageSize = pagination.pageSize;
this.pagination = pager;
}, },
}, },
}; };

Write Preview
Loading…
Cancel
Save