sfms3.0-uniapp3/src/mycomponents/detail/comLableDetailCard.vue

<template>
	<view class="" style="background-color: #fff;">
		<u-collapse ref="collapse1" @change="">
			<u-collapse-item :open="true">
				<template v-slot:title>
					<item-compare-qty :dataContent="dataContent" :handleQty="dataContent.handleQty"
						:isShowStdPack="false">
					</item-compare-qty>
				</template>

				<view class="" v-for="(item,index) in dataContent.subList" :key="index">
					<u-swipe-action ref="swipeAction"
                            @click="(...event)=>swipeClick(event,item)"
                            style='padding:0px 0px  5px 0px;align-items: center;'
                            :options="item.scaned?scanOptions:detailOptions">
            <recommend :detail="item" :isShowFromLocation="isShowFromLocation"
                       :isShowStatus="isShowStatus" :isShowToLocation="isShowToLocation">
            </recommend>
					</u-swipe-action>
				</view>
			</u-collapse-item>
		</u-collapse>
		<recommend-qty-edit ref="receiptEdit" :dataContent="editItem" :settingParam="settingParam" @confirm="confirm">
		</recommend-qty-edit>
		<win-scan-location ref="scanLocationCode" title="目标库位" @getLocation='getLocation'
			:locationAreaTypeList="locationAreaTypeList"></win-scan-location>
		<comMessage ref="message"></comMessage>
	</view>
</template>

<script setup>
	import itemCompareQty from '@/mycomponents/item/itemCompareQty.vue'
	import recommend from '@/mycomponents/recommend/recommend.vue'
	import recommendQtyEdit from '@/mycomponents/qty/recommendQtyEdit.vue'
	import winScanLocation from "@/mycomponents/scan/winScanLocation.vue"
	import {
		getDetailOption,
		getPurchaseReceiptOption
	} from '@/common/array.js';

import { ref, watch, onMounted, nextTick } from 'vue';

const props = defineProps({
  dataContent: {
    type: Object,
    default: null
  },
  settingParam: {
    type: Object,
    default: null
  },
  isShowPack: {
    type: Boolean,
    default: true
  },
  isShowBatch: {
    type: Boolean,
    default: true
  },
  isShowLocation: {
    type: Boolean,
    default: true
  },
  isShowFromLocation: {
    type: Boolean,
    default: true
  },
  isShowToLocation: {
    type: Boolean,
    default: false
  },
  locationAreaTypeList: {
    type: Array,
    default: null
  },
  queryBalance: {
    type: Boolean,
    default: true
  },
  isShowStatus: {
    type: Boolean,
    default: true
  }
});

const collapse1 = ref(null);
const receiptEdit = ref(null);
const message = ref(null);
const scanLocationCode = ref(null);

const option = ref([]);
const showItem = ref({});
const locatonItem = ref({});
const editItem = ref({});
const detailOptions = ref([]);
const scanOptions = ref([]);

watch(() => props.dataContent, (newDataContent, oldDataContent) => {
  if (newDataContent?.subList.length > 0) {
    nextTick(() => {
      setTimeout(() => {
        if (collapse1.value) {
          collapse1.value.resize();
        }
      }, 500);
    });
  }
}, { immediate: true, deep: true });

onMounted(() => {
  if (detailOptions.value.length === 0) {
    detailOptions.value = getDetailOption();
  }
  if (scanOptions.value.length === 0) {
    scanOptions.value = getPurchaseReceiptOption(props.settingParam.allowModifyQty, false);
  }
  // showLocation();
});

const swipeClick = (e, item) => {
  switch (e.content.text) {
    case "详情":
      detail(item);
      break;
    case "编辑":
      edit(item);
      break;
    case "库位":
      showLocation(item);
      break;
    case "移除":
      remove(item);
      break;
  }
};

const edit = (item) => {
  editItem.value = item;
  receiptEdit.value.openTaskEditPopup(item.qty, item.handleQty, item.labelQty);
};

const detail = (item) => {
  emit('openDetail', item);
  // showItem.value = item;
  // jobDetailPopup.value.openPopup(item);
};

const remove = (item) => {
  message.value.showQuestionMessage("确定移除扫描信息?", (res) => {
    if (res) {
      item.scaned = false;
      item.balance = {};
      item.handleQty = null;
      emit('remove', item);
    }
  });
};

const confirm = (qty) => {
  editItem.value.handleQty = qty;
  emit('updateData');
};

const showLocation = (item) => {
  locatonItem.value = item;
  scanLocationCode.value.openScanPopup();
};

const getLocation = (location, code) => {
  locatonItem.value.toLocationCode = code;
  emit('updateData');
};

const emit = defineEmits(['openDetail', 'remove', 'updateData']);
</script>

<style>
</style>