kn-cost/cost-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

页面

Browse Source
This commit is contained in:
hanchaobo
2024-07-01 10:03:53 +08:00
parent 8de5841fb5
commit e69cd3af6c
14 changed files with 899 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/convolution/costCalculation/component/calculate.vue
+120
View File
@@ -0,0 +1,120 @@
<script lang="tsx">
//表格
import { defineComponent, ref, watch } from "vue";
import { costStandardVersionAdd } from '@/api/costCalculation';
export default defineComponent({
props: {
visible: Boolean,
tableRef: Object,
},
setup(props, { emit }) {
const forecastDialogRef = ref();
const rileForm = ref();
const formData = ref({
figureNumber: '',
stage: '',
createTime: '',
versionNumber: '',
materialNumber: '',
versionYear: ''
});
// const rules ={
// figureNumber: [
// { required: true, message: '请输入图号', trigger: ['blur','change'] }
// ],
// stage: [
// { required: true, message: '请选择项目阶段', trigger: ['blur','change'] }
// ],
// createTime: [
// { required: true, message: '请选择项目时间', trigger: ['blur','change'] }
// ],
// versionNumber: [
// { required: true, message: '请生成版本号', trigger: ['blur','change'] }
// ]
// };
const render = () => {
return (
<div>
<base-dialog-form
ref={forecastDialogRef}
v-model={props.visible}
title={"生成设置版本号"}
width={400}
labelWidth={0}
confirm={() => {
emit('cancelVisible');
const year = formData.value.createTime.split("-")[0];
formData.value.versionYear = year;
costStandardVersionAdd(formData.value).then(res => {
props.tableRef.doReload();
})
}}
cancel={() => {
emit('cancelVisible');
}}
>
<el-form ref={rileForm} v-model={formData.value} label-width="100px">
<el-form-item label="图号" prop="figureNumber">
<el-input v-model={formData.value.figureNumber} onChange={splicing} />
</el-form-item>
<el-form-item label="物料号" prop="figurmaterialNumbereNumber">
<el-input v-model={formData.value.materialNumber} />
</el-form-item>
<el-form-item label="项目阶段" prop="stage">
<el-select v-model={formData.value.stage} placeholder="请选择项目阶段" onChange={splicing}>
<el-option label="初始" value="A"></el-option>
<el-option label="量产" value="B"></el-option>
<el-option label="首批" value="C"></el-option>
</el-select>
</el-form-item>
{/* <el-form-item label="年份" prop="versionYear">
<el-date-picker
v-model={formData.value.versionYear}
type="year"
value-format="YYYY"
onChange={splicing}
placeholder="选择年份">
</el-date-picker>
</el-form-item> */}
<el-form-item label="创建日期" prop="createTime">
<el-date-picker
v-model={formData.value.createTime}
type="datetime"
disabledDate={(time) => {
return time.getTime() > Date.now();
}}
value-format="YYYY-MM-DD HH:MM:ss"
onChange={splicing}
placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="生成版本号" prop="versionNumber">
<el-input type="textarea" disabled rows="2" v-model={formData.value.versionNumber} />
</el-form-item>
</el-form>
</base-dialog-form>
</div>
);
};
const splicing = () => {
formData.value.versionNumber = "";
formData.value.versionNumber = formData.value.figureNumber + '_' + formData.value.stage + '_' + formData.value.createTime;
};
watch(props, (newVal, oldVal) => {
if (newVal.visible) {
formData.value = {
figureNumber: '',
stage: '',
createTime: '',
versionNumber: '',
materialNumber: '',
versionYear: ''
}
}
});
return render;
},
});
</script>
<style lang="scss" scoped></style>
src/views/convolution/costCalculation/index.vue
+190
View File
@@ -0,0 +1,190 @@
<script lang="tsx">
//表格
import { defineComponent, ref } from "vue";
import { ElMessage } from "element-plus";
import Calculate from "./component/calculate.vue";
import { transformPageResponse } from "@/utils/qomo";
import { costStandardList,deleteCostStandard } from '@/api/costCalculation';
export default defineComponent({
setup() {
const tableRef = ref();
const visible = ref(false);
const forecastDialogRef = ref();
//列
const columns = ref([
{ type: "selection" },
{ label: "版本号", prop: "versionNumber" },
{ label: "年份", prop: "versionYear", valueType: "year" },
{ label: "物料编号", prop: "materialNumber" },
{ prop: "bomCost", label: "bom材料费", hideInAddOrEditForm: true, hideInSearchForm: true },
{ label: "包装费", prop: "packingCost", hideInSearchForm: true },
{ label: "辅料费", prop: "auxiliaryCost", hideInSearchForm: true },
{ label: "人工费", prop: "laborCost", hideInSearchForm: true },
{ label: "机器折旧费", prop: "euipDepreciationCost", hideInSearchForm: true },
{ label: "机器料消耗费", prop: "equipConsumeCost", hideInSearchForm: true },
{ label: "水电费", prop: "hydroelectricityCost", hideInSearchForm: true },
{ label: "其他制造费", prop: "otherCost", hideInSearchForm: true },
{ label: "物流费用", prop: "trailCost", hideInSearchForm: true },
{ label: "制造成本", prop: "manufactureCost", hideInSearchForm: true },
{ label: "工装费", prop: "toolingCost", hideInSearchForm: true },
{ label: "检具费", prop: "inspectionCost", hideInSearchForm: true },
{ label: "模具费", prop: "moldCost", hideInSearchForm: true },
{ label: "测试费", prop: "testCost", hideInSearchForm: true },
{ label: "创建日期", prop: "createTime", hideInSearchForm: true, valueType: "datetime" },
{ label: "阶段", prop: "stage", valueType: 'dict-select', extraProps: { dictType: 'stageData' } },
{ label: "版本状态", prop: "versionStatus" },
{ label: "总成本", prop: "totalCost", hideInSearchForm: true },
{
type: "operation",
label: "操作",
minWidth: 200,
render: ({ row, doAddOrEdit, doDeleteRows, doReload, doPreview }) => (
<base-table-operation
btnList={
[{
key: "edit",
label: "重新计算",
onclick: () => doAddOrEdit(row)
},
{
key: "delete",
label: "删除",
onclick: () => doDeleteRows(row)
},
{
key: "deletion",
label: "部件缺失信息",
},
{
key: "preview",
label: "查看详情",
onclick: () => doPreview(row)
}
]
}
/>
)
},
]);
const render = () => {
return (
<div>
<BasePageContainer flex-hidden={true} style={{ width: "100%", height: "800px", padding: "0" }}>
<BaseTable
columns={columns.value}
queryParamsToUrl
toolbar={{ layout: "search-dnamic,reload,column-setting,fullscreen" }}
ref={tableRef}
request={async ({
pageSize = 10,
current = 1,
...otherSearchParams
}) => {
let tableData = {};
tableData = transformPageResponse(
await costStandardList({
pageNo: current,
pageSize,
...otherSearchParams
})
);
tableData.data.forEach(item => {
if (item.stage == "A") {
item.stage = "初始"
} else if (item.stage == "B") {
item.stage = "量产"
} else if (item.stage == "C") {
item.stage = "首批"
}
})
return tableData;
}}
curdConfig={{
unitColSpan: 12,
async onDeleteRows(data) {
await deleteCostStandard({ id: data.id })
},
}}
v-slots={{
toolbar: () => (
<el-space>
<el-button type="primary" onClick={calculate}>
计算标准成本
</el-button>
<el-button type="success" onClick={batchCalculate}>批量计算</el-button>
<el-button type="info" onClick={batchExport}>批量导出</el-button>
</el-space>
),
}}
/>
</BasePageContainer>
<Calculate visible={visible.value} onCancelVisible={cancelVisible} tableRef={tableRef.value}></Calculate>
<base-dialog-form
ref={forecastDialogRef}
title={"批量计算"}
width={400}
labelWidth={0}
rules={{
filed: [
{ required: true, message: "请上传附件", trigger: "blur" }
]
}}
confirm={() => {
{/* forecastDialogRef.value.open(); */ }
}}
cancel={() => {
forecastDialogRef.value.close();
}}
v-slots={{
default: ({ model }) => (
<el-form-item label="" prop="filed">
<base-upload
drag
multiple
limit={1}
on-change={onChange}
v-model={model.fileIds}
accept=".xls,.xlsx,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
>
<el-icon class="el-icon-upload">
<upload-filled />
</el-icon>
<div class="w-full">请上传文件</div>
</base-upload>
</el-form-item>
)
}}
/>
</div>
);
};
const calculate = () => {
visible.value = true;
}
const cancelVisible = () => {
visible.value = false;
}
const batchCalculate = () => {
forecastDialogRef.value.open();
}
const batchExport = () => {
console.log(tableRef.value.selectionRows, "批量导出");
}
const onChange = (file) => {
console.log(file, "PPPPPPPPPPPPPPPPPPPP");
const isExcel = file.raw.type === 'application/vnd.ms-excel' ||
file.raw.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
if (!isExcel) {
ElMessage.error('只能上传Excel文件!');
return false;
}
return true;
}
const doReload = () => { }
return render;
},
});
</script>
<style lang="scss" scoped></style>