|
|
@@ -1,90 +1,134 @@
|
|
|
<template>
|
|
|
<view class="app-content">
|
|
|
- <view class="ex-page">
|
|
|
- <view class="main-view overscroll">
|
|
|
- <view class="space-view ex-info">
|
|
|
- <form>
|
|
|
- <view class="module-com input-line-wrap">
|
|
|
- <TuiListCell class="line-cell" :hover="false" :arrow="true">
|
|
|
- <view class="tui-title ">收货门店</view>
|
|
|
- <view class="tui-input">
|
|
|
- <ShopSelect class="bar" top="0" :isShowMore="false" @selectShopFn="selectShopFn" />
|
|
|
- </view>
|
|
|
- </TuiListCell>
|
|
|
- <TuiListCell class="line-cell" :hover="false" :arrow="true">
|
|
|
+ <view class="affirm-page">
|
|
|
+
|
|
|
+ <view class="affirm-view overscroll">
|
|
|
+ <!-- 花材列表 -->
|
|
|
+ <form>
|
|
|
+ <view class="module-com">
|
|
|
+ <view class="commodity-view">
|
|
|
+ <view class="commodity-list">
|
|
|
+ <template v-if="!$util.isEmpty(selectList)">
|
|
|
+ <view class="commodity-item" v-for="(item, index) in selectList" :key="index">
|
|
|
+ <!-- #ifdef APP-PLUS -->
|
|
|
+ <image class="item-icon" :src="item.cover" />
|
|
|
+ <!-- #endif -->
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <image class="item-icon" :src="item.cover" />
|
|
|
+ <!-- #endif -->
|
|
|
+ <view class="item-info">
|
|
|
+ <view class="info-line">
|
|
|
+ <text class="item-name">{{ item.itemName }}</text>
|
|
|
+ <text class="item-price">
|
|
|
+ <text class="unit"></text>
|
|
|
+ <text class="price"></text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view style="text-align:right;">
|
|
|
+ <view class="open-bx" >
|
|
|
+ <i class="iconfont iconjian" @click="reduceItemFn(item)" v-if="item.bigCount > 0 || item.smallCount > 0"></i>
|
|
|
+ <text class="num" @click="showAddModelFn(item)">
|
|
|
+ <text v-if="item.bigCount > 0" style="font-size:24upx;font-weight:bold;color:#3385ff;">{{ item.bigCount }}</text>
|
|
|
+ <text v-if="item.smallCount > 0" style="font-size:24upx;">{{ item.smallCount }}</text>
|
|
|
+ </text>
|
|
|
+ <i class="iconfont iconzeng" @click="addItemFn(item)"></i>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <view class="summary-bar">
|
|
|
+ <view class="operate-view" v-if="isScanEnv" @click="removeFromSave(option.inShopId)"> <text class="iconfont iconshanchu1"></text>清除花材 </view>
|
|
|
+ <view class="operate-view" v-else @click="reSelectItem"><text class="iconfont icongouwuche"></text>重选花材</view>
|
|
|
+ <view class="describe-view">共{{ selectList.length }}种</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="module-com input-line-wrap">
|
|
|
+ <tui-list-cell class="line-cell" :hover="false" :arrow="false">
|
|
|
+ <view class="tui-title ">收货</view>
|
|
|
+ <view class="tui-input"> {{shopName}} </view>
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
+ <tui-list-cell class="line-cell" :hover="false" :arrow="true">
|
|
|
<view class="tui-title ">日期</view>
|
|
|
<AppDatePicker :dateVal.sync="form.date" :placeholder="'请选择日期'" />
|
|
|
- </TuiListCell>
|
|
|
- <TuiListCell class="line-cell" :hover="false" :arrow="false">
|
|
|
+ </tui-list-cell>
|
|
|
+
|
|
|
+ <tui-list-cell class="line-cell" :hover="false" :arrow="false">
|
|
|
<view class="tui-title ">备注</view>
|
|
|
<input v-model="form.remark" placeholder-class="phcolor" class="tui-input" placeholder="请输入" maxlength="50" type="text" />
|
|
|
- </TuiListCell>
|
|
|
- </view>
|
|
|
- </form>
|
|
|
- </view>
|
|
|
- <view class="space-view ex-table">
|
|
|
- <block v-if="!$util.isEmpty(selectList)">
|
|
|
- <t-table :headerBackgroundColor="'#F0F2F6'">
|
|
|
- <t-tr header>
|
|
|
- <t-th v-for="(item, index) in columns" :key="index" :align="item.align">
|
|
|
- {{ item.name }}
|
|
|
- </t-th>
|
|
|
- </t-tr>
|
|
|
- <t-tr v-for="(item, index) in selectList" :key="index">
|
|
|
- <t-td v-for="(column, colIndex) in columns" :key="colIndex" :align="column.align" :color="column.color">
|
|
|
- <view v-if="column.custom == 'icon'" class="list-icon">
|
|
|
- <image class="icon-image" :src="item.cover" />
|
|
|
- <view class="icon-info">
|
|
|
- <view class="info-name">
|
|
|
- {{ item.itemName }}
|
|
|
- </view>
|
|
|
- <view class="info-type"></view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view v-else-if="column.custom == 'excount'" style="font-size:32upx;color:#333333;">
|
|
|
- <text v-if="item.bigCount > 0">{{`${item.bigCount}`}}{{item.bigUnit}}</text>
|
|
|
- <text v-if="item.smallCount > 0">{{`${item.smallCount}`}}{{item.smallUnit}}</text>
|
|
|
- </view>
|
|
|
- <view v-else>
|
|
|
- {{ item[column.dataIndex] || "" }}
|
|
|
- </view>
|
|
|
- </t-td>
|
|
|
- </t-tr>
|
|
|
- </t-table>
|
|
|
- </block>
|
|
|
- <view class="btn-bar">
|
|
|
- <template v-if="isScanEnv">
|
|
|
- <button class="admin-button-com middle blue">请扫码</button>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <button class="admin-button-com middle blue" v-if="!$util.isEmpty(selectList)" @click="gotoSelectPage">修改花材</button>
|
|
|
- <button class="admin-button-com middle blue" v-else @click="gotoSelectPage">选择花材</button>
|
|
|
- </template>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="app-footer open_btn">
|
|
|
- <button v-if="!$util.isEmpty(selectList)" class="admin-button-com middle default" @click="removeFromSave()">清空花材</button>
|
|
|
- <button @click="stockOutFn()" class="admin-button-com middle blue">确认出库</button>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view v-if="isScanEnv" @click="changeGet" style="width:125upx;height:125upx;display:flex;justify-content:center;align-items:center;font-size:60upx;
|
|
|
- background:#3385ff;color:white;z-index:9999;position:fixed;bottom:160upx;right:40upx;border-radius:60upx;">{{calc=='add'?'+':'-'}}</view>
|
|
|
-
|
|
|
- </view>
|
|
|
-</view>
|
|
|
+ </tui-list-cell>
|
|
|
+ </view>
|
|
|
+ </form>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="under-bar">
|
|
|
+ <view class="price-view">
|
|
|
+ <text class="price-title">
|
|
|
+ <text></text>
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <button v-if="!$util.isEmpty(selectList)" class="admin-button-com big default" @click="removeFromSave()">清空花材</button>
|
|
|
+ <button class="admin-button-com blue big" @click="stockOutFn()">确认出库</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view v-if="isScanEnv" @click="changeGet" style="width:125upx;height:125upx;display:flex;justify-content:center;align-items:center;font-size:60upx;
|
|
|
+ background:#3385ff;color:white;z-index:9999;position:fixed;bottom:230upx;right:40upx;border-radius:60upx;">{{calc=='add'?'+':'-'}}</view>
|
|
|
+
|
|
|
+ <modal-module :show="isAddModel" @cancel="addItemModelHidden" @click="confirmAddItemModel" :title="customData.itemName" color="#333" :size="32" padding="30rpx 30rpx" >
|
|
|
+ <template slot="customContent">
|
|
|
+ <view class="select-cmd_bx" v-if="customData">
|
|
|
+ <view class="kc"><text class="unit_price">库存 {{ parseFloat(customData.stock) }}</text><text class="unit_price"> 单价 {{ parseFloat(customData.price) }}</text>1扎={{customData.ratio}}支</view>
|
|
|
+
|
|
|
+ <view class="num_bx">
|
|
|
+ <input style="width: 430upx" v-model="customData.userPrice" @focus="customData.userPrice = null" type="number" placeholder="单价" />
|
|
|
+ <text style="font-size:35upx;font-weight:bold;color:#666666;">元</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="num_bx">
|
|
|
+ <!-- #ifdef APP-PLUS -->
|
|
|
+ <input style="width: 430upx" v-model="customData.bigCount" v-if="globalUnitType == 0" type="number" />
|
|
|
+ <text style="font-size:35upx;font-weight:bold;color:#666666;" v-if="globalUnitType == 0">扎</text>
|
|
|
+ <input style="width: 430upx" v-model="customData.smallCount" v-if="globalUnitType == 1" type="number" />
|
|
|
+ <text style="font-size:35upx;font-weight:bold;color:#666666;" v-if="globalUnitType == 1">支</text>
|
|
|
+ <!-- #endif -->
|
|
|
+
|
|
|
+ <!-- #ifdef MP-WEIXIN -->
|
|
|
+ <input style="width: 430upx" v-model="customData.bigCount" v-if="globalUnitType == 0" :focus="isAddInputFocus" type="number" />
|
|
|
+ <text style="font-size:35upx;font-weight:bold;color:#666666;" v-if="globalUnitType == 0">扎</text>
|
|
|
+ <input style="width: 430upx" v-model="customData.smallCount" v-if="globalUnitType == 1" :focus="isAddInputFocus" type="number" />
|
|
|
+ <text style="font-size:35upx;font-weight:bold;color:#666666;" v-if="globalUnitType == 1">支</text>
|
|
|
+ <!-- #endif -->
|
|
|
+
|
|
|
+ <image @click="switchGlobalUnitType" :src="`${constant.imgUrl}/icon/switch/switch128.png`"
|
|
|
+ style="width:86upx;height:86upx;position:relative;top:-60upx;right:0upx;" mode="widthFix"></image>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ </modal-module>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
+
|
|
|
<script>
|
|
|
import TuiListCell from "@/components/plugin/list-cell";
|
|
|
import productMins from "@/mixins/product";
|
|
|
import AppDatePicker from "@/components/app-date-picker";
|
|
|
-import ShopSelect from "@/components/module/shopSelect";
|
|
|
import { selectShop } from "@/mixins";
|
|
|
import { createStockOutOrderApi } from "@/api/storehouse/stock";
|
|
|
import {mapActions, mapGetters} from "vuex";
|
|
|
+import ModalModule from "@/components/plugin/modal"
|
|
|
const formUtil = require("@/utils/formValidation.js");
|
|
|
export default {
|
|
|
- components: { TuiListCell, AppDatePicker, ShopSelect },
|
|
|
+ components: { TuiListCell, AppDatePicker, ModalModule },
|
|
|
mixins: [productMins, selectShop],
|
|
|
computed: {
|
|
|
...mapGetters(["getLoginInfo"])
|
|
|
@@ -92,6 +136,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
selectJobType: "allotEx",
|
|
|
+ selectJobId:0,
|
|
|
autoLoad:true,
|
|
|
form: {
|
|
|
date: "",
|
|
|
@@ -105,11 +150,11 @@ export default {
|
|
|
],
|
|
|
typeTimeShow: true,
|
|
|
isScanEnv:false,
|
|
|
- calc:'add'
|
|
|
+ calc:'add',
|
|
|
+ isAddModel:false,
|
|
|
+ shopName:''
|
|
|
};
|
|
|
},
|
|
|
- onShow() {
|
|
|
- },
|
|
|
onLoad(){
|
|
|
// #ifdef APP-PLUS
|
|
|
if(this.$util.isScanEnv()){
|
|
|
@@ -117,22 +162,32 @@ export default {
|
|
|
}
|
|
|
// #endif
|
|
|
this.listenScanItem()
|
|
|
+
|
|
|
+ if (!this.$util.isEmpty(this.option.inShopId)){
|
|
|
+ this.selectJobId = this.option.inShopId || 0
|
|
|
+ this.form.inShopId = this.option.inShopId || 0
|
|
|
+ this.shopName = this.option.inShopName || ''
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
...mapActions(["reSetSelectInfo"]),
|
|
|
+ reSelectItem () {
|
|
|
+ this.$util.pageTo({url: '/pagesStorehouse/allot/exSelect',type:2,query: {inShopId: this.option.inShopId}})
|
|
|
+ },
|
|
|
changeGet(){
|
|
|
this.calc = this.calc == 'add' ? 'sub' : 'add'
|
|
|
},
|
|
|
- gotoSelectPage() {
|
|
|
- uni.navigateTo({ url: `/pagesStorehouse/allot/exSelect`, success: result => {}, fail: () => {}, complete: () => {} })
|
|
|
+ reduceItemFn(item) {
|
|
|
+ this.kdType = 'HIT';
|
|
|
+ this.replaceItemFn(item,0,'sub')
|
|
|
},
|
|
|
- selectShopFn(val) {
|
|
|
- if(this.getLoginInfo.shopId == val.id) {
|
|
|
- this.$msg('不能出到库到本店')
|
|
|
- this.form.inShopId = ''
|
|
|
- return
|
|
|
- }
|
|
|
- this.form.inShopId = val.id;
|
|
|
+ addItemFn (item) {
|
|
|
+ this.kdType = 'HIT';
|
|
|
+ this.replaceItemFn(item,0,'add')
|
|
|
+ },
|
|
|
+ gotoSelectPage() {
|
|
|
+ uni.navigateTo({ url: `/pagesStorehouse/allot/exSelect` })
|
|
|
},
|
|
|
stockOutFn() {
|
|
|
let rules = [ { name: "inShopId", rule: ["required"], msg: ["请选择门店"] } ];
|
|
|
@@ -191,84 +246,261 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
+
|
|
|
<style lang="scss" scoped>
|
|
|
-.ex-page {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .main-view {
|
|
|
- flex: 1;
|
|
|
- background-color: #f9fbfc;
|
|
|
- .space-view {
|
|
|
- margin-top: 15upx;
|
|
|
- background-color: #fff;
|
|
|
- .btn-bar {
|
|
|
- margin-top: 30upx;
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- .ex-info {
|
|
|
- .module-com {
|
|
|
- background-color: #fff;
|
|
|
- margin-bottom: 20upx;
|
|
|
-
|
|
|
- border-radius: 10upx;
|
|
|
- overflow: hidden;
|
|
|
- .member-wrap {
|
|
|
- .member-det {
|
|
|
- font-size: 24upx;
|
|
|
- margin-left: 20upx;
|
|
|
- }
|
|
|
+.admin-button-com {
|
|
|
+ margin-right: 30upx;
|
|
|
+}
|
|
|
+.affirm-page {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ .affirm-view {
|
|
|
+ flex: 1;
|
|
|
+ margin-bottom:90upx;
|
|
|
+ padding: 20upx;
|
|
|
+ background-color: #f0f2f6;
|
|
|
+
|
|
|
+ .commodity-view {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .commodity-list {
|
|
|
+ padding: 20upx;
|
|
|
+ .commodity-item {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ .item-icon {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 140upx;
|
|
|
+ height: 140upx;
|
|
|
+ }
|
|
|
+ .item-info {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 20upx;
|
|
|
+ .info-line {
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-end;
|
|
|
+ .item-name {
|
|
|
+ color: #666;
|
|
|
+ font-size: 28upx;
|
|
|
+ }
|
|
|
+ .item-price {
|
|
|
+ color: #333;
|
|
|
+ font-size: 22upx;
|
|
|
+ .price {
|
|
|
+ font-size: 32upx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .item-type {
|
|
|
+ color: #999;
|
|
|
+ font-size: 24upx;
|
|
|
+ }
|
|
|
+ .item-count {
|
|
|
+ color: #666;
|
|
|
+ font-size: 24upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+& .open-bx {
|
|
|
+ align-items: center;
|
|
|
+ & .iconfont {
|
|
|
+ color: #3385ff;
|
|
|
+ font-size: 42upx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .position{
|
|
|
+ display: block;
|
|
|
+ width: 70upx;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
- .remark-wrap {
|
|
|
- align-items: flex-start;
|
|
|
- .remark {
|
|
|
- height: 240upx;
|
|
|
+ .iconcachu {
|
|
|
+ margin: 0 6upx 0 20upx;
|
|
|
+ color: #ccc;
|
|
|
+ &.edit {
|
|
|
+ color: #3385ff;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .ex-table {
|
|
|
- padding-bottom:120upx;
|
|
|
- /deep/.list-icon {
|
|
|
- display: flex;
|
|
|
- .icon-image {
|
|
|
- width: 80upx;
|
|
|
- height: 80upx;
|
|
|
- margin-right: 20upx;
|
|
|
+ & > .num {
|
|
|
+ display: inline-block;
|
|
|
+ width: 120upx;
|
|
|
+ height:45upx;
|
|
|
+ text-align:center;
|
|
|
+ margin: 0 8upx;
|
|
|
+ color: #868686;
|
|
|
+ border-radius: 22upx;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ padding: 3upx 0;
|
|
|
+ font-size: 25upx;
|
|
|
}
|
|
|
- .icon-info {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-around;
|
|
|
- .info-name {
|
|
|
- font-size: 28upx;
|
|
|
- font-weight: bold;
|
|
|
- color: #333333;
|
|
|
- }
|
|
|
- .info-type {
|
|
|
- font-size: 24upx;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
+ .change-input {
|
|
|
+ width: 164upx;
|
|
|
+ height: 60upx;
|
|
|
+ line-height: 60upx;
|
|
|
+ text-align: center;
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1upx solid #dddddd;
|
|
|
+ border-radius: 4upx;
|
|
|
+ font-size: 25upx;
|
|
|
+ }
|
|
|
+ .btn-box{
|
|
|
+ width: 100upx;
|
|
|
+ height: 60upx;
|
|
|
+ line-height: 60upx;
|
|
|
+ color: #ffffff;
|
|
|
+ background: #3385ff;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 10upx;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
- .bar-view {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- align-items: center;
|
|
|
- padding: 0 30upx;
|
|
|
- width: 100%;
|
|
|
- height: 100upx;
|
|
|
|
|
|
- box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .summary-bar {
|
|
|
+ padding: 0 20upx;
|
|
|
+ height: 90upx;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ border-top: 1upx solid #eeeeee;
|
|
|
+ .operate-view {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ align-items: center;
|
|
|
+ color: #3385ff;
|
|
|
+ font-size: 26upx;
|
|
|
+ .iconfont {
|
|
|
+ margin-right: 20upx;
|
|
|
+ font-size: 40upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .describe-view {
|
|
|
+ display: flex;
|
|
|
|
|
|
- .btn-view {
|
|
|
+ align-items: center;
|
|
|
+ color: #333;
|
|
|
+ font-size: 24upx;
|
|
|
+ .price {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 36upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .module-com {
|
|
|
+ background-color: #fff;
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ border-radius: 10upx;
|
|
|
+ overflow: hidden;
|
|
|
+ .tab-box{
|
|
|
+ padding: 10upx 30upx 30upx;
|
|
|
+ .tab{
|
|
|
+ width: 49%;
|
|
|
+ height: 70upx;
|
|
|
+ color: #a2a2a2;
|
|
|
+ border: 1upx solid #dcdcdc;
|
|
|
+ border-radius: 10upx;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 700;
|
|
|
+ &.active{
|
|
|
+ color: #ff4d4d;
|
|
|
+ border: 1upx solid #ff4d4d;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .member-wrap {
|
|
|
+ .member-det {
|
|
|
+ font-size: 24upx;
|
|
|
+ margin-left: 20upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .remark-wrap {
|
|
|
+ align-items: flex-start;
|
|
|
+ .remark {
|
|
|
+ height: 240upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // .tui-placeholder,
|
|
|
+ // .tui-input {
|
|
|
+ // padding-right: 30upx;
|
|
|
+ // width: 100%;
|
|
|
+ // text-align: right;
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .under-bar {
|
|
|
+ z-index:99999;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 20upx;
|
|
|
+ position: fixed;
|
|
|
+ bottom:0;
|
|
|
+ /* 手机mobile屏幕小于1000px */
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ /* 收银台cashier屏幕大于1000px */
|
|
|
+ @media screen and (min-width:1100px) {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
+ height: 100upx;
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ box-shadow: 0upx -1upx 6upx 0upx rgba(4, 0, 0, 0.06);
|
|
|
+ .price-view {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 24upx;
|
|
|
+ .price-title {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .price-number {
|
|
|
+ margin: 0 20upx;
|
|
|
+ color: #ff2842;
|
|
|
+ .large {
|
|
|
+ font-size: 40upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .admin-button-com {
|
|
|
+ width: 200upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .select-cmd_bx {
|
|
|
+ & .kc {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-bottom: 40upx;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30upx;
|
|
|
+ .unit_price{
|
|
|
+ padding-right:25upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ & .num_bx {
|
|
|
display: flex;
|
|
|
- .admin-button-com {
|
|
|
- margin: 0 10upx;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 40upx;
|
|
|
+ & > input {
|
|
|
+ width: 212upx;
|
|
|
+ height: 80upx;
|
|
|
+ border: 1upx solid #dddddd;
|
|
|
+ border-radius: 4upx;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 24upx;
|
|
|
+ font-size: 40upx;
|
|
|
}
|
|
|
}
|
|
|
}
|