Skip to content

html / small-program-web

Go to a project
Commit 358e7ced by duanguohui
Options

保洁维修列表

parent d7b1dce7
Showing with 592 additions and 1 deletions
src/components/Layout.vue
......@@ -20,7 +20,9 @@
<el-menu-item-group>
<el-menu-item index="/tab/bannerList">banner管理</el-menu-item>
<el-menu-item index="/tab/cookbook">菜谱管理</el-menu-item>
<el-menu-item index="/tab/cookList">厨师管理</el-menu-item>
<el-menu-item index="/tab/cookList">厨师人员管理</el-menu-item>
<el-menu-item index="/tab/bjList">保洁人员管理</el-menu-item>
<el-menu-item index="/tab/wxList">维修人员管理</el-menu-item>
<el-menu-item index="/tab/flowerList">花卉绿植管理</el-menu-item>
<el-menu-item index="/tab/orderList">订单管理</el-menu-item>
</el-menu-item-group>
......
src/router.js
......@@ -9,6 +9,10 @@ import CookDetail from './views/cookManage/CookDetail'
import flowerList from './views/flowerManage/flowerList'
import flowerAdd from './views/flowerManage/flowerAdd'
import flowerDetail from './views/flowerManage/flowerDetail'
import bjList from './views/bjManage/bjList'
import bjDetail from './views/bjManage/bjDetail'
import wxList from './views/wxManage/wxList'
import wxDetail from './views/wxManage/wxDetail'
import OrderList from './views/orderList/OrderList'
import OrderDetail from './views/orderList/OrderDetail'
import DefaultPage from './views/DefaultPage'
......@@ -93,6 +97,26 @@ export default new Router({
component: flowerDetail
},
{
path: 'bjList',
name: 'bjList',
component: bjList
},
{
path: '/bjDetail/:id',
name: 'bjDetail',
component: bjDetail
},
{
path: 'wxList',
name: 'wxList',
component: wxList
},
{
path: '/wxDetail/:id',
name: 'wxDetail',
component: wxDetail
},
{
path: 'orderList',
name: 'orderList',
component: OrderList
......
src/views/bjManage/bjDetail.vue 0 → 100644
<template>
<div class="cook-detail">
<p class="my_title">
<em>保洁人员信息</em>
</p>
<div class="cook_infor">
<el-row>
<el-col :span="3"><span>姓名：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.name}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>年龄：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.age}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>联系方式：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.phone}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>工作时间：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.workYears}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>推荐理由：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.recommend}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>服务项目：</span></el-col>
<el-col :span="12">
<div class="col_rt">(一）日常保洁</div>
<div class="col_rt">1、客厅卧室门窗、家具、地面的保洁；</div>
<div class="col_rt">2、其他特殊清洁剂：多功能清洁剂、除胶剂、火碱。</div>
<div class="col_rt">3、以上清洁剂为保洁员自带。</div>
<div class="col_rt">(二）开荒保洁</div>
<div class="col_rt">1、所有日常保洁项目；</div>
<div class="col_rt">2、特殊污渍去除；</div>
<div class="col_rt">3、天花板、墙面整体清洁。</div>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span>清洁工具：</span></el-col>
<el-col :span="12">
<div class="col_rt">1、工作毛巾、胶手套、百洁布、钢丝球；</div>
<div class="col_rt">2、玻璃刮刀、上水器、铲刀、清洁桶；</div>
<div class="col_rt">3、以上工具为保洁员自带。</div>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span>清洁剂：</span></el-col>
<el-col :span="12">
<div class="col_rt">1、玻璃清洁剂、中性清洁剂、洁厕剂、消毒液、去污粉；</div>
<div class="col_rt">2、其他特殊清洁剂：多功能清洁剂、除胶剂、火碱。</div>
<div class="col_rt">3、以上清洁剂为保洁员自带。</div>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span>收费标准：</span></el-col>
<el-col :span="12">
<div class="col_rt">1、日常保洁（暂定）：45元/小时/人（三小时起步），55元/小时/人（两小时起步）；</div>
<div class="col_rt">2、开荒保洁（暂定）：10元/平米。</div>
</el-col>
</el-row>
<el-row style="text-align: center; padding-top: 150px">
<el-col :span="24"><el-button type="primary" @click="goBack">返回</el-button></el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
name: 'cookDetail',
data () {
return {
cookData: {}
}
},
created (){
this.getData()
},
methods: {
getData () {
this.$axios.get('/pccleaning/get/' + this.$route.params.id).then((res)=>{
this.cookData = res.data.data
})
},
goBack () {
this.$router.go(-1)
}
}
}
</script>
<style scoped lang="less">
.cook-detail {
width: 100%;
// height: calc(100% - 34px);
background-color: #ffffff;
padding: 30px 40px;
box-sizing: border-box;
.my_title {margin-bottom: 45px}
.cook_infor {font-size: 16px; padding-left: 30px; padding-right: 70px;
.el-row {margin-bottom: 24px;
span {color: #333333}
.col_rt {
margin-top: 3px;
color: #666666}
}
}
}
</style>
src/views/bjManage/bjList.vue 0 → 100644
<template>
<div>
<div class="breadcrumb-box" style="margin-bottom: 20px">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>您当前的位置为：</el-breadcrumb-item>
<el-breadcrumb-item>菜单管理</el-breadcrumb-item>
<el-breadcrumb-item>保洁人员管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="cook-list">
<div class="cook_top">
<el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="60px" label-position="left">
<el-form-item label="姓名">
<el-input v-model="formInline.name" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit" size="small">搜索</el-button>
</el-form-item>
</el-form>
</div>
<div class="main_table">
<p class="my_title">
<em>人员信息</em>
</p>
<el-table
:data="data"
stripe
class="my-table"
@row-click="handleRowChange"
:header-cell-style="{background:'#f0fafe',color:'#333333'}"
:header-row-style="{height: '60px'}"
style="width: 100%">
<el-table-column
prop="name"
label="姓名"
align="center">
</el-table-column>
<el-table-column
prop="age"
label="年龄"
align="center"
>
</el-table-column>
<el-table-column
prop="workYears"
align="center"
label="工作时间">
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态">
可预约
<!-- <template slot-scope="scope">
<span>{{scope.row.status == 'Y' ? '是' : '否'}}</span>
</template> -->
</el-table-column>
<el-table-column
align="center"
label="操作">
<template slot-scope="scope">
<a href="javascript:;" @click="goDetail(scope.row.id, $event)" class="btn_edit btn_edit_add">详情</a>
<!-- <a href="javascript:;" @click="goEdit(scope.row.id, $event)" class="btn_edit">编辑</a>
<a href="javascript:;" @click="goDelete(scope.row.id, $event)" class="btn_delete">删除</a> -->
</template>
</el-table-column>
</el-table>
<div class="pagination_box" v-if="data && data.length">
<el-button icon="el-icon-arrow-left" size="mini" @click="goPage(-1)" v-if="allPage > 1"></el-button>
<el-button icon="el-icon-arrow-left" size="mini" disabled v-if="allPage === 1"></el-button>
<div class="page_num"><span>{{page}}</span> / <span>{{countPage}}</span></div>
<el-button icon="el-icon-arrow-right" size="mini" @click="goPage(1)" v-if="allPage !== countPage"></el-button>
<el-button icon="el-icon-arrow-right" size="mini" disabled v-if="allPage === countPage"></el-button>
<input type="text" class="page_search" v-model="allPage">
<el-button type="primary" size="mini" @click="goToPage">跳转</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'cookList',
data () {
return {
formInline: {
name: '',
phone: '',
status: ''
},
allPage: 1,
currentPage: 10,
countPage: '',
page: '',
data: []
}
},
created () {
this.getList()
},
methods: {
onSubmit () {
console.log('submit!')
},
add () {
this.$router.push({name: 'cookAdd', params: {}})
},
goDetail (id, e) {
this.$router.push('/bjDetail/' + id)
},
goEdit (id, e) {
e.stopPropagation()
this.$router.push({name: 'cookAdd', params: {
id: id
}})
},
goDelete (id, e) {
e.stopPropagation()
this.$confirm('提示', '确认删除此条信息?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$axios({
method: 'get',
url: '/pccook/delete/' + id,
}).then((res) => {
this.getList()
})
}).catch(() => {
})
},
getList () {
let parms = {
"name": this.formInline.name,
"phone": this.formInline.phone,
// "status": this.formInline.status
}
this.$axios({
method: 'post',
url: '/pccleaning/get/list?p=' + this.allPage + '&c=' + this.currentPage,
data: parms
}).then((res) => {
this.data = res.data.data.resultList
this.countPage = res.data.data.countPage
this.page = res.data.data.page
console.log(res.data)
})
},
handleRowChange (row, event, column) {
this.$router.push('/bjDetail/' + row.id)
},
searchList () {
this.getOrderList()
},
goPage (num) {
this.allPage = Number(this.allPage) + num
this.getOrderList()
},
goToPage () {
this.getOrderList()
},
}
}
</script>
<style scoped lang="less">
.searchButton{
// margin-top: 43px;
}
.btn_edit_add{
margin-right: 0!important;
}
</style>
src/views/wxManage/wxDetail.vue 0 → 100644
<template>
<div class="cook-detail">
<p class="my_title">
<em>维修人员信息</em>
</p>
<div class="cook_infor">
<el-row>
<el-col :span="3"><span>姓名：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.name}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>类型：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.type}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>联系方式：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.phone}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>工作时间：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.workYears}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>推荐理由：</span></el-col>
<el-col :span="12"><div class="col_rt">{{cookData.recommend}}</div></el-col>
</el-row>
<el-row>
<el-col :span="3"><span>维修服务：</span></el-col>
<el-col :span="12">
<div class="col_rt">(一)：电工维修项目服务</div>
<div class="col_rt">1.家庭用电老旧线路维修改造、更换电源线、开关、检修更换灯具、判断家庭用电设备故障；</div>
<div class="col_rt">2.工程安装，家庭装修水电改造，根据业主需求进行电源线路简单设计改造。</div>
<div class="col_rt">(二)：水暖维修服务</div>
<div class="col_rt">1.家庭马桶、洗手盆、淋浴间管道疏通、地漏、上下水管道更换；</div>
<div class="col_rt">2.家庭卫生洁具更换包括水龙头、马桶水箱配件、淋浴间配件、阀门等维修更换，上门服务；</div>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span>维修工具：</span></el-col>
<el-col :span="12">
<div class="col_rt">电工: 老虎钳、试电笔、改锥、万用表等由维修工人自带。</div>
<div class="col_rt">水暖: 扳手、管钳、老虎钳、改锥、生胶带等由维修工自带。</div>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span>收费标准：</span></el-col>
<el-col :span="12">
<div class="col_rt">电工: 家庭装修2.5平方线路暗敷40元/米、明敷30元/米。4平方线路暗敷50元/米，明敷40元/米。其他维修根据每个用户要求和使用材料不同可协商。</div>
<div class="col_rt">水暖: 4分PPR管暗敷55元/米，明敷45元/米，安装完毕后做试压、试水试验。其他根据用户要求和装修材料标准协商。</div>
</el-col>
</el-row>
<el-row style="text-align: center; padding-top: 150px">
<el-col :span="24"><el-button type="primary" @click="goBack">返回</el-button></el-col>
</el-row>
</div>
</div>
</template>
<script>
export default {
name: 'cookDetail',
data () {
return {
cookData: {}
}
},
created (){
this.getData()
},
methods: {
getData () {
this.$axios.get('/pcrepair/get/' + this.$route.params.id).then((res)=>{
this.cookData = res.data.data
})
},
goBack () {
this.$router.go(-1)
}
}
}
</script>
<style scoped lang="less">
.cook-detail {
width: 100%;
// height: calc(100% - 34px);
background-color: #ffffff;
padding: 30px 40px;
box-sizing: border-box;
.my_title {margin-bottom: 45px}
.cook_infor {font-size: 16px; padding-left: 30px; padding-right: 70px;
.el-row {margin-bottom: 24px;
span {color: #333333}
.col_rt {
margin-top: 3px;
color: #666666}
}
}
}
</style>
src/views/wxManage/wxList.vue 0 → 100644
<template>
<div>
<div class="breadcrumb-box" style="margin-bottom: 20px">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item>您当前的位置为：</el-breadcrumb-item>
<el-breadcrumb-item>菜单管理</el-breadcrumb-item>
<el-breadcrumb-item>维修人员管理</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="cook-list">
<div class="cook_top">
<el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="60px" label-position="left">
<el-form-item label="姓名">
<el-input v-model="formInline.name" placeholder="姓名"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit" size="small">搜索</el-button>
</el-form-item>
</el-form>
</div>
<div class="main_table">
<p class="my_title">
<em>人员信息</em>
</p>
<el-table
:data="data"
stripe
class="my-table"
@row-click="handleRowChange"
:header-cell-style="{background:'#f0fafe',color:'#333333'}"
:header-row-style="{height: '60px'}"
style="width: 100%">
<el-table-column
prop="name"
label="姓名"
align="center">
</el-table-column>
<el-table-column
prop="type"
label="类型"
align="center"
>
</el-table-column>
<el-table-column
prop="workYears"
align="center"
label="工作时间">
</el-table-column>
<el-table-column
prop="status"
align="center"
label="状态">
可预约
<!-- <template slot-scope="scope">
<span>{{scope.row.status == 'Y' ? '是' : '否'}}</span>
</template> -->
</el-table-column>
<el-table-column
align="center"
label="操作">
<template slot-scope="scope">
<a href="javascript:;" @click="goDetail(scope.row.id, $event)" class="btn_edit btn_edit_add">详情</a>
<!-- <a href="javascript:;" @click="goEdit(scope.row.id, $event)" class="btn_edit">编辑</a>
<a href="javascript:;" @click="goDelete(scope.row.id, $event)" class="btn_delete">删除</a> -->
</template>
</el-table-column>
</el-table>
<div class="pagination_box" v-if="data && data.length">
<el-button icon="el-icon-arrow-left" size="mini" @click="goPage(-1)" v-if="allPage > 1"></el-button>
<el-button icon="el-icon-arrow-left" size="mini" disabled v-if="allPage === 1"></el-button>
<div class="page_num"><span>{{page}}</span> / <span>{{countPage}}</span></div>
<el-button icon="el-icon-arrow-right" size="mini" @click="goPage(1)" v-if="allPage !== countPage"></el-button>
<el-button icon="el-icon-arrow-right" size="mini" disabled v-if="allPage === countPage"></el-button>
<input type="text" class="page_search" v-model="allPage">
<el-button type="primary" size="mini" @click="goToPage">跳转</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'cookList',
data () {
return {
formInline: {
name: '',
phone: '',
status: ''
},
allPage: 1,
currentPage: 10,
countPage: '',
page: '',
data: []
}
},
created () {
this.getList()
},
methods: {
onSubmit () {
console.log('submit!')
},
add () {
this.$router.push({name: 'cookAdd', params: {}})
},
goDetail (id, e) {
this.$router.push('/wxDetail/' + id)
},
goEdit (id, e) {
e.stopPropagation()
this.$router.push({name: 'cookAdd', params: {
id: id
}})
},
goDelete (id, e) {
e.stopPropagation()
this.$confirm('提示', '确认删除此条信息?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$axios({
method: 'get',
url: '/pccook/delete/' + id,
}).then((res) => {
this.getList()
})
}).catch(() => {
})
},
getList () {
let parms = {
"name": this.formInline.name,
"phone": this.formInline.phone,
// "status": this.formInline.status
}
this.$axios({
method: 'post',
url: '/pcrepair/get/list?p=' + this.allPage + '&c=' + this.currentPage,
data: parms
}).then((res) => {
this.data = res.data.data.resultList
this.countPage = res.data.data.countPage
this.page = res.data.data.page
console.log(res.data)
})
},
handleRowChange (row, event, column) {
this.$router.push('/wxDetail/' + row.id)
},
searchList () {
this.getOrderList()
},
goPage (num) {
this.allPage = Number(this.allPage) + num
this.getOrderList()
},
goToPage () {
this.getOrderList()
},
}
}
</script>
<style scoped lang="less">
.searchButton{
// margin-top: 43px;
}
.btn_edit_add{
margin-right: 0!important;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment