| | |
| | | <el-col :span="6"></el-col> |
| | | |
| | | </el-row> |
| | | |
| | | |
| | | </el-form> |
| | | |
| | | </el-header> |
| | |
| | | |
| | | <script setup> |
| | | import {ref, reactive} from 'vue' |
| | | |
| | | let router = useRouter() |
| | | |
| | | //组件接收参数 |
| | |
| | | {type: 'seq', fixed: "left", title: ' ', width: 50}, |
| | | {type: 'checkbox',fixed:"left", title: '', width: 50 }, |
| | | {type: 'expand', title:'详情', fixed: "left", slots: {content: 'content'}, width: 50}, |
| | | {field: 'cgdh', width: '10%', title: '物料编码', filters: [{data: ''}], slots: {filter: 'num1_filter'}, editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'cgzt', width: '10%', title: '物料名称', filters: [{data: ''}], slots: {filter: 'num1_filter'},editRender: { name: 'input', attrs: { placeholder: '' } }, sortable: true}, |
| | | {field: 'gys', width: '10%',title: '产地', filters: [{data: ''}], slots: {filter: 'num1_filter'}, editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'w', width: '8%',title: '宽度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } }, sortable: true}, |
| | | {field: 'g', width: '8%',title: '高度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'h', width: '8%',title: '厚度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'xh', width: '8%',title: '型号',/*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'dw', width: '8%',title: '单位', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'sl', width: '8%',title: '数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'sl', width: '8%',title: '操作数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } }}, |
| | | {field: 'sl', width: '12%',title: '箱数', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'je', width: '8%',title: '单片面积', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'je', width: '12%',title: '单价', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: '6', width: '8%',title: '总数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'sl', width: '8%',title: '总面积', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'yl', width: '10%',title: '总金额',/*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } },sortable: true}, |
| | | {field: 'yl', width: '10%',title: '备注', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ editRender: { name: 'input', attrs: { placeholder: '' } }, sortable: true} |
| | | { |
| | | field: 'cgdh', |
| | | width: '10%', |
| | | title: '物料编码', |
| | | filters: [{data: ''}], |
| | | slots: {filter: 'num1_filter'}, |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'cgzt', |
| | | width: '10%', |
| | | title: '物料名称', |
| | | filters: [{data: ''}], |
| | | slots: {filter: 'num1_filter'}, |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'gys', |
| | | width: '10%', |
| | | title: '产地', |
| | | filters: [{data: ''}], |
| | | slots: {filter: 'num1_filter'}, |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'w', |
| | | width: '8%', |
| | | title: '宽度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'g', |
| | | width: '8%', |
| | | title: '高度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'h', |
| | | width: '8%', |
| | | title: '厚度', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'xh', |
| | | width: '8%', |
| | | title: '型号',/*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'dw', |
| | | width: '8%', |
| | | title: '单位', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'sl', |
| | | width: '8%', |
| | | title: '数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'sl', |
| | | width: '8%', |
| | | title: '操作数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}} |
| | | }, |
| | | { |
| | | field: 'sl', |
| | | width: '12%', |
| | | title: '箱数', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'je', |
| | | width: '8%', |
| | | title: '单片面积', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'je', |
| | | width: '12%', |
| | | title: '单价', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: '6', |
| | | width: '8%', |
| | | title: '总数量', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'sl', |
| | | width: '8%', |
| | | title: '总面积', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'yl', |
| | | width: '10%', |
| | | title: '总金额',/*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | }, |
| | | { |
| | | field: 'yl', |
| | | width: '10%', |
| | | title: '备注', /*filters: [{data: ''}], slots: {filter: 'num1_filter'},*/ |
| | | editRender: {name: 'input', attrs: {placeholder: ''}}, |
| | | sortable: true |
| | | } |
| | | ],//表头参数 |
| | | toolbarConfig: { |
| | | buttons: [ |
| | |
| | | print: true, |
| | | zoom: true, |
| | | custom: true, |
| | | tools: [ |
| | | |
| | | ], |
| | | tools: [], |
| | | |
| | | },//表头按钮 |
| | | /*data: [{},{},{},{},{},{}],//table body实际数据*/ |
| | |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | const form = reactive({ |
| | | name: '', |
| | | region: '', |
| | |
| | | import {VXETable} from "vxe-table"; |
| | | import {useRouter} from "vue-router"; |
| | | |
| | | const now = new Date() |
| | | |
| | | const tableData = ref([ |
| | | { |
| | | wlcode: '202312205101', |
| | | wlname: '这是一个物料名称', |
| | | cd: '产地12', |
| | | hd: '8', |
| | | gd: '2440', |
| | | kd: '3660', |
| | | xh: 'CN10P' |
| | | }, |
| | | { |
| | | wlcode: '202312305101', |
| | | wlname: '这是一个物料名称', |
| | | cd: '产地1', |
| | | gd: '2440', |
| | | kd: '3660', |
| | | hd: '5', |
| | | xh: 'CN10P' |
| | | }, |
| | | { |
| | | wlcode: '202312405101', |
| | | wlname: '这是一个物料名称', |
| | | cd: '产地13', |
| | | hd: '12', |
| | | gd: '2440', |
| | | kd: '3660', |
| | | xh: 'CN10P' |
| | | }, |
| | | ]) |
| | | |
| | | |
| | | const onAddItem = () => { |
| | | now.setDate(now.getDate() + 1) |
| | | tableData.value.push({ |
| | | wlcode: dayjs(now).format('YYYYMMDDss') + '01', |
| | | wlname: '这是一个物料名称', |
| | | cd: '产地1', |
| | | hd: '6', |
| | | xh: 'CN10P', |
| | | gd: '2440', |
| | | kd: '3660', |
| | | }) |
| | | } |
| | | |
| | | /*const deleteRow = (index: number) => { |
| | | tableData.value.splice(index, 1) |
| | | }*/ |
| | | |
| | | </script> |
| | | |