sfms3.0
/
sfms3.0-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge remote-tracking branch 'remotes/origin/intex_onlin20250418' into intex

intex_online20250427
刘忱 4 days ago
parent
dee22f2f6f 1f5ff500fd
commit
4c945f6eaa
2 changed files with 510 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 293
      src/views/wms/basicDataManage/labelManage/productionLineLabel/index.vue
  2. 217
      src/views/wms/basicDataManage/labelManage/productionLineLabel/productionLineLabel.data.ts

293
src/views/wms/basicDataManage/labelManage/productionLineLabel/index.vue
View File

@ -0,0 +1,293 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<Search :schema="Package.allSchemas.searchSchema" @search="searchList" @reset="searchList" />
</ContentWrap>
<!-- 列表头部 -->
<TableHead
:HeadButttondata="HeadButttondata"
@button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="Package.allSchemas"
/>
<!-- 列表 -->
<ContentWrap>
<Table v-clientTable ref="tableRef" :selection="true"
:columns="tableColumns"
:data="tableObject.tableList"
:loading="tableObject.loading"
:pagination="{
total: tableObject.total
}"
v-model:pageSize="tableObject.pageSize"
v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort"
@getSelectionRows="getSelectionRows"
>
<template #number="{row}">
<el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
<span>{{ row.number }}</span>
</el-button>
</template>
<template #action="{ row }">
<ButtonBaseMore :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" />
</template>
</Table>
</ContentWrap>
<!-- 详情 -->
<Detail ref="detailRef" :isBasic="true" :allSchemas="Package.allSchemas" />
</template>
<script setup lang="ts">
import download from '@/utils/download'
import { getAccessToken } from '@/utils/auth'
import { Package,PackageRules } from './productionLineLabel.data'
import * as BarbasicApi from '@/api/wms/barbasic'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import { formatTime } from '@/utils/index'
import { getJmreportBaseUrl } from '@/utils/systemParam'
import { formatDate } from '@/utils/formatTime'
import { usePageLoading } from '@/hooks/web/usePageLoading'
const { loadStart, loadDone } = usePageLoading()
// 库位标签
defineOptions({ name: 'ProductionLineLabel' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(Package.allSchemas.tableColumns)
/**
* PurchasePackage type = PurchaseLabel 采购件标签记录页面
* ManufacturePackage type = MakeLabel 制造件标签记录页面
* UtensilPackage type = ContainerLabel 器具标签记录页面
* SupplierPackage type = PurchaseLabel 供应商发货标签记录(用采购标签)
* ProductionLineLabel type = ProductionLineLabel 库位标签记录页面
*/
const type = ref('ProductionLineLabel')
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
tableColumns.value = val
}
const { tableObject, tableMethods } = useTable({
getListApi: BarbasicApi.getBarbasicPage // 分页接口
})
tableObject.params.type = type.value
// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods
// 列表头部按钮
const HeadButttondata = [
// defaultButtons.defaultAddBtn({hasPermi:'wms:package:create'}), // 新增
defaultButtons.defaultExportBtn({hasPermi:'wms:package:export'}), // 导出
defaultButtons.mainLisSelectiontPointBtn(null), // 批量标签打印
defaultButtons.defaultFreshBtn(null), // 刷新
defaultButtons.defaultFilterBtn(null), // 筛选
defaultButtons.defaultSetBtn(null), // 设置
]
// 头部按钮事件
const buttonBaseClick = (val, item) => {
if (val == 'add') { // 新增
openForm('create')
} else if (val == 'export') { // 导出
handleExport()
} else if (val == 'refresh') { // 刷新
if (tableObject.params.filters && tableObject.params.filters.length > 0 ) {
searchFormClick({
filters: tableObject.params.filters
})
} else {
getList()
}
} else if (val == 'filtrate') { // 筛选
} else if (val=='selection_point'){//批量打印
handleSelectionPoint()
}else { // 其他按钮
console.log('其他按钮', item)
}
}
const isShowMainButton = (row, val) => {
if (val.indexOf(row.available) > -1) {
return false
} else {
return true
}
}
// 列表-操作按钮
const butttondata = (row) => {
return[
defaultButtons.mainListPointBtn(null), // 标签打印
defaultButtons.mainListEnableBtn({hide: isShowMainButton(row, ['FALSE']),hasPermi: 'wms:barbasic:enable'}), //启用
defaultButtons.mainListDisableBtn({hide: isShowMainButton(row, ['TRUE']),hasPermi: 'wms:barbasic:disable'}), //停用
]}
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
if (val == 'edit') { // 编辑
openForm('update', row)
} else if (val == 'delete') { // 删除
handleDelete(row.id)
} else if (val == 'point') { // 标签打印
handlePoint(row)
} else if (val == 'enable') {
handleEnable(row.id)
} else if (val == 'disable') {
handleDisable(row.id)
}
}
const handleEnable = async (id: number) => {
try {
await BarbasicApi.enableOption(id)
message.success(t('common.updateSuccess'))
// 刷新列表
await getList()
} catch {}
}
const handleDisable = async (id: number) => {
try {
await BarbasicApi.disableOption(id)
message.success(t('common.updateSuccess'))
// 刷新列表
await getList()
} catch {}
}
/** 添加/修改操作 */
const basicFormRef = ref()
const openForm = (type: string, row?: number) => {
basicFormRef.value.open(type, row)
if (type == 'create') {
nextTick(() => {
basicFormRef.value.formRef.formModel.batch = formatTime(new Date(), 'yyyyMMdd')
})
}
}
/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue,"labelBarbasic")
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
tableObject.loading = true
// 发起删除
await BarbasicApi.deleteBarbasic(id)
tableObject.loading = false
message.success(t('common.delSuccess'))
// 刷新列表
buttonBaseClick('refresh',null)
} catch {}
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
loadStart()
const excelTitle = ref(route.meta.title)
const data = await BarbasicApi.exportLocationBarbasic(tableObject.params)
download.excel(data, `【${excelTitle.value}】【${formatDate(new Date())}】.xlsx`)
} catch {
} finally {
loadDone()
}
}
const BASE_URL = getJmreportBaseUrl()
const src = ref(BASE_URL + '/jmreport/view/1075309898605109248?token=' + getAccessToken())
// 标签打印
const handlePoint = async (row) => {
window.open(src.value+'&relateNumber='+row.id)
}
// const srcPoint = ref(BASE_URL + '/jmreport/view/929174607016689664?token=' + getAccessToken())
const handleSelectionPoint = async ()=>{
let rows:any = []
selectionRows.value.forEach(item=>{
rows = [...rows,...item.selectionRows.map(item1=>item1.id)]
})
console.log('批量打印',rows.join(','))
window.open(src.value+'&relateNumber='+rows.join(','))
}
// 筛选提交
const searchFormClick = (searchData) => {
tableObject.params = {
isSearch: true,
filters: searchData.filters,
type:type.value
}
getList() // 刷新当前列表
}
const searchList = (model)=>{
selectionRows.value = []
// model.available='TRUE'
model.type='ProductionLineLabel'
setSearchParams(model)
}
watch(
() => tableObject.tableList,
() => {
const currentRows = selectionRows.value.find(item=>item.currentPage==tableObject.currentPage)
if(currentRows){
nextTick(() => {
currentRows.selectionRows.forEach(item=>{
tableRef.value.toggleRowSelection(item,true)
})
})
}
}
)
const selectionRows = ref<any>([])
const tableRef = ref()
const getSelectionRows = (currentPage,currentPageSelectionRows) => {
console.log("getSelectionRows",currentPage,currentPageSelectionRows)
const currentRows = selectionRows.value.find(item=>item.currentPage==currentPage)
if(currentRows){
currentRows.selectionRows = currentPageSelectionRows
}else{
selectionRows.value.push({
currentPage,
selectionRows:currentPageSelectionRows
})
}
}
/** 初始化 **/
onMounted(async () => {
// tableObject.params = {
// available: 'TRUE',
// type: 'ProductionLineLabel'
// }
getList()
})
</script>

217
src/views/wms/basicDataManage/labelManage/productionLineLabel/productionLineLabel.data.ts
View File

@ -0,0 +1,217 @@
import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
import { dateFormatter } from '@/utils/formatTime'
// 表单校验
export const PackageRules = reactive({
number: [required],
itemCode: [required],
itemName: [required],
})
export const Package = useCrudSchemas(reactive<CrudSchema[]>([
{
label: '标签号',
field: 'number',
sort: 'custom',
isSearch: true,
table: {
fixed: 'left',
width: 210
}
},
{
label: '标签类型',
field: 'type',
sort: 'custom',
isSearch: false,
dictType: DICT_TYPE.LABEL_TYPE,
dictClass: 'string',
table: {
width: 180
}
},
// {
// label: '标签模板',
// field: 'template',
// sort: 'custom',
// },
{
label: '标签状态',
field: 'status',
sort: 'custom',
isSearch: true,
dictType: DICT_TYPE.LABEL_STATUS,
dictClass: 'string',
table: {
width: 180
}
},
{
label: '库位代码',
field: 'relateNumber',
sort: 'custom',
table: {
width: 210
}
},
{
label: '库位名称',
field: 'locationName',
sort: 'custom',
table: {
width: 210
}
},
{
label: '标签条码字符串',
field: 'barcodeString',
sort: 'custom',
table: {
width: 380,
}
},
// {
// label: '打印次数',
// field: 'printTimes',
// sort: 'custom',
// form: {
// component: 'InputNumber',
// componentProps: {
// min: 0
// },
// value: 0
// },
// table: {
// width: 180
// }
// },
// {
// label: '最后打印时间',
// field: 'lastPrintTime',
// sort: 'custom',
// formatter: dateFormatter,
// form: {
// component: 'DatePicker',
// componentProps: {
// style: {width:'100%'},
// type: 'datetime',
// dateFormat: 'YYYY-MM-DD HH:mm:ss',
// valueFormat: 'x',
// }
// },
// table: {
// width: 180
// }
// },
// {
// label: '最后打印人ID',
// field: 'lastPrintUserId',
// sort: 'custom',
// table: {
// width: 180
// }
// },
// {
// label: '最后打印人用户名',
// field: 'lastPrintUserName',
// sort: 'custom',
// table: {
// width: 170,
// }
// },
{
label: '是否可用',
field: 'available',
sort: 'custom',
isSearch:true,
isForm: false,
dictType: DICT_TYPE.TRUE_FALSE,
dictClass: 'string', // 默认都是字符串类型其他暂不考虑
search: {
value: 'TRUE',
},
form: {
component: 'Switch',
value: 'TRUE',
componentProps: {
inactiveValue: 'FALSE',
activeValue: 'TRUE'
}
},
table: {
width: 110
}
},
{
label: '创建时间',
field: 'createTime',
isForm: false,
table: {
width: 180
},
formatter: dateFormatter,
detail: {
dateFormat : 'YYYY-MM-DD HH:mm:ss'
},
form: {
component: 'DatePicker',
componentProps: {
style: {width:'100%'},
type: 'datetime',
dateFormat: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'x',
}
}
},
{
label: '创建者',
field: 'creator',
table: {
width: 130
},
isForm: false,
isTable: true
},
{
label: '最后更新时间',
field: 'updateTime',
sort: 'custom',
isDetail: true,
isForm: false,
isTable: true,
formatter: dateFormatter,
detail: {
dateFormat: 'YYYY-MM-DD HH:mm:ss'
},
table: {
width: 180
},
form: {
component: 'DatePicker',
componentProps: {
style: {width:'100%'},
type: 'datetime',
dateFormat: 'YYYY-MM-DD HH:mm:ss',
valueFormat: 'x',
}
}
},
{
label: '最后更新者',
field: 'updater',
isDetail: true,
isForm: false,
isTable: true,
table: {
width: 150
}
},
{
label: '操作',
field: 'action',
isForm: false,
table: {
width: 150,
fixed: 'right'
}
}
]))
Write Preview
Loading…
Cancel
Save