From c84e0d0e2ae1403fc7dbba4367b7ff5e40cf432b Mon Sep 17 00:00:00 2001
From: "3321822538@qq.com" <3321822538@qq.com>
Date: Tue, 8 Oct 2024 17:58:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AE=A2=E5=8D=95=E7=BB=9F?=
=?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
common/http.interceptor.js | 4 +-
page_fenbao/editshenhe.vue | 6 +
.../statulist/myshop/editshop/index.vue | 9 +-
page_fenbao/statulist/myshop/shopxx/index.vue | 10 +-
page_user/skzh.vue | 8 +-
pages.json | 10 +
pages/login/login.vue | 88 ++--
pages/my.vue | 12 +-
pages/tongji.vue | 478 ++++++++++++++++++
9 files changed, 581 insertions(+), 44 deletions(-)
create mode 100644 pages/tongji.vue
diff --git a/common/http.interceptor.js b/common/http.interceptor.js
index dec621d..9c734f5 100644
--- a/common/http.interceptor.js
+++ b/common/http.interceptor.js
@@ -19,8 +19,8 @@ const install = (Vue, vm) => {
// },
// });
Vue.prototype.$u.http.setConfig({
- baseUrl: 'http://192.168.2.81:10002',
- // baseUrl: 'https://kg.chuangtewl.com/prod-api',
+ // baseUrl: 'http://192.168.2.81:10002',
+ baseUrl: 'https://kg.chuangtewl.com/prod-api',
// loadingText: '努力加载中~',
// loadingTime: 1000,
// 设置自定义头部content-type
diff --git a/page_fenbao/editshenhe.vue b/page_fenbao/editshenhe.vue
index 6e1cba4..8e9b03b 100644
--- a/page_fenbao/editshenhe.vue
+++ b/page_fenbao/editshenhe.vue
@@ -56,6 +56,10 @@
<view class="tit"> 是否展示店铺</view>
<u-switch v-model="checked" active-color="#8883F0" disabled="false"></u-switch>
</view>
+ <view class="listval">
+ <view class="tit"> 是否允许在非营业时间使用</view>
+ <u-switch v-model="checkeds" active-color="#8883F0" disabled="false"></u-switch>
+ </view>
<!-- <view class="listval">
<view class="tit"> 详细地址</view>
<view class="but"> <input type="text" placeholder="请输入详细地址" v-model="xqdz" /> </view>
@@ -114,6 +118,7 @@
hour: true,
minute: true,
},
+ checkeds:false,
show: false,
imglist: '',
token: '',
@@ -237,6 +242,7 @@
this.area = this.listobj.county
this.storeId = this.listobj.storeId
this.checked = this.listobj.show
+ this.checkeds = this.listobj.useOutTime
if (this.selectorvalue == 1) {
this.selectortext = '商场'
this.updateTime = this.listobj.updateTime
diff --git a/page_fenbao/statulist/myshop/editshop/index.vue b/page_fenbao/statulist/myshop/editshop/index.vue
index 5ae09a0..91c8378 100644
--- a/page_fenbao/statulist/myshop/editshop/index.vue
+++ b/page_fenbao/statulist/myshop/editshop/index.vue
@@ -50,6 +50,10 @@
<view class="tit"> 是否展示店铺</view>
<u-switch v-model="checked" active-color="#8883F0"></u-switch>
</view>
+ <view class="listval">
+ <view class="tit"> 是否允许在非营业时间使用</view>
+ <u-switch v-model="checkeds" active-color="#8883F0"></u-switch>
+ </view>
<!-- <view class="listval">
<view class="tit"> 详细地址</view>
<view class="but"> <input type="text" placeholder="请输入详细地址" v-model="xqdz" /> </view>
@@ -105,6 +109,7 @@
minute: true,
},
show: false,
+ checkeds:false,
imglist: '',
token: '',
userImgs: '',
@@ -175,6 +180,7 @@
this.area = this.listobj.county
this.storeId = this.listobj.storeId
this.checked = this.listobj.show
+ this.checkeds = this.listobj.useOutTime
if (this.selectorvalue == 1) {
this.selectortext = '商场'
this.updateTime = this.listobj.updateTime
@@ -324,7 +330,8 @@
contactMobile: this.lxphone,
type: this.selectorvalue,
storeId: this.storeId,
- show:this.checked
+ show:this.checked,
+ useOutTime:this.checkeds
}
this.$u.put("/app/store", data).then(res => {
if (res.code == 500) {
diff --git a/page_fenbao/statulist/myshop/shopxx/index.vue b/page_fenbao/statulist/myshop/shopxx/index.vue
index 7db3a84..6080cc0 100644
--- a/page_fenbao/statulist/myshop/shopxx/index.vue
+++ b/page_fenbao/statulist/myshop/shopxx/index.vue
@@ -48,6 +48,10 @@
<view class="tit"> 是否展示店铺</view>
<u-switch v-model="checked" active-color="#8883F0"></u-switch>
</view>
+ <view class="listval">
+ <view class="tit"> 是否允许在非营业时间使用</view>
+ <u-switch v-model="checkeds" active-color="#8883F0"></u-switch>
+ </view>
<view class="icon">
<view class="list_box">
<view class="lt">
@@ -102,6 +106,7 @@
minute: true,
},
show: false,
+ checkeds:true,
imglist: '',
token: '',
userImgs: '',
@@ -294,7 +299,8 @@
contactName: this.shopname,
contactMobile: this.lxphone,
type: this.selectorvalue,
- show:this.checked
+ show:this.checked,
+ useOutTime:this.checkeds
}
this.$u.post("/app/store", data).then(res => {
if (res.code == 200) {
@@ -462,7 +468,7 @@
.list {
width: 680rpx;
- height: 1000rpx;
+ height: 1060rpx;
background: #FFFFFF;
border-radius: 24rpx 24rpx 24rpx 24rpx;
margin: auto;
diff --git a/page_user/skzh.vue b/page_user/skzh.vue
index 51d28ee..6961d9c 100644
--- a/page_user/skzh.vue
+++ b/page_user/skzh.vue
@@ -114,9 +114,7 @@
}
}
})
- } else if (res.cancel) {
-
- }
+ }
}
})
},
@@ -139,8 +137,7 @@
})
} else {
uni.navigateTo({
- url: '/page_user/mapditu/bdAlipay?accountId=' + this.infoList.OFFLINE_IMAGE[0]
- .accountId
+ url: '/page_user/mapditu/bdAlipay?accountId=' + this.infoList.OFFLINE_IMAGE[0].accountId
})
}
}
@@ -168,7 +165,6 @@
} else {
this.yhkflag = true
}
-
}
})
}
diff --git a/pages.json b/pages.json
index dd3db21..e6fad84 100644
--- a/pages.json
+++ b/pages.json
@@ -22,6 +22,16 @@
"navigationBarTextStyle": "#FFFFFF",
"navigationStyle": "custom"
+ }
+ },{
+ "path": "pages/tongji",
+ "style": {
+ "navigationBarTitleText": "我的",
+ // "enablePullDownRefresh": true,
+ "navigationBarBackgroundColor": "#3996FD",
+ "navigationBarTextStyle": "#FFFFFF",
+ "navigationStyle": "custom"
+
}
},
{
diff --git a/pages/login/login.vue b/pages/login/login.vue
index e19ac16..1ce9ce8 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -15,7 +15,11 @@
<view class="input_txt" style="width: 536rpx;font-size: 24rpx;line-height: 32rpx;">
您暂未授权共享开关小程序获取你的信息，将无法正常使用小程序的功能。如需要正常使用请点击“授权”按钮，打开头像，昵称等信息的授权。
</view>
- <button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
+ <!-- <button class="button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"
+ style="margin-left: -10rpx;">
+ 授权登录
+ </button> -->
+ <button class="button" @click="getPhoneNumber"
style="margin-left: -10rpx;">
授权登录
</button>
@@ -207,40 +211,62 @@
this.usertype = '00'
}
},
- getPhoneNumber(e) {
- let that = this;
- console.log("eeeeeeee", e);
- const wxLoginAsync = () => {
- return new Promise((resolve, reject) => {
- wx.login({
- success(res) {
- if (res.code) {
- let data = {
- loginCode: res.code,
- mobileCode: e.detail.code,
- }
- resolve(data);
- } else {
- reject(res.errMsg)
- }
- },
- fail(err) {
- reject(err)
+ getPhoneNumber(){
+ let taht = this
+ wx.login({
+ success(res) {
+ if (res.code) {
+ let data = {
+ loginCode: res.code,
}
- })
- })
- }
- wxLoginAsync().then(async (data) => {
- this.$u.post("/app/auth/wxLogin", data).then((res) => {
- if (res.code == 200) {
- wx.setStorageSync('token', res.token);
- that.ceshi()
+ taht.$u.post('/app/auth/wxLogin', data).then(res => {
+ if (res.code == 10003) {
+ uni.navigateTo({
+ url: '/pages/login/login'
+ })
+ } else if (res.code == 200) {
+ uni.setStorageSync('token', res.token)
+ taht.ceshi()
+ }
+ })
}
- })
- }).catch((err) => {
- console.error(err)
+ },
})
},
+ // getPhoneNumber(e) {
+ // let that = this;
+ // console.log("eeeeeeee", e);
+ // const wxLoginAsync = () => {
+ // return new Promise((resolve, reject) => {
+ // wx.login({
+ // success(res) {
+ // if (res.code) {
+ // let data = {
+ // loginCode: res.code,
+ // mobileCode: e.detail.code,
+ // }
+ // resolve(data);
+ // } else {
+ // reject(res.errMsg)
+ // }
+ // },
+ // fail(err) {
+ // reject(err)
+ // }
+ // })
+ // })
+ // }
+ // wxLoginAsync().then(async (data) => {
+ // this.$u.post("/app/auth/wxLogin", data).then((res) => {
+ // if (res.code == 200) {
+ // wx.setStorageSync('token', res.token);
+ // that.ceshi()
+ // }
+ // })
+ // }).catch((err) => {
+ // console.error(err)
+ // })
+ // },
async ceshi() {
this.$u.get("/app/user/userInfo").then((res) => {
if (this.id == 1) {
diff --git a/pages/my.vue b/pages/my.vue
index e917a1b..c29b7ac 100644
--- a/pages/my.vue
+++ b/pages/my.vue
@@ -70,6 +70,10 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/ujXfMLJmerXRSRGZfGFV" mode=""></image>
<view class="txt">订单管理</view>
</view>
+ <view class="botcard" @click="topage(10)">
+ <image src="https://api.ccttiot.com/smartmeter/img/static/uKewAY8xvJN04yFpGEjl" mode=""></image>
+ <view class="txt">订单统计</view>
+ </view>
<view class="botcard" @click="topage(4)">
<image src="https://api.ccttiot.com/smartmeter/img/static/uKewAY8xvJN04yFpGEjl" mode=""></image>
<view class="txt">设备故障</view>
@@ -78,10 +82,10 @@
<image src="https://api.ccttiot.com/smartmeter/img/static/uYOquvGtfb1sm5F60NgJ" mode=""></image>
<view class="txt">商家合作</view>
</view> -->
- <view class="botcard" @click="topage(2)">
+ <!-- <view class="botcard" @click="topage(2)">
<image src="https://api.ccttiot.com/smartmeter/img/static/u6qVTFXdkQKEqE1y0J4o" mode=""></image>
<view class="txt">帮助中心</view>
- </view>
+ </view> -->
<!-- <view class="botcard" @click="topage(3)">
<image src="https://api.ccttiot.com/smartmeter/img/static/uGlrjkSOTDXMFuuRb03l" mode=""></image>
<view class="txt">意见反馈</view>
@@ -237,6 +241,10 @@
uni.navigateTo({
url:'/page_fenbao/statulist/merchant/index'
})
+ }else if(num == 10){
+ uni.navigateTo({
+ url:'/pages/tongji'
+ })
}
},
topages(num){
diff --git a/pages/tongji.vue b/pages/tongji.vue
new file mode 100644
index 0000000..e663014
--- /dev/null
+++ b/pages/tongji.vue
@@ -0,0 +1,478 @@
+<template>
+ <view class="pages">
+ <u-navbar title="订单统计" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff"
+ title-size='36' height='50'></u-navbar>
+ <view class="time">
+ <view class="timetit">
+ 时间范围
+ </view>
+ <view class="timert">
+ <view style="margin-right: 10rpx;" class="xztime" @click="btnks(1)">{{endtime}}</view> — <view
+ style="margin-left: 10rpx;" class="xztime" @click="btnks(2)">{{lasttime}}</view>
+ <view class="qinc" @click="btnqc">×</view>
+ </view>
+ </view>
+ <!-- 快捷选择 -->
+ <view class="ordertongji">
+ <view class="orderday">
+ <view class="sj">
+ <text @click="btnriq(1)" :class="dateindex == 1 ? 'dateactive' : ''">今日</text>
+ <text @click="btnriq(2)" :class="dateindex == 2 ? 'dateactive' : ''">昨日</text>
+ <text @click="btnriq(3)" :class="dateindex == 3 ? 'dateactive' : ''">近七日</text>
+ <text @click="btnriq(4)" :class="dateindex == 4 ? 'dateactive' : ''">本月</text>
+ </view>
+ </view>
+ </view>
+
+ <view class="serch">
+ <input type="text" v-model="type" placeholder="请输入店铺名称" />
+ <view class="" @click="btnsear">搜索</view>
+ </view>
+ <u-picker mode="time" v-model="show" :params="params" @confirm="confirm"></u-picker>
+
+ <view class="tab">
+ <view class="">店铺</view>
+ <view class="">设备</view>
+ <view class="">订单数</view>
+ <view class="">时长</view>
+ <view class="">电量</view>
+ <view class="">金额</view>
+ </view>
+
+ <view class="table-container">
+ <view
+ v-for="(row, index) in tableData"
+ :key="row.storeId"
+ class="table-row"
+ @click="toggleRow(index,row.storeId)">
+ <view class="row-header">
+ <text>{{ row.storeName }}</text>
+ <text class="">{{row.deviceCount}}台</text>
+ <text class="">{{row.orderCount}}单</text>
+ <text class="">{{row.formattedDuration}}</text>
+ <text class="">{{row.ele}}度</text>
+ <text class="">{{row.arrivalAmount}}元</text>
+ </view>
+ <view v-if="!row.folded" class="row-details" v-for="(val,index) in vallist" :key="index">
+ <view></view>
+ <view>{{ val.deviceName }}</view>
+ <view>{{ val.orderCount }}单</view>
+ <view>{{ val.formattedDuration}}</view>
+ <view>{{ val.ele}}度</view>
+ <view>{{ val.arrivalAmount }}元</view>
+ </view>
+ </view>
+ </view>
+
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ bgc: {
+ backgroundColor: "#8883F0",
+ },
+ statusList: '',
+ type: '',
+ endtime: '',
+ lasttime: '',
+ params: {
+ year: true,
+ month: true,
+ day: true,
+ hour: false,
+ minute: false,
+ second: false
+ },
+ show: false,
+ num: '',
+ tableData: [],
+ vallist:[],
+ previouslyExpandedIndex: null,
+ dateindex:1
+ }
+ },
+ onLoad() {
+ const todayStartTime = this.getTodayStartTime()
+ this.endtime = this.formatDate(todayStartTime)
+ this.lasttime = this.formatDate(todayStartTime)
+ this.getList()
+ },
+ onShow() {
+
+ },
+ // 分享到好友（会话）
+ onShareAppMessage: function() {
+ return {
+ title: '创想物联',
+ path: '/pages/shouye/index'
+ }
+ },
+
+ // 分享到朋友圈
+ onShareTimeline: function() {
+ return {
+ title: '创想物联',
+ query: '',
+ path: '/pages/shouye/index'
+ }
+ },
+ methods: {
+ btnriq(num) {
+ this.dateindex = num
+ if (num == 1) {
+ let today = new Date();
+ this.endtime = this.formatDate(today)
+ this.lasttime = this.formatDate(today)
+ this.getList()
+ } else if (num == 2) {
+ let yesterday = new Date()
+ yesterday.setDate(yesterday.getDate() - 1)
+ this.endtime = this.formatDate(yesterday)
+ this.lasttime = this.formatDate(yesterday)
+ this.getList()
+ } else if (num == 3) {
+ let today = new Date()
+ let firstDayOfMonth = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6)
+ this.endtime = this.formatDate(firstDayOfMonth)
+ this.lasttime = this.formatDate(new Date())
+ this.getList()
+ } else if (num == 4) {
+ let today = new Date()
+ let firstDayOfLastMonth = new Date(today.getFullYear(), today.getMonth(), 1)
+ let lastDayOfLastMonth = new Date(today.getFullYear(), today.getMonth(), today.getDate())
+ this.endtime = this.formatDate(firstDayOfLastMonth)
+ this.lasttime = this.formatDate(lastDayOfLastMonth)
+ this.getList()
+ }
+ },
+ formatDate(date) {
+ let year = date.getFullYear()
+ let month = String(date.getMonth() + 1).padStart(2, '0')
+ let day = String(date.getDate()).padStart(2, '0')
+ return `${year}-${month}-${day}`
+ },
+
+ // 请求统计列表
+ getList(){
+ this.$u.get(`/mch/dashboard/businessStatisticsByStore?storeName=${this.type}&dateRange=${this.endtime+ ',' +this.lasttime}`).then((res) => {
+ if (res.code == 200) {
+ let arr = res.data
+ this.tableData = arr.map(item => ({
+ ...item,
+ folded: true,
+ formattedDuration: this.formatDuration(item.seconds)
+ }))
+ }
+ })
+ },
+
+ formatDuration(seconds) {
+ const hours = Math.floor(seconds / 3600);
+ const minutes = Math.floor((seconds % 3600) / 60);
+ return `${hours.toString().padStart(2, '0')}小时${minutes.toString().padStart(2, '0')}分钟`;
+ },
+
+
+ // 点击搜索
+ btnsear(){
+ if(this.endtime == '' || this.endtime == ''){
+ uni.showToast({
+ title: '时间范围不能为空',
+ icon: 'none',
+ duration:2000
+ })
+ }else{
+ this.getList()
+ this.dateindex = ''
+ }
+ },
+ // 获取当天时间
+ getTodayStartTime() {
+ const now = new Date();
+ const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0, 0);
+ return startOfDay;
+ },
+ // 调用函数并打印结果
+ formatDate(date) {
+ const year = date.getFullYear();
+ const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1并补零
+ const day = String(date.getDate()).padStart(2, '0'); // 补零
+ const hours = String(date.getHours()).padStart(2, '0'); // 补零（虽然这里总是00）
+ const minutes = String(date.getMinutes()).padStart(2, '0'); // 补零
+ const seconds = String(date.getSeconds()).padStart(2, '0'); // 补零
+ return `${year}-${month}-${day} `;
+ },
+
+ // 点击展开折叠
+ toggleRow(index,storeId) {
+ if(this.endtime == '' || this.endtime == ''){
+ uni.showToast({
+ title: '时间范围不能为空',
+ icon: 'none',
+ duration:2000
+ })
+ }else{
+ this.$u.get(`/mch/dashboard/businessStatisticsByDevice?storeId=${storeId == null ? '' : storeId}&dateRange=${this.endtime+ ',' +this.lasttime}`).then(res => {
+ if(res.code == 200){
+ let arr = res.data
+ this.vallist = arr.map(item => ({
+ ...item,
+ formattedDuration: this.formatDuration(item.seconds)
+ }))
+ // 如果之前有展开的行，则将其折叠
+ if (this.previouslyExpandedIndex !== null && this.previouslyExpandedIndex !== index) {
+ this.$set(this.tableData, this.previouslyExpandedIndex, {
+ ...this.tableData[this.previouslyExpandedIndex],
+ folded: true
+ });
+ }
+ // 展开当前行
+ this.$set(this.tableData, index, {
+ ...this.tableData[index],
+ folded: false
+ });
+ // 更新之前展开行的索引
+ this.previouslyExpandedIndex = index;
+ }
+ })
+ }
+ },
+
+ // 选择时间
+ btnks(num) {
+ this.show = true
+ if (num == 1) {
+ this.num = 1
+ } else {
+ this.num = 2
+ }
+ },
+ // 清除时间
+ btnqc() {
+ this.endtime = ''
+ this.lasttime = ''
+ },
+ // 确定时间
+ confirm(e) {
+ if (this.num == 1) {
+ this.endtime = e.year + '-' + e.month + '-' + e.day
+
+ } else {
+ this.lasttime = e.year + '-' + e.month + '-' + e.day
+
+ }
+ },
+ },
+ }
+</script>
+
+<style lang="scss">
+ /deep/ .u-title {
+ padding-bottom: 22rpx;
+ }
+
+ /deep/ .uicon-nav-back {
+ padding-bottom: 22rpx;
+ }
+ .dateactive {
+ background: #E3E3FF !important;
+ color: #3D3D3D !important;
+ }
+ .ordertongji {
+ width: 658rpx;
+ background: #FFFFFF;
+ border-radius: 24rpx 24rpx 24rpx 24rpx;
+ margin: auto;
+ margin-top: 20rpx;
+ .shuju {
+ display: flex;
+ justify-content: space-between;
+ box-sizing: border-box;
+ margin-top: 24rpx;
+ .sjone{
+ width: 170rpx;
+ margin: auto;
+ text-align: center;
+ .je{
+ font-size: 40rpx;
+ color: #3D3D3D;
+ font-weight: 600;
+ }
+ .shu{
+ font-size: 20rpx;
+ color: #3D3D3D;
+ margin-top: 20rpx;
+ }
+ }
+ }
+
+ .date {
+ padding-left: 80rpx;
+ padding-right: 80rpx;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 26rpx;
+ text {
+ padding: 6rpx 18rpx;
+ box-sizing: border-box;
+ background: #eee;
+ border-radius: 10rpx 10rpx 10rpx 10rpx;
+ font-size: 24rpx;
+ color: #808080;
+ }
+ }
+
+ .orderday {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ padding: 10rpx 12rpx;
+ box-sizing: border-box;
+ text {
+ margin-right: 10rpx;
+ border-radius: 20rpx;
+ text-align: center;
+ display: inline-block;
+ width: 148rpx;
+ height: 84rpx;
+ text-align: center;
+ line-height: 84rpx;
+ color: #979797;
+ background-color: #f5f5f5;
+ }
+ }
+ }
+ .table-container {
+ padding: 20rpx;
+ }
+
+ .table-row {
+ margin-bottom: 40rpx;
+ border-bottom: 1rpx solid #ddd;
+ }
+
+ .row-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 10rpx;
+ background-color: #f5f5f5;
+ cursor: pointer;
+ height: 100rpx;
+ text{
+ width: 16%;
+ text-align: center;
+ overflow: scroll;
+ }
+ }
+
+ .row-details {
+ padding: 10rpx;
+ background-color: #fff;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ view{
+ width: 16%;
+ text-align: center;
+ overflow: scroll;
+ }
+ }
+
+ .folded-count {
+ margin-top: 20rpx;
+ font-size: 30rpx;
+ text-align: center;
+ }
+ .list{
+ padding: 0 30rpx;
+ box-sizing: border-box;
+ }
+ .tab {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 30rpx;
+ box-sizing: border-box;
+ background-color: #fff;
+ height: 50rpx;
+ view{
+ width: 16%;
+ text-align: center;
+ overflow: scroll;
+ }
+ }
+
+ .serch {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 40rpx;
+ box-sizing: border-box;
+ height: 120rpx;
+ background-color: #fff;
+
+ input {
+ width: 100%;
+ height: 60rpx;
+ line-height: 60rpx;
+ padding-left: 30rpx;
+ border: 1px solid #ccc;
+ border-radius: 10rpx;
+ }
+
+ view {
+ width: 170rpx;
+ height: 60rpx;
+ line-height: 60rpx;
+ text-align: center;
+ color: #fff;
+ background-color: #8883F0;
+ border-radius: 10rpx;
+ margin-left: 30rpx;
+ }
+ }
+
+ .time {
+ height: 150rpx;
+ padding-top: 40rpx !important;
+ padding: 0 40rpx;
+ box-sizing: border-box;
+ background-color: #fff;
+
+ .timetit {
+ font-weight: 600;
+ font-size: 30rpx;
+ }
+
+ .timert {
+ display: flex;
+ line-height: 60rpx;
+ justify-content: space-between;
+ margin-top: 20rpx;
+
+ .xztime {
+ width: 300rpx;
+ height: 60rpx;
+ border: 1px solid #ccc;
+ border-radius: 10rpx;
+ text-align: center;
+ }
+
+ .qinc {
+ font-size: 50rpx;
+ color: #ccc;
+ width: 80rpx;
+ height: 60rpx;
+ text-align: center;
+ }
+ }
+ }
+
+ page {
+ background-color: #fff !important;
+ }
+</style>
\ No newline at end of file