增加前端英文多语言
This commit is contained in:
parent
ff677dda57
commit
e140c1fab7
|
|
@ -2,7 +2,7 @@
|
|||
{
|
||||
"id": 2804,
|
||||
"parentId": 0,
|
||||
"name": "订单管理",
|
||||
"name": "order.ordermanage",
|
||||
"path": "/order",
|
||||
"component": "",
|
||||
"componentName": "",
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
{
|
||||
"id": 2830,
|
||||
"parentId": 2828,
|
||||
"name": "我的订单",
|
||||
"name": "order.myorder",
|
||||
"path": "sale-order",
|
||||
"component": "oms/saleorder/index",
|
||||
"componentName": "SaleOrder",
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
{
|
||||
"id": 2818,
|
||||
"parentId": 2804,
|
||||
"name": "创建订单",
|
||||
"name": "order.createorder",
|
||||
"path": "createorder",
|
||||
"component": "oms/order/createorder/index",
|
||||
"componentName": "CreateOrder",
|
||||
|
|
|
|||
|
|
@ -3,11 +3,11 @@ import { isString } from '@/utils/is'
|
|||
import { useAppStoreWithOut } from '@/store/modules/app'
|
||||
|
||||
const appStore = useAppStoreWithOut()
|
||||
|
||||
const { t } = useI18n()
|
||||
export const useTitle = (newTitle?: string) => {
|
||||
const { t } = useI18n()
|
||||
const title = ref(
|
||||
newTitle ? `${appStore.getTitle} - ${t(newTitle as string)}` : appStore.getTitle
|
||||
newTitle ? t('omsSystem.title') + ` - ${t(newTitle as string)}` : t('omsSystem.title')
|
||||
)
|
||||
|
||||
watch(
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ defineOptions({ name: 'Footer' })
|
|||
const { getPrefixCls } = useDesign()
|
||||
|
||||
const prefixCls = getPrefixCls('footer')
|
||||
|
||||
const { t } = useI18n()
|
||||
const appStore = useAppStore()
|
||||
|
||||
const title = computed(() => appStore.getTitle)
|
||||
|
|
@ -19,6 +19,6 @@ const title = computed(() => appStore.getTitle)
|
|||
:class="prefixCls"
|
||||
class="h-[var(--app-footer-height)] bg-[var(--app-content-bg-color)] text-center leading-[var(--app-footer-height)] text-[var(--el-text-color-placeholder)] dark:bg-[var(--el-bg-color)]"
|
||||
>
|
||||
<span class="text-14px">Copyright ©2022-{{ title }}</span>
|
||||
<span class="text-14px">Copyright ©2022-{{ t('omsSystem.title') }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -207,6 +207,7 @@ export default {
|
|||
toDo: 'To do',
|
||||
introduction: 'A serious introduction',
|
||||
shortcutOperation: 'Quick entry',
|
||||
operationData: 'Operation Data',
|
||||
operation: 'Operation',
|
||||
index: 'Index',
|
||||
personal: 'Personal',
|
||||
|
|
@ -465,4 +466,83 @@ export default {
|
|||
auditTips: 'This manuscript is only used for content verification and will not be used as the final printed manuscript;',
|
||||
cancelText: 'Cancel',
|
||||
},
|
||||
order:{
|
||||
ordermanage:'Order Manage',
|
||||
myorder:'My Order',
|
||||
createorder:'Create Order'
|
||||
},
|
||||
orderstatus:{
|
||||
rejectedOrder:'Rejected Order',
|
||||
waitAuditOrder:'Wait Audit Order',
|
||||
waitArrangeOrder:'Wait Arrange Order',
|
||||
},
|
||||
omsSystem: {
|
||||
title:'Silver Pringting OMS'
|
||||
},
|
||||
billform:{
|
||||
pleaseenter:'pleaseenter ',
|
||||
pleaseselect:'pleaseselect ',
|
||||
startdate:'startdate',
|
||||
enddate:'enddate',
|
||||
},
|
||||
billlist:{
|
||||
search:'Search',
|
||||
reset:'Reset',
|
||||
cancel:'Cancel',
|
||||
submit:'Submit',
|
||||
export:'Export',
|
||||
all:'All',
|
||||
waitAudit:'Wait Audit',
|
||||
waitArrange:'Wait Arrange',
|
||||
planned:'Planned',
|
||||
edit:'edit',
|
||||
details:'details',
|
||||
operate:'operate',
|
||||
},
|
||||
saleorder:{
|
||||
title:{
|
||||
details:'OrderDetails',
|
||||
remarks:'remarks',
|
||||
orderinfo:'OrderInfo',
|
||||
orderstatus:'OrderStatus',
|
||||
productinfo:'ProductInfo',
|
||||
invoiceinfo:'InvoiceInfo',
|
||||
billinfo:'BillInfo',
|
||||
},
|
||||
billno:'orderNo',
|
||||
customer:'customer',
|
||||
salesperson:'salesPerson',
|
||||
followUpPerson:'followUpPerson',
|
||||
bizdate:'bizdate',
|
||||
confirmdate:'confirmdate',
|
||||
plandate:'plandate',
|
||||
orderstatus:'orderstatus',
|
||||
phone:'phone',
|
||||
remark:'remark',
|
||||
contractType:'contractType',
|
||||
emails:'emails',
|
||||
fax:'fax',
|
||||
customerCompany:'customerCompany',
|
||||
customerNumber:'customerNumber',
|
||||
customerName:'customerName',
|
||||
currencyType:'currencyType',
|
||||
invoiceCode:'invoiceCode',
|
||||
invoiceName:'invoiceName',
|
||||
invoiceAddress:'invoiceAddress',
|
||||
invoiceRemarks:'invoiceRemarks',
|
||||
createTime:'createTime',
|
||||
updaterName:'updaterName',
|
||||
updateTime:'updateTime',
|
||||
auditorName:'auditorName',
|
||||
auditorTime:'auditorTime',
|
||||
entry:{
|
||||
productNumber:'productNumber',
|
||||
productName:'productName',
|
||||
productSpec:'productSpec',
|
||||
qty:'qty',
|
||||
price:'price',
|
||||
discount:'discount',
|
||||
amount:'amount',
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -208,6 +208,7 @@ export default {
|
|||
toDo: '待办',
|
||||
introduction: '一个正经的简介',
|
||||
shortcutOperation: '快捷入口',
|
||||
operationData: '运营数据',
|
||||
operation: '操作',
|
||||
index: '指数',
|
||||
personal: '个人',
|
||||
|
|
@ -460,4 +461,84 @@ export default {
|
|||
cancelText: '取消',
|
||||
},
|
||||
'OAuth 2.0': 'OAuth 2.0' // 避免菜单名是 OAuth 2.0 时,一直 warn 报错
|
||||
,
|
||||
order:{
|
||||
ordermanage:'订单管理',
|
||||
myorder:'我的订单',
|
||||
createorder:'创建订单'
|
||||
},
|
||||
orderstatus:{
|
||||
rejectedOrder:'已驳回订单',
|
||||
waitAuditOrder:'待审核订单',
|
||||
waitArrangeOrder:'待排产订单',
|
||||
},
|
||||
omsSystem: {
|
||||
title:'嘉晋OMS下单系统'
|
||||
},
|
||||
billform:{
|
||||
pleaseenter:'请输入',
|
||||
pleaseselect:'请选择',
|
||||
startdate:'开始日期',
|
||||
enddate:'结束日期',
|
||||
},
|
||||
billlist:{
|
||||
search:'搜索',
|
||||
reset:'重置',
|
||||
cancel:'作废',
|
||||
submit:'提交',
|
||||
export:'导出',
|
||||
all:'全部',
|
||||
waitAudit:'待审核',
|
||||
waitArrange:'待排产',
|
||||
planned:'已排产',
|
||||
edit:'编辑',
|
||||
details:'详情',
|
||||
operate:'操作',
|
||||
},
|
||||
saleorder:{
|
||||
title:{
|
||||
details:'订单详情',
|
||||
remarks:'备注',
|
||||
orderinfo:'订单信息',
|
||||
orderstatus:'订单状态',
|
||||
productinfo:'产品信息',
|
||||
invoiceinfo:'发票信息',
|
||||
billinfo:'制单信息',
|
||||
},
|
||||
billno:'订单号',
|
||||
customer:'客户',
|
||||
salesperson:'销售员',
|
||||
followUpPerson:'跟单员',
|
||||
bizdate:'业务日期',
|
||||
confirmdate:'确认日期',
|
||||
plandate:'计划日期',
|
||||
orderstatus:'订单状态',
|
||||
phone:'手机',
|
||||
remark:'备注',
|
||||
contractType:'合约类型',
|
||||
emails:'邮箱',
|
||||
fax:'传真',
|
||||
customerCompany:'客户公司',
|
||||
customerNumber:'客户编号',
|
||||
customerName:'客户名称',
|
||||
currencyType:'结算币种',
|
||||
invoiceCode:'发票抬头',
|
||||
invoiceName:'发票名称',
|
||||
invoiceAddress:'发票地址',
|
||||
invoiceRemarks:'发票备注',
|
||||
createTime:'创建时间',
|
||||
updaterName:'修改人',
|
||||
updateTime:'修改时间',
|
||||
auditorName:'审核人',
|
||||
auditorTime:'审核时间',
|
||||
entry:{
|
||||
productNumber:'产品编码',
|
||||
productName:'产品名称',
|
||||
productSpec:'产品规格',
|
||||
qty:'数量',
|
||||
price:'单价',
|
||||
discount:'折扣',
|
||||
amount:'金额',
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -257,7 +257,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
|
|||
component: () => import('@/views/oms/saleorder/detail/index.vue'),
|
||||
name: 'SaleOrderDetail',
|
||||
meta: {
|
||||
title: '订单详情',
|
||||
title: t('saleorder.title.details'),
|
||||
icon: 'ep:view',
|
||||
activeMenu: '/oms/saleorder'
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<CardTitle title="运营数据" />
|
||||
<CardTitle :title="t('workplace.operationData')" />
|
||||
</template>
|
||||
<div class="flex flex-row flex-wrap items-center gap-8 p-4">
|
||||
<div
|
||||
|
|
@ -27,14 +27,14 @@ import { CardTitle } from '@/components/Card'
|
|||
|
||||
/** 运营数据卡片 */
|
||||
defineOptions({ name: 'OperationDataCard' })
|
||||
|
||||
const { t } = useI18n()
|
||||
const router = useRouter() // 路由
|
||||
|
||||
/** 数据 */
|
||||
const data = reactive({
|
||||
orderCountAA: { name: '已驳回订单', value: 0, routerName: 'SaleOrder' },
|
||||
orderCountB: { name: '待审核订单', value: 0, routerName: 'SaleOrder' },
|
||||
orderCountC: { name: '待排产订单', value: 0, routerName: 'SaleOrder' }
|
||||
orderCountAA: { name: t('orderstatus.rejectedOrder'), value: 0, routerName: 'SaleOrder' },
|
||||
orderCountB: { name: t('orderstatus.waitAuditOrder'), value: 0, routerName: 'SaleOrder' },
|
||||
orderCountC: { name: t('orderstatus.waitArrangeOrder'), value: 0, routerName: 'SaleOrder' }
|
||||
})
|
||||
|
||||
/** 查询订单数据 */
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<el-card shadow="never">
|
||||
<template #header>
|
||||
<CardTitle title="快捷入口" />
|
||||
<CardTitle :title="t('workplace.shortcutOperation')" />
|
||||
</template>
|
||||
<div class="flex flex-row flex-wrap gap-8 p-4">
|
||||
<div
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
>
|
||||
<Icon :icon="menu.icon" class="text-7.5!" />
|
||||
</div>
|
||||
<span>{{ menu.name }}</span>
|
||||
<span>{{ menu.name }} </span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
|
@ -26,14 +26,14 @@
|
|||
import { CardTitle } from '@/components/Card'
|
||||
|
||||
defineOptions({ name: 'ShortcutCard' })
|
||||
|
||||
const { t } = useI18n()
|
||||
const router = useRouter() // 路由
|
||||
|
||||
/** 菜单列表 */
|
||||
const menuList = [
|
||||
{ name: '订单管理', icon: 'ep:list', bgColor: 'bg-yellow-500', routerName: 'SaleOrder' },
|
||||
{ name: t('order.ordermanage'), icon: 'ep:list', bgColor: 'bg-yellow-500', routerName: 'SaleOrder' },
|
||||
{
|
||||
name: '创建订单',
|
||||
name: t('order.createorder'),
|
||||
icon: 'fa-solid:project-diagram',
|
||||
bgColor: 'bg-green-600',
|
||||
routerName: 'CreateOrder'
|
||||
|
|
|
|||
|
|
@ -10,7 +10,8 @@
|
|||
<!-- 左上角的 logo + 系统标题 -->
|
||||
<div class="relative flex items-center text-white">
|
||||
<img alt="" class="mr-10px h-48px w-48px" src="@/assets/imgs/logo.png" />
|
||||
<span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>
|
||||
<!-- <span class="text-20px font-bold">{{ underlineToHump(appStore.getTitle) }}</span>-->
|
||||
<span class="text-20px font-bold">{{ t('omsSystem.title') }}</span>
|
||||
</div>
|
||||
<!-- 左边的背景图 + 欢迎语 -->
|
||||
<div class="h-[calc(100%-60px)] flex items-center justify-center">
|
||||
|
|
|
|||
|
|
@ -13,27 +13,27 @@
|
|||
<el-button
|
||||
v-if="formData.billStatus == 'AA' || formData.billStatus == 'B' "
|
||||
type="primary"
|
||||
@click="remark">备注</el-button>
|
||||
@click="remark">{{t('saleorder.title.remarks')}}</el-button>
|
||||
<!-- 订单信息 -->
|
||||
<el-descriptions title="订单信息">
|
||||
<el-descriptions-item label="订单号: " width="1000px">{{ formData.billno }}</el-descriptions-item>
|
||||
<el-descriptions-item label="合约类型: " width="1000px">{{formData.contractType}}</el-descriptions-item>
|
||||
<el-descriptions-item label="业务日期: " width="500px">{{ formatDate(formData.bizdate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item label="确认日期: ">{{ formatDate(formData.confirmdate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item label="计划日期: ">{{ formatDate(formData.plansenddate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item label="手机: ">{{ formData.phone }}</el-descriptions-item>
|
||||
<el-descriptions-item label="传真: ">{{ formData.fax }}</el-descriptions-item>
|
||||
<el-descriptions-item label="邮箱: ">{{ formData.emails }}</el-descriptions-item>
|
||||
<el-descriptions-item label="客户编号: ">{{ formData?.customer?.number }}</el-descriptions-item>
|
||||
<el-descriptions-item label="客户名称: ">{{ formData?.customer?.name }}</el-descriptions-item>
|
||||
<el-descriptions-item label="客户公司: ">{{ formData?.customer?.company }}</el-descriptions-item>
|
||||
<el-descriptions-item label="结算币种: ">{{ formData.currencyType }}</el-descriptions-item>
|
||||
<el-descriptions-item label="订单备注: ">{{ formData.remark }}</el-descriptions-item>
|
||||
<el-descriptions :title="t('saleorder.title.orderinfo')">
|
||||
<el-descriptions-item :label="t('saleorder.billno')+':' " width="1000px">{{ formData.billno }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.contractType')+':'" width="1000px">{{formData.contractType}}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.bizdate')+':'" width="500px">{{ formatDate(formData.bizdate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.confirmdate')+':'">{{ formatDate(formData.confirmdate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.plandate')+':'">{{ formatDate(formData.plansenddate,'YYYY-MM-DD') }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.phone')+':'">{{ formData.phone }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.fax')+':'">{{ formData.fax }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.emails')+':'">{{ formData.emails }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.customerNumber')+':'">{{ formData?.customer?.number }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.customerName')+':'">{{ formData?.customer?.name }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.customerCompany')+':'">{{ formData?.customer?.company }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.currencyType')+':'">{{ formData.currencyType }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.remark')+':'">{{ formData.remark }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<!-- 订单状态 -->
|
||||
<el-descriptions :column="3" title="订单状态">
|
||||
<el-descriptions-item label="订单状态: ">
|
||||
<el-descriptions :column="3" :title="t('saleorder.title.orderstatus')">
|
||||
<el-descriptions-item :label="t('saleorder.orderstatus')+':'">
|
||||
<dict-tag :type="DICT_TYPE.OMS_BILL_STATUS" :value="formData.billStatus" />
|
||||
</el-descriptions-item>
|
||||
<!-- <el-descriptions-item label="订单状态: ">
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
|
||||
|
||||
<!-- 商品信息 -->
|
||||
<el-descriptions title="产品信息">
|
||||
<el-descriptions :title="t('saleorder.title.productinfo')">
|
||||
<el-descriptions-item labelClassName="no-colon">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="544">
|
||||
|
|
@ -92,10 +92,10 @@
|
|||
|
||||
>
|
||||
|
||||
<el-table-column label="产品编码" prop="materialName" width="150"/>
|
||||
<el-table-column label="产品名称" prop="materialName" width="150"/>
|
||||
<el-table-column label="产品规格" prop="materialSpec" width="150" />
|
||||
<el-table-column label="数量" prop="qty" width="150" />
|
||||
<el-table-column :label="t('saleorder.entry.productNumber')" prop="materialName" width="150"/>
|
||||
<el-table-column :label="t('saleorder.entry.productName')" prop="materialName" width="150"/>
|
||||
<el-table-column :label="t('saleorder.entry.productSpec')" prop="materialSpec" width="150" />
|
||||
<el-table-column :label="t('saleorder.entry.qty')" prop="qty" width="150" />
|
||||
<!-- <el-table-column label="单价" width="250" v-if="formData.billStatus == 'B'">
|
||||
<template #default="{ row, $index }">
|
||||
<el-form-item :prop="`${$index}.price`" :rules="itemFormEntrysRules.price" class="mb-0px!"
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
<span v-else @click="editRow($index)">{{ row.price }}</span>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="单价" prop="price" width="250" />
|
||||
<el-table-column :label="t('saleorder.entry.price')" prop="price" width="250" />
|
||||
<!-- <el-table-column label="折扣(%)" prop="discount" width="250" v-if="formData.billStatus == 'B'">
|
||||
<template #default="{ row, $index }">
|
||||
<el-input-number
|
||||
|
|
@ -130,8 +130,8 @@
|
|||
<span v-else @click="editRow($index)">{{ row.discount }}</span>
|
||||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column label="折扣(%)" prop="discount" width="250" />
|
||||
<el-table-column label="金额" prop="amount" width="250" />
|
||||
<el-table-column :label="t('saleorder.entry.discount')+'(%)'" prop="discount" width="250" />
|
||||
<el-table-column :label="t('saleorder.entry.amount')" prop="amount" width="250" />
|
||||
<!-- <el-table-column label="合计" prop="payPrice" width="150">
|
||||
<template #default="{ row }">{{ fenToYuan(row.payPrice) }}元</template>
|
||||
</el-table-column>-->
|
||||
|
|
@ -144,22 +144,22 @@
|
|||
</el-descriptions>
|
||||
|
||||
<!-- 订单信息 -->
|
||||
<el-descriptions title="发票信息">
|
||||
<el-descriptions-item label="发票抬头: " width="1000px">{{ formData.invoiceCode }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发票名称: " width="1000px">{{ formData.invoiceName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发票地址: " width="500px">{{ formData.address }}</el-descriptions-item>
|
||||
<el-descriptions-item label="发票备注: " width="500px">{{ formData.invoiceRemarks }}</el-descriptions-item>
|
||||
<el-descriptions :title="t('saleorder.title.productinfo')">
|
||||
<el-descriptions-item :label="t('saleorder.invoiceCode')+': '" width="1000px">{{ formData.invoiceCode }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.invoiceName')+': '" width="1000px">{{ formData.invoiceName }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.invoiceAddress')+': '" width="500px">{{ formData.address }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.invoiceRemarks')+': '" width="500px">{{ formData.invoiceRemarks }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
|
||||
|
||||
<!-- 订单信息 -->
|
||||
<el-descriptions title="制单信息">
|
||||
<el-descriptions-item label="创建时间: " width="1000px">{{ formatDate(formData.createTime) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="修改人: " width="1000px">{{ formData.updaterName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="修改时间: " width="500px">{{ formatDate(formData.updateTime) }}</el-descriptions-item>
|
||||
<el-descriptions-item label="审核人: ">{{ formData.auditorName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="审核时间: ">{{ formatDate(formData.auditorTime) }}</el-descriptions-item>
|
||||
<el-descriptions :title="t('saleorder.title.billinfo')">
|
||||
<el-descriptions-item :label="t('saleorder.createTime')+': '" width="1000px">{{ formatDate(formData.createTime) }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.updaterName')+': '" width="1000px">{{ formData.updaterName }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.updateTime')+': '" width="500px">{{ formatDate(formData.updateTime) }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.auditorName')+': '">{{ formData.auditorName }}</el-descriptions-item>
|
||||
<el-descriptions-item :label="t('saleorder.auditorTime')+': '">{{ formatDate(formData.auditorTime) }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</ContentWrap>
|
||||
|
||||
|
|
@ -181,7 +181,7 @@ defineOptions({ name: 'TradeOrderDetail' })
|
|||
|
||||
const message = useMessage() // 消息弹窗
|
||||
|
||||
|
||||
const { t } = useI18n() // 国际化
|
||||
|
||||
const itemFormEntrysRef = ref() // 表单 Ref
|
||||
|
||||
|
|
|
|||
|
|
@ -8,61 +8,61 @@
|
|||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="单据编号" prop="billno">
|
||||
<el-form-item :label="t('saleorder.billno')" prop="billno">
|
||||
<el-input
|
||||
v-model="queryParams.billno"
|
||||
placeholder="请输入单据编号"
|
||||
:placeholder="t('billform.pleaseenter')+''+t('saleorder.billno')"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户" prop="customerId">
|
||||
<el-form-item :label="t('saleorder.customer')" prop="customerId">
|
||||
<el-input
|
||||
v-model="queryParams.customerId"
|
||||
placeholder="请输入客户"
|
||||
:placeholder="t('billform.pleaseenter')+''+t('saleorder.customer')"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="业务日期" prop="bizdate">
|
||||
<el-form-item :label="t('saleorder.bizdate')" prop="bizdate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.bizdate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:start-placeholder="t('billform.startdate')"
|
||||
:end-placeholder="t('billform.enddate')"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="确认日期" prop="confirmdate">
|
||||
<el-form-item :label="t('saleorder.confirmdate')" prop="confirmdate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.confirmdate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:start-placeholder="t('billform.startdate')"
|
||||
:end-placeholder="t('billform.enddate')"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划日期" prop="plansenddate">
|
||||
<el-form-item :label="t('saleorder.plandate')" prop="plansenddate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.plansenddate"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
type="daterange"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
:start-placeholder="t('billform.startdate')"
|
||||
:end-placeholder="t('billform.enddate')"
|
||||
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单状态" prop="billStatus">
|
||||
<el-form-item :label="t('saleorder.orderstatus')" prop="billStatus">
|
||||
<el-select
|
||||
v-model="queryParams.billStatus"
|
||||
placeholder="请选择单据状态"
|
||||
:placeholder="t('billform.pleaseselect')+' '+t('saleorder.orderstatus')"
|
||||
clearable
|
||||
class="!w-240px"
|
||||
>
|
||||
|
|
@ -89,27 +89,27 @@
|
|||
/>
|
||||
</el-select>
|
||||
</el-form-item>-->
|
||||
<el-form-item label="手机" prop="phone">
|
||||
<el-form-item :label="t('saleorder.phone')" prop="phone">
|
||||
<el-input
|
||||
v-model="queryParams.phone"
|
||||
placeholder="请输入手机"
|
||||
:placeholder="t('billform.pleaseenter')+' '+t('saleorder.phone')"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remarks">
|
||||
<el-form-item :label="t('saleorder.remarks')" prop="remarks">
|
||||
<el-input
|
||||
v-model="queryParams.remarks"
|
||||
placeholder="请输入备注"
|
||||
:placeholder="t('billform.pleaseenter')+' '+t('saleorder.remarks')"
|
||||
clearable
|
||||
@keyup.enter="handleQuery"
|
||||
class="!w-240px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
|
||||
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{t('billlist.search')}}</el-button>
|
||||
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{t('billlist.reset')}}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
|
|
@ -129,14 +129,15 @@
|
|||
@click="handleUpdateBillStatus('invalid')"
|
||||
:disabled="selectionList.length === 0"
|
||||
>
|
||||
作废
|
||||
{{t('billlist.cancel')}}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
@click="handleUpdateBillStatus('submit')"
|
||||
:disabled="selectionList.length === 0"
|
||||
>提交
|
||||
>
|
||||
{{t('billlist.submit')}}
|
||||
</el-button>
|
||||
<!--
|
||||
<el-button
|
||||
|
|
@ -161,7 +162,7 @@
|
|||
@click="handleExport"
|
||||
:loading="exportLoading"
|
||||
>
|
||||
<Icon icon="ep:upload" class="mr-5px" /> 导出
|
||||
<Icon icon="ep:upload" class="mr-5px" /> {{t('billlist.export')}}
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
|
@ -183,11 +184,9 @@
|
|||
:row-class-name="tableRowClassName"
|
||||
>
|
||||
<el-table-column width="30" label="选择" type="selection" />
|
||||
<el-table-column label="单据编号" align="center" prop="billno" width="120px"/>
|
||||
<el-table-column label="客户" align="center" prop="customerId" width="120px"/>
|
||||
<el-table-column label="销售员" align="center" prop="customerId" width="180px"/>
|
||||
<el-table-column label="跟单员" align="center" prop="customerId" width="180px"/>
|
||||
<el-table-column label="订单状态" align="center" prop="billStatus" width="180px">
|
||||
<el-table-column :label="t('saleorder.billno')" align="center" prop="billno" width="180px"/>
|
||||
<el-table-column :label="t('saleorder.customer')" align="center" prop="customerId" width="120px"/>
|
||||
<el-table-column :label="t('saleorder.orderstatus')" align="center" prop="billStatus" width="180px">
|
||||
<template #default="scope">
|
||||
<dict-tag :type="DICT_TYPE.OMS_BILL_STATUS" :value="scope.row.billStatus" />
|
||||
</template>
|
||||
|
|
@ -198,43 +197,43 @@
|
|||
</template>
|
||||
</el-table-column>-->
|
||||
<el-table-column
|
||||
label="业务日期"
|
||||
:label="t('saleorder.bizdate')"
|
||||
align="center"
|
||||
prop="bizdate"
|
||||
:formatter="dateFormatter2"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="确认日期"
|
||||
:label="t('saleorder.confirmdate')"
|
||||
align="center"
|
||||
prop="confirmdate"
|
||||
:formatter="dateFormatter2"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="计划日期"
|
||||
:label="t('saleorder.plandate')"
|
||||
align="center"
|
||||
prop="plansenddate"
|
||||
:formatter="dateFormatter2"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="手机" align="center" prop="phone" />
|
||||
<el-table-column label="备注" align="center" prop="remarks" />
|
||||
<el-table-column :label="t('saleorder.phone')" align="center" prop="phone" />
|
||||
<el-table-column :label="t('saleorder.remarks')" align="center" prop="remarks" width="150"/>
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
:label="t('saleorder.createTime')"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column
|
||||
label="更新时间"
|
||||
:label="t('saleorder.updateTime')"
|
||||
align="center"
|
||||
prop="updateTime"
|
||||
:formatter="dateFormatter"
|
||||
width="180px"
|
||||
/>
|
||||
<el-table-column label="操作" align="center" width="150" fixed="right">
|
||||
<el-table-column :label="t('billlist.operate')" align="center" width="150" fixed="right">
|
||||
<template #default="scope">
|
||||
|
||||
<router-link :to="'/order/createorder?id='+scope.row.id+'&_t=2'" v-if="scope.row.billStatus == 'B' ">
|
||||
|
|
@ -242,7 +241,7 @@
|
|||
link
|
||||
type="primary">
|
||||
<Icon icon="ep:edit" />
|
||||
修改
|
||||
{{t('billlist.edit')}}
|
||||
</el-button>
|
||||
</router-link>
|
||||
|
||||
|
|
@ -261,7 +260,7 @@
|
|||
@click="openDetail(scope.row.id)"
|
||||
>
|
||||
<Icon icon="ep:notification" />
|
||||
详情
|
||||
{{t('billlist.details')}}
|
||||
</el-button>
|
||||
<!-- <el-button
|
||||
link
|
||||
|
|
@ -325,22 +324,22 @@ const total = ref(0) // 列表的总页数
|
|||
// tabs 数据
|
||||
const tabsData = ref([
|
||||
{
|
||||
name: '全部 ',
|
||||
name: t('billlist.all')+' ',
|
||||
type: 'All',
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
name: '待审核',
|
||||
name: t('billlist.waitAudit'),
|
||||
type: 'B',
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
name: '待排产',
|
||||
name: t('billlist.waitArrange'),
|
||||
type: 'C',
|
||||
count: 0
|
||||
},
|
||||
{
|
||||
name: '已排产',
|
||||
name: t('billlist.planned'),
|
||||
type: 'E',
|
||||
count: 0
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue