Skip to content

A
applet
提交 2536945a authored 作者: 何忠建's avatar 何忠建
浏览文件
操作

个人信息+维修评价

上级 baebf98b
隐藏空白字符变更
内嵌 并排
正在显示 包含 396 行增加 和 8 行删除
pages.json
浏览文件 @ 2536945a
{
"pages": [{
"pages": [ {
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "首页",
......@@ -92,6 +92,12 @@
"navigationBarTitleText": "维修提交审核",
"navigationBarBackgroundColor": "#ffffff"
}
},{
"path": "pages/maintenanceDetails/index",
"style": {
"navigationBarTitleText": "维修评价",
"navigationBarBackgroundColor": "#ffffff"
}
}, {
"path": "pages/complaints/index",
"style": {
......@@ -172,6 +178,12 @@
"style": {
"navigationBarTitleText": "缴费详情"
}
},{
"path": "pages/myInformation/index",
"style": {
"navigationBarTitleText": "个人信息",
"navigationBarBackgroundColor": "#ffffff"
}
}
],
"globalStyle": {
......
pages/maintenance/index.vue
浏览文件 @ 2536945a
......@@ -2,7 +2,7 @@
<view class="container">
<view class="page">
<view class="maintenance">
<view class="information">
<view class="information" @click="toDetails()">
<view class="title green">浴霸不出水了<view class="tag">待派单</view>
</view>
<view class="content">
......@@ -20,7 +20,7 @@
</view>
</view>
</view>
<view class="information">
<view class="information" @click="toDetails()">
<view class="title red">浴霸不出水了<view class="tag">维修中</view>
</view>
<view class="content">
......@@ -46,8 +46,8 @@
</view>
</view>
</view>
<view class="information">
<view class="title gray">浴霸不出水了<view class="tag">已完成</view>
<view class="information" @click="toDetails()">
<view class="title gray">浴霸不出水了<view class="evaluation">去评价</view><view class="tag">已完成</view>
</view>
<view class="content">
<view class="item">
......@@ -72,6 +72,36 @@
</view>
</view>
</view>
<view class="information" @click="toDetails()">
<view class="title gray">浴霸不出水了<view class="tag">已评价</view><view class="tag">已完成</view>
</view>
<view class="content">
<view class="item">
<view class="name">报修地址</view>
<view class="detail">汉江之星小区101栋2单元401</view>
</view>
<view class="item">
<view class="name">报修物品</view>
<view class="detail">水暖-浴霸</view>
</view>
<view class="item">
<view class="name">预约上门时间</view>
<view class="detail">2021/09/09 13：00 - 14：00</view>
</view>
<view class="item">
<view class="name">维修员</view>
<view class="detail">张三</view>
</view>
<view class="item">
<view class="name">联系方式</view>
<view class="detail">15415234562</view>
</view>
<view class="item">
<view class="name">评价</view>
<view class="detail"><uni-rate :value="4" :size="20" /></view>
</view>
</view>
</view>
</view>
</view>
<view class="form-submit-fixed">
......@@ -86,6 +116,11 @@
return {}
},
methods: {
toDetails() {
uni.navigateTo({
url: '/pages/maintenanceDetails/index',
});
},
toEditor() {
uni.navigateTo({
url: '/pages/maintenanceAdd/index',
......@@ -129,12 +164,24 @@
font-weight: bold;
margin-bottom: 30rpx;
.evaluation{
font-size: 22rpx;
padding: 2rpx 20rpx;
border-radius: 30rpx;
display: inline-block;
float: right;
margin-left: 20rpx;
color: #ffffff;
background-color: #6A59F2;
border: 1px solid #6A59F2;
}
.tag {
font-size: 22rpx;
padding: 2rpx 20rpx;
border-radius: 30rpx;
display: inline-block;
float: right;
margin-left: 20rpx;
}
}
......@@ -174,6 +221,7 @@
.item {
display: flex;
align-items: center;
height: 70rpx;
line-height: 70rpx;
......
pages/maintenanceDetails/index.vue 0 → 100644
浏览文件 @ 2536945a
<template>
<view class="container">
<view class="page">
<view class="maintenance">
<view class="information">
<view class="evaluation">
<view class="rate">
<view class="name">评价:</view><uni-rate v-model="rateValue" @change="onChange" :size="20" />
</view>
<view class="textarea"><uni-easyinput type="textarea" v-model="evaluation"
placeholder="请输入您的评价" /></uni-easyinput></view>
</view>
<view class="content">
<view class="item">
<view class="name">报修地址</view>
<view class="detail">汉江之星小区01栋2单元402</view>
</view>
<view class="item">
<view class="name">维修物品</view>
<view class="detail">电梯</view>
</view>
<view class="item">
<view class="name">标题</view>
<view class="detail">电梯坏了</view>
</view>
<view class="item">
<view class="name">手机号码</view>
<view class="detail">16589000078</view>
</view>
<view class="item">
<view class="name">预约上门时间</view>
<view class="detail">2022/09/09 14: 00 -16：00</view>
</view>
<view class="item text">
<view class="name">问题描述</view>
<view class="detail">9月9号上午电梯突然无法运行9月9号上午电梯突然无法运行9月9号上午电梯突然无法运行</view>
</view>
<view class="item text">
<view class="name">附件</view>
<view class="image">
<image src="../../static/images/img02.png" class="icon"></image>
<image src="../../static/images/img03.png" class="icon"></image>
</view>
</view>
</view>
</view>
<view class="form-submit">提交</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
rateValue: 3,
evaluation: ''
}
},
methods: {
onChange(e) {
console.log('rate发生改变:' + JSON.stringify(e))
// console.log(this.rateValue);
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style>
page {
background-color: #F8F6F9;
}
</style>
<style lang="scss" scoped>
.page {
padding: 30rpx;
}
.maintenance {
.evaluation {
.rate {
display: flex;
align-items: center;
margin-bottom: 30rpx;
.name {
font-size: 28rpx;
color: #373737;
}
}
.textarea {
background-color: #F8F8F8;
}
}
.information {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.content {
margin-top: 20rpx;
.item {
display: flex;
height: 70rpx;
line-height: 70rpx;
.name {
width: 35%;
font-size: 28rpx;
color: #CECED3;
}
.detail {
width: 65%;
font-size: 28rpx;
color: #373737;
}
}
.text {
height: auto;
.detail {
line-height: 52rpx;
}
.image {
display: flex;
.icon {
width: 120rpx;
height: 120rpx;
border-radius: 10rpx;
margin-right: 10rpx;
}
}
}
}
}
}
.form-submit {
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
margin-bottom: 30rpx;
}
</style>
\ No newline at end of file
pages/mine/index.vue
浏览文件 @ 2536945a
......@@ -78,9 +78,9 @@
methods: {
quickEntry(type) {
if (type == 1) {
// uni.navigateTo({
// url: '/pages/message/index',
// });
uni.navigateTo({
url: '/pages/myInformation/index',
});
} else if (type == 2) {
uni.navigateTo({
url: '/pages/myHouse/index',
......
pages/myInformation/index.vue 0 → 100644
浏览文件 @ 2536945a
<template>
<view class="container">
<view class="page">
<view class="information">
<view class="form">
<uni-forms>
<view class="form-item">
<view class="form-item-fl">
头像
</view>
<view class="form-item-fr">
<image src="../../static/images/img01.png" class="icon"></image>
<uni-icons type="forward" color="#E4E4EA"></uni-icons>
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
姓名
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name" focus placeholder="请输入姓名" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
性别
</view>
<view class="form-item-fr">
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" class="form-item-tit" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
年龄
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入年龄" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
<view class="asterisk">*</view>手机号码
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入手机号码" />
</view>
</view>
<view class="form-item">
<view class="form-item-fl">
地址
</view>
<view class="form-item-fr">
<input class="form-item-tit" v-model="formData.name1" focus placeholder="请输入地址" />
</view>
</view><strong></strong>
</uni-forms>
</view>
<view class="form-submit">保存</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
formData: {
name: '',
name1: '',
sex: '',
name2: '',
},
sexs: [{
text: '男',
value: 0
}, {
text: '女',
value: 1
}]
}
},
methods: {},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 30rpx;
}
.information {
.form {
background-color: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
margin-bottom: 30rpx;
.form-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 84rpx;
line-height: 84rpx;
border-bottom: 1px solid #F8F6F9;
overflow: hidden;
}
.form-item-fl {
font-size: 28rpx;
color: #373737;
display: flex;
.asterisk {
color: #F42E2E;
width: 10rpx;
margin-right: 6rpx;
}
}
.form-item-fr {
display: flex;
flex: 2;
align-items: center;
justify-content: flex-end;
margin-left: 20rpx;
.icon {
height: 64rpx;
width: 64rpx;
margin-right: 20rpx;
}
}
.form-item-tit {
font-size: 28rpx;
color: #666;
margin-right: 20rpx;
text-align: right;
}
}
}
.form-submit {
height: 80rpx;
line-height: 80rpx;
background-color: #6A59F2;
border-radius: 80rpx;
width: 100%;
text-align: center;
font-size: 28rpx;
color: #FFFFFF;
}
</style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论