lijingjia
/
ds-wms-client-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

全局添加表单设置组件

Browse Source
szh-new
lijingjia 7 months ago
parent 6122e54f1d bdef40d587
commit 37cce66dc0
12 changed files with 489 additions and 116 deletions
Show Stats Download Patch File Download Diff File

10
.env.development
Unescape Escape View File

@ -1,11 +1,9 @@
### ###
# @Author: 张同海 14166000+zhangtonghai@user.noreply.gitee.com # @Description:
# @Date: 2024-04-17 10:30:29 # @Author: lijj
# @LastEditors: Please set LastEditors # @Date: 2024-05-10 17:05:02
# @LastEditTime: 2024-05-10 10:57:02
# @FilePath: \ds-wms-client-web\.env.development
# @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
### ###
# Whether to open mock # Whether to open mock
VITE_USE_MOCK = true VITE_USE_MOCK = true

106
src/components/ConfigForm/index.vue
Unescape Escape View File

@ -0,0 +1,106 @@
<!--
* @Description: 将表单添加到表单设置组件中
* @Author: lijj
* @Date: 2024-05-07 15:19:07
-->
<template>
<div class="config-form" @click="addFormToSet">
<slot>
<Tooltip
v-if="formSchema && formSchema.length"
:title="t('component.modal.edit')"
placement="bottom"
>
<DiffOutlined />
</Tooltip>
</slot>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { FormSchema } from '/@/components/Table'
// 表单编辑接口
import { editCodeGoodsType } from '/@/views/baseinfo/formset/api'
// 引入表格权限信息（包含id和name）
import { permissionsInfo } from '/@/hooks/web/usePermission'
// 引入提升信息
import { useMessage } from '/@/hooks/web/useMessage'
// 默认图标
import { DiffOutlined } from '@ant-design/icons-vue'
import { useI18n } from '/@/hooks/web/useI18n'
const { createMessage } = useMessage()
export default defineComponent({
name: 'ConfigForm',
components: { DiffOutlined },
props: {
// 单个表单字段集合
formSchema: {
type: Array,
default: () => {
return []
}
},
// 表单id
id: {
type: String,
default: ''
},
// 表单名称
name: {
type: String,
default: ''
}
},
setup(props) {
const { t } = useI18n()
// 添加表单到表单设置
const addFormToSet = () => {
const columns = props.formSchema.map((item: FormSchema) => {
const res = {
defaultValue: item.defaultValue || '',
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component
}
// 定义默认显示字段
if (item.show !== false) {
res['show'] = true
}
// 判断若是下拉框、raido组返回option
if (/^Select|RadioButtonGroup$/.test(item.component)) {
res['options'] = item?.componentProps?.options
}
return res
})
const Apidata = {
id: props.id,
permissionId: permissionsInfo().permissionId,
templateName: props.name,
permissionName: permissionsInfo().permissionName,
content: JSON.stringify({
columns: columns
})
}
editCodeGoodsType(Apidata).then(res => {
if (res.succeeded) {
createMessage.success('添加成功！')
}
}).catch(() => {
createMessage.error('添加失败！')
})
}
return {
t,
addFormToSet
}
}
})
</script>
<style lang="scss">
.config-form {
cursor: pointer;
}
</style>

7
src/components/registerGlobComp.ts
Unescape Escape View File

@ -2,6 +2,7 @@ import type { App } from 'vue'
import { Icon } from './Icon' import { Icon } from './Icon'
import { Button } from './Button' import { Button } from './Button'
import VXETable from 'vxe-table' import VXETable from 'vxe-table'
import ConfigForm from './ConfigForm/index.vue'
import 'vxe-table/lib/style.css' import 'vxe-table/lib/style.css'
import { import {
// Need // Need
@ -50,10 +51,12 @@ import {
Popconfirm, Popconfirm,
Skeleton, Skeleton,
Cascader, Cascader,
Rate, Rate
} from 'ant-design-vue' } from 'ant-design-vue'
const compList = [AntButton.Group, Icon] const compList = [AntButton.Group, Icon, ConfigForm]
console.log(compList)
export function registerGlobComp(app: App) { export function registerGlobComp(app: App) {
// app.use(Input).use(Button).use(Layout) // app.use(Input).use(Button).use(Layout)
compList.forEach((comp) => { compList.forEach((comp) => {

5
src/views/baseinfo/issuetype/TenantAuditStepModal.vue
Unescape Escape View File

@ -8,6 +8,11 @@
@register="registerModal" @register="registerModal"
@ok="handleSave" @ok="handleSave"
> >
<ConfigForm
:form-schema="formSchema"
id="1"
name="基础表单"
></ConfigForm>
<BasicForm @register="registerForm" /> <BasicForm @register="registerForm" />
<!--右下角按钮--> <!--右下角按钮-->
<template #footer> <template #footer>

182
src/views/fee/template/components/feeField.vue
Unescape Escape View File

@ -360,97 +360,97 @@
return null; return null;
} }
onMounted(() => { onMounted(() => {
document.getElementById('tba').addEventListener('click', (event) => { // document.addEventListener('click', (event) => {
console.log(event.target) // console.log(event.target)
}) // })
document.onkeydown = (event) => { // document.onkeydown = (event) => {
console.log(event) // console.log(event)
const curel = document.activeElement // const curel = document.activeElement
const td = findDirectParentTd(curel) // const td = findDirectParentTd(curel)
const tdIndex = td.cellIndex // const tdIndex = td.cellIndex
const tr = td?.parentNode // const tr = td?.parentNode
const trIndex = tr.sectionRowIndex // const trIndex = tr.sectionRowIndex
const tbody = tr.parentNode // const tbody = tr.parentNode
console.log(tbody) // console.log(tbody)
if (event.keyCode == 39) { // if (event.keyCode == 39) {
event.preventDefault() // event.preventDefault()
if (tdIndex + 1 == curel.parentElement.children.length) { // if (tdIndex + 1 == curel.parentElement.children.length) {
return // return
} else { // } else {
const input = td.parentElement.children[tdIndex + 1].querySelector('.ant-input') // const input = td.parentElement.children[tdIndex + 1].querySelector('.ant-input')
const select = td.parentElement.children[tdIndex + 1].querySelector('.ant-select-selection-search-input') // const select = td.parentElement.children[tdIndex + 1].querySelector('.ant-select-selection-search-input')
const swit = td.parentElement.children[tdIndex + 1].querySelector('.ant-switch') // const swit = td.parentElement.children[tdIndex + 1].querySelector('.ant-switch')
const number = td.parentElement.children[tdIndex + 1].querySelector('.ant-input-number-input') // const number = td.parentElement.children[tdIndex + 1].querySelector('.ant-input-number-input')
if (input) { // if (input) {
input.focus() // input.focus()
} // }
if (select) { // if (select) {
select.focus() // select.focus()
} // }
if (swit) { // if (swit) {
swit.focus() // swit.focus()
} // }
if (number) { // if (number) {
number.focus() // number.focus()
} // }
} // }
// console.log(td.parentElement.children[tdIndex + 1].querySelector('.ant-select-selection-search-input').focus()) // // console.log(td.parentElement.children[tdIndex + 1].querySelector('.ant-select-selection-search-input').focus())
// curel.parentElement.children[curcellIndex + 1].focus(); // // curel.parentElement.children[curcellIndex + 1].focus();
} else if (event.keyCode == 37) { // } else if (event.keyCode == 37) {
event.preventDefault() // event.preventDefault()
if (tdIndex == 0) { // if (tdIndex == 0) {
return // return
} else { // } else {
const input = td.parentElement.children[tdIndex - 1].querySelector('.ant-input') // const input = td.parentElement.children[tdIndex - 1].querySelector('.ant-input')
const select = td.parentElement.children[tdIndex - 1].querySelector('.ant-select-selection-search-input') // const select = td.parentElement.children[tdIndex - 1].querySelector('.ant-select-selection-search-input')
const number = td.parentElement.children[tdIndex - 1].querySelector('.ant-input-number-input') // const number = td.parentElement.children[tdIndex - 1].querySelector('.ant-input-number-input')
if (input) { // if (input) {
input.focus() // input.focus()
} // }
if (select) { // if (select) {
select.focus() // select.focus()
} // }
if (number) { // if (number) {
number.focus() // number.focus()
} // }
// td.parentElement.children[tdIndex - 1].querySelector('.ant-input').focus() // // td.parentElement.children[tdIndex - 1].querySelector('.ant-input').focus()
} // }
} else if (event.keyCode == 40) { // } else if (event.keyCode == 40) {
if (trIndex + 1 == tbody.length) { // if (trIndex + 1 == tbody.length) {
return // return
} else { // } else {
const input = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-input') // const input = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-input')
const select = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-select-selection-search-input') // const select = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-select-selection-search-input')
const number = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-input-number-input') // const number = tbody.children[trIndex + 1].children[tdIndex].querySelector('.ant-input-number-input')
if (input) { // if (input) {
input.focus() // input.focus()
} // }
if (select) { // if (select) {
select.focus() // select.focus()
} // }
if (number) { // if (number) {
number.focus() // number.focus()
} // }
} // }
} else if (event.keyCode == 38) { // } else if (event.keyCode == 38) {
if (trIndex == 1) { // if (trIndex == 1) {
return // return
} else { // } else {
const input = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-input') // const input = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-input')
const select = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-select-selection-search-input') // const select = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-select-selection-search-input')
const number = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-input-number-input') // const number = tbody.children[trIndex - 1].children[tdIndex].querySelector('.ant-input-number-input')
if (input) { // if (input) {
input.focus() // input.focus()
} // }
if (select) { // if (select) {
select.focus() // select.focus()
} // }
if (number) { // if (number) {
number.focus() // number.focus()
} // }
} // }
} // }
} // }
// 初始化方法 // 初始化方法
init() init()
}) })

221
src/views/operation/seaexport/detail/index.vue
Unescape Escape View File

@ -29,6 +29,8 @@
@handleSaveCtnList="handleSaveCtnList" @handleSaveCtnList="handleSaveCtnList"
@handleSetCtnList="handleSetCtnList" @handleSetCtnList="handleSetCtnList"
@frompre="frompre" @frompre="frompre"
@SetDefault="setDefault"
@GetDefault="getDefault"
> >
</operationArea> </operationArea>
<ul class="parent-tabs-box"> <ul class="parent-tabs-box">
@ -237,6 +239,19 @@
import pending from './modules/pending.vue' import pending from './modules/pending.vue'
import rightContent from './modules/rightContent.vue' import rightContent from './modules/rightContent.vue'
import sedOrder from './modules/sedOrder.vue' import sedOrder from './modules/sedOrder.vue'
import { permissionsInfo } from '/@/hooks/web/usePermission'
import { editCodeGoodsType, getFormSetInfoByModule } from '/@/views/baseinfo/formset/api'
import {
basicInfoFormSchema,
mailingInfoFormSchemaL,
mailingInfoFormSchemaR,
cargoInfoFormSchema1,
cargoInfoFormSchema2,
cargoInfoFormSchema3,
cargoInfoFormSchema4,
ediMoreFormSchema,
mastetMoreFormSchema,
} from '/@/views/operation/seaexport/columns'
const initDetail = { const initDetail = {
cntrNo: '', cntrNo: '',
// ---------- // ----------
@ -809,6 +824,211 @@
lastPages[key] = $data lastPages[key] = $data
appStore.setneedSavePages(lastPages) appStore.setneedSavePages(lastPages)
} }
//存默认值
function setDefault() {
let _data: any = []
basicInfoFormSchema.forEach((item) => {
Object.keys(RefbasicInfo.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
e !== 'id' &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
// _data.push({ ...item, defaultValue: RefbasicInfo.value.getFieldsValue()[e] })
}
})
})
console.log(_data)
mailingInfoFormSchemaL.forEach((item) => {
Object.keys(RefmailingInfo.value.getFieldsValueL()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
mailingInfoFormSchemaR.forEach((item) => {
Object.keys(RefmailingInfo.value.getFieldsValueR()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
cargoInfoFormSchema1.forEach((item) => {
Object.keys(RefcargoInfo.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
cargoInfoFormSchema2.forEach((item) => {
Object.keys(RefcargoInfo.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
cargoInfoFormSchema3.forEach((item) => {
Object.keys(RefcargoInfo.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
cargoInfoFormSchema4.forEach((item) => {
Object.keys(RefcargoInfo.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
ediMoreFormSchema.forEach((item) => {
Object.keys(RefediMore.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
mastetMoreFormSchema.forEach((item) => {
Object.keys(RefmastetMore.value.getFieldsValue()).forEach((e) => {
if (
item.field == e &&
RefbasicInfo.value.getFieldsValue()[e] !== '' &&
RefbasicInfo.value.getFieldsValue()[e] !== null
) {
_data.push({
defaultValue: RefbasicInfo.value.getFieldsValue()[e],
field: item.field || '',
label: item.label || '',
required: item.required || false,
colProps: item.colProps || { span: 24 },
component: item.component,
})
}
})
})
console.log(_data)
const Apidata: any = {
// id: 0,
permissionId: permissionsInfo().permissionId,
templateName: permissionsInfo().permissionName,
permissionName: permissionsInfo().permissionName,
content: JSON.stringify({
columns: _data,
}),
}
editCodeGoodsType(Apidata).then((res) => {
if (res.succeeded) {
notification.success({ message: '添加成功！', duration: 3 })
}
})
}
function updateSchema(data) {
console.log(data, 'updateSchema')
RefbasicInfo.value.updateSchema(data)
// RefmailingInfo.value.updateSchemaL(data)
// RefmailingInfo.value.updateSchemaR(data)
// RefcargoInfo.value.updateSchema(data)
// RefediMore.value.updateSchema(data)
// RefmastetMore.value.updateSchema(data)
}
function getDefault() {
console.log('getDefault')
getFormSetInfoByModule({ permissionId: permissionsInfo().permissionId }).then((res) => {
if (res?.data?.content) {
const content = JSON.parse(res.data.content)
updateSchema(content.columns)
}
})
}
// ============================================ // ============================================
function getRouterHis() { function getRouterHis() {
inChildLoading.value = true inChildLoading.value = true
@ -1976,6 +2196,7 @@
</script> </script>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
import { object } from 'vue-types'
export default defineComponent({ export default defineComponent({
beforeRouteEnter(to, from, next) { beforeRouteEnter(to, from, next) {
next((vm) => { next((vm) => {

7
src/views/operation/seaexport/detail/modules/basicInfo.vue
Unescape Escape View File

@ -564,8 +564,10 @@
agentFilter: { type: Array, default: [] }, agentFilter: { type: Array, default: [] },
inSave: { type: Boolean, default: false }, inSave: { type: Boolean, default: false },
}) })
const [registerForm, { getFieldsValue, validateFields, resetFields, setFieldsValue, validate }] = const [
useForm({ registerForm,
{ getFieldsValue, updateSchema, validateFields, resetFields, setFieldsValue, validate },
] = useForm({
labelWidth: 80, labelWidth: 80,
schemas: basicInfoFormSchema, schemas: basicInfoFormSchema,
showActionButtonGroup: false, showActionButtonGroup: false,
@ -1129,6 +1131,7 @@
defineExpose({ defineExpose({
// RefbasicFrom, // RefbasicFrom,
getFieldsValue, getFieldsValue,
updateSchema,
validateFields, validateFields,
}) })
</script> </script>

11
src/views/operation/seaexport/detail/modules/cargoInfo.vue
Unescape Escape View File

@ -636,6 +636,7 @@
registerForm1, registerForm1,
{ {
getFieldsValue: getFieldsValue1, getFieldsValue: getFieldsValue1,
updateSchema: updateSchema1,
validateFields: validateFields1, validateFields: validateFields1,
setFieldsValue: setFieldsValue1, setFieldsValue: setFieldsValue1,
}, },
@ -648,6 +649,7 @@
registerForm2, registerForm2,
{ {
getFieldsValue: getFieldsValue2, getFieldsValue: getFieldsValue2,
updateSchema: updateSchema2,
validateFields: validateFields2, validateFields: validateFields2,
setFieldsValue: setFieldsValue2, setFieldsValue: setFieldsValue2,
}, },
@ -660,6 +662,7 @@
registerForm3, registerForm3,
{ {
getFieldsValue: getFieldsValue3, getFieldsValue: getFieldsValue3,
updateSchema: updateSchema3,
validateFields: validateFields3, validateFields: validateFields3,
setFieldsValue: setFieldsValue3, setFieldsValue: setFieldsValue3,
validate: validate3, validate: validate3,
@ -834,6 +837,7 @@
registerForm4, registerForm4,
{ {
getFieldsValue: getFieldsValue4, getFieldsValue: getFieldsValue4,
updateSchema: updateSchema4,
validateFields: validateFields4, validateFields: validateFields4,
setFieldsValue: setFieldsValue4, setFieldsValue: setFieldsValue4,
}, },
@ -1225,10 +1229,17 @@
validateFields3() validateFields3()
validateFields4() validateFields4()
} }
function updateSchema(data) {
updateSchema1(data)
updateSchema2(data)
updateSchema3(data)
updateSchema4(data)
}
defineExpose({ defineExpose({
// RefcargoFrom, // RefcargoFrom,
validateFields, validateFields,
getFieldsValue, getFieldsValue,
updateSchema,
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

7
src/views/operation/seaexport/detail/modules/ediMore.vue
Unescape Escape View File

@ -890,8 +890,10 @@
default: '', default: '',
}, },
}) })
const [registerForm, { getFieldsValue, validateFields, resetFields, setFieldsValue, validate }] = const [
useForm({ registerForm,
{ getFieldsValue, updateSchema, validateFields, resetFields, setFieldsValue, validate },
] = useForm({
labelWidth: 200, labelWidth: 200,
schemas: ediMoreFormSchema, schemas: ediMoreFormSchema,
showActionButtonGroup: false, showActionButtonGroup: false,
@ -960,6 +962,7 @@
defineExpose({ defineExpose({
// RefediFrom, // RefediFrom,
getFieldsValue, getFieldsValue,
updateSchema,
validateFields, validateFields,
}) })
</script> </script>

4
src/views/operation/seaexport/detail/modules/mailingInfo.vue
Unescape Escape View File

@ -1162,6 +1162,7 @@
{ {
getFieldsValue: getFieldsValueL, getFieldsValue: getFieldsValueL,
validateFields: validateFieldsL, validateFields: validateFieldsL,
updateSchema: updateSchemaL,
resetFieldsL, resetFieldsL,
setFieldsValue: setFieldsValueL, setFieldsValue: setFieldsValueL,
validateL, validateL,
@ -1176,6 +1177,7 @@
{ {
getFieldsValue: getFieldsValueR, getFieldsValue: getFieldsValueR,
validateFields: validateFieldsR, validateFields: validateFieldsR,
updateSchema: updateSchemaR,
resetFieldsR, resetFieldsR,
setFieldsValue: setFieldsValueR, setFieldsValue: setFieldsValueR,
validateR, validateR,
@ -1757,6 +1759,8 @@
getFieldsValueR, getFieldsValueR,
validateFieldsL, validateFieldsL,
validateFieldsR, validateFieldsR,
updateSchemaL,
updateSchemaR,
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

4
src/views/operation/seaexport/detail/modules/mastetMore.vue
Unescape Escape View File

@ -24,7 +24,8 @@
ishd: { type: Boolean, default: false }, ishd: { type: Boolean, default: false },
inSave: { type: Boolean, default: false }, inSave: { type: Boolean, default: false },
}) })
const [registerForm, { getFieldsValue, resetFields, setFieldsValue, validate }] = useForm({ const [registerForm, { getFieldsValue, updateSchema, resetFields, setFieldsValue, validate }] =
useForm({
labelWidth: 80, labelWidth: 80,
schemas: mastetMoreFormSchema, schemas: mastetMoreFormSchema,
showActionButtonGroup: false, showActionButtonGroup: false,
@ -576,6 +577,7 @@
defineExpose({ defineExpose({
// RefmailingFrom, // RefmailingFrom,
getFieldsValue, getFieldsValue,
updateSchema,
}) })
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

17
src/views/operation/seaexport/detail/modules/operationArea.vue
Unescape Escape View File

@ -128,6 +128,14 @@
<span class="iconfont icon-xia" :style="{ fontSize: '17px' }"></span>下一票 <span class="iconfont icon-xia" :style="{ fontSize: '17px' }"></span>下一票
</button> </button>
</div> </div>
<div class="btn-list single-view-1" :class="{ inLoad: props.inChildLoading || !changeFlag }">
<button @click="SetDefault">
<span class="iconfont icon-icon_baocun"></span> 存默认
</button>
<button @click="GetDefault">
<span class="iconfont icon-icon_baocun"></span> 设默认
</button>
</div>
<div v-if="props.scrollTop > 100" class="btn-list single-view-2"> <div v-if="props.scrollTop > 100" class="btn-list single-view-2">
<div>提单号:{{ props.details.mblno }}</div> <div>提单号:{{ props.details.mblno }}</div>
<div>委托单位:{{ props.details.customername }}</div> <div>委托单位:{{ props.details.customername }}</div>
@ -740,6 +748,7 @@
import { useMessage } from '/@/hooks/web/useMessage' import { useMessage } from '/@/hooks/web/useMessage'
const { notification } = useMessage() const { notification } = useMessage()
let { ctx: that, proxy }: any = getCurrentInstance() let { ctx: that, proxy }: any = getCurrentInstance()
const emit = defineEmits([ const emit = defineEmits([
'refresh', 'refresh',
'copy', 'copy',
@ -749,6 +758,7 @@
'removeOrder', 'removeOrder',
'addSedList', 'addSedList',
'changePage', 'changePage',
'GetData',
]) ])
const props = defineProps({ const props = defineProps({
details: { details: {
@ -853,6 +863,13 @@
emit('save') emit('save')
} }
} }
// 存默认值
function SetDefault() {
emit('SetDefault')
}
function GetDefault(){
emit('GetDefault')
}
// ============================================ // ============================================
function refreshPage() { function refreshPage() {
emit('refresh') emit('refresh')

Write Preview
Loading…
Cancel
Save