main
parent
e015cae8e5
commit
a74ef209ab
@ -0,0 +1,10 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 获取预报列表
|
||||||
|
export function forecastList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/order/forecast/lists`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-button type="primary" @click="showDrawer">
|
||||||
|
<a-icon type="plus" /> New account
|
||||||
|
</a-button>
|
||||||
|
<a-drawer
|
||||||
|
title="抽屉"
|
||||||
|
:width="720"
|
||||||
|
:visible="visible"
|
||||||
|
:body-style="{ paddingBottom: '80px' }"
|
||||||
|
@close="onClose"
|
||||||
|
>
|
||||||
|
<div class="drawer-content"></div>
|
||||||
|
<div class="drawer-footer">
|
||||||
|
<a-button :style="{ marginRight: '8px' }" @click="onClose">
|
||||||
|
关闭
|
||||||
|
</a-button>
|
||||||
|
<a-button type="primary" @click="onClose"> 提交 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
showDrawer() {
|
||||||
|
this.visible = true;
|
||||||
|
},
|
||||||
|
onClose() {
|
||||||
|
this.visible = false;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@ -1,37 +1,66 @@
|
|||||||
@import "./antd.less";
|
@import "./antd.less";
|
||||||
|
|
||||||
// 公共样式
|
// 公共样式
|
||||||
#app{
|
#app {
|
||||||
background: #E5E5E5;
|
background: #E5E5E5;
|
||||||
}
|
}
|
||||||
.content{
|
|
||||||
|
.content {
|
||||||
padding: 13px;
|
padding: 13px;
|
||||||
}
|
}
|
||||||
.main{
|
|
||||||
padding: 13px;
|
.main {
|
||||||
|
padding : 13px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
.cardTitle{
|
|
||||||
border-left: 8px solid #205FBD;
|
.cardTitle {
|
||||||
padding-left:10px;
|
border-left : 8px solid #205FBD;
|
||||||
margin-left: 10px;
|
padding-left : 10px;
|
||||||
|
margin-left : 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
#commonTable{
|
|
||||||
|
// 表格
|
||||||
|
#commonTable {
|
||||||
margin: 24px;
|
margin: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-box {
|
.search-box {
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.add-btn{
|
||||||
|
background-color: rgba(251, 101, 61, 1) !important;
|
||||||
|
color: rgba(255, 255, 255, 1) !important;
|
||||||
|
}
|
||||||
.footer {
|
.footer {
|
||||||
height: 84px;
|
height : 84px;
|
||||||
width: 100%;
|
width : 100%;
|
||||||
background: #fff;
|
background : #fff;
|
||||||
position: fixed;
|
position : fixed;
|
||||||
bottom: 0;
|
bottom : 0;
|
||||||
z-index: 999;
|
z-index : 999;
|
||||||
line-height: 84px;
|
line-height : 84px;
|
||||||
box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.35);
|
box-shadow : 0px -2px 4px 0px rgba(0, 0, 0, 0.35);
|
||||||
border-radius: 4px 4px 0px 0px;
|
border-radius: 4px 4px 0px 0px;
|
||||||
border: 1px solid #e8e8e8;
|
border : 1px solid #e8e8e8;
|
||||||
left: 200px;
|
left : 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 抽屉
|
||||||
|
.drawer-content {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drawer-footer {
|
||||||
|
position : absolute;
|
||||||
|
right : 0;
|
||||||
|
bottom : 0;
|
||||||
|
width : 100%;
|
||||||
|
border-top: 1px solid #e9e9e9;
|
||||||
|
padding : 10px 16px;
|
||||||
|
background: #fff;
|
||||||
|
text-align: right;
|
||||||
|
z-index : 1;
|
||||||
|
}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>4r</div>
|
<div></div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
<template>
|
||||||
|
<div>application</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name:'application'
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>d21</div>
|
<router-view></router-view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -0,0 +1,152 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-row>
|
||||||
|
<!-- 角色列表 -->
|
||||||
|
<a-col :span="5">
|
||||||
|
<div class="cardTitle">所有角色</div>
|
||||||
|
<a-collapse accordion>
|
||||||
|
<a-collapse-panel v-for="item,index in roleList" :key="index" :header="item.name">
|
||||||
|
<div v-for="rolechild,indexs in item.children" class='role-card' :key="indexs">
|
||||||
|
<span>{{rolechild.name}}</span>
|
||||||
|
<a-button type="link" icon="form"></a-button>
|
||||||
|
</div>
|
||||||
|
</a-collapse-panel>
|
||||||
|
</a-collapse>
|
||||||
|
</a-col>
|
||||||
|
<!-- 人员表格 -->
|
||||||
|
<a-col :span="19">
|
||||||
|
<commonTable
|
||||||
|
:columns="columns"
|
||||||
|
:tableData="tableData"
|
||||||
|
:ActionsList="ActionsList"
|
||||||
|
@handleTableChange="handleTableChange"
|
||||||
|
@Actions="Actions"
|
||||||
|
@selectionChoosed="selectionChoosed"
|
||||||
|
>
|
||||||
|
<template v-slot:actionBox="data">
|
||||||
|
<a href="javascript:;" @click="del(data)">分配角色</a>
|
||||||
|
<span style="margin: 5px">|</span>
|
||||||
|
<a href="javascript:;">删除</a>
|
||||||
|
</template>
|
||||||
|
</commonTable>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableChoosed: [],
|
||||||
|
roleList: [{ name: "管理角色",children:[{ name: "管理员"},{name:'部门经理'}] }, { name: "安保部" }],
|
||||||
|
// 分页
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 列
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: "真实姓名",
|
||||||
|
dataIndex: "actualName",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "手机号",
|
||||||
|
dataIndex: "tel",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "角色",
|
||||||
|
dataIndex: "roleNameList",
|
||||||
|
width: "200",
|
||||||
|
customRender:function(roleNameList){
|
||||||
|
return roleNameList.toString();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "备注",
|
||||||
|
dataIndex: "remake",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
tableData: [
|
||||||
|
{ name: 1, roleNameList: ['点点3','212','点点'] },
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
],
|
||||||
|
ActionsList: [
|
||||||
|
{
|
||||||
|
label: "批量删除",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "批量导出",
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleTableChange(pagination) {
|
||||||
|
console.log(pagination);
|
||||||
|
const pager = { ...this.pagination };
|
||||||
|
pager.current = pagination.current;
|
||||||
|
pager.pageSize = pagination.pageSize;
|
||||||
|
this.pagination = pager;
|
||||||
|
},
|
||||||
|
del(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
Actions(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
selectionChoosed(data) {
|
||||||
|
console.log(data);
|
||||||
|
this.tableChoosed = data;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.role-card{
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-bottom: 1px solid #d9d9d9;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,229 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">楼栋管理</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span='20'>
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input placeholder="请输入楼栋名称" />
|
||||||
|
<a-button type="primary">查 询</a-button>
|
||||||
|
<a-button>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span='4'>
|
||||||
|
<a-button class="add-btn" @click="addBuilding">添加楼栋</a-button>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<commonTable
|
||||||
|
:columns="columns"
|
||||||
|
:tableData="tableData"
|
||||||
|
:ActionsList="ActionsList"
|
||||||
|
@handleTableChange="handleTableChange"
|
||||||
|
@Actions="Actions"
|
||||||
|
@selectionChoosed="selectionChoosed"
|
||||||
|
>
|
||||||
|
<template v-slot:actionBox="data">
|
||||||
|
<a href="javascript:;" @click="del(data)">详情</a>
|
||||||
|
<span style="margin: 5px">|</span>
|
||||||
|
<a href="javascript:;">删除</a>
|
||||||
|
</template>
|
||||||
|
</commonTable>
|
||||||
|
<!-- 添加 -->
|
||||||
|
<a-drawer
|
||||||
|
:title="drawerConfig.title"
|
||||||
|
:width="720"
|
||||||
|
:visible="drawerConfig.addShow"
|
||||||
|
:body-style="{ paddingBottom: '80px' }"
|
||||||
|
@close="addClose"
|
||||||
|
>
|
||||||
|
<div class="drawer-content">
|
||||||
|
楼栋信息
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<a-form-model
|
||||||
|
layout='vertical'
|
||||||
|
ref="ruleForm"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
>
|
||||||
|
<a-form-model-item label="楼栋号" prop="name">
|
||||||
|
<a-input v-model="form.name" placeholder='请输入楼栋号' style="width:50%"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label='上传照片' style="width:70%" prop='fileList'>
|
||||||
|
<a-upload
|
||||||
|
action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
||||||
|
list-type="picture"
|
||||||
|
:default-file-list="fileList"
|
||||||
|
>
|
||||||
|
<a-button> <a-icon type="upload" /> 点击上传 </a-button>
|
||||||
|
</a-upload>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer">
|
||||||
|
<a-button :style="{ marginRight: '8px' }" @click="addClose">
|
||||||
|
关闭
|
||||||
|
</a-button>
|
||||||
|
<a-button type="primary" @click="addClose"> 提交 </a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
drawerConfig:{
|
||||||
|
addShow:false,
|
||||||
|
detailShow:false,
|
||||||
|
title:'添加楼栋',
|
||||||
|
},
|
||||||
|
form:{
|
||||||
|
name:''
|
||||||
|
},
|
||||||
|
rules:{
|
||||||
|
name:[{required:true,message:'请输入楼栋',trigger:'blur'}],
|
||||||
|
fileList:[{required:true,message:'请上传文件'}]
|
||||||
|
},
|
||||||
|
fileList: [
|
||||||
|
{
|
||||||
|
uid: '-1',
|
||||||
|
name: 'xxx.png',
|
||||||
|
status: 'done',
|
||||||
|
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
|
||||||
|
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
uid: '-2',
|
||||||
|
name: 'yyy.png',
|
||||||
|
status: 'done',
|
||||||
|
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
|
||||||
|
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
tableChoosed: [],
|
||||||
|
// 分页
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 列
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: "楼栋名称",
|
||||||
|
dataIndex: "name",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "房屋总数",
|
||||||
|
dataIndex: "estateTotals",
|
||||||
|
width: "200",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "租赁房屋数",
|
||||||
|
dataIndex: "leaseEstateNums",
|
||||||
|
width: "200"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "租赁率",
|
||||||
|
dataIndex: "leaseRate",
|
||||||
|
width: "200",
|
||||||
|
customRender:function(leaseRate){
|
||||||
|
return leaseRate+'%'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "入住率",
|
||||||
|
dataIndex: "occupancyRate",
|
||||||
|
width: "200",
|
||||||
|
customRender:function(occupancyRate){
|
||||||
|
return occupancyRate+'%'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "180",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
],
|
||||||
|
// 数据
|
||||||
|
tableData: [
|
||||||
|
{ name: 1, roleNameList: ['点点3','212','点点'] },
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
{},
|
||||||
|
],
|
||||||
|
ActionsList: [
|
||||||
|
{
|
||||||
|
label: "批量删除",
|
||||||
|
value: 1,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "批量导出",
|
||||||
|
value: 2,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
addBuilding(){
|
||||||
|
this.drawerConfig.addShow = true
|
||||||
|
},
|
||||||
|
addClose(){
|
||||||
|
this.drawerConfig.addShow = false
|
||||||
|
},
|
||||||
|
handleTableChange(pagination) {
|
||||||
|
console.log(pagination);
|
||||||
|
const pager = { ...this.pagination };
|
||||||
|
pager.current = pagination.current;
|
||||||
|
pager.pageSize = pagination.pageSize;
|
||||||
|
this.pagination = pager;
|
||||||
|
},
|
||||||
|
del(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
Actions(data) {
|
||||||
|
console.log(data);
|
||||||
|
},
|
||||||
|
selectionChoosed(data) {
|
||||||
|
console.log(data);
|
||||||
|
this.tableChoosed = data;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.role-card{
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-bottom: 1px solid #d9d9d9;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
<template>
|
||||||
|
<router-view></router-view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -1,278 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="main">
|
|
||||||
<a-row>
|
|
||||||
<a-col :span="4" class="left-tree">
|
|
||||||
<a-input-search
|
|
||||||
style="margin-bottom: 8px"
|
|
||||||
placeholder="请输入搜索信息"
|
|
||||||
@change="onChange"
|
|
||||||
/>
|
|
||||||
<a-tree
|
|
||||||
v-model="checkedKeys"
|
|
||||||
checkable
|
|
||||||
:expanded-keys="expandedKeys"
|
|
||||||
:auto-expand-parent="autoExpandParent"
|
|
||||||
:selected-keys="selectedKeys"
|
|
||||||
:tree-data="treeData"
|
|
||||||
@expand="onExpand"
|
|
||||||
@select="onSelect"
|
|
||||||
/>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="20">
|
|
||||||
<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-space size="large">
|
|
||||||
<a-button type="primary" :loading="loading"> 新增员工 </a-button>
|
|
||||||
<a-button :disabled="!hasSelected" :loading="loading">
|
|
||||||
批量操作
|
|
||||||
</a-button>
|
|
||||||
</a-space>
|
|
||||||
<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 style="margin: 5px">|</span>
|
|
||||||
<a-switch size="small"></a-switch>
|
|
||||||
<span style="margin: 5px">|</span>
|
|
||||||
<a @click="detail(scope)">重置密码</a>
|
|
||||||
</span>
|
|
||||||
<span slot="formatter" slot-scope="scope">{{
|
|
||||||
scope === 1 ? "可" : ""
|
|
||||||
}}</span>
|
|
||||||
</a-table>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</a-row>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
const treeData = [
|
|
||||||
{
|
|
||||||
title: "0-0",
|
|
||||||
key: "0-0",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
title: "0-0-0",
|
|
||||||
key: "0-0-0",
|
|
||||||
children: [
|
|
||||||
{ title: "0-0-0-0", key: "0-0-0-0" },
|
|
||||||
{ title: "0-0-0-1", key: "0-0-0-1" },
|
|
||||||
{ title: "0-0-0-2", key: "0-0-0-2" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "0-0-1",
|
|
||||||
key: "0-0-1",
|
|
||||||
children: [
|
|
||||||
{ title: "0-0-1-0", key: "0-0-1-0" },
|
|
||||||
{ title: "0-0-1-1", key: "0-0-1-1" },
|
|
||||||
{ title: "0-0-1-2", key: "0-0-1-2" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "0-0-2",
|
|
||||||
key: "0-0-2",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "0-1",
|
|
||||||
key: "0-1",
|
|
||||||
children: [
|
|
||||||
{ title: "0-1-0-0", key: "0-1-0-0" },
|
|
||||||
{ title: "0-1-0-1", key: "0-1-0-1" },
|
|
||||||
{ title: "0-1-0-2", key: "0-1-0-2" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "0-2",
|
|
||||||
key: "0-2",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
expandedKeys: ["0-0-0", "0-0-1"],
|
|
||||||
autoExpandParent: true,
|
|
||||||
checkedKeys: ["0-0-0"],
|
|
||||||
selectedKeys: [],
|
|
||||||
treeData,
|
|
||||||
// 搜索项
|
|
||||||
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: "180",
|
|
||||||
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: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
hasSelected() {
|
|
||||||
return this.selectedRowKeys.length > 0;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
checkedKeys(val) {
|
|
||||||
console.log("onCheck", val);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onExpand(expandedKeys) {
|
|
||||||
console.log("onExpand", expandedKeys);
|
|
||||||
// if not set autoExpandParent to false, if children expanded, parent can not collapse.
|
|
||||||
// or, you can remove all expanded children keys.
|
|
||||||
this.expandedKeys = expandedKeys;
|
|
||||||
this.autoExpandParent = false;
|
|
||||||
},
|
|
||||||
onCheck(checkedKeys) {
|
|
||||||
console.log("onCheck", checkedKeys);
|
|
||||||
this.checkedKeys = checkedKeys;
|
|
||||||
},
|
|
||||||
onSelect(selectedKeys, info) {
|
|
||||||
console.log("onSelect", info);
|
|
||||||
this.selectedKeys = selectedKeys;
|
|
||||||
},
|
|
||||||
detail(data) {
|
|
||||||
console.log(data);
|
|
||||||
this.$router.push({ name: "settle_detail" });
|
|
||||||
},
|
|
||||||
onSelectChange(selectedRowKeys) {
|
|
||||||
console.log("selectedRowKeys changed: ", selectedRowKeys);
|
|
||||||
this.selectedRowKeys = selectedRowKeys;
|
|
||||||
},
|
|
||||||
handleTableChange(pagination) {
|
|
||||||
console.log(pagination);
|
|
||||||
const pager = { ...this.pagination };
|
|
||||||
pager.current = pagination.current;
|
|
||||||
pager.pageSize = pagination.pageSize;
|
|
||||||
this.pagination = pager;
|
|
||||||
},
|
|
||||||
onChange(){}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.left-tree {
|
|
||||||
padding: 10px;
|
|
||||||
border-right: 1px solid #0000000f;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
#commonTable {
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue