ERP_override.git

<script setup>
 
import {onMounted, reactive, ref} from "vue";
import {useRoute, useRouter} from 'vue-router'
import request from "@/utils/request";
import deepClone from "@/utils/deepClone";
import useUserInfoStore from "@/stores/userInfo";
import {ElMessage, ElMessageBox} from "element-plus";
import {Search} from "@element-plus/icons-vue";
import { useI18n } from 'vue-i18n'
import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
import {changeFilterEvent,filterChanged,filterChangeds} from "@/hook"
import {divideAuto, multiply} from "@/utils/decimal";
import companyInfo from "@/stores/sd/companyInfo";
import footSum from "@/hook/footSum";
import {copyTableCellValue} from "@/hook/copyTableCellValue";
 
//语言获取
const { t } = useI18n()
const userStore = useUserInfoStore()
const company = companyInfo()
const router = useRouter()
const route = useRoute()
let produceList = ref([])
let sheetIndex = ref(-1)
let rowIndexData = ref(null)
 
let dialogTableVisible = ref(false)
let refMaterialAddition=ref()
 
let props = defineProps({
  type:0
})
 
const getTableRow = (row,type) =>{
  switch (type) {
    case 'edit' :{
      router.push({path: '/main/finishedGlassShelf/createFinishedGlassShelf', query: { id: row.id }})
      break
    }
    case 'delete':{
      let flowData = ref({
        id: row.id,
        userName:userStore.user.userName,
        userId:userStore.user.userId
      })
      request.post("/finishedGlassShelf/deleteFinishedGlassShelfInformationById",flowData.value).then((res) => {
        if(res.code==200 && res.data==="true"){
          ElMessage.success(t('basicData.msg.deleteSuccess'))
          router.push({path:'/main/finishedGlassShelf/finishedGlassShelfInformation',query:{random:Math.random()}})
        }else{
          ElMessage.warning(t('basicData.msg.deleteFail'))
        }
      }).catch((err)=>{
        ElMessage.error(t('basicData.msg.ServerConnectionError'))
        router.push("/login")
      })
      return
    }
  }
}
 
const hasDecimal=(value)=>{
  const regex=/\./ // 定义正则表达式，查找小数点
  return regex.test(value) //返回true/false
}
 
const hasDecimalhtml=(item,row)=>{
  let aa=item.split('.').length
  if (aa===2){
    return row[item.split('.')[0]][item.split('.')[1]]
  }else if(aa===3){
    return row[item.split('.')[0]][item.split('.')[1]][item.split('.')[2]]
  }
 
 
}
 
let pageNum=ref(1)
let total = reactive({
  pageTotal : 0,
  dataTotal : 0,
  pageSize : 100
})
 
 
 
const values = ref('1')
 
 
let selectDate = ref(["",""])
let BasicData = ref([])
let materialStore= ref([])
let orderId=ref(null)
let deliveryId=ref(null)
 
const getSelectFinishedGlassShelfInformation=()=>{
  request.post(`/finishedGlassShelf/getSelectFinishedGlassShelfInformation/1/${total.pageSize}/${values.value}`).then((res) => {
    if(res.code==200){
      if(values.value==="1"){
        gridOptions.columns=arr.slice()
      }else{
        gridOptions.columns=arr2.slice()
      }
      total.dataTotal = res.data.total.total*1
      total.pageTotal= res.data.total.pageTotal
      pageNum.value=1
      produceList = deepClone(res.data.data)
      xGrid.value.loadData(produceList)
    }else{
      ElMessage.warning(res.msg)
    }
  })
}
 
onMounted(() => {
  addListener(xGrid.value,gridOptions)
 
  const orderID = route.query.orderId
  const deliveryID = route.query.deliveryID
  if (typeof orderID !== 'undefined' && orderID !== null && orderID !== '' && orderID !== '\n' && orderID !== '\r'){
    orderId.value=orderID
  }
  if (typeof deliveryID !== 'undefined' && deliveryID !== null && deliveryID !== '' && deliveryID !== '\n' && deliveryID !== '\r'){
    deliveryId.value=deliveryID
  }
 
  getSelectFinishedGlassShelfInformation();
 
})
 
let arr = [
  { type: 'checkbox',fixed:"left", title: t('basicData.check'), width: '80' },
  { type: 'seq',fixed:"left", title: t('basicData.Number'), width: '80' },
  {field: 'glassShelfName', width: '150',title: t('finishedGlassShelf.glassShelfName'), sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'price',width: '100', title: t('order.price'), sortable: true,showOverflow:"ellipsis",filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'unit', width: '100',title: t('ingredients.unit'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'quantity', width: '120',title: t('finishedGlassShelf.availableQuantity'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxWeight', width: '100',title: t('finishedGlassShelf.maxWeight'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxWidth',width: '100', title: t('finishedGlassShelf.maxWidth'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxHeight',width: '100', title: t('finishedGlassShelf.maxHeight'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
]
 
let arr2 = [
  {title: t('basicData.operate'), width: '110', slots: { default: 'button_slot' },fixed:'left'},
  { type: 'seq',fixed:"left", title: t('basicData.Number'), width: '80' },
  {field: 'glassShelfNumber', width:'150', title: t('finishedGlassShelf.glassShelfNumber'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged },
  {field: 'glassShelfName', width: '150',title: t('finishedGlassShelf.glassShelfName'), sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'price',width: '100', title: t('order.price'), sortable: true,showOverflow:"ellipsis",filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'unit', width: '100',title: t('ingredients.unit'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxWeight', width: '100',title: t('finishedGlassShelf.maxWeight'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxWidth',width: '100', title: t('finishedGlassShelf.maxWidth'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'maxHeight',width: '100', title: t('finishedGlassShelf.maxHeight'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'remarks',width: '100', title: t('basicData.remarks'), sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod:filterChanged},
  {field: 'createTime',width: '100', title: t('basicData.creationTime'), sortable: true},
]
 
 
//子组件接收参数
const xGrid = ref()
const gridOptions = reactive({
  border:  "full",//表格加边框
  keepSource: true,//保持源数据
  align: 'center',//文字居中
  stripe:true,//斑马纹
  rowConfig: {isCurrent: true, isHover: true,height: 30},//鼠标移动或选择高亮
  id: 'FinishedGlassShelfInformation',
  showFooter: true,//显示脚
  printConfig: {},
  importConfig: {},
  exportConfig: {},
  scrollX:{enabled: true},
  scrollY:{ enabled: true ,gt:0},//开启虚拟滚动
  showOverflow:true,
  columnConfig: {
    resizable: true,
    useKey: true
  },
  filterConfig: {   //筛选配置项
    //remote: true
  },
  customConfig: {
    storage: true
  },
  editConfig: {
    trigger: 'click',
    mode: 'row',
    showStatus: true
  },//表头参数
  columns:[
 
 
  ],//表头按钮
  toolbarConfig: {
    buttons: [
    ],
    slots:{
      buttons: "toolbar_buttons",
    },
    /*import: false,
    export: true,
    print: true,*/
    export: true,
    zoom: true,
    custom: true
  },
  footerMethod ({ columns, data }) {//页脚函数
    return[
      columns.map((column, columnIndex) => {
        if (columnIndex === 0) {
          return t('basicData.total')
        }
        const List = ["quantity"]
        if (List.includes(column.field)) {
          return footSum(data, column.field)
        }
        return ''
      })
    ]
  }
 
})
 
 
const gridEvents = {
  async toolbarButtonClick({code}) {
    const $grid = xGrid.value
    if ($grid) {
      switch (code) {
        case 'out': {
          $grid.clearFilter()
          const selectRecords = $grid.getCheckboxRecords()
          if (selectRecords.length === 0) {
            ElMessage.warning(t('productStock.unselectedData'))
            return
          }
          const array=[]
 
            for (let i = 0; i < selectRecords.length; i++) {
              const title = ref({
                glassShelfName:null,
                price:null,
                unit:null,
                quantity:0,
                weight:null,
                width:null,
                height:null
              })
              title.value.glassShelfName=selectRecords[i].glassShelfName
              title.value.price=selectRecords[i].price
              title.value.unit=selectRecords[i].unit
              title.value.weight=selectRecords[i].maxWeight
              title.value.width=selectRecords[i].maxWidth
              title.value.height=selectRecords[i].maxHeight
              title.value.quantity=selectRecords[i].quantity
              array.push(title)
            }
 
          if(props.type==1){
            // 触发事件，将结果传递给父组件
            emit('handle-result', JSON.stringify(array))
          }else{
            router.push({path: '/main/finishedGlassShelf/createFinishedGlassShelfEmit', query: {data: JSON.stringify(array)}})
          }
 
 
          break
 
 
        }
        case 'return': {
          if(deliveryId.value!=null){
            router.push({path: '/main/delivery/createDelivery', query: {deliveryID: deliveryId.value}})
            break
          }else if(orderId.value!=null){
            router.push({path: '/main/delivery/createDelivery', query: {orderId: orderId.value}})
            break
          }else {
            router.push({path: '/main/delivery/selectDelivery'})
            break
          }
 
 
        }
 
      }
    }
  },
  cellDblclick ({row,column}) {
    copyTableCellValue(row,column)
  }
}
 
const changeOrderType = () => {
  getSelectFinishedGlassShelfInformation();
}
 
const emit = defineEmits(['handle-result'])
 
 
</script>
 
<template>
  <div class="main-div-customer">
 
    <div class="main-table">
      <vxe-grid
          height="100%"
          class="mytable-scrollbar"
          ref="xGrid"
          v-bind="gridOptions"
          v-on="gridEvents"
 
      >
        <!--      @toolbar-button-click="toolbarButtonClickEvent"-->
        <!--      下拉显示所有信息插槽-->
        <template #content="{ row }">
          <ul class="expand-wrapper">
            <li  v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined ">
              <span style="font-weight: bold">{{item.title+':  '}}</span>
              <span v-if="hasDecimal(item.field)">{{ hasDecimalhtml(item.field,row) }}</span>
              <span v-else>{{ row[item.field] }}</span>
            </li>
          </ul>
        </template>
 
        <!--左边固定显示的插槽-->
        <template #button_slot="{ row }" >
          <el-button @click="getTableRow(row,'edit')"
                     v-if="userStore.user.permissions.indexOf('selectIngredients.edit') > -1"
                     link type="primary" size="small">{{ $t('basicData.edit') }}</el-button>
          <el-popconfirm @confirm="getTableRow(row,'delete')" :title="$t('searchOrder.deleteConfirm')">
            <template #reference>
              <el-button  link type="primary" size="small">{{ $t('basicData.delete') }}</el-button>
            </template>
          </el-popconfirm>
        </template>
 
        <template #toolbar_buttons="{ $grid }">
          &nbsp;&nbsp;
          <vxe-select @change="changeOrderType" v-model="values" >
            <vxe-option value="1" :label= t('finishedGlassShelf.summary')></vxe-option>
            <vxe-option value="2" :label= t('finishedGlassShelf.detail')></vxe-option>
          </vxe-select>
          &nbsp;&nbsp;
 
          &nbsp;&nbsp;
          <el-button
              type="primary"
              @click="$grid.dispatchEvent('toolbar-button-click', { code: 'out' })"
          >
            {{ t('productStock.outbound') }}
          </el-button>
 
<!--          <el-button
              type="primary"
              @click="$grid.dispatchEvent('toolbar-button-click', { code: 'return' })"
          >
            {{ t('finishedGlassShelf.returnDelivery') }}
          </el-button>-->
        </template>
 
        <template #num1_filter="{ column, $panel }">
          <div>
            <div v-for="(option, index) in column.filters" :key="index">
              <input type="type" v-model="option.data" @keyup.enter.native="$panel.confirmFilter()" @input="changeFilterEvent($event, option, $panel)"/>
            </div>
          </div>
        </template>
 
        <template #pager>
          <!--使用 pager 插槽-->
          <vxe-pager
              @page-change="handlePageChange"
              :layouts="[  'PrevPage', 'Jump','PageCount', 'NextPage',  'Total']"
              v-model:current-page="pageNum"
              v-model:page-size="total.pageSize"
              v-model:pager-count="total.pageTotal"
              :total="total.dataTotal"
          >
          </vxe-pager>
        </template>
 
      </vxe-grid>
    </div>
  </div>
</template>
 
<style scoped>
.main-div-customer{
  width: 99%;
  height: 100%;
}
.main-div-customers{
  width: 99%;
  height: 100%;
}
.el-col{
  margin-left: 15px;
  margin-bottom: 5px;
}
.order-primary{
  width: 100%;
}
.head{
  width: 100%;
  height: 35px;
}
 
.main-table{
  width: 100%;
  height: calc(100% - 0px);
}
.vxe-grid {
  /* 禁用浏览器默认选中 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
</style>