sfms3.0-uniapp/src/pages/issue/job/issueJob.vue

<template>
  <view class="">
    <com-empty-view v-if="jobList.length == 0"></com-empty-view>
    <job-filter :isShowFromLocationCode="true" :isShowProductionLineCode="true" :productionline="productionlineList"
                ref="filter" otherTitle="" @switchChangeToday="switchChangeToday" @switchChangeWait="switchChangeWait"
                @onScanNumber="getScanNumber" :checkedToday="checkedToday" :checkedWaitTask="checkedWaitTask"
                :isShowItemCode="true" @productionLineCode="productionLineCode" @fromLocationCode="fromLocationCode"
                @onQuery="getListByFilter">
      <!-- <job-filter :isShowFromLocationCode="true" :isShowProductionLineCode="true"
        :productionline="productionlineList" ref="filter" otherTitle="" @switchChangeToday="switchChangeToday"
        @switchChangeWait="switchChangeWait" @onScanNumber="getScanNumber" :checkedToday="checkedToday"
        :checkedWaitTask="checkedWaitTask" @productionLineCode="productionLineCode"
        @fromLocationCode="fromLocationCode"> -->
    </job-filter>
    <view v-if="jobList.length > 0" class="u-m-20">
      <u-swipe-action :show="item.show" :index="index" v-for="(item, index) in jobList" :key="index" :options="item.status == '2' ? detailGiveupOptions : item.status == '1' ? detailCloseOptions : detailOptions" bg-color="rgba(255,255,255,0)" class="u-m-b-20" @click="swipeClick">
        <com-issue-job-card :dataContent="item" @click="openJobDetail(item)"></com-issue-job-card>
      </u-swipe-action>

      <job-list-popup ref="jobListPopupRef" @selectedItem="selectedItem"></job-list-popup>
      <job-info-popup ref="jobInfoPopupRef"></job-info-popup>

      <u-loadmore :status="loadingType" v-if="jobList.length > 0" />
    </view>
    <win-scan-button @goScan="openScanPopup" v-if="jobList.length > 0"></win-scan-button>
    <winComScanBalance ref="scanPopup" @getBalance='getScanResult' :bussinessCode="businessTypeCode">
    </winComScanBalance>
    <jobListView ref="jobListRef" @selectItem="selectItem"></jobListView>
    <com-message ref="comMessageRef" />
  </view>
</template>

<script setup lang="ts">
import { ref, getCurrentInstance, nextTick } from 'vue'
import { onLoad, onShow, onNavigationBarButtonTap, onReady, onBackPress, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import { cancleTakeIssueJob, getIssueJobList, getIssueJobByProductionline, closeTakeIssueJob } from '@/api/request2.js'
import { goHome, updateTitle } from '@/common/basic.js'

import { getDetailOption, getDetailGiveupOption, getDetailCloseOption } from '@/common/array.js'
import {
  getBusinessType
} from '@/common/record.js';
import comEmptyView from '@/mycomponents/common/comEmptyView.vue'
import jobFilter from '@/mycomponents/job/jobFilter.vue'
import comIssueJobCard from '@/pages/issue/coms/comIssueJobCard.vue'
import jobListPopup from '@/pages/issue/coms/jobListPopup.vue'
import jobInfoPopup from '@/pages/issue/coms/jobInfoPopup.vue'

import winScanButton from '@/mycomponents/scan/winScanButton.vue'
import winScanPackJob from '@/mycomponents/scan/winScanPackJob.vue'
import jobListView from '@/mycomponents/jobList/jobList.vue'
import winComScanBalance from '@/mycomponents/scan/winComScanBalance.vue'
import { useCountStore } from '@/store'
// 获取自定义的store
const store = useCountStore()

const { proxy } = getCurrentInstance()
const jobList = ref([])
const pageNo = ref(1)
const pageSize = ref(10)
const totalCount = ref(0)
const loadingType = ref('nomore')
const checkedToday = ref(false)
const checkedWaitTask = ref(false)
const todayTime = ref('')
const status = ref('1,2') // 待处理 、进行中
const detailOptions = ref([])
const detailGiveupOptions = ref([])
const productionlineList = ref([])
const detailCloseOptions = ref([])
const title = ref('')
const productionLine = ref('')
const fromLocation = ref('')
const filter = ref()
const scanMessage = ref('')
const comMessageRef = ref()
const jobInfoPopupRef = ref()
const jobListPopupRef = ref()
const scanPopup = ref()
const jobListRef = ref()
const businessTypeCode = ref('Issue')
const businessType = ref(null)
const fromInventoryStatuses = ref()
const fromLocationAreaTypeList = ref([])
onShow(() => {
  nextTick(() => {
    getList('refresh', fromLocation.value, productionLine.value)
  })
})
onLoad((option) => {
  title.value = option.title
  getIssueJobByProductionline1()
})
onReady(() => {
  detailOptions.value = getDetailOption()
  detailGiveupOptions.value = getDetailGiveupOption()
  detailCloseOptions.value = getDetailCloseOption()
})
onReachBottom(() => {
  // 避免多次触发
  if (loadingType.value == 'loading' || loadingType.value == 'nomore') {
    return
  }
  getList('more', fromLocation.value, productionLine.value)
})
onPullDownRefresh(() => {
  getList('refresh', fromLocation.value, productionLine.value)
})
// 后退按钮
onBackPress((options) => {
  if (options.from === 'navigateBack') {
    uni.navigateBack({
      delta: 1
    })
    return false
  }
})
// 返回首页
onNavigationBarButtonTap((e) => {
  if (e.index === 0) {
    goHome()
  } else if (e.index == 1) {
    filter.value.openFilter()
  }
})
const getBusinessTypeFunc = ()=> {
  getBusinessType(businessTypeCode.value, res => {
    if (res.success) {
      businessType.value = res.businessType;
      fromInventoryStatuses.value =  res.fromInventoryStatuses.split(',');
      fromLocationAreaTypeList.value = res.fromLocationAreaTypeList
      // this.openScanPopup();
    } else {
      comMessageRef.value.showErrorMessage(res.message)
    }
  });
}
const getIssueJobByProductionline1 = () => {
  getIssueJobByProductionline().then((res) => {
    console.log('生产线', res)
    if (res.code == 0) {
      productionlineList.value = res.data.map((item) => ({
        value: item.value,
        text: item.name
      }))
      productionlineList.value.unshift({
        value: '',
        text: '全部'
      })
    } else {
      productionlineList.value = []
    }
  })
}
const getList = (type, fromLocation = '', productionLine = '') => {
  proxy.$modal.loading('加载中­....')
  loadingType.value = 'loading'
  if (type === 'refresh') {
    pageNo.value = 1
    jobList.value = []
  }

  const filters = []
  if (checkedToday.value) {
    filters.push({
      column: 'create_time',
      action: 'betweeen',
      value: todayTime.value
    })
  }

  filters.push({
    column: 'status',
    action: 'in',
    value: status.value
  })
  filters.push({
    column: 'accept_user_id',
    action: '==',
    value: store.id
  })
  if (fromLocation) {
    // 来源库位
    filters.push({
      column: 'fromLocationCode',
      action: '==',
      value: fromLocation
    })
  }
  if (productionLine) {
    // 生产线
    filters.push({
      column: 'productionLineCode',
      action: '==',
      value: productionLine
    })
  }
  const params = {
    filters,
    pageNo: pageNo.value,
    pageSize: 100,
  }
  getIssueJobList(params)
    .then((res) => {
      uni.hideLoading()
      if (type === 'refresh') {
        uni.stopPullDownRefresh()
      }

      const { list } = res.data
      totalCount.value = res.data.total
      updateTitle(`${title.value}(${totalCount.value})`)
      loadingType.value = 'loadmore'
      if (list == null || list.length == 0) {
        loadingType.value = 'nomore'
        return
      }
      jobList.value = type === 'refresh' ? list : jobList.value.concat(list)
      pageNo.value++
      if (type === "refresh") {
        uni.stopPullDownRefresh();
      }
    })
    .catch((error) => {
      if (type === 'refresh') {
        uni.stopPullDownRefresh()
      }
      loadingType.value = ''
      updateTitle(title.value)
      uni.hideLoading()
      comMessageRef.value.showErrorMessage(error)
    })
}

const openJobDetail = (item, scanMessage = '') => {
  proxy.$tab.navigateTo(`./issueDetail?id=${item.masterId}&status=${item.status}&scanMessage=${scanMessage}`)
}
const showItemList = (itemList)=> {
  jobListPopupRef.value.openPopup(itemList);
}
const selectedItem = (item) => {
  openJobDetail(item)
}
const selectItem = (item) => {
  scanPopup.value.closeScanPopup()
  openJobDetail(item, scanMessage.value)
}
const swipeClick = (index, index1) => {
  // var text = clearTirmAndWrap(requestList.value[index].options[index].text)
  let text = ''
  const dataContent = jobList.value[index]
  if (dataContent.status == '2') {
    text = detailGiveupOptions.value[index1].text
  } else {
    text = detailOptions.value[index1].text
  }
  if (text == '详情') {
    openjobInfoPopup(dataContent)
  } else if (text == '放弃') {
    comMessageRef.value.showQuestionMessage('确定要放弃当前任务?', (res) => {
      if (res) {
        cancleJob(dataContent.masterId)
      }
    })
  } else if (e.content.text == '关闭') {
    comMessageRef.value.showQuestionMessage('确定要关闭当前任务?', (res) => {
      if (res) {
        closeJob(dataContent.masterId)
      }
    })
  }
}
const getListByFilter = ( param )=>{
  uni.showLoading({
    title: "加载中­....",
    mask: true
  });
  let filters = []
  if (checkedToday.value) {
    filters.push({
      column: "create_time",
      action: "betweeen",
      value: todayTime.value
    })
  }

  filters.push({
    column: "status",
    action: "in",
    value: status.value
  })

  filters.push({
    column: "accept_user_id",
    action: "==",
    value:store.id
  })

  if (param.fromLocationCode) {
    // 来源库位
    filters.push({
      column: "fromLocationCode",
      action: "==",
      value: param.fromLocationCode
    })
  }
  if (param.productionLineCode) {
    // 生产线
    filters.push({
      column: "productionLineCode",
      action: "==",
      value: param.productionLineCode
    })
  }
  if (param.itemCode) {
    // 生产线
    filters.push({
      column: "itemCode",
      action: "like",
      value: param.itemCode
    })
  }
  let params = {
    filters: filters,
    pageNo: 1,
    pageSize: 100,
  }
  getIssueJobList(params).then(res => {
    uni.hideLoading();
    if (res.data.total == 0) {
      showMessage('未查找到' + '【' + code + '】的收货任务');
    } else if (res.data.total == 1) {
      openJobDetail(res.data.list[0]);
    } else {
      showItemList(res.data.list);
    }
  }).catch(error => {
    showMessage(error)
  })
}
const fromLocationCode = (fromLocationParams) => {
  fromLocation.value = fromLocationParams
  getList('refresh', fromLocation.value, productionLine.value)
}

const productionLineCode = (productionLineCode) => {
  productionLine.value = productionLineCode
  getList('refresh', fromLocation.value, productionLine.value)
}
const getByAsnNumber = (code) => {
  proxy.$modal.loading('加载中­....')
  getPurchasereceiptByAsnNumber(code)
    .then((res) => {
      uni.hideLoading()
      if (res.data.total == 0) {
        that.showMessage('未查找到' + `【${code}】的收货任务`)
      } else if (res.data.total == 1) {
        scanAsnNumber.value.closeScanPopup()
        openJobDetail(res.data.list[0])
      } else {
        scanAsnNumber.value.closeScanPopup()
        showItemList(res.data.list)
      }
    })
    .catch((error) => {
      uni.hideLoading()
      comMessageRef.value.showErrorMessage(error)
    })
}
const openjobInfoPopup = (item) => {
  jobInfoPopupRef.value.openPopup(item)
}
const cancleJob = (id) => {
  cancleTakeIssueJob(id)
    .then((res) => {
      if (res.data) {
        getList('refresh', fromLocation.value, productionLine.value)
        uni.showToast({
          title: '放弃任务成功'
        })
      } else {
        showMessage('放弃任务失败')
      }
    })
    .catch((error) => {
      showMessage(error)
    })
}
const closeJob = (id) => {
  uni.showLoading({
    title: '加载中....',
    mask: true
  })

  closeTakeIssueJob(id)
    .then((res) => {
      uni.hideLoading()
      if (res.data) {
        getList('refresh')
        uni.showToast({
          title: '关闭任务成功'
        })
      } else {
        showMessage('关闭任务失败')
      }
    })
    .catch((error) => {
      uni.hideLoading()
      showMessage(error)
    })
}
const switchChangeToday = (state, creationTime) => {
  checkedToday.value = state
  todayTime.value = creationTime
  getList('refresh', fromLocation.value, productionLine.value)
}
const switchChangeWait = (state, jobStatus) => {
  checkedWaitTask.value = state
  status.value = jobStatus
  getList('refresh', fromLocation.value, productionLine.value)
}
const getScanNumber = (code) => {
  getDataListByType(code)
}
const getDataListByType = (code) => {
  proxy.$modal.loading('加载中­....')
  const filters = []
  filters.push({
    column: 'status',
    action: 'in',
    value: '1,2'
  })
  filters.push({
    column: 'number',
    action: '==',
    value: code
  })
  filters.push({
    column: 'accept_user_id',
    action: '==',
    value: store.id
  })
  const params = {
    filters,
    pageNo: 1,
    pageSize: 100
  }
  getIssueJobList(params)
    .then((res) => {
      uni.hideLoading()
      if (res.data.list.length == 0) {
        showMessage('未查找到发料任务');
      } else if (res.data.list.length == 1) {
        openJobDetail(res.data.list[0])
      }
    })
    .catch((error) => {
      uni.hideLoading()
      showMessage(error)
    })
}
const showMessage = (message) => {
  comMessageRef.value.showErrorMessage(message, (res) => {
    if (res) {
      if (scanPopup.value) {
        scanPopup.value.packGetFocus()
      }
    }
  })
}
const openScanPopup = () => {
  scanPopup.value.openScanPopup()
  if (businessType.value == null) {
    getBusinessTypeFunc()
  } else {
    scanPopup.value.openScanPopup(businessType.value);
  }
}
const getScanResult = (result) => {
  let balance = result.balance;
  if (balance != null) {
    scanMessage.value = ""
    if (!result.label.batch) {
      showMessage('批次为空')
      return
    }
    if (!result.label.itemCode) {
      showMessage('物料号为空')
      return
    }
    try {
      const filters = [
        {
          column: 'status',
          action: 'in',
          value: '1,2'
        },
        {
          column: 'batch',
          action: '==',
          value: result.label.batch
        },
        {
          column: 'itemCode',
          action: '==',
          value: result.label.itemCode
        },
        {
          column: "fromLocationCode",
          action: "==",
          value: balance.locationCode
        }
      ]
      getIssueJobList({
        filters,
        pageNo: 1,
        pageSize: 1000,
        sort: 'createTime',
        by: 'asc'
      })
          .then((res) => {
            scanMessage.value = result.scanMessage
            const resultList = res.data.list
            if (resultList.length > 0) {
              resultList.forEach((item) => {
                item.title = item.number
                item.selected = false
              })
              const list = []
              resultList.forEach((item) => {
                if (!list.find((subItem) => subItem.title == item.title)) {
                  list.push(item)
                }
              })
              if (list.length > 0) {
                selectItem(list[0])
              }
            } else {
              showMessage("按来源库位[" + balance.locationCode + "]批次[" + result.label.batch +
                  "]物料号[" + result.label.itemCode + "]未查找到任务<br>" + "扫描[" + result.scanMessage + "]")
            }
          })
          .catch((error) => {
            showMessage(`${error}<br>扫描[${result.scanMessage}]`)
          })
    } catch (e) {
      showMessage(e.message)
    }
  }
}
</script>

<style scoped lang="scss"></style>