master
271556543@qq.com 3 years ago
parent 3bcaef0bb3
commit bfa15e7940

@ -0,0 +1,61 @@
<template>
<div class="table-tree">
<el-table :data="list" :height="tableHeight" class="v-table" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="index" align="center"></el-table-column>
<template v-for="(item,index) in tableItem">
<el-table-column header-align="center" align="center" :label="item.label" :prop="item.prop" :width="item.width?item.width:'auto'" :sortable="item.sortable?item.sortable:true"></el-table-column>
</template>
<el-table-column fixed="right" label="操作" :width="rightWidth" header-align="center">
<template slot-scope="scope">
<slot name="btns">
<Button type="error" size="small" style="margin-left: 10px;" ghost @click="$emit('delClick')"></Button>
<Button type="primary" size="small" style="margin-left: 10px;" ghost @click="$emit('editorClick')"></Button>
</slot>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props:{
rightWidth:{
type:Number,
default:200
},
list:{
type:Array,
default:[]
},
tableItem:{
type:Array,
default:[]
}
},
data() {
return {
tableHeight: 0,
}
},
methods: {
initLoad() {
var that = this;
var clientHeight = document.documentElement.clientHeight
var lxHeader_height = 96.5; //
var paginationHeight = 37; //
var topHeight = 50; //
let tableHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
that.tableHeight = tableHeight;
},
},
created() {
this.initLoad()
}
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,65 @@
<template>
<div class="container" style="padding: 0px 20px">
<!--查询-->
<div>
<div ref="lxHeader">
<LxHeader icon="md-apps" text="销售管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
<div slot="content"></div>
<slot>
<div>
<Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
<Button type="primary" style="margin-left: 10px">查询</Button>
<Button type="primary" style="margin-left: 10px">创建销售人员</Button>
</div>
</slot>
</LxHeader>
</div>
</div>
<!-- 表格 -->
<MyTable :table-item="tableItem" :list="list"></MyTable>
<div style="display: flex;justify-content: flex-end;">
<Page :total="10" show-elevator />
</div>
</div>
</template>
<script>
import LxHeader from "@/components/LxHeader/index.vue"
import MyTable from '@/components/MyTable/index.vue'
import {getList} from "@/api/people/salespersonManage"
export default {
components:{
LxHeader,
MyTable
},
data() {
return {
tableItem:[
{
prop:"name",
label:"姓名"
},
{
prop:"username",
label:"用户名"
}
],
list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"username":"songwz","name":"\u5b8b\u536b\u5b97","mobile":"18962113007","avatar":null,"created_at":"2021-12-02T12:50:53.000000Z","updated_at":"2021-12-02T16:13:26.000000Z","deleted_at":null},{"id":3,"username":"ags","name":"\u5b8b\u6d4b\u8bd5","mobile":"13933193538","avatar":null,"created_at":"2021-12-02T12:56:41.000000Z","updated_at":"2021-12-02T12:56:41.000000Z","deleted_at":null},{"id":7,"username":"liuxy1","name":"\u5218\u7fd4\u5b87","mobile":"18550337240","avatar":null,"created_at":"2021-12-03T17:17:46.000000Z","updated_at":"2022-06-20T07:01:00.000000Z","deleted_at":null},{"id":8,"username":"liuyu","name":"\u5218\u745c","mobile":"18550337340","avatar":null,"created_at":"2021-12-08T07:57:37.000000Z","updated_at":"2022-05-06T08:24:00.000000Z","deleted_at":null},{"id":10,"username":"15995078066","name":"\u6c88\u9ece","mobile":"15995078066","avatar":null,"created_at":"2021-12-21T09:32:40.000000Z","updated_at":"2022-05-06T08:25:00.000000Z","deleted_at":null},{"id":11,"username":"18362235035","name":"\u7fc1\u96ea\u71d5","mobile":"18362235035","avatar":null,"created_at":"2021-12-21T09:33:18.000000Z","updated_at":"2022-05-06T08:25:13.000000Z","deleted_at":null},{"id":12,"username":"13813578617","name":"\u534e\u60e0\u7389","mobile":"13813578617","avatar":null,"created_at":"2021-12-21T09:33:50.000000Z","updated_at":"2022-05-06T08:25:20.000000Z","deleted_at":null},{"id":13,"username":"13915836633","name":"\u534e\u76ca\u840d","mobile":"13915836633","avatar":null,"created_at":"2021-12-21T09:34:17.000000Z","updated_at":"2022-05-06T08:25:29.000000Z","deleted_at":null},{"id":14,"username":"15861690406","name":"\u8c22\u4e9a\u6960","mobile":"15861690406","avatar":null,"created_at":"2021-12-21T09:34:50.000000Z","updated_at":"2022-05-06T08:25:36.000000Z","deleted_at":null},{"id":15,"username":"13961241491","name":"\u7a0b\u7476","mobile":"13961241491","avatar":null,"created_at":"2021-12-25T02:54:50.000000Z","updated_at":"2022-05-06T08:25:43.000000Z","deleted_at":null},{"id":16,"username":"15722790021","name":"\u9646\u96ea\u598d","mobile":"15722790021","avatar":null,"created_at":"2021-12-25T02:55:15.000000Z","updated_at":"2022-05-06T08:25:51.000000Z","deleted_at":null},{"id":17,"username":"13915808101","name":"\u7a0b\u7231\u7433","mobile":"13915808101","avatar":null,"created_at":"2022-01-04T07:55:52.000000Z","updated_at":"2022-05-06T08:25:58.000000Z","deleted_at":null},{"id":19,"username":"15851936391","name":"\u6f58\u96f7\u654f","mobile":"15851936391","avatar":null,"created_at":"2022-01-05T07:59:56.000000Z","updated_at":"2022-05-06T08:26:06.000000Z","deleted_at":null},{"id":20,"username":"15995090911","name":"\u5434\u5029\u5170","mobile":"15995090911","avatar":null,"created_at":"2022-01-05T08:00:29.000000Z","updated_at":"2022-01-05T08:00:29.000000Z","deleted_at":null}],"pager":""}}').data.rows
}
},
methods: {
async init(){
let res = await getList({page:1})
console.log(res)
}
},
created() {
//this.init()
}
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,68 @@
<template>
<div class="container" style="padding: 0px 20px">
<!--查询-->
<div>
<div ref="lxHeader">
<LxHeader icon="md-apps" text="护工管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
<div slot="content"></div>
<slot>
<div>
<Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
<Button type="primary" style="margin-left: 10px">查询</Button>
<Button type="primary" style="margin-left: 10px">创建护工</Button>
</div>
</slot>
</LxHeader>
</div>
</div>
<!-- 表格 -->
<MyTable :table-item="tableItem" :list="list"></MyTable>
<div style="display: flex;justify-content: flex-end;">
<Page :total="10" show-elevator />
</div>
</div>
</template>
<script>
import MyTable from "@/components/MyTable"
import LxHeader from "@/components/LxHeader"
export default {
components:{
MyTable,
LxHeader
},
data() {
return {
tableItem:[
{
prop:'name',
label:'姓名'
},
{
prop: 'idcard',
label: "身份证号",
width:220
},
{
prop:'mobile',
label:"联系电话",
width: 180
},
{
prop:'hometown',
label:"户籍地址",
width:140
}
],
list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"name":"\u5b8b\u536b\u5b97","mobile":"18962113007","avatar":null,"idcard":"320503198111122754","sex":"\u7537","birthday":null,"hometown":"\u82cf\u5dde","address":"\u82cf\u5dde\u5de5\u4e1a\u56ed\u533a","emergency_phone":null,"work_years":null,"join_at":null,"leave_at":null,"created_at":"2021-12-04T06:05:57.000000Z","updated_at":"2021-12-04T06:05:57.000000Z","deleted_at":null}],"pager":""}}').data.rows
}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>

@ -0,0 +1,17 @@
<template>
<div>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {},
}
</script>
<style scoped lang="scss">
</style>
Loading…
Cancel
Save