aike/emis-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dm

Browse Source
This commit is contained in:
linfso 2025-02-18 18:31:52 +08:00
parent 9a4c801886
commit bff0a789de
1 changed files with 158 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

158
src/views/emis/emisTmsCostFee/CostFeeItemForm.vue Normal file
View File

@ -0,0 +1,158 @@
<template>
<div style="padding:8px">
<el-form ref="form" :model="form" size="mini" :rules="rules" label-width="80px">
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
<el-col :span="24">
<el-form-item :label="$t('费用类型')" prop="feeType" >
<el-select v-model="form.feeType" filterable clearable placeholder="费用"
style="width:100%"
>
<el-option v-for="dict in feeTypeList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t('单价')" prop="price" >
<el-input-number v-model="form.price" :min="0.00" :controls="false" :precision="2" style="width:100%"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t('费用')" prop="fee" >
<el-input-number v-model="form.fee" :min="0.00" :controls="false" :precision="2" style="width:100%"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="币种" prop="currency">
<el-select v-model="form.currency" placeholder="" >
<el-option
v-for="dict in dict.type.sys_currency_type.filter(item=> (item.value=='CNY' || item.value=='USD') )"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item :label="$t('备注')" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="" />
</el-form-item>
</el-col>
</el-row>
</el-form>
<div style="text-align: center;margin-bottom: 10px;">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</div>
</template>
<script>
export default {
name: "CostFeeItemForm",
props:{
id:{
type:Number
},
feeList:{
type:Array
},
triggerCount:{
type:Number
}
},
components: { },
dicts: ['emis_cost_fee_type','sys_currency_type'],
data() {
return {
emisWaybillFeeitemOptions: [],
// 遮罩层
loading: true,
feeTypeList: [],
feeMap:null,
// 表单参数
form: {},
// 表单校验
rules: {
feeType: [
{ required: true, message: "费用类型必填", trigger: ["change","blur"] }
],
fee: [
{ required: true, message: "费用不能为空", trigger: "blur" }
],
currency: [
{ required: true, message: "币种不能为空", trigger: ["change","blur"] }
],
}
};
},
watch: {
"id": {
handler (newValue, oldValue) {
this.id = newValue;
this.initData();
},
deep: true
},
triggerCount(newVal){
this.initData();
},
feeList(newVal){
this.initData();
}
},
created() {
this.initData();
},
methods: {
initData() {
this.reset();
this.feeTypeList=[];
this.feeMap = new Map();
if(this.feeList){
this.feeList.forEach(item => {
this.feeMap[item.feeType]=item;
});
}
this.dict.type.emis_cost_fee_type.forEach(item => {
if(!(item.value in this.feeMap)){
this.feeTypeList.push(item);
}
});
},
// 取消按钮
cancel() {
this.reset();
this.$emit("on-cancel");
},
// 表单重置
reset() {
this.form = {
id: null,
feeType: null,
price: null,
fee: null,
currency: 'CNY',
remark: null
};
this.resetForm("form");
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.$emit("on-changed",this.form);
}
});
},
}
};
</script>