Commit e586886f authored by Facius's avatar Facius

我的备件页面

parent 01db4852
<template>
<view class="spare-item">
<view class="left-view">
<u-checkbox v-if="showChecked" icon-size="28" size="40" v-model="item.selected" @change="handleChange" shape="circle"/>
<image class="image-view" :src="imageUrl"></image>
<view class="info-view">
<view class="name-text">{{item.name}}</view>
<view>{{remarkText}}</view>
</view>
</view>
<view class="count-view">x{{item.quantity}}</view>
</view>
</template>
<script>
export default {
props: {
showChecked: { // 是否显示勾选
type: Boolean,
default() {
return false
}
},
item: {
type: Object,
default() {
return {}
}
},
noteText: {
type: String,
default: ''
}
},
data() {
return {
checked: false
}
},
computed: {
remarkText() {
return this.noteText || this.item.code
// return this.info.categoryName + '-' + this.info.brandName
},
imageUrl() {
return this.item.images ? process.uniEnv.systemUrl.apiUrl + this.item.images.split(',').shift() : this.placeholderImage
},
placeholderImage() {
return process.uniEnv.qn_base_url + 'logo.png'
},
},
methods: {
handleChange() {
this.$emit('change')
}
}
}
</script>
<style lang="scss" scoped>
.spare-item {
display: flex;
// width: 100%;
justify-content: space-between;
align-items: flex-end;
// padding: 30rpx;
// background-color: #FFFFFF;
// border-radius: 12rpx;
.left-view {
display: flex;
align-items: center;
.image-view {
width: 120rpx;
height: 120rpx;
margin-right: 20rpx;
flex-shrink: 0;
}
.info-view {
font-size: 24rpx;
color: #333333;
.name-text {
font-size: 32rpx;
font-weight: bold;
color: #333333;
margin-bottom: 30rpx;
}
}
}
.count-view {
font-size: 28rpx;
color: #333333;
}
}
</style>
......@@ -2,7 +2,7 @@
<view class="u-flex bottom" :style="customStyle">
<view class="select-view">
<view class="u-flex bottom-left" v-if="showChecked">
<view class="left-list"><u-checkbox icon-size="30" size="40" v-model="checked" @change="selectAll" shape="circle"/></view>
<view class="left-list"><u-checkbox icon-size="28" size="40" v-model="checked" @change="selectAll" shape="circle"/></view>
<view class="left-list">全选</view>
</view>
<view class="u-flex bottom-center">
......
......@@ -23,14 +23,7 @@
<view class="detail-view">
<view class="list-content">
<view class="list-item" v-for="(item, index) in info.items" :key="index">
<view class="left-view">
<image class="image-view" :src="imageUrl(item)"></image>
<view class="info-view">
<view class="name-text">{{item.name}}</view>
<view>{{noteText}}</view>
</view>
</view>
<view class="count-view">x{{item.quantity}}</view>
<SpareCell :item="item" :noteText="noteText"/>
</view>
</view>
<view class="line-view"></view>
......@@ -60,7 +53,11 @@
</template>
<script>
import SpareCell from "@/components/parts/spareCell.vue"
export default {
components: {
SpareCell
},
data() {
return {
info: {
......@@ -163,7 +160,7 @@
})
},
imageUrl(item) {
return item.images ? item.images.split(',').shift() : this.placeholderImage
return item.images ? process.uniEnv.systemUrl.apiUrl + item.images.split(',').shift() : this.placeholderImage
},
handleLongpress(key, text) { // 长按复制单号
if (key == 'orderNumber') {
......@@ -267,47 +264,13 @@
}
.list-content {
margin-top: 40rpx;
margin-bottom: 40rpx;
margin-top: 10rpx;
margin-bottom: 10rpx;
.list-item {
display: flex;
width: 100%;
margin-right: 30rpx;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 40rpx;
.left-view {
display: flex;
align-items: flex-start;
.image-view {
width: 120rpx;
height: 120rpx;
margin-right: 20rpx;
flex-shrink: 0;
}
.info-view {
font-size: 24rpx;
color: #333333;
.name-text {
font-size: 32rpx;
font-weight: bold;
color: #333333;
margin-bottom: 30rpx;
}
}
}
.count-view {
font-size: 28rpx;
color: #333333;
}
}
}
.detail-info-view {
.info-item {
......
......@@ -4,16 +4,17 @@
<u-navbar back-icon-color="#333333" background="#FFFFFF" title="我的备件" titleColor="#333333"
:border-bottom="false" title-bold></u-navbar>
<view class="search-view">
<view class="search-btn" @click="handleClickSearch">
<image class="search-image" mode="widthFix" :src="sousuoImage"></image>
<text class="search-btn-placeholder">请输入关键字</text>
</view>
<text class="search-btn-text">搜索</text>
<u-search v-model="keyword" :action-text="searchButtonText" @search="handleClickSearch" @clear="handleClear"
@custom="handleClickButton" placeholder="请输入关键字"
:action-style="actionStyle" placeholder-color="#999999" color="#333333" bg-color="#FFFFFF" height="72">
</u-search>
</view>
<view class="title-view">
<view>备件列表</view>
<view class="title-right-view">
<view class="bounce-view" v-if="!showBounce" @click="showBounce = true">退件</view>
<u-button v-else :custom-style="buttonStyle" shape="circle" @click="handleClickBounce">退件</u-button>
<u-button v-else :custom-style="buttonStyle" shape="circle" @click="handleClickBounce">退件 ×</u-button>
</view>
</view>
<view class="tab-view">
<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom" scroll-anchoring
......@@ -23,53 +24,48 @@
<view class="loading-view" v-if="!loaded">
<u-loading mode="flower"></u-loading>
</view>
<NoOrder v-else-if="noParts" imageName="zwdd.png" text="当前暂无件信息" :customStyle="noPartsCustomStyle" />
<NoOrder v-else-if="noParts" imageName="zwdd.png" text="当前暂无件信息" :customStyle="noPartsCustomStyle" />
<template v-else>
<view v-for="(item, index) in partsList" :key="item.id">
<AppliedCell @operate="handleOperate" :info="item" @action="handleClickCell"></AppliedCell>
<view class="list-item" v-for="(item, index) in partsList" :key="item.id">
<SpareCell :item="item" :noteText="noteText" :showChecked="showBounce"
@change="handleChange(index)" />
</view>
<view class="load-more-view">
<u-loadmore v-show="(pageNumber == 1 && loaded) || pageNumber > 2" :status="loadStatus"
bgColor="#F4F5F7"></u-loadmore>
<u-loadmore v-show="loaded && partsList.length > 0" status="nomore" bgColor="#F4F5F7">
</u-loadmore>
</view>
</template>
</scroll-view>
</view>
<view class="bar" v-if="showBounce">
<SubmitBar
:partNum="partNum"
:num="total"
:btnStatus="partNum > 0"
submitTxt="退件"
:allChecked="allChecked"
:background="background"
:customStyle="customStyle"
@select="allSelect"
@submit="handleSubmit"
/>
<SubmitBar :partNum="subBarInfo.partNum" :num="subBarInfo.num" :btnStatus="subBarInfo.btnStatus"
submitTxt="退件" :allChecked="subBarInfo.allChecked" :customStyle="customStyle" @select="allSelect"
@submit="handleSubmit" />
</view>
</view>
</template>
<script>
import AppliedCell from "@/components/parts/appliedPartsCell.vue"
// import AppliedCell from "@/components/parts/appliedPartsCell.vue"
import NoOrder from "@/components/order/noOrder.vue"
import SubmitBar from "@/components/submit-bar/index"
import SpareCell from "@/components/parts/spareCell.vue"
export default {
components: {
AppliedCell,
// AppliedCell,
NoOrder,
SubmitBar
SubmitBar,
SpareCell
},
data() {
return {
pageNumber: 0,
pageSize: 100,
partsList: [],
loadStatus: 'loading',
loaded: false,
showBounce: false
showBounce: false,
keyword: '',
// searched: false,
searchedKeyword: ''
};
},
computed: {
......@@ -84,102 +80,139 @@
},
buttonStyle() {
return {
marginRight: '10rpx',
width: '100rpx',
height: '52rpx',
height: '48rpx',
background: '#FFFFFF',
color: '#2272FF',
fontSize: '24rpx',
fontWeight: '400',
lineHeight: '52rpx'
fontSize: '26rpx',
}
},
partNum() {
return this.partsList.filter((item) => {
return item.selected == true
}).length
actionStyle() {
return {
'font-size': '32rpx',
'color': '#2272FF',
'margin-left': '10rpx'
}
},
total() { // 合计
subBarInfo() {
var i = 0
var j = 0
for (var item of this.partsList) {
if (item.selected) {
i += item.quantity
j += 1
}
}
return {
partNum: j,
num: i,
btnStatus: j > 0,
allChecked: j > 0 && j == this.partsList.length
}
return i
},
customStyle() {
return 'background-color: #F4F5F7;padding: 0;'
}
},
searchButtonText() {
return this.searchedKeyword == this.keyword && this.keyword ? '取消' : '搜索'
},
},
onLoad(e) {
getApp().trackPage('我的备件页')
this.reloadPartsList()
this.getReserveList()
},
methods: {
getReserveList() { // 备件列表
this.pageNumber += 1
this.loaded = false
var param = {
'pageSize': 20,
'pageNumbr': 1,
var param = {}
if (this.keyword) {
param.keyword = this.keyword
}
this.$u.api.reserveList().then((res) => {
this.searchedKeyword = this.keyword
this.$u.api.reserveList(param).then((res) => {
if (res.code == 200) {
if (this.pageNumber == 1) {
res.data = [{
"name": "minim in dolor",
"quantity": 15128407.808330506,
"skuId": -31990898.14022602,
"images": "mollit nisi Duis",
"remark": "in elit",
"code": "esse commodo Ut ex cillum",
"stock": "8"
}, {
"name": "Excepteur ullamco dolore",
"quantity": -16408657.848651886,
"skuId": 99507283.4197697,
"images": "dolore velit",
"remark": "fugiat",
"code": "elit dolore",
"stock": "71"
}, {
"name": "consectetur tempor ut in eu",
"quantity": -16070458.813757822,
"skuId": 95208174.19993973,
"images": "do eiusmod",
"remark": "amet magna",
"code": "do",
"stock": "100"
}, {
"name": "deserunt",
"quantity": 12448683.358913198,
"skuId": -78230180.52803165,
"images": "irure ut commodo",
"remark": "dolore quis",
"code": "deserunt cillum incididunt proident",
"stock": "10"
}]
this.partsList = []
}
res.data = [{"id":9406509.806407556,"type":86614521.01432693,"orderNumber":"RQ9543573175802","uid":67994626.298127,"workerId":69452943.60857615,"siteId":270403.14672003686,"status":15,"totalPriceApply":96899360.2165232,"totalPriceOuter":35919580.812509984,"totalPriceWarranty":-83602139.37454514,"totalPriceActual":-71939604.96854639,"warehouseId":61923414.728333235,"applyRemark":"tempor esse adipisicing nulla","deliverRemark":"enim","createTime":"cupidatat in Excepteur esse anim","updateTime":"dolore cillum","items":[{"id":88259111.29600757,"orderId":48226509.228051245,"name":"空开盒","partId":-52087023.09823719,"status":15,"quantity":2,"priceApply":-74553732.16561832,"priceActual":-52938715.5216837,"returnType":71273082.1392237,"useCount":68961949.10468733,"createTime":"ut minim laboris ex ea","updateTime":"culpa ea nulla adipisicing","returnId":-73960153.99926767, "images": "/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg"},{"id":-3524944.017209992,"orderId":34533058.60869488,"name":"电缆","partId":78320657.17744848,"status":15,"quantity":6,"priceApply":72739542.49244872,"priceActual":5169889.19776167,"returnType":-92361482.60375243,"useCount":59522052.97427672,"createTime":"ut velit adipisicing incididunt","updateTime":"pariatur sed proident","returnId":-96764909.17950238,"images": "/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg"}],"images":"/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg","statusText":"待审核","workOrderId":-12573027.93228963,"workOrderNumber":"OR20150327000003","measures":"est","express":{"orderId":1804452.0561671257,"status":-1,"name":"机顶盒","phoneNumber":"minim Ut nisi","areaCode":42437809.509774685,"address":"magna","createTime":"mollit tempor cillum","deliveryTime":"consequat et labore dolore","updateTime":"nostrud","remark":"eiusmod mollit ea aute","com":"sint nisi anim elit dolor","number":"consectetur ex"},"productModel":"incididunt magna velit Excepteur laboris","productBarcode":"esse","supplierId":53499096.003008485,"brandName":"长虹(CHANGHONG)","productId":-68709997.40881962,"categoryName":"电冰箱"},{"id":21491164.69065389,"type":-99940494.04686938,"orderNumber":"RE9878766666","uid":-86210053.82862727,"workerId":47505594.97869697,"siteId":-3766937.9397049993,"status":-1,"totalPriceApply":78049843.31156719,"totalPriceOuter":-97305746.39303829,"totalPriceWarranty":-93872258.5442259,"totalPriceActual":54629844.58685568,"warehouseId":72893467.15425757,"applyRemark":"ullamco cillum commodo tempor","deliverRemark":"labore dolor Ut ex id","createTime":"laborum enim minim sint","updateTime":"tempor pariatur","items":[{"id":22876807.093349114,"orderId":-73328349.75448325,"name":"proident culpa","partId":-57956331.85626335,"status":-61540349.085944615,"quantity":88196350.70342317,"priceApply":-49775657.860448994,"priceActual":-25006069.17107247,"returnType":84771113.8737934,"useCount":86264998.81449816,"createTime":"pariatur commodo esse nisi Ut","updateTime":"officia laboris cupidatat","returnId":73065823.78881967},{"id":-51040560.904031195,"orderId":-28945683.292889908,"name":"cupidatat veniam reprehenderit velit ea","partId":38434800.50565642,"status":43614158.136024624,"quantity":9111630.336844191,"priceApply":38764169.330946624,"priceActual":-1931327.0985768437,"returnType":-93067293.47853354,"useCount":90333545.98417392,"createTime":"nisi","updateTime":"cillum dolore sint","returnId":91168418.0917764},{"id":45557257.39867419,"orderId":1407586.8636095077,"name":"ad labore tempor","partId":-99019059.82541245,"status":8199757.844844416,"quantity":49577898.758369386,"priceApply":78393740.80746442,"priceActual":-19161016.249845147,"returnType":-99616253.70173919,"useCount":-91155682.11473106,"createTime":"quis id sunt magna proident","updateTime":"consequat irure","returnId":69728822.52361763},{"id":52490483.55701485,"orderId":22205466.1845994,"name":"minim","partId":99353322.81353238,"status":74090404.86914167,"quantity":92588636.85998356,"priceApply":21638286.200525463,"priceActual":42168758.11864549,"returnType":2228380.1288566887,"useCount":-56271233.94790425,"createTime":"ullamco","updateTime":"sit Duis id proident","returnId":-48202137.79856801},{"id":-17082858.02511455,"orderId":-74415557.20143555,"name":"eu mollit","partId":-29774044.667875186,"status":73843352.9406685,"quantity":-12878510.704664588,"priceApply":47246503.69669163,"priceActual":-50399277.40573487,"returnType":80989912.69142082,"useCount":26525737.12704797,"createTime":"id","updateTime":"Duis","returnId":18003864.839698642}],"images":"/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg","statusText":"待审核","productId":23292895.61379446,"categoryName":"电冰箱","productModel":"pariatur est laborum Lorem velit","supplierId":5143732.578579828,"workOrderId":75720200.59443054,"measures":"pariatur nisi","productBarcode":"fugiat","brandName":"长虹(CHANGHONG)","workOrderNumber":"OR20150327000003","express":{"orderId":-45628847.934746996,"status":84421057.49708548,"name":"anim","phoneNumber":"laborum anim elit et ex","areaCode":-8920144.598569289,"address":"ut fugiat consequat pariatur incididunt","createTime":"incididunt in","deliveryTime":"enim consequat do incididunt adipisicing","updateTime":"voluptate magna Ut elit sint","number":"Excepteur sunt pariatur velit est","com":"ea sint irure eiusmod","remark":"aliqua quis tempor"}},{"id":78424322.41282636,"type":33783320.35653822,"orderNumber":"esse do amet nulla","uid":96825133.44702333,"workerId":-20514660.459787086,"siteId":-96725068.14741592,"status":1,"totalPriceApply":12907471.845122173,"totalPriceOuter":83153762.12794018,"totalPriceWarranty":-45816944.25450489,"totalPriceActual":46263733.25401527,"warehouseId":-80245498.07111172,"applyRemark":"irure laborum","deliverRemark":"non in nulla eiusmod consectetur","createTime":"enim laboris","updateTime":"non Excepteur incididunt magna aliquip","items":[{"id":43122261.98756099,"orderId":89891559.09495953,"name":"aute tempor sed","partId":-33112044.289685547,"status":-90355790.51323123,"quantity":99573793.60419351,"priceApply":-1347292.11380589,"priceActual":60305230.40028921,"returnType":-34640097.10314855,"useCount":79567567.223061,"createTime":"cillum eu deserunt","updateTime":"exercitation nisi in","returnId":-31561799.157562435}],"images":"/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg","statusText":"待审核","workOrderNumber":"OR20150327000003","express":{"orderId":-77965448.40290305,"status":-48505936.17972718,"name":"qui Duis","phoneNumber":"anim occaecat sit commodo","areaCode":-32566304.761578918,"address":"proident Excepteur","createTime":"non laboris dolor et","deliveryTime":"dolore veniam Duis","updateTime":"nulla esse","number":"sint ut et esse","com":"irure laboris","remark":"dolor Lorem laboris dolor"},"productBarcode":"cillum nulla Ut ipsum","productId":-47980724.91529095,"measures":"exercitation","brandName":"长虹(CHANGHONG)","supplierId":-21118419.445017934,"productModel":"incididunt irure","workOrderId":23532670.725171506,"categoryName":"电冰箱"},{"id":-27016749.524627715,"type":98311830.96038702,"orderNumber":"Excepteur exercitation voluptate","uid":-23955900.388702527,"workerId":12348320.263107345,"siteId":85445481.861619,"status":-85639031.40044658,"totalPriceApply":59578811.39297968,"totalPriceOuter":63020136.54167214,"totalPriceWarranty":43624244.99155545,"totalPriceActual":66909001.40717006,"warehouseId":61666308.50697875,"applyRemark":"reprehenderit dolor consectetur","deliverRemark":"voluptate aute elit Excepteur","createTime":"dolore veniam Duis","updateTime":"labore proident ut deserunt irure","items":[{"id":29537776.228774786,"orderId":67503467.09976402,"name":"minim nulla nisi ex eu","partId":-21949243.355626136,"status":93701973.31152403,"quantity":-5584003.629620329,"priceApply":7135128.281559229,"priceActual":85248204.81612098,"returnType":12998787.696959198,"useCount":-68055928.52868809,"createTime":"laboris voluptate in consequat dolor","updateTime":"culpa in","returnId":-20348547.63497989},{"id":39742322.49149105,"orderId":96562506.70698965,"name":"dolore eiusmod occaecat","partId":-26810768.572022334,"status":2796631.830863744,"quantity":-26922446.21481517,"priceApply":-55179205.75027007,"priceActual":5697379.518900096,"returnType":53261341.24092224,"useCount":74342986.36835992,"createTime":"ipsum laborum","updateTime":"dolore","returnId":-21860322.65894431},{"id":-17470619.832603917,"orderId":48112878.69515741,"name":"commodo","partId":27845586.202810198,"status":83884256.5329633,"quantity":69335236.06709576,"priceApply":-84246321.52978861,"priceActual":28965031.536926314,"returnType":-550131.0979412645,"useCount":99968478.51870897,"createTime":"pariatur qui cillum Duis","updateTime":"proident aliqua sunt","returnId":14952441.495038033},{"id":34995646.945470065,"orderId":-39293942.692088366,"name":"sunt","partId":57973905.82733452,"status":66859878.30531177,"quantity":-72406647.4199554,"priceApply":-10822358.045907527,"priceActual":26050607.973160654,"returnType":45059697.69330442,"useCount":41999647.11947328,"createTime":"proident in mollit in","updateTime":"reprehenderit magna amet","returnId":-86293781.49458757},{"id":96571724.33663553,"orderId":-16255981.89165847,"name":"minim ipsum ullamco culpa","partId":33297414.986852616,"status":35470971.70208612,"quantity":-47109346.81945864,"priceApply":-72173057.59690742,"priceActual":-94334669.98701036,"returnType":-47114863.55247505,"useCount":92358631.7287406,"createTime":"consectetur reprehenderit minim Excepteur","updateTime":"ut aute anim sed","returnId":92143490.11591995}],"images":"/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg","statusText":"待审核","productBarcode":"laborum cillum adipisicing ad velit","categoryName":"电冰箱","workOrderId":12532424.255793735,"workOrderNumber":"OR20150327000003","brandName":"长虹(CHANGHONG)","express":{"orderId":-47061242.5943119,"status":-71113301.69277315,"name":"sit in","phoneNumber":"voluptate dolor commodo","areaCode":3163523.565223247,"address":"sed consectetur aliqua","createTime":"occaecat fugiat in mollit","deliveryTime":"consectetur anim","updateTime":"velit non enim ut","com":"qui sint cillum","remark":"sed nostrud cillum","number":"veniam nulla"},"supplierId":659667.8267708272,"productId":87457975.53702831,"productModel":"ex","measures":"do in non"},{"id":79910321.25893903,"type":-92755715.85938272,"orderNumber":"dolore","uid":32045129.492245644,"workerId":-87225497.55755508,"siteId":929206.9191809446,"status":-49628754.46400306,"totalPriceApply":-86759265.47973964,"totalPriceOuter":77774648.6038025,"totalPriceWarranty":-43192184.70357793,"totalPriceActual":63259397.26451972,"warehouseId":-51540398.5483279,"applyRemark":"ut","deliverRemark":"est labore dolor","createTime":"consectetur","updateTime":"ut velit tempor irure mollit","items":[{"id":-59145028.86317692,"orderId":-11320686.899104223,"name":"enim","partId":49736274.59968069,"status":95250295.35558042,"quantity":-81208607.06551526,"priceApply":-8044619.175376594,"priceActual":-48277760.54597996,"returnType":64159297.29585245,"useCount":84371931.03454325,"createTime":"esse ea dolor anim nulla","updateTime":"laborum reprehenderit sit veniam","returnId":24299761.634605184}],"images":"/rest/file/image/parts/invoice_1591333116039992.jpg,/rest/file/image/parts/invoice_1591333116048870.jpg","statusText":"待审核","productModel":"ut sint dolor reprehenderit eu","brandName":"长虹(CHANGHONG)","productBarcode":"reprehenderit laboris Lorem tempor","measures":"irure elit pariatur","supplierId":-36938327.731029876,"workOrderId":78526155.84958395,"express":{"orderId":-49350095.5799381,"status":29255996.85214384,"name":"irure labore","phoneNumber":"dolor mollit pariatur consectetur","areaCode":43876681.307484895,"address":"ipsum enim dolor nostrud proident","createTime":"in pariatur eiusmod","deliveryTime":"ea","updateTime":"aute","remark":"ut id magna","number":"eu Ut","com":"dolor culpa non Ut"},"productId":-58537035.058075525,"workOrderNumber":"OR20150327000003","categoryName":"电冰箱"}]
let list = res.data || []
for (var item of list) {
item.selected = false
this.partsList.push(item)
}
this.loadStatus = list.length < this.pageSize ? 'nomore' : 'loadmore'
} else {
console.log(res.message);
}
this.loaded = true
});
},
handleOperate(info) {
// 调接口
// 修改info的status
// 刷新页面
handleClickSearch() { // 软键盘搜索
console.log('--------软键盘------', this.keyword)
this.getReserveList()
},
handleClickCell(info) {
handleClear() { // 清空搜索
console.log('--------清空------', this.keyword)
if (this.searchedKeyword) {
this.getReserveList()
}
},
// handleClickRecords() {
// uni.navigateTo({
// url: 'pages/mine/warehouse/records'
// })
// },
handleClickSearch() {
handleClickButton() { // 点了搜索按钮
console.log('--------搜索------', this.keyword)
if (this.searchedKeyword == this.keyword) {
this.keyword = ''
}
this.getReserveList()
},
handleClickBounce() {
this.showBounce = false
for (var item of this.partsList) {
item.selected = false
}
},
allSelect() {
allSelect(value) {
console.log(value)
for (var item of this.partsList) {
item.selected = value
}
},
handleChange(index) {
this.partsList[index].selected = !this.partsList[index].selected
},
handleSubmit() {
},
onRestore() {
this.triggered = 'restore'; // 需要重置
},
reloadPartsList() { // 第一页数据
this.pageNumber = 0
this.loadStatus = 'loading'
this.getReserveList()
},
reachBottom(e) {
if (this.loadStatus != 'loadmore') return
this.loadStatus == 'loading'
this.getReserveList()
},
}
};
</script>
......@@ -190,42 +223,44 @@
height: 100vh;
display: flex;
flex-direction: column;
.search-view {
display: flex;
justify-content: space-between;
align-items: center;
// display: flex;
// justify-content: space-between;
// align-items: center;
margin-bottom: 30rpx;
.search-btn {
height: 72rpx;
background-color: #ffffff;
border-radius: 36rpx;
color: #999999;
display: flex;
align-items: center;
width: 100%;
padding-left: 40rpx;
.search-image {
width: 36rpx;
height: 32rpx;
flex-shrink: 0;
margin-right: 24rpx;
}
.search-btn-placeholder {
line-height: 36rpx;
font-weight: 400;
font-size: 26rpx;
}
// .search-btn {
// height: 72rpx;
// background-color: #ffffff;
// border-radius: 36rpx;
// color: #999999;
// display: flex;
// align-items: center;
// width: 100%;
// padding-left: 40rpx;
// .search-image {
// width: 36rpx;
// height: 32rpx;
// flex-shrink: 0;
// margin-right: 24rpx;
// }
// .search-btn-placeholder {
// line-height: 36rpx;
// font-weight: 400;
// font-size: 26rpx;
// }
// }
// .search-btn-text {
// line-height: 36rpx;
// font-weight: 400;
// font-size: 32rpx;
// color: #2272FF;
// width: 110rpx;
// text-align: right;
// }
}
.search-btn-text {
line-height: 36rpx;
font-weight: 400;
font-size: 32rpx;
color: #2272FF;
width: 110rpx;
text-align: right;
}
}
.title-view {
display: flex;
justify-content: space-between;
......@@ -234,12 +269,19 @@
font-weight: bold;
font-size: 32rpx;
margin: 0 10rpx 20rpx 10rpx;
.title-right-view {
text-align: right;
.bounce-view {
padding-left: 20rpx;
padding-right: 20rpx;
color: #666666;
font-size: 26rpx;
font-weight: 400;
width: 100rpx;
height: 48rpx;
margin-right: 30rpx;
line-height: 48rpx;
}
}
}
......@@ -247,9 +289,17 @@
height: 100%;
overflow: auto;
.list-item {
padding: 30rpx;
margin-bottom: 20rpx;
background-color: #FFFFFF;
border-radius: 12rpx;
}
.load-more-view {
margin-bottom: 20rpx;
}
.loading-view {
width: 100%;
display: flex;
......
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 to comment