|
|
@@ -1,66 +1,55 @@
|
|
|
<template>
|
|
|
- <view class="billing_box_bg">
|
|
|
- <view class="input-wrap">
|
|
|
- <app-search-module placeholder="请输入关键词搜索" @search="searchFn" />
|
|
|
- </view>
|
|
|
- <view class="scroll-middle_bx">
|
|
|
- <scroll-view
|
|
|
- scroll-y
|
|
|
- scroll-with-animation
|
|
|
- class="tab-view"
|
|
|
- >
|
|
|
- <div
|
|
|
- v-for="(item, index) in productInfo"
|
|
|
- :key="index"
|
|
|
- class="tab-bar-item"
|
|
|
- :class="[classIndex == index ? 'active' : '']"
|
|
|
- :data-current="index"
|
|
|
- @tap.stop="swichClass"
|
|
|
- >
|
|
|
- <text>{{ item.className || "" }}</text>
|
|
|
- </div>
|
|
|
- </scroll-view>
|
|
|
- <scroll-view
|
|
|
- scroll-y
|
|
|
- class="right-box"
|
|
|
- :scroll-into-view="scrollClassId"
|
|
|
- >
|
|
|
- <!--内容部分 start -->
|
|
|
- <block v-if="!$util.isEmpty(productInfo)">
|
|
|
- <view
|
|
|
- class="item_list_bx"
|
|
|
- v-for="(classItem, classIndex) in productInfo"
|
|
|
- :key="classIndex"
|
|
|
- :id="`class_${classItem.classId}`"
|
|
|
- >
|
|
|
- <view class="item_list_title">
|
|
|
- {{ classItem.className }}
|
|
|
- </view>
|
|
|
- <template v-for="(productItem, productIndex) in classItem.child">
|
|
|
- <Commondity
|
|
|
- :type="COMMODITY_TYPE.CHANGE"
|
|
|
- :key="productIndex"
|
|
|
- :info="productItem"
|
|
|
- :autoPrice="
|
|
|
- getSelectItemById(productItem.id, classItem.classId).autoPrice
|
|
|
+ <view class="billing_box_bg">
|
|
|
+ <view class="input-wrap">
|
|
|
+ <app-search-module placeholder="请输入关键词搜索"
|
|
|
+ @search="searchFn" />
|
|
|
+ </view>
|
|
|
+ <view class="scroll-middle_bx">
|
|
|
+ <scroll-view scroll-y
|
|
|
+ scroll-with-animation
|
|
|
+ class="tab-view">
|
|
|
+ <div v-for="(item, index) in productInfo"
|
|
|
+ :key="index"
|
|
|
+ class="tab-bar-item"
|
|
|
+ :class="[classIndex == index ? 'active' : '']"
|
|
|
+ :data-current="index"
|
|
|
+ @tap.stop="swichClass">
|
|
|
+ <text>{{ item.className || "" }}</text>
|
|
|
+ </div>
|
|
|
+ </scroll-view>
|
|
|
+ <scroll-view scroll-y
|
|
|
+ class="right-box"
|
|
|
+ :scroll-into-view="scrollClassId">
|
|
|
+ <!--内容部分 start -->
|
|
|
+ <block v-if="!$util.isEmpty(productInfo)">
|
|
|
+ <view class="item_list_bx"
|
|
|
+ v-for="(classItem, classIndex) in productInfo"
|
|
|
+ :key="classIndex"
|
|
|
+ :id="`class_${classItem.classId}`">
|
|
|
+ <view class="item_list_title">
|
|
|
+ {{ classItem.className }}
|
|
|
+ </view>
|
|
|
+ <template v-for="(productItem, productIndex) in classItem.child">
|
|
|
+ <Commondity :type="COMMODITY_TYPE.CHANGE"
|
|
|
+ :key="productIndex"
|
|
|
+ :info="productItem"
|
|
|
+ :autoPrice="
|
|
|
+ productItem.priceLabel=='2'?getSelectItemById(productItem.id, classItem.classId).autoPrice:null
|
|
|
"
|
|
|
- @changePrice="changePriceEvent"
|
|
|
- @remove="removeChangePriceEvent"
|
|
|
- ></Commondity>
|
|
|
- </template>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
- <app-wrapper-empty
|
|
|
- title="暂无数据"
|
|
|
- :is-empty="$util.isEmpty(productInfo)"
|
|
|
- />
|
|
|
- </block>
|
|
|
- <!--内容部分 end -->
|
|
|
- </scroll-view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ @changePrice="changePriceEvent"
|
|
|
+ @remove="removeChangePriceEvent"></Commondity>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <app-wrapper-empty title="暂无数据"
|
|
|
+ :is-empty="$util.isEmpty(productInfo)" />
|
|
|
+ </block>
|
|
|
+ <!--内容部分 end -->
|
|
|
+ </scroll-view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -70,162 +59,167 @@ import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import Commondity from "@/components/module/app-commodity";
|
|
|
import { COMMODITY_TYPE } from "@/utils/declare";
|
|
|
import productMins from "@/mixins/product";
|
|
|
-import {autoPriceByIdApi,changePriceByIdApi} from '@/api/product/index'
|
|
|
+import { autoPriceByIdApi, changePriceByIdApi } from '@/api/product/index'
|
|
|
|
|
|
export default {
|
|
|
- name: "Billing", // 开单
|
|
|
- components: {
|
|
|
- AppTabs,
|
|
|
- AppSearchModule,
|
|
|
- AppWrapperEmpty,
|
|
|
- Commondity
|
|
|
- },
|
|
|
- mixins: [productMins],
|
|
|
+ name: "Billing", // 开单
|
|
|
+ components: {
|
|
|
+ AppTabs,
|
|
|
+ AppSearchModule,
|
|
|
+ AppWrapperEmpty,
|
|
|
+ Commondity
|
|
|
+ },
|
|
|
+ mixins: [productMins],
|
|
|
|
|
|
- data() {
|
|
|
- return {
|
|
|
- pageType: "price_change",
|
|
|
- COMMODITY_TYPE,
|
|
|
- };
|
|
|
- },
|
|
|
- methods: {
|
|
|
- searchFn() {
|
|
|
- this.initData();
|
|
|
- },
|
|
|
- async changePriceEvent(item,value){
|
|
|
- try {
|
|
|
- console.log(5555,item)
|
|
|
- await changePriceByIdApi({
|
|
|
- productId:item.id,
|
|
|
- price:value
|
|
|
- })
|
|
|
- uni.showToast({
|
|
|
- title: '改价成功',
|
|
|
- icon: 'none',
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- await this.initData()
|
|
|
- } catch (error) {
|
|
|
- console.log(5555,error)
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- async removeChangePriceEvent(item){
|
|
|
- try {
|
|
|
- await autoPriceByIdApi({
|
|
|
- productId:item.id
|
|
|
- })
|
|
|
- uni.showToast({
|
|
|
- title: '自动调价成功',
|
|
|
- icon: 'none',
|
|
|
-
|
|
|
- });
|
|
|
- await this.initData()
|
|
|
- } catch (error) {
|
|
|
- }
|
|
|
- },
|
|
|
- }
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ pageType: "price_change",
|
|
|
+ COMMODITY_TYPE,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ searchFn () {
|
|
|
+ this.initData();
|
|
|
+ },
|
|
|
+ async changePriceEvent (item, value) {
|
|
|
+ try {
|
|
|
+ console.log(5555, item)
|
|
|
+ await changePriceByIdApi({
|
|
|
+ productId: item.id,
|
|
|
+ price: value
|
|
|
+ })
|
|
|
+ uni.showToast({
|
|
|
+ title: '改价成功',
|
|
|
+ icon: 'none',
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ await this.initData()
|
|
|
+ } catch (error) {
|
|
|
+ console.log(5555, error)
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async removeChangePriceEvent (item) {
|
|
|
+ try {
|
|
|
+ if (item.priceLabel != '2') {
|
|
|
+ throw new Error(
|
|
|
+ '改价的商品才能清楚'
|
|
|
+ )
|
|
|
+ }
|
|
|
+ await autoPriceByIdApi({
|
|
|
+ productId: item.id
|
|
|
+ })
|
|
|
+ uni.showToast({
|
|
|
+ title: '自动调价成功',
|
|
|
+ icon: 'none',
|
|
|
+
|
|
|
+ });
|
|
|
+ await this.initData()
|
|
|
+ } catch (error) {
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.billing_box_bg {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .input-wrap {
|
|
|
- padding: 22px 20px 22px 30px;
|
|
|
- }
|
|
|
- .scroll-middle_bx {
|
|
|
- flex: 1;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- .tab-view {
|
|
|
- height: 100%;
|
|
|
- width: 170upx;
|
|
|
- flex-shrink: 0;
|
|
|
- background-color: #f0f2f6;
|
|
|
- .tab-bar-item {
|
|
|
- position: relative;
|
|
|
- width: 170upx;
|
|
|
- height: 90upx;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- font-size: 26upx;
|
|
|
- color: #444;
|
|
|
- font-weight: 400;
|
|
|
- .tag {
|
|
|
- display: flex;
|
|
|
- padding: 0 20px;
|
|
|
- align-items: center;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- height: 32px;
|
|
|
- background: #ff2842;
|
|
|
- border-radius: 16px;
|
|
|
- color: #fff;
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .input-wrap {
|
|
|
+ padding: 22px 20px 22px 30px;
|
|
|
+ }
|
|
|
+ .scroll-middle_bx {
|
|
|
+ flex: 1;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .tab-view {
|
|
|
+ height: 100%;
|
|
|
+ width: 170upx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ background-color: #f0f2f6;
|
|
|
+ .tab-bar-item {
|
|
|
+ position: relative;
|
|
|
+ width: 170upx;
|
|
|
+ height: 90upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 26upx;
|
|
|
+ color: #444;
|
|
|
+ font-weight: 400;
|
|
|
+ .tag {
|
|
|
+ display: flex;
|
|
|
+ padding: 0 20px;
|
|
|
+ align-items: center;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ height: 32px;
|
|
|
+ background: #ff2842;
|
|
|
+ border-radius: 16px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .active {
|
|
|
- position: relative;
|
|
|
- color: $mainColor;
|
|
|
- font-size: 26px;
|
|
|
- background: #fff;
|
|
|
- }
|
|
|
+ .active {
|
|
|
+ position: relative;
|
|
|
+ color: $mainColor;
|
|
|
+ font-size: 26px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
|
|
|
- .active::before {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- border-left: 8upx solid $mainColor;
|
|
|
- height: 100%;
|
|
|
- left: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- .right-box {
|
|
|
- height: 100%;
|
|
|
- flex: 1;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- .item_list_bx {
|
|
|
- padding: 40px 16px;
|
|
|
- }
|
|
|
- .item_list_title {
|
|
|
- margin-bottom: 20px;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: 600;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- .select-cmd_bx {
|
|
|
- & .kc {
|
|
|
- color: #999999;
|
|
|
- font-size: 28px;
|
|
|
- font-weight: 400;
|
|
|
- margin-bottom: 60px;
|
|
|
- text-align: center;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- & .num_bx {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 80px;
|
|
|
- & > input {
|
|
|
- width: 212px;
|
|
|
- height: 80px;
|
|
|
- border: 1px solid #dddddd;
|
|
|
- border-radius: 4px;
|
|
|
- text-align: center;
|
|
|
- margin-right: 24px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .active::before {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ border-left: 8upx solid $mainColor;
|
|
|
+ height: 100%;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right-box {
|
|
|
+ height: 100%;
|
|
|
+ flex: 1;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .item_list_bx {
|
|
|
+ padding: 40px 16px;
|
|
|
+ }
|
|
|
+ .item_list_title {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ .select-cmd_bx {
|
|
|
+ & .kc {
|
|
|
+ color: #999999;
|
|
|
+ font-size: 28px;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-bottom: 60px;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ & .num_bx {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 80px;
|
|
|
+ & > input {
|
|
|
+ width: 212px;
|
|
|
+ height: 80px;
|
|
|
+ border: 1px solid #dddddd;
|
|
|
+ border-radius: 4px;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
zhengxin