| | |
| | | </view>
|
| | |
|
| | | </view>
|
| | |
|
| | | <view class="p15" style="min-height: calc(100vh - 160rpx);">
|
| | | <view class="p15" style="min-height: calc(100vh - 500rpx);">
|
| | | <no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
|
| | | <view v-for="(item,index) in list" :key="index" class="m-b-24 flow-manage-list">
|
| | | <view class="flow-manage-list-item">
|
| | | <view class="flex">
|
| | | <image class="flower-img img100 m-r-6" :src="item.cover" @click="previewImg(item.cover)">
|
| | | </image>
|
| | | <view class="flex m-r-6">
|
| | | <view class="img flower-img m-r-6">
|
| | | <image class="flower-img img100 " :src="item.cover"
|
| | | :class="[!item.stock?'component-stock-zero':'']" @click="previewImg(item.cover)">
|
| | |
|
| | | </image>
|
| | | <view class="status" :class="[!item.stock?'zero':'']" v-if="item.statusStr">
|
| | | {{ item.statusStr}}
|
| | | </view>
|
| | | </view>
|
| | |
|
| | | <view class="flex1">
|
| | | <view class=" flex">
|
| | | <view class="title">{{item.name}}<span class="level">{{item.levelStr}}</span></view>
|
| | |
| | | async onLoad(options) {
|
| | | this.type = options.type || 'all'
|
| | | var title = ''
|
| | | this.page.size = 5
|
| | | //todo 根据type切换查询条件
|
| | | if (this.type === 'delete') {
|
| | | this.listApi = '/api/supplier/flower/list/rc'
|
| | |
| | | this.getList()
|
| | | },
|
| | | onReachBottom() {
|
| | | this.page.current += 1
|
| | | console.log('onReachBottom')
|
| | | this.getMore()
|
| | | },
|
| | | async onPullDownRefresh() {
|
| | |
| | | })
|
| | | },
|
| | | async buttonStatus(item, status) {
|
| | | await this.$message.confirm(`确定${status==='off'?'下降':'上架'}此商品吗`)
|
| | | await this.$message.confirm(`确定${status==='off'?'下架':'上架'}此商品吗`)
|
| | | this.$message.showLoading()
|
| | | this.$http.request('get', '/api/supplier/flower/list/' + status, {
|
| | | params: {
|
| | | id: item.id
|
| | | }
|
| | | }).then(res => {
|
| | | this.$message.hideLoading()
|
| | | if (res.code == 0) {
|
| | | this.$message.showToast('操作成功')
|
| | | item.status = status
|
| | | item.status = (status == 'off' ? 'OFF' : 'UP')
|
| | | item.statusStr = (status == 'off' ? '下架' : '上架')
|
| | | }
|
| | | }).finally(() => {
|
| | | }).catch(e => {
|
| | | this.$message.hideLoading()
|
| | | })
|
| | | }).finally(() => {})
|
| | | },
|
| | | async buttonDelete(item) {
|
| | | await this.$message.confirm('确定删除此商品吗')
|
| | |
| | |
|
| | | <style lang="scss" scoped>
|
| | | .flow-manage {
|
| | | overflow-y: scroll;
|
| | |
|
| | | // min-height: ;
|
| | | .flow-manage-list {
|
| | | // padding: 20rpx 30rpx;
|
| | | padding: 22rpx 22rpx 20rpx 22rpx;
|
| | | background-color: #fff;
|
| | |
|
| | | .flow-manage-list-item {
|
| | |
|
| | | // margin-bottom: 20rpx;
|
| | |
|
| | | .title {
|
| | | font-weight: 600;
|
| | | font-size: 28rpx;
|
| | |
| | | height: 118rpx;
|
| | | min-width: 128rpx;
|
| | | min-height: 118rpx;
|
| | | position: relative;
|
| | |
|
| | | .status {
|
| | | position: absolute;
|
| | | min-width: 66rpx;
|
| | | height: 34rpx;
|
| | | background: #20613D;
|
| | | left: 0;
|
| | | top: 0;
|
| | | border-top-left-radius: 8rpx;
|
| | | border-bottom-right-radius: 8rpx;
|
| | | color: #FFFFFF;
|
| | | line-height: 34rpx;
|
| | | font-size: 22rpx;
|
| | | text-align: center;
|
| | | }
|
| | |
|
| | | .status.zero {
|
| | | // background: unset;
|
| | | // font-size: 24rpx;
|
| | |
|
| | | }
|
| | | }
|
| | |
|
| | | .each-list {
|