|
|
@@ -4,7 +4,9 @@
|
|
|
<app-search-module v-model="py" placeholder="请输入关键词，支持拼音首字母搜索" @input="searchFn" />
|
|
|
</view>
|
|
|
<view class="scroll-middle_bx">
|
|
|
+
|
|
|
<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop" >
|
|
|
+ <!--分类 start -->
|
|
|
<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="classIndex == index ? 'active' : ''" :data-current="index" @tap.stop="swichClass(index)">
|
|
|
<text>{{ item.className || "" }}</text>
|
|
|
<text class="tag" v-if=" getSelectClassById(item.classId).bigCount > 0 || getSelectClassById(item.classId).smallCount > 0">
|
|
|
@@ -15,25 +17,19 @@
|
|
|
<text v-if="getSelectClassById(item.classId).smallCount > 0">{{ getSelectClassById(item.classId).smallCount }}</text>
|
|
|
</text>
|
|
|
</div>
|
|
|
+ <!--分类 end -->
|
|
|
<view style="height: 120rpx"></view>
|
|
|
- <!-- <view class="switchover-unit" @tap="isSmallCount = !isSmallCount">{{isSmallCount?'支':'扎'}}</view> -->
|
|
|
</scroll-view>
|
|
|
|
|
|
- <scroll-view scroll-y class="right-box" :scroll-into-view="scroll_into_view" scroll-with-animation="true"
|
|
|
- @scroll="scroll_detail"
|
|
|
- lower-threshold="100"
|
|
|
- @scrolltolower="scroll_bottom">
|
|
|
- <!--内容部分 start -->
|
|
|
+ <scroll-view scroll-y class="right-box" :scroll-into-view="scroll_into_view" scroll-with-animation="true" @scroll="scroll_detail" lower-threshold="100" @scrolltolower="scroll_bottom">
|
|
|
+ <!--花材列表 start -->
|
|
|
<block v-if="!$util.isEmpty(filterProductInfo)">
|
|
|
<view class="item_list_bx selectAll" v-for="(classItem, classIndex) in filterProductInfo" :key="classIndex" :id="`class_${classIndex}`">
|
|
|
- <view class="item_list_title">
|
|
|
- {{ classItem.className }}
|
|
|
- </view>
|
|
|
-
|
|
|
+ <view class="item_list_title">{{ classItem.className }}</view>
|
|
|
<template v-for="(productItem, productIndex) in classItem.child">
|
|
|
<view style="height: 160rpx" :id="`class_${classItem.classId}_${productItem.id}`" :key="productIndex">
|
|
|
<Commondity v-if="classItem.isActive"
|
|
|
- :offVerifyRepertory="true"
|
|
|
+ :offVerifyRepertory="true"
|
|
|
:info="productItem"
|
|
|
:bigCount="getSelectItemById(productItem.id, classItem.classId).bigCount"
|
|
|
:smallCount="getSelectItemById(productItem.id, classItem.classId).smallCount"
|
|
|
@@ -44,24 +40,16 @@
|
|
|
@del="delEvent"
|
|
|
></Commondity>
|
|
|
</view>
|
|
|
- <!-- <Commondity
|
|
|
- :type="COMMODITY_TYPE.CHANGE"
|
|
|
- @customNum="customNum"
|
|
|
- ></Commondity> -->
|
|
|
</template>
|
|
|
</view>
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
- <app-wrapper-empty
|
|
|
- title="暂无数据"
|
|
|
- :is-empty="$util.isEmpty(filterProductInfo)"
|
|
|
- />
|
|
|
+ <app-wrapper-empty title="暂无数据" :is-empty="$util.isEmpty(filterProductInfo)" />
|
|
|
</block>
|
|
|
- <!--内容部分 end -->
|
|
|
+ <!--花材列表 end -->
|
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|
|
|
- <!-- :maskClosable="false" -->
|
|
|
<modal-module :show="isModel" @cancel="modalCancel" @click="affirm" :title="customData.itemName" color="#333" :size="32" padding="30rpx 30rpx" >
|
|
|
<template slot="customContent">
|
|
|
<view class="select-cmd_bx" v-if="customData">
|
|
|
@@ -77,6 +65,7 @@
|
|
|
</view>
|
|
|
</template>
|
|
|
</modal-module>
|
|
|
+ <!-- 花材不足提示框 -->
|
|
|
<modal-module
|
|
|
:show="showSubmitModel"
|
|
|
@cancel="cancelEvent"
|
|
|
@@ -101,7 +90,7 @@ import ModalModule from "@/components/plugin/modal";
|
|
|
import { COMMODITY_TYPE } from "@/utils/declare";
|
|
|
import productMins from "@/mixins/product";
|
|
|
export default {
|
|
|
- name: "Billing", // 开单
|
|
|
+ name: "Billing",//开单
|
|
|
components: {
|
|
|
AppTabs,
|
|
|
AppSearchModule,
|
shish