wxd / MShopWeApp

Commit 4c09a945a6055e710f07c9ff887f8b7e98ea2aa5

Authored by 后端研发-倪永富
1 parent ece7d293

我的服务页新增服务记录

Inline Side-by-side
Showing 4 changed files with 925 additions and 0 deletions
packageA/pages/service_record/service_record.js 0 → 100644
  View file @4c09a94
  1 +const app = getApp();
  2 +let _this = null;
  3 +let reqData = {};
  4 +
  5 +Page({
  6 +
  7 + data: {
  8 + list: null,
  9 + isLoading: false, // 检测是否已经发送请求,防止重复发送请求
  10 + noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
  11 + pageNum: 1, // 当前页数
  12 +
  13 + startDate: '开始日期',
  14 + endDate: '结束日期',
  15 + },
  16 +
  17 + onLoad: function(t) {
  18 + _this = this;
  19 +
  20 + this.setData({
  21 + currentDate: this.currentDate(),
  22 + });
  23 +
  24 +
  25 +
  26 +
  27 + },
  28 +
  29 + onShow: function() {
  30 + this.isLogin()
  31 + .then(function(data) {
  32 + reqData.url = '/api/weshop/marketing/servicewrite/page';
  33 + reqData.data = {
  34 + storeId: app.globalData.setting.stoid,
  35 + userId: app.globalData.user_id,
  36 + };
  37 + _this.getData(true, reqData.url, reqData.data);
  38 + });
  39 + },
  40 +
  41 +
  42 + onReachBottom: function() {
  43 + this.scrollToLower(reqData.url, reqData.data);
  44 + },
  45 +
  46 + // 判断是否授权登录
  47 + isLogin() {
  48 + return new Promise((resolve, reject) => {
  49 + let user_info = app.globalData.userInfo;
  50 + if(user_info == null || user_info.mobile == undefined || user_info.mobile == "" || user_info.mobile == null) {
  51 + wx.navigateTo({
  52 + url: '/pages/togoin/togoin',
  53 + })
  54 + } else {
  55 + resolve();
  56 + };
  57 + });
  58 + },
  59 +
  60 +
  61 + bindDateChange1: function(e) {
  62 + console.log('picker发送选择改变，携带值为', e.detail.value)
  63 + this.setData({
  64 + startDate: e.detail.value
  65 + })
  66 + },
  67 +
  68 + bindDateChange2: function(e) {
  69 + console.log('picker发送选择改变，携带值为', e.detail.value)
  70 + this.setData({
  71 + endDate: e.detail.value
  72 + })
  73 + },
  74 +
  75 + searchOffline() {
  76 + console.log('执行查询');
  77 +
  78 + let startDate = this.data.startDate;
  79 + let endDate = this.data.endDate;
  80 +
  81 +
  82 +
  83 + if(startDate == '开始日期' || endDate == '结束日期') {
  84 + wx.showToast({
  85 + title: '请选择完整的查询日期!',
  86 + icon: 'none',
  87 + })
  88 + } else if(new Date(startDate) > new Date(endDate)) {
  89 + wx.showToast({
  90 + title: '出错了，开始日期不能晚于结束日期!',
  91 + icon: 'none',
  92 + })
  93 + return;
  94 + } else {
  95 + this.setData({
  96 + list: null,
  97 + isLoading: false, // 检测是否已经发送请求,防止重复发送请求
  98 + noMore: false, // 检测是否有更多数据,true为没有更多数据,false为还有数据
  99 + pageNum: 1, // 当前页数
  100 + });
  101 +
  102 + reqData.data.BeginDate = startDate;
  103 + reqData.data.EndDate = endDate;
  104 + reqData.data.page = 1;
  105 + this.getData(true, reqData.url, reqData.data);
  106 + };
  107 +
  108 +
  109 + },
  110 +
  111 + currentDate() {
  112 + var now = new Date();
  113 + var year = now.getFullYear(); //年
  114 + var month = now.getMonth() + 1; //月
  115 + var day = now.getDate(); //日
  116 +
  117 + var clock = year + "-";
  118 +
  119 + if(month < 10) month += "0";
  120 + clock += month + "-";
  121 +
  122 + if(day < 10) day += "0";
  123 + clock += day;
  124 +
  125 + // if(hh < 10)
  126 + // clock += "0";
  127 +
  128 + // clock += hh + ":";
  129 + // if (mm < 10) clock += '0';
  130 + // clock += mm + ":";
  131 +
  132 + // if (ss < 10) clock += '0';
  133 + // clock += ss;
  134 + return clock;
  135 + },
  136 +
  137 +
  138 + // 请求数据
  139 + requestData(url, data) {
  140 + return new Promise((resolve, reject) => {
  141 + app.request.promiseGet(url, {data: data})
  142 + .then(res => {
  143 + if(res.data.code == 0) {
  144 + console.log('resolve', res);
  145 + resolve(res);
  146 + } else {
  147 + reject(res);
  148 + };
  149 + })
  150 + });
  151 + },
  152 +
  153 +
  154 + // 上拉加载请求数据
  155 + getData: function(isInit, url, data) {
  156 +
  157 + wx.showLoading({
  158 + title: '加载中',
  159 + });
  160 + this.requestData(url, data).then(function(res) {
  161 +
  162 + wx.hideLoading();
  163 + console.log('res--->', res);
  164 + _this.setData({
  165 + isLoading: false
  166 + });
  167 +
  168 + if(isInit) {// 第一次加载
  169 + _this.setData({
  170 + list: res.data.data
  171 + });
  172 +
  173 + } else {
  174 + _this.setData({
  175 + 'list.pageData': _this.data.list.pageData.concat(res.data.data.pageData)
  176 + });
  177 + };
  178 +
  179 + if((res.data.data.pageData.length == 0) || (res.data.data.pageSize * res.data.data.page >= res.data.data.total)) {
  180 + _this.setData({
  181 + noMore: true
  182 + });
  183 + };
  184 +
  185 + }).catch(function() {
  186 + wx.hideLoading();
  187 + _this.setData({
  188 + 'list.pageData': []
  189 + });
  190 + });
  191 + // .catch(function(reason) {
  192 + // wx.hideLoading();
  193 + // wx.showToast({
  194 + // title: reason.data.msg,
  195 + // icon: 'none',
  196 + // duration: 2000
  197 + // })
  198 + // _this.setData({
  199 + // 'list.pageData': []
  200 + // });
  201 + // })
  202 + // ;
  203 +
  204 + },
  205 +
  206 +
  207 + // 上拉加载
  208 + scrollToLower(url, requestData, callback) {
  209 + // 页面数据
  210 + // let pageData = this.data.list.pageData;
  211 + // 数据总量
  212 + let total = this.data.list.total;
  213 + // 单页最大数据量
  214 + let pageSize = this.data.list.pageSize;
  215 + // 如果数据总量不为0且小于或等于单页最大数据量，说明数据已全部加载，显示‘没有更多了’
  216 + if((total != 0)&&(total <= pageSize)) {
  217 + this.setData({
  218 + noMore: true
  219 + });
  220 + };
  221 +
  222 + if(!this.data.isLoading && !this.data.noMore) {
  223 + this.setData({
  224 + isLoading: true,
  225 + pageNum: this.data.pageNum + 1
  226 + });
  227 + requestData.page = this.data.pageNum;
  228 + this.getData(false, url, requestData);
  229 + };
  230 + },
  231 +
  232 +
  233 +});
0 234 \ No newline at end of file
... ...
packageA/pages/service_record/service_record.json 0 → 100644
  View file @4c09a94
  1 +{
  2 + "navigationBarTitleText": "服务记录",
  3 + "enablePullDownRefresh": false,
  4 + "usingComponents": {
  5 + "nodata": "/components/nodata/nodata"
  6 + }
  7 +}
0 8 \ No newline at end of file
... ...
packageA/pages/service_record/service_record.wxml 0 → 100644
  View file @4c09a94
  1 +<!--packageA//pages/service_record/service_record.wxml-->
  2 +<wxs module="filters" src="../../../utils/filter.wxs"></wxs>
  3 +<view class="container">
  4 + <view class="search-container">
  5 + <view class="flex jc_sb">
  6 + <view class="picker-container flex f1">
  7 + <picker class="picker-date" mode="date" start="2015-01-01" end="{{currentDate}}" bindchange="bindDateChange1">
  8 + <view class="picker">{{startDate}}</view>
  9 + </picker>
  10 + <view class="fs28 pdh10">至</view>
  11 + <picker class="picker-date" mode="date" start="2015-01-01" end="{{currentDate}}" bindchange="bindDateChange2">
  12 + <view class="picker">{{endDate}}</view>
  13 + </picker>
  14 + </view>
  15 + <view class="search-btn search-btn2" bindtap="searchOffline">查询</view>
  16 + </view>
  17 + </view>
  18 +</view>
  19 +
  20 +<view class="offline-container">
  21 + <view class="offline-list">
  22 + <view class="item" wx:for="{{list.pageData}}">
  23 + <view class="subtitle">服务时间：{{item.EffectiveDay}}</view>
  24 + <view>
  25 + <view class="flex">
  26 + <view class="subitem">
  27 + <view class="key">项目名称</view>
  28 + <view class="val">{{item.ProjectName}}</view>
  29 + </view>
  30 + <view class="subitem">
  31 + <view class="key">服务门店</view>
  32 + <view class="val">{{item.StorageName}}</view>
  33 + </view>
  34 + <view class="subitem">
  35 + <view class="key">剩余次数</view>
  36 + <view class="val">{{item.EndQty}}</view>
  37 + </view>
  38 + </view>
  39 + </view>
  40 + </view>
  41 + <!-- 没有更多了 -->
  42 + <view class="no-more t-c" hidden="{{!noMore}}" wx:if="{{list.pageData.length !== 0}}">- 没有更多了 -</view>
  43 + </view>
  44 +</view>
  45 +
  46 +
  47 +
... ...
packageA/pages/service_record/service_record.wxss 0 → 100644
  View file @4c09a94
  1 +/* 背景色相关 */
  2 +bg-white {
  3 + background-color: white;
  4 +}
  5 +
  6 +/* 外边距相关 */
  7 +mgt12 {
  8 + margin-top: 12rpx;
  9 +}
  10 +
  11 +/* 边框相关 */
  12 +.bdt {
  13 + border-top: 2rpx solid #F6F6F6;
  14 +}
  15 +
  16 +/* 颜色相关 */
  17 +.c-a9{
  18 + color: #A9A9A9;
  19 +}
  20 +.c-9 {
  21 + color: #999;
  22 +}
  23 +
  24 +.c-tb {
  25 + color: #ff5000;
  26 +}
  27 +
  28 +.c-r {
  29 + color: #FF3B3D;
  30 +}
  31 +
  32 +/* 内边距 */
  33 +.pdt20 {
  34 + padding-top: 20rpx;
  35 +}
  36 +
  37 +.bold {
  38 + font-weight: bold;
  39 +}
  40 +
  41 +.f1 {
  42 + flex: 1;
  43 +}
  44 +
  45 +.pdh10 {
  46 + padding-left: 10rpx;
  47 + padding-right: 10rpx;
  48 +}
  49 +
  50 +
  51 +page {
  52 + font-family: microsoft yahei;
  53 + background-color: #F5F5F5;
  54 + height: 100%;
  55 +}
  56 +
  57 +.type-navbar {
  58 + white-space: nowrap;
  59 + display: flex;
  60 + height: 88rpx;
  61 + background-color: #fff;
  62 + justify-content: space-between;
  63 + /* border-top: 2rpx solid #f6f6f6; */
  64 +}
  65 +
  66 +.type-box {
  67 + box-sizing: border-box;
  68 + width: 20%;
  69 + line-height: 88rpx;
  70 + text-align: center;
  71 + display: inline-block;
  72 + overflow: hidden;
  73 +}
  74 +
  75 +.type-navbar-item {
  76 + /* border-bottom: 4rpx solid #fff; */
  77 +}
  78 +
  79 +.type-item-on {
  80 + /* background-color: #FF3B3D; */
  81 + color: #FF3B3D;
  82 + font-weight: bold;
  83 + /* border-bottom: 4rpx solid #ED3036; */
  84 + position: relative;
  85 +}
  86 +.type-item-on:after {
  87 + content: '';
  88 + position: absolute;
  89 + left: 0;
  90 + right: 0;
  91 + bottom: 0;
  92 + width: 40%;
  93 + height: 4rpx;
  94 + background-color: #FF3B3D;
  95 + margin: 0 auto;
  96 +}
  97 +
  98 +.container {
  99 + position: fixed;
  100 + width: 100%;
  101 + top: 0;
  102 + z-index: 4;
  103 + /* position: -webkit-sticky;
  104 + position:sticky;
  105 + top: 0; */
  106 +}
  107 +
  108 +.list-container {
  109 + padding-left: 20rpx;
  110 + padding-right: 20rpx;
  111 + overflow: hidden;
  112 + /* height: calc(100% - 282rpx); */
  113 + padding-top: 282rpx;
  114 +}
  115 +
  116 +.stay_evaluate {
  117 + background-color: white;
  118 + margin-top: 20rpx;
  119 + border-radius: 8rpx;
  120 +}
  121 +
  122 +/* 原 */
  123 +
  124 +.goods-container {
  125 + display: flex;
  126 + justify-content: space-between;
  127 + flex-wrap: wrap;
  128 + box-sizing: content-box;
  129 + padding: 20rpx 0;
  130 +}
  131 +
  132 +.goods-box {
  133 + width: 100%;
  134 + background-color: #fff;
  135 + padding: 0 25rpx;
  136 + margin-bottom: 20rpx;
  137 + font-size: 28rpx;
  138 + border-bottom: 1rpx solid #eee;
  139 + padding-bottom: 25rpx;
  140 +}
  141 +
  142 +.goods-title {
  143 + display: flex;
  144 + justify-content: space-between;
  145 + align-items: center;
  146 + height: 100rpx;
  147 +}
  148 +
  149 +.order-number {
  150 + font-size: 32rpx;
  151 + color: #666;
  152 +}
  153 +
  154 +.pay-status {
  155 + color: #f23030;
  156 +}
  157 +
  158 +.goods-cont {
  159 + padding: 20rpx 0;
  160 + display: flex;
  161 + justify-content: space-between;
  162 + position: relative;
  163 +}
  164 +
  165 +.img-box {
  166 + width: 180rpx;
  167 + height: 180rpx;
  168 +}
  169 +
  170 +.goods-mes {
  171 + width: 490rpx;
  172 +}
  173 +
  174 +.goods-name {
  175 + height: 30rpx;
  176 + margin-bottom: 16rpx;
  177 + overflow: hidden;
  178 + line-height: 30rpx;
  179 + color: #333;
  180 + word-break: keep-all;
  181 + white-space: nowrap;
  182 + text-overflow: ellipsis;
  183 + font-size: 30rpx;
  184 +}
  185 +
  186 +.goods-price {
  187 + color: #f23030;
  188 + padding-bottom: 20rpx;
  189 + font-size: 30rpx;
  190 +}
  191 +
  192 +.goods-num {
  193 + color: #999;
  194 + font-size: 30rpx;
  195 +}
  196 +
  197 +.goods-tips {
  198 + height: 60rpx;
  199 + padding: 10rpx 0;
  200 + display: flex;
  201 + justify-content: space-between;
  202 + align-items: center;
  203 +}
  204 +
  205 +.order-total {
  206 + display: flex;
  207 + justify-content: flex-end;
  208 + padding-top: 24rpx;
  209 + padding-bottom: 24rpx;
  210 +}
  211 +
  212 +.goods-total {
  213 + margin-right: 20rpx;
  214 +}
  215 +
  216 +.order-btn {
  217 + width: 150rpx;
  218 + height: 50rpx;
  219 + line-height: 50rpx;
  220 + text-align: center;
  221 + /* border: 1px solid #eee; */
  222 + margin-left: 10rpx;
  223 + /* float: right; */
  224 + border-radius: 6rpx;
  225 + overflow: hidden;
  226 + background-color: #FF3B3D;
  227 +}
  228 +
  229 +.order-btn-pay {
  230 + color: #fff;
  231 + background-color: #f23030;
  232 + border-color: #f23030;
  233 +}
  234 +
  235 +.return-btn.co-red {
  236 + color: #e02e24;
  237 +}
  238 +
  239 +.check-btn {
  240 + margin-bottom: 20rpx;
  241 +}
  242 +
  243 +/* 新 */
  244 +
  245 +
  246 +.Commodity_number {
  247 + height: 80rpx;
  248 + color: #696969;
  249 + /* border-top: 13rpx solid rgb(245, 245, 245); */
  250 +}
  251 +
  252 +.Commodity_number .lin {
  253 + border-right: 1rpx solid #C4182E;
  254 + margin: 0rpx 11rpx; width: 2rpx;
  255 + height: 31rpx;
  256 +}
  257 +
  258 +.Commodity_number image {
  259 + width: 30rpx;
  260 + height: 30rpx;
  261 +}
  262 +
  263 +.padding {
  264 + padding: 0 18rpx;
  265 +}
  266 +
  267 +/* 文字基线对齐 */
  268 +
  269 +.baseline {
  270 + align-items: baseline;
  271 +}
  272 +
  273 +.border_bottom {
  274 + border-bottom: 2rpx solid rgb(245, 245, 245);
  275 +}
  276 +
  277 +/* 单个商品框架 */
  278 +
  279 +.detail_commodity {
  280 + height: 231rpx;
  281 +}
  282 +
  283 +.detail_commodity image {
  284 + display: block;
  285 + /* width: 186rpx;
  286 + height: 186rpx; */
  287 + width: 100%;
  288 + height: 100%;
  289 +}
  290 +
  291 +.detail_commodity .goods_name {
  292 + width: 485rpx;
  293 + /* height: 75rpx; */
  294 + line-height: 37rpx;
  295 + text-align: justify;
  296 +}
  297 +
  298 +.Commodity_content {
  299 + height: 185rpx;
  300 + margin-left: 21rpx;
  301 +}
  302 +
  303 +.Commodity_content .Commodity_goods {
  304 + height: 150rpx;
  305 +}
  306 +
  307 +.Commodity_content .Commodity_money {
  308 + font-size: 16rpx;
  309 + letter-spacing: 1rpx;
  310 +}
  311 +
  312 +/* 商品评价按钮框架 */
  313 +
  314 +.commodity_evaluate {
  315 + /* padding-top: 15rpx;
  316 + padding-bottom: 15rpx; */
  317 + /* border-bottom: 4rpx solid rgb(245, 245, 245); */
  318 +}
  319 +
  320 +.commodity_evaluate .commodity_smy .commodity_money {
  321 + margin-left: 29rpx;
  322 + letter-spacing: 1rpx;
  323 + /* font-weight: bold; */
  324 +
  325 +}
  326 +
  327 +.commodity_evaluate .links {
  328 + /* height: 92rpx; */
  329 + /* height: auto; */
  330 + padding-top: 20rpx;
  331 + padding-bottom: 20rpx;
  332 + border-top: 2rpx solid #F6F6F6;
  333 + display: flex;
  334 + align-items: center;
  335 +}
  336 +
  337 +.commodity_evaluate .commodity_To_evaluate {
  338 + width: 155rpx;
  339 + height: 48rpx;
  340 + border-radius: 6rpx;
  341 + line-height: 48rpx;
  342 + /* margin-bottom: 10rpx; */
  343 +}
  344 +
  345 +.commodity_evaluate .commodity_To_evaluate view {
  346 + height: 39rpx;
  347 + line-height: 39rpx;
  348 +}
  349 +
  350 +.commodity_evaluate .comment_go {
  351 + /* background-color: rgb(211, 28, 52); */
  352 + background-color: #FF3B3D;
  353 + color: white;
  354 + margin-left: 18rpx;
  355 + width: 155rpx;
  356 + height: 48rpx;
  357 + line-height: 48rpx;
  358 +}
  359 +
  360 +.Commodity_spec {
  361 + height: 37rpx;
  362 + line-height: 37rpx;
  363 + max-width: 160rpx;
  364 + background-color: rgb(236, 236, 236);
  365 + border-radius: 6rpx;
  366 + font-size: 22rpx;
  367 + margin-top: 10rpx;
  368 + padding:0rpx 10rpx;
  369 +}
  370 +
  371 +.Commodity_evaluation .Comment_content {
  372 + color: rgb(153, 153, 153);
  373 + letter-spacing: 1rpx;
  374 +}
  375 +
  376 +.Commodity_evaluation .starss {
  377 + height: 58rpx;
  378 + /* // line-height: 58rpx; */
  379 + align-items: center;
  380 +}
  381 +
  382 +.Commodity_evaluation .commen {
  383 + height: 58rpx;
  384 + line-height: 58rpx;
  385 +}
  386 +
  387 +.Commodity_evaluation .starss .stars {
  388 + line-height: 58rpx;
  389 +}
  390 +
  391 +.Commodity_evaluation .starss .stars image {
  392 + width: 29rpx;
  393 + height: 26rpx;
  394 + margin-right: 5rpx;
  395 +}
  396 +
  397 +.Commodity_evaluation .Comment_images image {
  398 + width: 100rpx;
  399 + height: 100rpx;
  400 + margin-right: 8rpx;
  401 + margin-top: 18rpx;
  402 + border-radius: 6rpx;
  403 + border: 3rpx solid rgb(245, 245, 245);
  404 +}
  405 +
  406 +.commodity_evaluate .View_evaluation {
  407 + border: 1px solid #E5E5E5;
  408 + color: rgb(0, 0, 0);
  409 + background-color: rgb(255, 255, 255);
  410 + margin-left: 18rpx;
  411 +}
  412 +
  413 +.comment_addtime {
  414 + height: 50rpx;
  415 +}
  416 +
  417 +.title_width {
  418 + width: 146rpx;
  419 + text-align: center;
  420 +}
  421 +
  422 +.After_all {
  423 + height: 80rpx;
  424 + background-color: rgb(245, 245, 245);
  425 +}
  426 +
  427 +.After_all .Line {
  428 + border-top: 1rpx solid rgb(0, 0, 0);
  429 + width: 130rpx;
  430 +}
  431 +
  432 +.After_all .end {
  433 + margin: 0rpx 15rpx;
  434 + color: #ccc;
  435 +}
  436 +
  437 +/* 无订单 */
  438 +
  439 +.empty_order image {
  440 + width: 292rpx;
  441 + height: 268rpx;
  442 + margin-top: 202rpx;
  443 +}
  444 +
  445 +.empty_order .xc-ash {
  446 + margin-top: 10rpx;
  447 + font-weight: 600px;
  448 +}
  449 +
  450 +.empty_order navigator {
  451 + margin-top: 60rpx;
  452 + border-radius: 40rpx;
  453 +}
  454 +
  455 +.empty_order navigator view {
  456 + width: 247rpx;
  457 + height: 60rpx;
  458 + line-height: 60rpx;
  459 + background-color: rgb(255, 72, 72);
  460 + border-radius: 8rpx;
  461 +}
  462 +
  463 +.rel {
  464 + box-sizing: border-box;
  465 + width: 180rpx;
  466 + height: 180rpx;
  467 + overflow: hidden;
  468 + /* border: 2rpx solid rgb(236, 236, 236); */
  469 +}
  470 +
  471 +.abs {
  472 + top: 15rpx;
  473 + left: -39rpx;
  474 + width: 154rpx;
  475 + height: 40rpx;
  476 + background-color: rgb(214, 1, 33);
  477 + transform: rotate(320deg);
  478 + color: rgb(255, 255, 255);
  479 + line-height: 40rpx;
  480 +}
  481 +.code{
  482 + width: 44rpx;
  483 + height: 44rpx;
  484 +}
  485 +.refund{
  486 + margin-top: 20rpx;
  487 +}
  488 +
  489 +.tab-container {
  490 + display: flex;
  491 + justify-content: space-between;
  492 + text-align: center;
  493 + font-size: 28rpx;
  494 + border-bottom: 2rpx solid #f2f2f2;
  495 +}
  496 +.tab-container .iconfont {
  497 + margin-right: 10rpx;
  498 +}
  499 +.tab {
  500 + flex: 1;
  501 + line-height: 80rpx;
  502 + background-color: white;
  503 + position: relative;
  504 +}
  505 +.tab.active {
  506 + color: #FF3B3D;
  507 + font-weight: bold;
  508 +}
  509 +.tab.active::after {
  510 + content: '';
  511 + position: absolute;
  512 + left: 0;
  513 + right: 0;
  514 + bottom: 0;
  515 + width: 50%;
  516 + height: 2px;
  517 + margin: 0 auto;
  518 + background-color: #FF3B3D;
  519 +}
  520 +.search-container {
  521 + /* display: flex; */
  522 + padding: 10px;
  523 + background-color: white;
  524 +}
  525 +.search-input {
  526 + background-color: #f2f2f2;
  527 + flex: 1;
  528 + border-radius: 4px 0 0 4px;
  529 + height: 70rpx;
  530 + line-height: 70rpx;
  531 + font-size: 14px;
  532 + padding: 0 10px;
  533 +}
  534 +.search-btn {
  535 + color: white;
  536 + font-size: 14px;
  537 + background-color: #FF3B3D;
  538 + padding: 8px 20px;
  539 + border-radius: 0 4px 4px 0;
  540 +}
  541 +.picker-container {
  542 + padding-right: 10rpx;
  543 + align-items: center;
  544 +
  545 +}
  546 +.picker-date {
  547 + background-color: #f5f5f5;
  548 + flex: 1;
  549 + border-radius: 10rpx;
  550 +}
  551 +/* .picker-date:before {
  552 + font-family: iconfont;
  553 + content: '\e64c';
  554 +} */
  555 +.picker {
  556 + color: #ccc;
  557 + line-height: 70rpx;
  558 + font-size: 26rpx;
  559 + position: relative;
  560 + padding-left: 70rpx;
  561 +}
  562 +
  563 +.picker:before {
  564 + position: absolute;
  565 + font-family: iconfont;
  566 + content: '\e64c';
  567 + left: 30rpx;
  568 +}
  569 +
  570 +.list2 {
  571 + padding-left: 18rpx;
  572 + padding-right: 18rpx;
  573 +}
  574 +.title {
  575 + padding: 20rpx;
  576 + font-size: 26rpx;
  577 + display: flex;
  578 + align-items: center;
  579 +}
  580 +.icon-order {
  581 + font-size: 26rpx;
  582 + color: #FF3B3D;
  583 + margin-right: 10rpx;
  584 +}
  585 +.subtitle {
  586 + display: flex;
  587 + font-size: 24rpx;
  588 + justify-content: space-between;
  589 + background-color: #f0f0f0;
  590 + line-height: 60rpx;
  591 + padding: 0 20rpx;
  592 + color: #999;
  593 +}
  594 +.item {
  595 + background-color: white;
  596 + border-radius: 16rpx;
  597 + margin-top: 20rpx;
  598 + overflow: hidden;
  599 +}
  600 +.subitem {
  601 + width: calc(100% / 3);
  602 + text-align: center;
  603 + font-size: 26rpx;
  604 +}
  605 +.name {
  606 + padding: 0 20rpx;
  607 + margin: 20rpx 0;
  608 + font-size: 26rpx;
  609 + word-break: break-all;
  610 + text-align: justify;
  611 +}
  612 +.key {
  613 + padding: 20rpx 0;
  614 + color: #999;
  615 +}
  616 +.val {
  617 + padding-bottom: 20rpx;
  618 + color: red;
  619 +}
  620 +
  621 +.offline-container {
  622 + padding: 106rpx 20rpx 20rpx;
  623 +}
  624 +
  625 +.search-btn2 {
  626 + border-top-left-radius: 8rpx;
  627 + border-bottom-left-radius: 8rpx;
  628 +}
  629 +
  630 +
  631 +.no-more {
  632 + font-size: 28rpx;
  633 + line-height: 3;
  634 + color: #909090;
  635 +}
  636 +
  637 +
  638 +
... ...