|
@@ -1,9 +1,8 @@
|
|
|
<template>
|
|
<template>
|
|
|
<view class="billing_box_bg">
|
|
<view class="billing_box_bg">
|
|
|
<view class="input-wrap">
|
|
<view class="input-wrap">
|
|
|
- <app-search-module v-model="py" placeholder="请输入关键词,支持拼音首字母搜索" @input="searchFn" />
|
|
|
|
|
|
|
+ <app-search-module v-model="py" placeholder="输字母搜索" @input="searchFn" />
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
<view class="scroll-middle_bx">
|
|
<view class="scroll-middle_bx">
|
|
|
<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop">
|
|
<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop">
|
|
|
<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)" >
|
|
<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)" >
|
|
@@ -11,7 +10,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
<view style="height: 120upx"></view>
|
|
<view style="height: 120upx"></view>
|
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
-
|
|
|
|
|
<scroll-view scroll-y class="right-box" v-if="tabIndex == 0" :scroll-into-view="scroll_into_view" scroll-with-animation="true"
|
|
<scroll-view scroll-y class="right-box" v-if="tabIndex == 0" :scroll-into-view="scroll_into_view" scroll-with-animation="true"
|
|
|
@scroll="scroll_detail"
|
|
@scroll="scroll_detail"
|
|
|
lower-threshold="100"
|
|
lower-threshold="100"
|
|
@@ -25,10 +23,8 @@
|
|
|
<template v-for="(productItem, productIndex) in classItem.child">
|
|
<template v-for="(productItem, productIndex) in classItem.child">
|
|
|
<view style="height: 160upx" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
<view style="height: 160upx" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
|
<Commondity v-if="classItem.isActive"
|
|
<Commondity v-if="classItem.isActive"
|
|
|
- :offPrice="true"
|
|
|
|
|
:key="productIndex"
|
|
:key="productIndex"
|
|
|
:info="productItem"
|
|
:info="productItem"
|
|
|
- :storeItem="getSelectItemById(productItem.id, classItem.classId)"
|
|
|
|
|
@showAddModel="showAddModel"
|
|
@showAddModel="showAddModel"
|
|
|
@add="addEvent"
|
|
@add="addEvent"
|
|
|
@groupDataBeforeShowModel="groupInfoBeforeShowModel"
|
|
@groupDataBeforeShowModel="groupInfoBeforeShowModel"
|
|
@@ -46,7 +42,7 @@
|
|
|
</block>
|
|
</block>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <modal-module :show="isModel" @cancel="modalCancel" @click="affirm" :title="customData.itemName" color="#333" :size="32" padding="30upx 30upx" >
|
|
|
|
|
|
|
+ <modal-module :show="isModel" @cancel="modalCancel" @click="pdConfirm" :title="customData.itemName" color="#333" :size="32" padding="30rpx 30rpx" >
|
|
|
<template slot="customContent">
|
|
<template slot="customContent">
|
|
|
<view class="select-cmd_bx" v-if="customData">
|
|
<view class="select-cmd_bx" v-if="customData">
|
|
|
<view class="kc"> 库存{{ customData.stock }} </view>
|
|
<view class="kc"> 库存{{ customData.stock }} </view>
|
|
@@ -68,7 +64,6 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import AppSearchModule from "@/components/module/app-search";
|
|
import AppSearchModule from "@/components/module/app-search";
|
|
|
-import AppTabs from "@/components/plugin/tabs";
|
|
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import Commondity from "@/components/module/app-commodity";
|
|
import Commondity from "@/components/module/app-commodity";
|
|
|
import FooterCart from "@/components/module/app-footer-cart";
|
|
import FooterCart from "@/components/module/app-footer-cart";
|
|
@@ -78,9 +73,8 @@ import allMoreSelectInput from "@/components/module/allMoreSelectInput";
|
|
|
import allMoreSelectInputMins from "@/mixins/allMoreSelectInput";
|
|
import allMoreSelectInputMins from "@/mixins/allMoreSelectInput";
|
|
|
import { mapGetters } from "vuex";
|
|
import { mapGetters } from "vuex";
|
|
|
export default {
|
|
export default {
|
|
|
- name: "allotEx", // 开单
|
|
|
|
|
|
|
+ name: "allotEx",
|
|
|
components: {
|
|
components: {
|
|
|
- AppTabs,
|
|
|
|
|
AppSearchModule,
|
|
AppSearchModule,
|
|
|
AppWrapperEmpty,
|
|
AppWrapperEmpty,
|
|
|
Commondity,
|
|
Commondity,
|
|
@@ -96,24 +90,14 @@ export default {
|
|
|
isFocus: false,
|
|
isFocus: false,
|
|
|
isSmallCount:false,//是否是小单位(支)
|
|
isSmallCount:false,//是否是小单位(支)
|
|
|
tabIndex: 0,
|
|
tabIndex: 0,
|
|
|
- tabs: [
|
|
|
|
|
- {
|
|
|
|
|
- name: "花材"
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- name: "成品"
|
|
|
|
|
- }
|
|
|
|
|
- // {
|
|
|
|
|
- // name: '课程'
|
|
|
|
|
- // },
|
|
|
|
|
- ],
|
|
|
|
|
isModel: false,
|
|
isModel: false,
|
|
|
customData: {
|
|
customData: {
|
|
|
bigCount: 0,
|
|
bigCount: 0,
|
|
|
- smallCount: 0
|
|
|
|
|
|
|
+ smallCount: 0,
|
|
|
|
|
+ userPrice:0
|
|
|
},
|
|
},
|
|
|
showSubmitModel: false,
|
|
showSubmitModel: false,
|
|
|
- autoLoad: false, //不自动请求数据 自定义请求
|
|
|
|
|
|
|
+ autoLoad: false, //不自动请求数据
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -146,7 +130,7 @@ export default {
|
|
|
this.customData = {};
|
|
this.customData = {};
|
|
|
},
|
|
},
|
|
|
// 取消 确认
|
|
// 取消 确认
|
|
|
- affirm(val) {
|
|
|
|
|
|
|
+ pdConfirm(val) {
|
|
|
this.isFocus = false;
|
|
this.isFocus = false;
|
|
|
this.isFocusOne = false;
|
|
this.isFocusOne = false;
|
|
|
this.$nextTick(()=>{
|
|
this.$nextTick(()=>{
|
|
@@ -340,4 +324,4 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|