Merge branch 'zth' into dev
张同海
2 months ago
commit
493b47efe2
@ -0,0 +1,53 @@
|
||||
// @ts-ignore
|
||||
import { request } from '/@/utils/request'
|
||||
import { DataResult, PageRequest } from '/@/api/model/baseModel'
|
||||
enum Api {
|
||||
list = '/containerManagementApi/CM_State_Change_Templat/GetCM_State_Change_TemplatList',
|
||||
edit = '/containerManagementApi/CM_State_Change_Templat/EditCM_State_Change_Templat',
|
||||
info = '/containerManagementApi/CM_State_Change_Templat/GetCM_State_Change_Templat',
|
||||
del = '/containerManagementApi/CM_State_Change_Templat/DeleteCM_State_Change_Templat',
|
||||
|
||||
delDetail = '/containerManagementApi/CM_State_Change_Templat/DeleteCM_State_Change_TemplatDetail',
|
||||
|
||||
}
|
||||
// 列表 (Auth)
|
||||
export function ApiList(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.list,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 编辑 (Auth)
|
||||
export function ApiEdit(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.edit,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 详情 (Auth)
|
||||
export function ApiInfo(query) {
|
||||
return request<DataResult>({
|
||||
url: Api.info,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
// 批量删除 (Auth)
|
||||
export function ApiDel(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.del,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
// 删除明细 (Auth)
|
||||
export function ApiDelDetail(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.delDetail,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,153 @@
|
||||
import { ref } from 'vue'
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
import { Tag } from 'ant-design-vue'
|
||||
import { GetCtnSelectList, GetClientListByCode } from '/@/api/common'
|
||||
|
||||
import { GetDeptList } from '/@/views/operation/seaexport/api/BookingLedger'
|
||||
import { useOptionsStore } from '/@/store/modules/options'
|
||||
const optionsStore = useOptionsStore()
|
||||
// 字典
|
||||
import { getDictOption } from '/@/utils/dictUtil'
|
||||
// 新旧箱数据
|
||||
const usedStateList = [
|
||||
{
|
||||
label: '',
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
label: 'USED',
|
||||
value: 'USED',
|
||||
},
|
||||
{
|
||||
label: 'NEW',
|
||||
value: 'NEW',
|
||||
},
|
||||
]
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '模块名称',
|
||||
dataIndex: 'formName',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '模板名称',
|
||||
dataIndex: 'templetName',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '录入人',
|
||||
dataIndex: 'createUserName',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '录入时间',
|
||||
dataIndex: 'createTime',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
dataIndex: 'remark',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
]
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'formName',
|
||||
label: '模块名称',
|
||||
component: 'Input',
|
||||
colProps: { span: 4 },
|
||||
},
|
||||
{
|
||||
field: 'templetName',
|
||||
label: '模板名称',
|
||||
component: 'Input',
|
||||
colProps: { span: 4 },
|
||||
},
|
||||
{
|
||||
field: 'remark',
|
||||
label: '备注',
|
||||
component: 'Input',
|
||||
colProps: { span: 4 },
|
||||
},
|
||||
]
|
||||
export const formSchema: FormSchema[] = [
|
||||
{
|
||||
label: '',
|
||||
field: 'id',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
label: '模块名称',
|
||||
field: 'formName',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
colProps: { span: 6 },
|
||||
},
|
||||
{
|
||||
label: '模板名称',
|
||||
field: 'templetName',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
colProps: { span: 6 },
|
||||
},
|
||||
{
|
||||
label: '录入人',
|
||||
field: 'createUserName',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
// show: false,
|
||||
},
|
||||
// {
|
||||
// label: '录入人',
|
||||
// field: 'createUser',
|
||||
// component: 'ApiSelect',
|
||||
// required: false,
|
||||
// dynamicDisabled: false,
|
||||
// colProps: { span: 6 },
|
||||
// componentProps: ({ formModel }) => {
|
||||
// return {
|
||||
// allowClear: true,
|
||||
// showSearch: true,
|
||||
// api: GetClientListByCode,
|
||||
// params: { code: 'leasing' },
|
||||
// labelField: 'pinYinCode',
|
||||
// showName: 'shortName',
|
||||
// valueField: 'shortName',
|
||||
// resultField: 'data',
|
||||
// immediate: false,
|
||||
// filterOption: (input: string, option: any) => {
|
||||
// return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
// },
|
||||
// }
|
||||
// },
|
||||
// },
|
||||
{
|
||||
label: '录入时间',
|
||||
field: 'createTime',
|
||||
component: 'DatePicker',
|
||||
colProps: { span: 6 },
|
||||
componentProps: {
|
||||
showTime: false,
|
||||
style: 'width:100%',
|
||||
valueFormat: 'YYYY-MM-DD 00:00:00',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'remark',
|
||||
label: '备注',
|
||||
component: 'InputTextArea',
|
||||
// required: true,
|
||||
colProps: { span: 12 },
|
||||
componentProps: {
|
||||
rows: 3,
|
||||
},
|
||||
},
|
||||
]
|
||||
@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div>
|
||||
<BasicTable class="ds-table" @register="registerTable">
|
||||
<template #tableTitle>
|
||||
<a-button type="link" @click="handleCreate">
|
||||
<span class="iconfont icon-tianjia"></span>
|
||||
新建
|
||||
</a-button>
|
||||
<a-popconfirm
|
||||
title="确定删除当前选中数据？"
|
||||
ok-text="是"
|
||||
cancel-text="否"
|
||||
@confirm="handleDel"
|
||||
>
|
||||
<a-button type="link">
|
||||
<span class="iconfont icon-shanchu21"></span>
|
||||
删除
|
||||
</a-button>
|
||||
</a-popconfirm>
|
||||
</template>
|
||||
</BasicTable>
|
||||
<TenantAuditStepModal @register="registerModal" @success="handleSuccess" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue'
|
||||
import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
|
||||
import { ApiList, ApiDel } from './api'
|
||||
import { useModal } from '/@/components/Modal'
|
||||
import TenantAuditStepModal from './TenantAuditStepModal.vue'
|
||||
import { columns, searchFormSchema } from './columns'
|
||||
import { formatParams } from '/@/hooks/web/common'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
const { notification } = useMessage()
|
||||
const [registerModal, { openModal }] = useModal()
|
||||
const [registerTable, { reload, getForm, getSelectRows }] = useTable({
|
||||
title: '批量变动导入_模板管理',
|
||||
api: async (p) => {
|
||||
const res: API.DataResult = await ApiList(p)
|
||||
return new Promise((resolve) => {
|
||||
resolve({ data: [...res.data], total: res.count })
|
||||
})
|
||||
},
|
||||
beforeFetch: (p) => {
|
||||
return formatParams(p, ['ctnOwner', 'ctnSourceId', 'isOnlineId', 'portid'])
|
||||
},
|
||||
columns,
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
isTreeTable: false,
|
||||
pagination: true,
|
||||
striped: true,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
showIndexColumn: true,
|
||||
indexColumnProps: {
|
||||
width: 60,
|
||||
},
|
||||
canResize: true,
|
||||
resizeHeightOffset: 35,
|
||||
immediate: true,
|
||||
})
|
||||
function handleCreate() {
|
||||
const select = getSelectRows()
|
||||
openModal(true, {
|
||||
isParent: false,
|
||||
isUpdate: false,
|
||||
select,
|
||||
})
|
||||
}
|
||||
function handleDel() {
|
||||
const select = getSelectRows()
|
||||
let ApiData: any = {
|
||||
ids: [],
|
||||
}
|
||||
if (select.length === 0) {
|
||||
notification.warning({ message: '请至少选择一条数据', duration: 3 })
|
||||
return false
|
||||
} else {
|
||||
ApiData.ids = select.map((item) => {
|
||||
return item.id
|
||||
})
|
||||
}
|
||||
|
||||
ApiDel(ApiData).then((res) => {
|
||||
notification.success({ message: res.message, duration: 3 })
|
||||
reload()
|
||||
})
|
||||
}
|
||||
function handleSuccess() {
|
||||
reload()
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue