修改文字显示
This commit is contained in:
1 parent
a2cd341925
commit
750b0fd981
3 files changed
+17
-30
No files matched your search
@@ -22,8 +22,8 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<el-row class="my-3">
|
<el-row class="my-3">
|
||||||
<el-button type="primary" plain @click="clickSelectDialog">商品选择</el-button>
|
<el-button type="primary" plain @click="clickSelectDialog">食材选择</el-button>
|
||||||
<el-button @click="removeSelectedRows" :disabled="state.selectedRowIds.length <= 0"> 删除选中 </el-button>
|
<el-button @click="removeSelectedRows" :disabled="state.selectedRowIds.length <= 0">删除选中</el-button>
|
||||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
@@ -64,7 +64,7 @@
|
|||||||
>
|
>
|
||||||
<vxe-column type="checkbox" width="40" fixed="left" />
|
<vxe-column type="checkbox" width="40" fixed="left" />
|
||||||
<vxe-column type="seq" width="50" fixed="left" />
|
<vxe-column type="seq" width="50" fixed="left" />
|
||||||
<vxe-column field="name" title="库存商品" />
|
<vxe-column field="name" title="库存食材" />
|
||||||
<vxe-column field="stock" title="库存" />
|
<vxe-column field="stock" title="库存" />
|
||||||
<vxe-column field="unit" title="单位" />
|
<vxe-column field="unit" title="单位" />
|
||||||
<vxe-column field="quantity" title="数量" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
|
<vxe-column field="quantity" title="数量" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
|
||||||
@@ -90,16 +90,6 @@
|
|||||||
<el-input v-model="row.totalNumber" />
|
<el-input v-model="row.totalNumber" />
|
||||||
</template>
|
</template>
|
||||||
</vxe-column>
|
</vxe-column>
|
||||||
<vxe-column field="taxAmount" title="税前金额" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
|
|
||||||
<template #edit="{ row }">
|
|
||||||
<el-input v-model="row.taxAmount" />
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
<vxe-column field="taxRate" title="税率(%)" :edit-render="{ autoFocus: 'input', placeholder: '请输入' }">
|
|
||||||
<template #edit="{ row }">
|
|
||||||
<el-input v-model="row.taxRate" />
|
|
||||||
</template>
|
|
||||||
</vxe-column>
|
|
||||||
<vxe-column field="totalAmount" title="累计总金额">
|
<vxe-column field="totalAmount" title="累计总金额">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
{{ (Number(row.quantity || 0) * Number(row.realPrice || 0)).toFixed(2) }}
|
{{ (Number(row.quantity || 0) * Number(row.realPrice || 0)).toFixed(2) }}
|
||||||
@@ -186,8 +176,6 @@ const validRules = ref<VxeTablePropTypes.EditRules<any>>({
|
|||||||
quantity: [{ required: true, type: "number", min: 1, message: "必需大于等于0" }],
|
quantity: [{ required: true, type: "number", min: 1, message: "必需大于等于0" }],
|
||||||
realPrice: [{ required: true, type: "number", min: 1, message: "必填" }],
|
realPrice: [{ required: true, type: "number", min: 1, message: "必填" }],
|
||||||
totalNumber: [{ required: true, type: "number", min: 1, message: "必填" }],
|
totalNumber: [{ required: true, type: "number", min: 1, message: "必填" }],
|
||||||
taxAmount: [{ required: true, type: "number", min: 1, message: "必填" }],
|
|
||||||
taxRate: [{ required: true, type: "number", min: 1, message: "必填" }],
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// 初始化数据
|
// 初始化数据
|
||||||
@@ -213,19 +201,19 @@ const getInitData = async () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// loading.value = true
|
// loading.value = true
|
||||||
// 获取简要商品列表
|
// 获取简要食材列表
|
||||||
// const [erpSpuSimpleAll] = await Promise.allSettled([getErpSpuSimpleAll()])
|
// const [erpSpuSimpleAll] = await Promise.allSettled([getErpSpuSimpleAll()])
|
||||||
// .then((results) => results.map((result) => (result.status === "fulfilled" ? result.value : null)))
|
// .then((results) => results.map((result) => (result.status === "fulfilled" ? result.value : null)))
|
||||||
// .finally(() => (loading.value = false))
|
// .finally(() => (loading.value = false))
|
||||||
// erpSpuSimpleAll && erpSpuSimpleAll.code === 0 && (state.erpSpuSimpleAll = erpSpuSimpleAll.data)
|
// erpSpuSimpleAll && erpSpuSimpleAll.code === 0 && (state.erpSpuSimpleAll = erpSpuSimpleAll.data)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 点击商品选择
|
// 点击食材选择
|
||||||
const clickSelectDialog = () => selectDialogRef.value.openDialog()
|
const clickSelectDialog = () => selectDialogRef.value.openDialog()
|
||||||
|
|
||||||
// 获取被选择的商品行
|
// 获取被选择的食材行
|
||||||
const getSelectedRows = (selectionRows: any) => {
|
const getSelectedRows = (selectionRows: any) => {
|
||||||
console.log("被选择的商品行", selectionRows)
|
console.log("被选择的食材行", selectionRows)
|
||||||
|
|
||||||
// 筛选新勾选的项并处理
|
// 筛选新勾选的项并处理
|
||||||
const addedItems = selectionRows
|
const addedItems = selectionRows
|
||||||
@@ -274,8 +262,6 @@ const tableFormItems = () => {
|
|||||||
remark: item.remark,
|
remark: item.remark,
|
||||||
orderType: 1,
|
orderType: 1,
|
||||||
totalNumber: item.totalNumber,
|
totalNumber: item.totalNumber,
|
||||||
taxAmount: item.taxAmount,
|
|
||||||
taxRate: item.taxRate,
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -299,7 +285,7 @@ const baseFormValidate = async () => {
|
|||||||
// 校验可编辑表格 成功返回 true 失败返回 false
|
// 校验可编辑表格 成功返回 true 失败返回 false
|
||||||
const itemTableFormValidate = async () => {
|
const itemTableFormValidate = async () => {
|
||||||
if (state.itemTableForm.length <= 0) {
|
if (state.itemTableForm.length <= 0) {
|
||||||
useMessage().warning("请选择商品")
|
useMessage().warning("请选择食材")
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -157,7 +157,8 @@ const create = () => {
|
|||||||
|
|
||||||
// 点击编辑
|
// 点击编辑
|
||||||
const edit = (row: any) => {
|
const edit = (row: any) => {
|
||||||
row.id ? (formState.formId = row.id) : useMessage().warning("清单id不存在")
|
if (!row.id) return useMessage().warning("清单id不存在")
|
||||||
|
formState.formId = row.id
|
||||||
formState.showForm = true
|
formState.showForm = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-model="dialogVisible" title="选择商品" width="80%" :close-on-click-modal="false" draggable @close="dialogVisible = false">
|
<el-dialog v-model="dialogVisible" title="选择食材" width="80%" :close-on-click-modal="false" draggable @close="dialogVisible = false">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-form :model="queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataListAndSelect">
|
<el-form :model="queryForm" ref="queryRef" :inline="true" @keyup.enter="getDataListAndSelect">
|
||||||
<el-form-item label="商品名称" prop="name">
|
<el-form-item label="食材名称" prop="name">
|
||||||
<el-input placeholder="请输入商品名称" v-model="queryForm.name" />
|
<el-input placeholder="请输入食材名称" v-model="queryForm.name" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button icon="search" type="primary" @click="getDataListAndSelect">查询</el-button>
|
<el-button icon="search" type="primary" @click="getDataListAndSelect">查询</el-button>
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
>
|
>
|
||||||
<el-table-column type="selection" width="40" fixed="left" align="center" />
|
<el-table-column type="selection" width="40" fixed="left" align="center" />
|
||||||
<el-table-column type="index" label="#" width="50" fixed="left" align="center" />
|
<el-table-column type="index" label="#" width="50" fixed="left" align="center" />
|
||||||
<el-table-column prop="name" label="商品名称" min-width="150px" align="center" show-overflow-tooltip />
|
<el-table-column prop="name" label="食材名称" min-width="150px" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="unit" label="单位" min-width="100px" align="center" show-overflow-tooltip />
|
<el-table-column prop="unit" label="单位" min-width="100px" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="stock" label="库存" min-width="80px" align="center" show-overflow-tooltip />
|
<el-table-column prop="stock" label="库存" min-width="80px" align="center" show-overflow-tooltip />
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -71,7 +71,7 @@ const openDialog = () => {
|
|||||||
getDataListAndSelect()
|
getDataListAndSelect()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取商品数据并且勾选
|
// 获取食材数据并且勾选
|
||||||
const getDataListAndSelect = async () => {
|
const getDataListAndSelect = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
@@ -115,12 +115,12 @@ const resetQuery = () => {
|
|||||||
getDataListAndSelect()
|
getDataListAndSelect()
|
||||||
}
|
}
|
||||||
|
|
||||||
// 点击商品列表表格行
|
// 点击食材列表表格行
|
||||||
const rowClick = (row: any) => {
|
const rowClick = (row: any) => {
|
||||||
tableRef.value.toggleRowSelection(row)
|
tableRef.value.toggleRowSelection(row)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 商品选择对话框确认
|
// 食材选择对话框确认
|
||||||
const dialogConfirm = () => {
|
const dialogConfirm = () => {
|
||||||
const $table = tableRef.value
|
const $table = tableRef.value
|
||||||
if ($table) {
|
if ($table) {
|
||||||
|
|||||||
Reference in new issue
Block a user