| @ -0,0 +1,64 @@ | |||
| // pages/debitNoteList/debitNoteDetail/debitNoteDetail.js | |||
| const app = getApp(); | |||
| var network = require("../../../utils/net.js"); | |||
| var timechage = require("../../../utils/dateTimeUtil.js"); | |||
| var getDebitNoteDetail = '/MainSystem/B3MiniProgramRpc/XuRpcs/Customer/DebitNoteRpc/GetDebitNoteDetail' | |||
| var confirmDebitNote = "/MainSystem/B3MiniProgramRpc/XuRpcs/Customer/DebitNoteRpc/ConfirmDebitNote" | |||
| Page({ | |||
| data: { | |||
| // ConfirmTime:'', | |||
| // Customer_Name: '', | |||
| // Remark: '', | |||
| // ID: '', | |||
| // AccountingUnit_Name: '', | |||
| // Date: '', | |||
| // Employee_Name: '', | |||
| // Money: '', | |||
| item:{}, | |||
| ConfirmTime: '', | |||
| Date: '', | |||
| orderState:false, | |||
| }, | |||
| onLoad: function(options) { | |||
| var that =this; | |||
| let orderID = Number(options.ID); | |||
| if (options.State == "未审核"){ | |||
| that.setData({ | |||
| orderState:true, | |||
| }); | |||
| }; | |||
| let method = getDebitNoteDetail; | |||
| let params = ["1"]; | |||
| network.requestLoading(method, params, function (res) { | |||
| var backDate = timechage.formatTimeTwo(res.result.Date.substring(6, 19), 'Y/M/D'); | |||
| var backConfirmTime = timechage.formatTimeTwo(res.result.ConfirmTime.substring(6, 19), 'Y/M/D'); | |||
| that.setData({ | |||
| item: res.result, | |||
| Date: backDate, | |||
| ConfirmTime: backConfirmTime, | |||
| }) | |||
| }) | |||
| }, | |||
| // 新增按钮点击 | |||
| confirmDebitNoteBtnClicked: function(event) { | |||
| var orderID = event.currentTarget.dataset.orderid; | |||
| let method = confirmDebitNote; | |||
| let params = [orderID]; | |||
| network.requestLoading(method, params, function (res) { | |||
| wx.showToast({ | |||
| title: '操作成功', | |||
| success: function (res){ | |||
| wx:wx.navigateBack({ | |||
| delta: 1, | |||
| }); | |||
| } | |||
| }); | |||
| }); | |||
| }, | |||
| }) | |||
| @ -0,0 +1,3 @@ | |||
| { | |||
| "navigationBarTitleText": "欠款单详情" | |||
| } | |||
| @ -0,0 +1,65 @@ | |||
| <!--pages/debitNoteList/debitNoteDetail/debitNoteDetail.wxml--> | |||
| <!-- <view class='container'> --> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>单号</view> | |||
| <view class='baseitem_value'>{{item.ID}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>客户</view> | |||
| <view class='baseitem_value'>{{item.Customer_Name}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>会计单位</view> | |||
| <view class='baseitem_value'>{{item.AccountingUnit_Name}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>确认日期</view> | |||
| <view class='baseitem_value'>{{ConfirmTime}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>日期</view> | |||
| <view class='baseitem_value'>{{Date}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>业务员</view> | |||
| <view class='baseitem_value'>{{item.Employee_Name}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>金额</view> | |||
| <view class='baseitem_value'>{{item.Money}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <view class='baseitem'> | |||
| <view class='baseitem_key'>摘要</view> | |||
| <view class='baseitem_value'>{{item.Remark}} | |||
| </view> | |||
| </view> | |||
| <view class='lineView'></view> | |||
| <!-- </view> --> | |||
| <view class='imageView' wx:if='{{orderState}}' data-orderid='{{item.ID}}' catchtap='confirmDebitNoteBtnClicked'> | |||
| <!-- <view class='btnTextView'> --> | |||
| <text class='btnText'>确定</text> | |||
| <!-- </view> --> | |||
| </view> | |||
| @ -0,0 +1,83 @@ | |||
| /* pages/debitNoteList/debitNoteDetail/debitNoteDetail.wxss */ | |||
| page { | |||
| background: #eaf1f8; | |||
| } | |||
| .container { | |||
| height: 100%; | |||
| background: #fff; | |||
| margin-top: 10rpx; | |||
| } | |||
| .baseitem { | |||
| height: 100rpx; | |||
| line-height: 100rpx; | |||
| display: flex; | |||
| flex-direction: row; | |||
| align-items: center; | |||
| padding-left: 20rpx; | |||
| padding-right: 20rpx; | |||
| font-size: 30rpx; | |||
| background: #fff; | |||
| } | |||
| .baseitem_key { | |||
| color: #666; | |||
| width: 40%; | |||
| } | |||
| .baseitem_value { | |||
| color: rgb(48, 48, 48); | |||
| margin-left: 20rpx; | |||
| width: 60%; | |||
| text-align: right; | |||
| } | |||
| .lineView { | |||
| height: 1rpx; | |||
| background-color: #dbdbdb; | |||
| margin-left: 20rpx; | |||
| } | |||
| /* .imageView { | |||
| height: 100%; | |||
| width: 50%; | |||
| position: relative; | |||
| align-items: center; | |||
| justify-content: center; | |||
| box-sizing: content-box; | |||
| } */ | |||
| .imageView { | |||
| width: 100%; | |||
| height: 40px; | |||
| position: fixed; | |||
| bottom: 0rpx; | |||
| line-height: 40px; | |||
| text-align: center; | |||
| background-color: #f98b29; | |||
| } | |||
| .currentImage { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .btnTextView { | |||
| position: absolute; | |||
| width: 100%; | |||
| top: 0; | |||
| line-height: 65px; | |||
| text-align: center; | |||
| } | |||
| .btnText { | |||
| color: white; | |||
| font-size: 34rpx; | |||
| } | |||
| .whiteText { | |||
| color: black; | |||
| font-size: 34rpx; | |||
| } | |||
| @ -0,0 +1,176 @@ | |||
| const app = getApp(); | |||
| var network = require("../../utils/net.js"); | |||
| var timechage = require("../../utils/dateTimeUtil.js"); | |||
| var UnCheckPageIndex = 0 | |||
| var UnCheckPageSize = 10 | |||
| var CheckedPageIndex = 0 | |||
| var CheckedPageSize = 10 | |||
| var getList = '/MainSystem/B3MiniProgramRpc/XuRpcs/Customer/DebitNoteRpc/GetDebitNoteList' | |||
| // 未审核订单列表 | |||
| function getUnCheckOrderList(that, UnCheckPageIndex, UnCheckPageSize, successaction) { | |||
| let getArr = []; | |||
| let method = getList; | |||
| let params = [{ | |||
| // Confirmed bool false | |||
| // StartDate datetime null | |||
| // EndDate datetime null | |||
| // PageIndex int 0 | |||
| // PageSize int 0 | |||
| "Confirmed": false, | |||
| "StartDate": that.data.startDate, | |||
| "EndDate": that.data.endDate, | |||
| "PageIndex": UnCheckPageIndex, | |||
| "PageSize": UnCheckPageSize, | |||
| }]; | |||
| network.requestLoading(method, params, function (res) { | |||
| successaction(); | |||
| var array = res.result; | |||
| if (array.length <= 0) { | |||
| wx.showToast({ | |||
| title: '无数据更新', | |||
| }) | |||
| UnCheckPageIndex = UnCheckPageIndex - 1; | |||
| return; | |||
| } | |||
| for (var i = 0; i < array.length; i++) { | |||
| var dmo = { | |||
| orderState: "未审核", | |||
| ID: array[i].ID, | |||
| Money: array[i].Money, | |||
| Date: timechage.formatTimeTwo(array[i].Date.substring(6, 19), 'Y/M/D'), | |||
| Employee_Name: array[i].Employee_Name, | |||
| } | |||
| getArr.push(dmo); | |||
| } | |||
| let arrLast = that.data.unCheckDataArr.concat(getArr); | |||
| that.setData({ | |||
| unCheckDataArr: arrLast, | |||
| }) | |||
| }) | |||
| } | |||
| // 已审核订单列表 | |||
| function getCheckedOrderList(that, CheckedPageIndex, CheckedPageSize) { | |||
| let getArr = []; | |||
| let method = getList; | |||
| let params = [{ | |||
| "Confirmed": true, | |||
| "StartDate": that.data.startDate, | |||
| "EndDate": that.data.endDate, | |||
| "PageIndex": UnCheckPageIndex, | |||
| "PageSize": UnCheckPageSize, | |||
| }]; | |||
| // let params = [true, CheckedPageIndex, CheckedPageSize]; | |||
| network.requestLoading(method, params, function (res) { | |||
| var array = res.result; | |||
| if (array.length <= 0) { | |||
| wx.showToast({ | |||
| title: '无数据更新', | |||
| }) | |||
| CheckedPageIndex = CheckedPageIndex - 1; | |||
| return; | |||
| } | |||
| for (var i = 0; i < array.length; i++) { | |||
| var dmo = { | |||
| //添加单据状态的传递,在详情页面判断此值,进行是否允许提交的操作 | |||
| orderState: "已审核", | |||
| ID: array[i].ID, | |||
| Money: array[i].Money, | |||
| Date: timechage.formatTimeTwo(array[i].Date.substring(6, 19), 'Y/M/D'), | |||
| Employee_Name: array[i].Employee_Name, | |||
| } | |||
| getArr.push(dmo); | |||
| } | |||
| let arrLast = that.data.checkedDataArr.concat(getArr); | |||
| that.setData({ | |||
| checkedDataArr: arrLast, | |||
| }) | |||
| }) | |||
| } | |||
| Page({ | |||
| data: { | |||
| checkedDataArr: [], | |||
| unCheckDataArr: [], | |||
| currentTab: 0, | |||
| winHeight: app.globalData.winHeight, | |||
| startDate: null, | |||
| endDate:null, | |||
| }, | |||
| /** | |||
| * 滑动切换tab | |||
| */ | |||
| bindChange: function (e) { | |||
| var that = this; | |||
| that.setData({ | |||
| currentTab: e.detail.current | |||
| }); | |||
| }, | |||
| /** | |||
| * 点击tab切换 | |||
| */ | |||
| swichNav: function (e) { | |||
| var that = this; | |||
| if (this.data.currentTab === e.target.dataset.current) { | |||
| return false; | |||
| } else { | |||
| that.setData({ | |||
| currentTab: e.target.dataset.current | |||
| }) | |||
| } | |||
| }, | |||
| //点击进入详情页面 | |||
| transToOrderDetail: function (event) { | |||
| var ID = event.currentTarget.dataset.detailitemid; | |||
| var State = event.currentTarget.dataset.detailitemstate; | |||
| wx.navigateTo({ | |||
| url: 'debitNoteDetail/debitNoteDetail?ID=' + ID + '&State=' + State, | |||
| }) | |||
| }, | |||
| //点击进入筛选页面 | |||
| chose: function (e) { | |||
| wx.navigateTo({ | |||
| url: 'debitNoteQuery/debitNoteQuery', | |||
| }) | |||
| }, | |||
| onShow: function (options) { | |||
| this.setData({ | |||
| checkedDataArr: [], | |||
| unCheckDataArr: [], | |||
| }) | |||
| var that = this; | |||
| UnCheckPageIndex = 0; | |||
| CheckedPageIndex = 0; | |||
| getUnCheckOrderList(that, UnCheckPageIndex, UnCheckPageSize, function (res) { | |||
| getCheckedOrderList(that, CheckedPageIndex, CheckedPageSize); | |||
| }); | |||
| }, | |||
| //未审核订单滑动到底部加载 | |||
| unCheckedScrollLower: function (event) { | |||
| var that = this; | |||
| UnCheckPageIndex = UnCheckPageIndex + 1; | |||
| getUnCheckOrderList(that, UnCheckPageIndex, UnCheckPageSize, function (res) { | |||
| }); | |||
| }, | |||
| //已审核订单滑动到底部加载 | |||
| CheckedScrollLower: function (event) { | |||
| var that = this; | |||
| CheckedPageIndex = CheckedPageIndex + 1; | |||
| getCheckedOrderList(that, CheckedPageIndex, CheckedPageSize); | |||
| }, | |||
| }) | |||
| @ -0,0 +1,5 @@ | |||
| { | |||
| "navigationBarBackgroundColor": "white", | |||
| "navigationBarTextStyle": "black", | |||
| "navigationBarTitleText": "欠款单列表" | |||
| } | |||
| @ -0,0 +1,55 @@ | |||
| <!--pages/debitNoteList/debitNoteList.wxml--> | |||
| <view class="swiper-tab"> | |||
| <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">未审核</view> | |||
| <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">已审核</view> | |||
| </view> | |||
| <swiper current="{{currentTab}}" class="swiper-box" style='height:{{winHeight -95}}px' duration="300" bindchange="bindChange"> | |||
| <!-- 未审核 --> | |||
| <swiper-item class="swiper-items1"> | |||
| <scroll-view scroll-x="false" scroll-y="true" class='scroll-views' bindscrolltolower="unCheckedScrollLower"> | |||
| <view class='backGroundContainer'> | |||
| <block wx:for="{{unCheckDataArr}}" wx:for-item="item" wx:key="item"> | |||
| <template is="outStoreOrderTemplate" data="{{item}}" /> | |||
| </block> | |||
| </view> | |||
| </scroll-view> | |||
| </swiper-item> | |||
| <!-- 已审核 --> | |||
| <swiper-item class="swiper-items2"> | |||
| <scroll-view scroll-x="false" scroll-y="true" class='scroll-views' bindscrolltolower="CheckedScrollLower"> | |||
| <view class='backGroundContainer'> | |||
| <block wx:for="{{checkedDataArr}}" wx:for-item="item" wx:key="item"> | |||
| <template is="outStoreOrderTemplate" data="{{item}}" /> | |||
| </block> | |||
| </view> | |||
| </scroll-view> | |||
| </swiper-item> | |||
| </swiper> | |||
| <button class='chose' catchtap='chose'>筛选</button> | |||
| <template name="outStoreOrderTemplate"> | |||
| <view class='listItem' catchtap='transToOrderDetail' data-detailitemid='{{item.ID}}' data-detailitemstate='{{item.orderState}}'> | |||
| <view class='bottomView'> | |||
| <view class='goodsNum'> | |||
| <text class='goodsIDText'>NO.{{item.ID}}</text> | |||
| </view> | |||
| <view class='goodsMoney'> | |||
| <text class='goodsMoneyText'>金额:{{item.Money}}</text> | |||
| </view> | |||
| </view> | |||
| <view class='bottomView'> | |||
| <view class='goodsNum'> | |||
| <text class='goodsNumText'>业务员:{{item.Employee_Name}}</text> | |||
| </view> | |||
| <view class='goodsMoney'> | |||
| <text class='goodsMoneyText'>日期:{{item.Date}}</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='horizontallineView'></view> | |||
| </template> | |||
| @ -0,0 +1,107 @@ | |||
| /* pages/debitNoteList/debitNoteList.wxss */ | |||
| page { | |||
| background:#EAF1F8; | |||
| height: calc(100%-10px); | |||
| } | |||
| .swiper-tab { | |||
| /* height: 30px; */ | |||
| margin: 10px 20px; | |||
| text-align: center; | |||
| line-height: 30px; | |||
| background: white; | |||
| display: flex; | |||
| flex-direction: row; | |||
| border-radius: 5px; | |||
| border: 1px solid#2E8CF5; | |||
| overflow: hidden; | |||
| } | |||
| .swiper-tab-list { | |||
| height: 100%; | |||
| width: 50%; | |||
| font-size: 30rpx; | |||
| color: #777; | |||
| } | |||
| .on { | |||
| background-color:#2E8CF5 ; | |||
| color: white; | |||
| } | |||
| .swiper-box { | |||
| width: 100%; | |||
| display: block; | |||
| overflow: hidden; | |||
| } | |||
| .scroll-views { | |||
| height: 100%; | |||
| width: 100%; | |||
| display: flex; | |||
| flex-direction: column; | |||
| } | |||
| .backGroundContainer{ | |||
| background: #fff; | |||
| } | |||
| .listItem{ | |||
| height: 100rpx; | |||
| display: flex; | |||
| flex-direction: column; | |||
| padding: 20rpx 20rpx; | |||
| /* border-bottom: 1rpx solid #ddd; */ | |||
| } | |||
| .horizontallineView { | |||
| height: 1rpx; | |||
| background-color: #dbdbdb; | |||
| margin-left: 20rpx; | |||
| margin-right: 0rpx; | |||
| } | |||
| .orderID{ | |||
| height: 50%; | |||
| width: 100%; | |||
| } | |||
| .bottomView{ | |||
| height: 50%; | |||
| width: 100%; | |||
| display: flex; | |||
| flex-direction: row; | |||
| } | |||
| .goodsNum{ | |||
| height: 100%; | |||
| width: 50%; | |||
| } | |||
| .goodsMoney{ | |||
| height: 100%; | |||
| width: 50%; | |||
| text-align: right; | |||
| } | |||
| .goodsIDText{ | |||
| font-size: 16px; | |||
| } | |||
| .goodsNumText{ | |||
| font-size: 14px; | |||
| color: #666; | |||
| } | |||
| .goodsMoneyText{ | |||
| font-size: 14px; | |||
| color: #666; | |||
| } | |||
| .chose{ | |||
| width: 100%; | |||
| height: 40px; | |||
| position: fixed; | |||
| bottom: 0rpx; | |||
| } | |||
| @ -0,0 +1,41 @@ | |||
| // pages/debitNoteList/debitNoteQuery/debitNoteQuery.js | |||
| const app = getApp(); | |||
| var network = require("../../../utils/net.js"); | |||
| var timechage = require("../../../utils/dateTimeUtil.js"); | |||
| Page({ | |||
| data: { | |||
| Sdate: timechage.formatTimeTwo(Date.parse(new Date()), 'Y-M-D'), | |||
| Edate: timechage.formatTimeTwo(Date.parse(new Date()), 'Y-M-D'), | |||
| }, | |||
| submitForm: function (e) { | |||
| let sDate = timechage.formatymdERTDate(this.data.Sdate); | |||
| let eDate = timechage.formatymdERTDate(this.data.Edate); | |||
| var pages = getCurrentPages(); | |||
| var currPage = pages[pages.length - 1]; //当前页面 | |||
| var prevPage = pages[pages.length - 2]; //上一个页面 | |||
| //直接调用上一个页面对象的setData()方法,把数据存到上一个页面中去 | |||
| prevPage.setData({ | |||
| startDate: sDate, | |||
| endDate: eDate, | |||
| }); | |||
| wx.navigateBack({ | |||
| delta: 1 | |||
| }) | |||
| }, | |||
| bindSDateChange: function (e) { | |||
| this.setData({ | |||
| Sdate: e.detail.value, | |||
| }) | |||
| }, | |||
| bindEDateChange: function (e) { | |||
| this.setData({ | |||
| Edate: e.detail.value, | |||
| }) | |||
| }, | |||
| }) | |||
| @ -0,0 +1,3 @@ | |||
| { | |||
| "navigationBarTitleText": "筛选" | |||
| } | |||
| @ -0,0 +1,31 @@ | |||
| <!--pages/debitNoteList/debitNoteQuery/debitNoteQuery.wxml--> | |||
| <view class='twoitem'> | |||
| <text>开始日期</text> | |||
| <picker class='item_value' mode="date" value="{{Sdate}}" start="2018-01-01" end="2037-12-31" bindchange="bindSDateChange"> | |||
| <view class="picker"> | |||
| {{Sdate}} | |||
| </view> | |||
| </picker> | |||
| </view> | |||
| <view class='view_line_main'> | |||
| <view class='view_line'></view> | |||
| </view> | |||
| <view class='twoitem'> | |||
| <text>结束日期</text> | |||
| <picker class='item_value' mode="date" value="{{Edate}}" start="2018-01-01" end="2037-12-31" bindchange="bindEDateChange"> | |||
| <view class="picker"> | |||
| {{Edate}} | |||
| </view> | |||
| </picker> | |||
| </view> | |||
| <view class='view_line_main'> | |||
| <view class='view_line'></view> | |||
| </view> | |||
| <button class='chose' catchtap='submitForm'>提交</button> | |||
| <!-- <view class='submit' catchtap='submitForm'> | |||
| <image class='imageClass' src='../../imgs/bgsubmit.png'></image> | |||
| </view> --> | |||
| @ -0,0 +1,121 @@ | |||
| /* pages/debitNoteList/debitNoteQuery/debitNoteQuery.wxss */ | |||
| page { | |||
| background: rgb(240, 239, 245); | |||
| } | |||
| .twoitem{ | |||
| display: flex; | |||
| flex-direction: row; | |||
| justify-content: space-between; | |||
| padding-right: 4%; | |||
| padding-left: 4%; | |||
| background: #fff; | |||
| /* border-bottom: 1rpx solid #dbdbdb; */ | |||
| padding-top: 20rpx; | |||
| padding-bottom: 20rpx; | |||
| } | |||
| .item_value{ | |||
| width: 70%; | |||
| text-align: right; | |||
| font-size: 11pt; | |||
| } | |||
| .chose{ | |||
| width: 100%; | |||
| height: 40px; | |||
| position: fixed; | |||
| bottom: 0rpx; | |||
| } | |||
| .submit { | |||
| height : 160rpx; | |||
| width: 100%; | |||
| display: flex; | |||
| margin-top: 550rpx; | |||
| margin-bottom: 30rpx; | |||
| } | |||
| .imageClass{ | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .drawer_screen { | |||
| width: 100%; | |||
| height: 100%; | |||
| position: fixed; | |||
| top: 0; | |||
| left: 0; | |||
| z-index: 1000; | |||
| background: #000; | |||
| opacity: 0.5; | |||
| overflow: hidden; | |||
| } | |||
| .drawer_box { | |||
| width: 650rpx; | |||
| overflow: hidden; | |||
| position: fixed; | |||
| top: 50%; | |||
| left: 0; | |||
| z-index: 1001; | |||
| background: #fafafa; | |||
| margin: -150px 50rpx 0 50rpx; | |||
| border-radius: 3px; | |||
| } | |||
| .top { | |||
| height: 20%; | |||
| justify-content: center; | |||
| align-items: center; | |||
| } | |||
| .sousuo { | |||
| /* margin-right: 10%; | |||
| margin-left: 10%; */ | |||
| text-align: center; | |||
| background: #d6d8da; | |||
| height: 40px; | |||
| font-size: 28rpx; | |||
| } | |||
| .drawer_content { | |||
| height: 500rpx; | |||
| overflow-y: scroll; /*超出父盒子高度可滚动*/ | |||
| } | |||
| .btn_ok { | |||
| padding: 10px; | |||
| font: 20px "microsoft yahei"; | |||
| text-align: center; | |||
| border-top: 1px solid #e8e8ea; | |||
| color: #2E8CF5; | |||
| } | |||
| .grid1 { | |||
| width: 100%; | |||
| /* border-bottom: 1px solid #c3c3c3; */ | |||
| padding-top: 16rpx; | |||
| padding-bottom: 16rpx; | |||
| text-align: center; | |||
| } | |||
| .text3 { | |||
| font-size: 18px; | |||
| color: rgb(48, 48, 48); | |||
| } | |||
| .view_line_main{ | |||
| background: white | |||
| } | |||
| .view_line{ | |||
| width: 96%; | |||
| height: 0.5rpx; | |||
| margin-left: 4%; | |||
| background: rgb(219, 219, 219); | |||
| } | |||