xins
/
hwmom-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change(mes): 优化物料信息对话框布局，三列布局减少表单的纵向长度

Browse Source 
- 将对话框宽度从500px增加到1200px，以便容纳三列内容
- 将标签宽度从120px调整为100px，以在三列布局中节省空间
- 将表单项使用el-row和el-col进行包装，创建三列布局
- 每个el-col的span设置为8（总宽度24的三分之一）
- 添加了:gutter="20"以在列之间提供适当间距
master
zch 3 months ago
parent ee2d99919c
commit 20f9d7b3ee
1 changed files with 423 additions and 333 deletions
Show Stats Download Patch File Download Diff File

756
src/views/mes/baseMaterialInfo/index.vue
Unescape Escape View File

@ -252,7 +252,7 @@
<el-table-column label="ERP信息" align="center" prop="erpId" v-if="columns[0].visible"/> <el-table-column label="ERP信息" align="center" prop="erpId" v-if="columns[0].visible"/>
<el-table-column label="物料编码" align="center" prop="materialCode" v-if="columns[1].visible"/> <el-table-column label="物料编码" align="center" prop="materialCode" v-if="columns[1].visible"/>
<el-table-column label="旧物料编码" align="center" prop="oldMaterialCode" v-if="columns[2].visible"/> <el-table-column label="旧物料编码" align="center" prop="oldMaterialCode" v-if="columns[2].visible"/>
<el-table-column label="物料名称" align="center" prop="materialName" v-if="columns[3].visible"/> <el-table-column label="物料名称" align="center" prop="materialName" v-if="columns[3].visible" width="220px"/>
<!-- <el-table-column label="物料类型ID" align="center" prop="materialTypeId" v-if="columns[4].visible"/>--> <!-- <el-table-column label="物料类型ID" align="center" prop="materialTypeId" v-if="columns[4].visible"/>-->
<el-table-column label="物料类型" align="center" prop="matrialTypeName" v-if="columns[4].visible"/> <el-table-column label="物料类型" align="center" prop="matrialTypeName" v-if="columns[4].visible"/>
<el-table-column label="物料大类" align="center" prop="materialCategoryName" v-if="columns[5].visible"/> <el-table-column label="物料大类" align="center" prop="materialCategoryName" v-if="columns[5].visible"/>
@ -399,337 +399,426 @@
</el-row> </el-row>
<!-- 添加或修改物料信息对话框 --> <!-- 添加或修改物料信息对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> <el-dialog :title="dialog.title" v-model="dialog.visible" width="1200px" append-to-body>
<el-form ref="baseMaterialInfoFormRef" :model="form" :rules="rules" label-width="120px"> <el-form ref="baseMaterialInfoFormRef" :model="form" :rules="rules" label-width="100px">
<!-- <el-form-item label="主键标识" prop="materialId"> <el-row :gutter="20">
<el-input v-model="form.materialId" placeholder="请输入主键标识" /> <el-col :span="8">
</el-form-item>--> <el-form-item label="物料编码" prop="materialCode">
<!-- <el-form-item label="ERP信息" prop="erpId"> <el-input v-model="form.materialCode" placeholder="请输入物料编码" />
<el-input v-model="form.erpId" placeholder="请输入ERP信息" /> </el-form-item>
</el-form-item>--> </el-col>
<el-form-item label="物料编码" prop="materialCode"> <el-col :span="8">
<el-input v-model="form.materialCode" placeholder="请输入物料编码" /> <el-form-item label="旧物料编码" prop="oldMaterialCode">
</el-form-item> <el-input v-model="form.oldMaterialCode" placeholder="请输入旧物料编码" />
<el-form-item label="旧物料编码" prop="oldMaterialCode"> </el-form-item>
<el-input v-model="form.oldMaterialCode" placeholder="请输入旧物料编码" /> </el-col>
</el-form-item> <el-col :span="8">
<el-form-item label="物料名称" prop="materialName"> <el-form-item label="物料名称" prop="materialName">
<el-input v-model="form.materialName" placeholder="请输入物料名称" /> <el-input v-model="form.materialName" placeholder="请输入物料名称" />
</el-form-item> </el-form-item>
<el-form-item label="物料类型" prop="materialTypeId" > </el-col>
<!-- <el-input v-model="form.materialTypeId" placeholder="请输入物料类型ID" />--> </el-row>
<el-select v-model="form.materialTypeId" placeholder="请选择物料类型" @change="materialCategoryIdBymaterialTypeId">
<el-option
v-for="item in materialTypeList"
:key="item.matrialTypeId"
:label="item.matrialTypeName"
:value="item.matrialTypeId"
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="物料大类" prop="materialCategoryId"> <el-row :gutter="20">
<el-select v-model="form.materialCategoryId" placeholder="请选择物料大类"> <el-col :span="8">
<el-option <el-form-item label="物料类型" prop="materialTypeId">
v-for="item in materialCategoryOptions" <el-select v-model="form.materialTypeId" placeholder="请选择物料类型" @change="materialCategoryIdBymaterialTypeId">
:key="item.materialCategoryId" <el-option
:label="item.materialCategoryName" v-for="item in materialTypeList"
:value="item.materialCategoryId" :key="item.matrialTypeId"
></el-option> :label="item.matrialTypeName"
</el-select> :value="item.matrialTypeId"
</el-form-item>--> ></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="物料小类" prop="materialSubclass">
<el-input v-model="form.materialSubclass" placeholder="请输入物料小类" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="批次标识" prop="batchFlag">
<el-radio-group v-model="form.batchFlag">
<el-radio
v-for="dict in mes_batch_flag"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="物料小类" prop="materialSubclass"> <el-row :gutter="20">
<el-input v-model="form.materialSubclass" placeholder="请输入物料小类" /> <el-col :span="8">
</el-form-item> <el-form-item label="小批次数量" prop="batchAmount">
<el-form-item label="批次标识" prop="batchFlag"> <el-input v-model="form.batchAmount" placeholder="请输入小批次数量" />
<el-radio-group v-model="form.batchFlag"> </el-form-item>
<el-radio </el-col>
v-for="dict in mes_batch_flag" <el-col :span="8">
:key="dict.value" <el-form-item label="计量单位" prop="materialUnitId">
:value="dict.value" <el-tree-select
>{{dict.label}}</el-radio> v-model="form.materialUnitId"
</el-radio-group> :data="MeasureUnitList"
</el-form-item> :props="{ value: 'unitId', label: 'unitName', children: 'children' }"
<el-form-item label="小批次数量" prop="batchAmount"> value-key="unitId"
<el-input v-model="form.batchAmount" placeholder="请输入小批次数量" /> placeholder="请选择计量单位"
</el-form-item> check-strictly
<el-form-item label="计量单位" prop="materialUnitId"> @node-click="handleNodeClick"
<!-- <el-input v-model="form.materialUnitId" placeholder="请输入计量单位" />--> />
<el-tree-select </el-form-item>
v-model="form.materialUnitId" </el-col>
:data="MeasureUnitList" <el-col :span="8">
:props="{ value: 'unitId', label: 'unitName', children: 'children' }" <el-form-item label="物料组" prop="materialMatkl">
value-key="unitId" <el-input v-model="form.materialMatkl" placeholder="请输入物料组" />
placeholder="请选择计量单位" </el-form-item>
check-strictly </el-col>
@node-click="handleNodeClick" </el-row>
/>
</el-form-item> <el-row :gutter="20">
<!-- <el-form-item label="计量单位名称" prop="materialUnit"> <el-col :span="8">
<el-input v-model="form.materialUnit" placeholder="请输入计量单位名称" disable/> <el-form-item label="物料规格" prop="materialSpec">
</el-form-item>--> <el-input v-model="form.materialSpec" placeholder="请输入物料规格" />
<el-form-item label="物料组" prop="materialMatkl"> </el-form-item>
<el-input v-model="form.materialMatkl" placeholder="请输入物料组" /> </el-col>
</el-form-item> <el-col :span="8">
<el-form-item label="物料规格" prop="materialSpec"> <el-form-item label="净重" prop="netWeight">
<el-input v-model="form.materialSpec" placeholder="请输入物料规格" /> <el-input v-model="form.netWeight" placeholder="请输入净重" />
</el-form-item> </el-form-item>
<el-form-item label="净重" prop="netWeight"> </el-col>
<el-input v-model="form.netWeight" placeholder="请输入净重" /> <el-col :span="8">
</el-form-item> <el-form-item label="毛重" prop="grossWeight">
<el-form-item label="毛重" prop="grossWeight"> <el-input v-model="form.grossWeight" placeholder="请输入毛重" />
<el-input v-model="form.grossWeight" placeholder="请输入毛重" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="绑定标识" prop="alwaysFlag"> </el-row>
<el-radio-group v-model="form.alwaysFlag">
<el-radio <el-row :gutter="20">
v-for="dict in always_flag" <el-col :span="8">
:key="dict.value" <el-form-item label="绑定标识" prop="alwaysFlag">
:value="dict.value" <el-radio-group v-model="form.alwaysFlag">
>{{dict.label}}</el-radio> <el-radio
</el-radio-group> v-for="dict in always_flag"
</el-form-item> :key="dict.value"
<!-- <el-form-item label="所属工厂" prop="factoryId"> :value="dict.value"
<el-input v-model="form.factoryId" placeholder="请输入所属工厂" /> >{{dict.label}}</el-radio>
</el-form-item>--> </el-radio-group>
<el-form-item label="所属工厂" prop="factoryId"> </el-form-item>
<el-select v-model="form.factoryId" placeholder="请选择所属工厂"> </el-col>
<el-option <el-col :span="8">
v-for="item in factoryList" <el-form-item label="所属工厂" prop="factoryId">
:key="item.factoryId" <el-select v-model="form.factoryId" placeholder="请选择所属工厂">
:label="item.factoryName" <el-option
:value="item.factoryId" v-for="item in factoryList"
></el-option> :key="item.factoryId"
</el-select> :label="item.factoryName"
</el-form-item> :value="item.factoryId"
<el-form-item label="创建组织" prop="createOrgId"> ></el-option>
<el-input v-model="form.createOrgId" placeholder="请输入创建组织" /> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="使用组织" prop="useOrgId"> </el-col>
<el-input v-model="form.useOrgId" placeholder="请输入使用组织" /> <el-col :span="8">
</el-form-item> <el-form-item label="创建组织" prop="createOrgId">
<el-form-item label="所属产线" prop="prodLineId"> <el-input v-model="form.createOrgId" placeholder="请输入创建组织" />
<el-input v-model="form.prodLineId" placeholder="请输入所属产线" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="激活标识" prop="activeFlag"> </el-row>
<el-radio-group v-model="form.activeFlag">
<el-radio <el-row :gutter="20">
v-for="dict in active_flag" <el-col :span="8">
:key="dict.value" <el-form-item label="使用组织" prop="useOrgId">
:value="dict.value" <el-input v-model="form.useOrgId" placeholder="请输入使用组织" />
>{{dict.label}}</el-radio> </el-form-item>
</el-radio-group> </el-col>
</el-form-item> <el-col :span="8">
<el-form-item label="删除标识" prop="deletedFlag"> <el-form-item label="所属产线" prop="prodLineId">
<el-radio-group v-model="form.deletedFlag"> <el-input v-model="form.prodLineId" placeholder="请输入所属产线" />
<el-radio </el-form-item>
v-for="dict in deleted_flag" </el-col>
:key="dict.value" <el-col :span="8">
:value="dict.value" <el-form-item label="激活标识" prop="activeFlag">
>{{dict.label}}</el-radio> <el-radio-group v-model="form.activeFlag">
</el-radio-group> <el-radio
</el-form-item> v-for="dict in active_flag"
<el-form-item label="采购计价单位" prop="purchasePriceUnitId"> :key="dict.value"
<el-input v-model="form.purchasePriceUnitId" placeholder="请输入采购计价单位" /> :value="dict.value"
</el-form-item> >{{dict.label}}</el-radio>
<el-form-item label="审核日期" prop="approveDate"> </el-radio-group>
<el-date-picker clearable </el-form-item>
v-model="form.approveDate" </el-col>
type="datetime" </el-row>
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择审核日期"> <el-row :gutter="20">
</el-date-picker> <el-col :span="8">
</el-form-item> <el-form-item label="删除标识" prop="deletedFlag">
<!-- <el-form-item label="erp最后更新日期" prop="erpModifyDate"> <el-radio-group v-model="form.deletedFlag">
<el-date-picker clearable <el-radio
v-model="form.erpModifyDate" v-for="dict in deleted_flag"
type="datetime" :key="dict.value"
value-format="YYYY-MM-DD HH:mm:ss" :value="dict.value"
placeholder="请选择erp最后更新日期"> >{{dict.label}}</el-radio>
</el-date-picker> </el-radio-group>
</el-form-item>--> </el-form-item>
<el-form-item label="最大库存数量" prop="maxStockAmount"> </el-col>
<el-input v-model="form.maxStockAmount" placeholder="请输入最大库存数量" /> <el-col :span="8">
</el-form-item> <el-form-item label="采购计价单位" prop="purchasePriceUnitId">
<el-form-item label="最小库存数量" prop="minStockAmount"> <el-input v-model="form.purchasePriceUnitId" placeholder="请输入采购计价单位" />
<el-input v-model="form.minStockAmount" placeholder="请输入最小库存数量" /> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="安全库存数量" prop="safeStockAmount"> <el-col :span="8">
<el-input v-model="form.safeStockAmount" placeholder="请输入安全库存数量" /> <el-form-item label="审核日期" prop="approveDate">
</el-form-item> <el-date-picker clearable
<el-form-item label="申请标识" prop="applyFlag"> v-model="form.approveDate"
<el-radio-group v-model="form.applyFlag"> type="datetime"
<el-radio value-format="YYYY-MM-DD HH:mm:ss"
v-for="dict in apply_flag" placeholder="请选择审核日期">
:key="dict.value" </el-date-picker>
:value="dict.value" </el-form-item>
>{{dict.label}}</el-radio> </el-col>
</el-radio-group> </el-row>
</el-form-item>
<el-form-item label="物料分类" prop="materialClassfication"> <el-row :gutter="20">
<el-select v-model="form.materialClassfication" placeholder="请选择物料分类"> <el-col :span="8">
<el-option <el-form-item label="最大库存数量" prop="maxStockAmount">
v-for="dict in material_classfication" <el-input v-model="form.maxStockAmount" placeholder="请输入最大库存数量" />
:key="dict.value" </el-form-item>
:label="dict.label" </el-col>
:value="dict.value" <el-col :span="8">
></el-option> <el-form-item label="最小库存数量" prop="minStockAmount">
</el-select> <el-input v-model="form.minStockAmount" placeholder="请输入最小库存数量" />
</el-form-item> </el-form-item>
<el-form-item label="自动出库标识" prop="autoOutstockFlag"> </el-col>
<el-radio-group v-model="form.autoOutstockFlag"> <el-col :span="8">
<el-radio <el-form-item label="安全库存数量" prop="safeStockAmount">
v-for="dict in auto_outstock_flag" <el-input v-model="form.safeStockAmount" placeholder="请输入安全库存数量" />
:key="dict.value" </el-form-item>
:value="dict.value" </el-col>
>{{dict.label}}</el-radio> </el-row>
</el-radio-group>
</el-form-item> <el-row :gutter="20">
<el-form-item label="辅料标识" prop="accessoriesFlag"> <el-col :span="8">
<el-radio-group v-model="form.accessoriesFlag"> <el-form-item label="申请标识" prop="applyFlag">
<el-radio <el-radio-group v-model="form.applyFlag">
v-for="dict in mes_accessories_flag" <el-radio
:key="dict.value" v-for="dict in apply_flag"
:value="dict.value" :key="dict.value"
>{{dict.label}}</el-radio> :value="dict.value"
</el-radio-group> >{{dict.label}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="低值易耗品标识" prop="lowValueConsumableFlag"> </el-form-item>
<el-radio-group v-model="form.lowValueConsumableFlag"> </el-col>
<el-radio <el-col :span="8">
v-for="dict in mes_low_value_consumable_flag" <el-form-item label="物料分类" prop="materialClassfication">
:key="dict.value" <el-select v-model="form.materialClassfication" placeholder="请选择物料分类">
:value="dict.value" <el-option
>{{dict.label}}</el-radio> v-for="dict in material_classfication"
</el-radio-group> :key="dict.value"
</el-form-item> :label="dict.label"
<el-form-item label="品牌" prop="brand"> :value="dict.value"
<!-- <el-input v-model="form.brand" placeholder="请输入品牌" />--> ></el-option>
<el-select v-model="form.brand" placeholder="请选择品牌"> </el-select>
<el-option v-for="item in brandList" </el-form-item>
:key="item.masterDataDetailId" </el-col>
:label="item.dataDetailName" <el-col :span="8">
:value="item.masterDataDetailId"></el-option> <el-form-item label="自动出库标识" prop="autoOutstockFlag">
</el-select> <el-radio-group v-model="form.autoOutstockFlag">
</el-form-item> <el-radio
<el-form-item label="层级" prop="plyrating"> v-for="dict in auto_outstock_flag"
<!-- <el-input v-model="form.plyrating" placeholder="请输入层级" />--> :key="dict.value"
<el-select v-model="form.plyrating" placeholder="请选择层级"> :value="dict.value"
<el-option v-for="item in plyratingList" >{{dict.label}}</el-radio>
:key="item.masterDataDetailId" </el-radio-group>
:label="item.dataDetailName" </el-form-item>
:value="item.masterDataDetailId"></el-option> </el-col>
</el-select> </el-row>
</el-form-item>
<el-form-item label="花纹" prop="pattern"> <el-row :gutter="20">
<!-- <el-input v-model="form.pattern" placeholder="请输入花纹" />--> <el-col :span="8">
<el-select v-model="form.pattern" placeholder="请选择花纹"> <el-form-item label="辅料标识" prop="accessoriesFlag">
<el-option v-for="item in patternList" <el-radio-group v-model="form.accessoriesFlag">
:key="item.masterDataDetailId" <el-radio
:label="item.dataDetailName" v-for="dict in mes_accessories_flag"
:value="item.masterDataDetailId"></el-option> :key="dict.value"
</el-select> :value="dict.value"
</el-form-item> >{{dict.label}}</el-radio>
<el-form-item label="速度级别" prop="speedLevel"> </el-radio-group>
<!-- <el-input v-model="form.speedLevel" placeholder="请输入速度级别" />--> </el-form-item>
<el-select v-model="form.speedLevel" placeholder="请选择速度级别"> </el-col>
<el-option v-for="item in speedLevelList" :key="item.masterDataDetailId" :label="item.dataDetailName" :value="item.masterDataDetailId"></el-option> <el-col :span="8">
</el-select> <el-form-item label="低值易耗品标识" prop="lowValueConsumableFlag">
</el-form-item> <el-radio-group v-model="form.lowValueConsumableFlag">
<el-form-item label="负荷载重" prop="load"> <el-radio
<!-- <el-input v-model="form.load" placeholder="请输入负荷载重" />--> v-for="dict in mes_low_value_consumable_flag"
<el-select v-model="form.load" placeholder="请选择负荷载重"> :key="dict.value"
<el-option v-for="item in loadList" :key="item.masterDataDetailId" :label="item.dataDetailName" :value="item.masterDataDetailId"></el-option> :value="dict.value"
</el-select> >{{dict.label}}</el-radio>
</el-form-item> </el-radio-group>
<el-form-item label="轮胎标记" prop="tireMarkings"> </el-form-item>
<el-select v-model="form.tireMarkings" placeholder="请选择轮胎标记"> </el-col>
<el-option <el-col :span="8">
v-for="dict in tire_markings" <el-form-item label="品牌" prop="brand">
:key="dict.value" <el-select v-model="form.brand" placeholder="请选择品牌">
:label="dict.label" <el-option v-for="item in brandList"
:value="dict.value" :key="item.masterDataDetailId"
></el-option> :label="item.dataDetailName"
</el-select> :value="item.masterDataDetailId"></el-option>
</el-form-item> </el-select>
<el-form-item label="最小停放时间" prop="minParkingTime"> </el-form-item>
<!-- <el-input v-model="form.minParkingTime" placeholder="请输入最小停放时间" />--> </el-col>
<el-input-number </el-row>
v-model="form.minParkingDays"
placeholder="请输入天数" <el-row :gutter="20">
:min="0" <el-col :span="8">
:max="10000" <el-form-item label="层级" prop="plyrating">
:controls="false" <el-select v-model="form.plyrating" placeholder="请选择层级">
:style="{ width: '50px' }" <el-option v-for="item in plyratingList"
/> :key="item.masterDataDetailId"
<span>&nbsp;天&nbsp;</span> :label="item.dataDetailName"
<el-input-number v-model="form.minParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" /> :value="item.masterDataDetailId"></el-option>
<span>&nbsp;小时&nbsp;</span> </el-select>
<el-input-number </el-form-item>
v-model="form.minParkingMinutes" </el-col>
placeholder="请输入分钟" <el-col :span="8">
:min="0" <el-form-item label="花纹" prop="pattern">
:max="59" <el-select v-model="form.pattern" placeholder="请选择花纹">
:controls="false" <el-option v-for="item in patternList"
:style="{ width: '50px' }" :key="item.masterDataDetailId"
/> :label="item.dataDetailName"
<span>&nbsp;分钟&nbsp;</span> :value="item.masterDataDetailId"></el-option>
</el-form-item> </el-select>
<el-form-item label="最大停放时间" prop="maxParkingTime"> </el-form-item>
<!-- <el-input v-model="form.maxParkingTime" placeholder="请输入最大停放时间" />--> </el-col>
<el-input-number <el-col :span="8">
v-model="form.maxParkingDays" <el-form-item label="速度级别" prop="speedLevel">
placeholder="请输入天数" <el-select v-model="form.speedLevel" placeholder="请选择速度级别">
:min="0" <el-option v-for="item in speedLevelList" :key="item.masterDataDetailId" :label="item.dataDetailName" :value="item.masterDataDetailId"></el-option>
:max="10000" </el-select>
:controls="false" </el-form-item>
:style="{ width: '50px' }" </el-col>
/> </el-row>
<span>&nbsp;天&nbsp;</span>
<el-input-number v-model="form.maxParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" /> <el-row :gutter="20">
<span>&nbsp;小时&nbsp;</span> <el-col :span="8">
<el-input-number <el-form-item label="负荷载重" prop="load">
v-model="form.maxParkingMinutes" <el-select v-model="form.load" placeholder="请选择负荷载重">
placeholder="请输入分钟" <el-option v-for="item in loadList" :key="item.masterDataDetailId" :label="item.dataDetailName" :value="item.masterDataDetailId"></el-option>
:min="0" </el-select>
:max="59" </el-form-item>
:controls="false" </el-col>
:style="{ width: '50px' }" <el-col :span="8">
/> <el-form-item label="轮胎标记" prop="tireMarkings">
<span>&nbsp;分钟&nbsp;</span> <el-select v-model="form.tireMarkings" placeholder="请选择轮胎标记">
</el-form-item> <el-option
<el-form-item label="标准重量" prop="standardWeight"> v-for="dict in tire_markings"
<el-input v-model="form.standardWeight" placeholder="请输入标准重量" /> :key="dict.value"
</el-form-item> :label="dict.label"
<el-form-item label="标准重量上限" prop="weightUpperLimit"> :value="dict.value"
<el-input v-model="form.weightUpperLimit" placeholder="请输入标准重量上限" /> ></el-option>
</el-form-item> </el-select>
<el-form-item label="标准重量下限" prop="weightLowerLimit"> </el-form-item>
<el-input v-model="form.weightLowerLimit" placeholder="请输入标准重量下限" /> </el-col>
</el-form-item> <el-col :span="8">
<el-form-item label="内胎标记" prop="innerTubeFlag"> <el-form-item label="最小停放时间" prop="minParkingTime">
<el-radio-group v-model="form.innerTubeFlag"> <el-input-number
<el-radio v-model="form.minParkingDays"
v-for="dict in inner_tube_flag" placeholder="请输入天数"
:key="dict.value" :min="0"
:value="dict.value" :max="10000"
>{{dict.label}}</el-radio> :controls="false"
</el-radio-group> :style="{ width: '50px' }"
</el-form-item> />
<el-form-item label="销售类型" prop="saleType"> <span>&nbsp;天&nbsp;</span>
<el-select v-model="form.saleType" placeholder="请选择销售类型"> <el-input-number v-model="form.minParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" />
<el-option <span>&nbsp;小时&nbsp;</span>
v-for="dict in sale_type" <el-input-number
:key="dict.value" v-model="form.minParkingMinutes"
:label="dict.label" placeholder="请输入分钟"
:value="dict.value" :min="0"
></el-option> :max="59"
</el-select> :controls="false"
</el-form-item> :style="{ width: '50px' }"
<el-form-item label="备注" prop="remark"> />
<el-input v-model="form.remark" placeholder="请输入备注" /> <span>&nbsp;分钟&nbsp;</span>
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="最大停放时间" prop="maxParkingTime">
<el-input-number
v-model="form.maxParkingDays"
placeholder="请输入天数"
:min="0"
:max="10000"
:controls="false"
:style="{ width: '50px' }"
/>
<span>&nbsp;天&nbsp;</span>
<el-input-number v-model="form.maxParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" />
<span>&nbsp;小时&nbsp;</span>
<el-input-number
v-model="form.maxParkingMinutes"
placeholder="请输入分钟"
:min="0"
:max="59"
:controls="false"
:style="{ width: '50px' }"
/>
<span>&nbsp;分钟&nbsp;</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="标准重量" prop="standardWeight">
<el-input v-model="form.standardWeight" placeholder="请输入标准重量" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="标准重量上限" prop="weightUpperLimit">
<el-input v-model="form.weightUpperLimit" placeholder="请输入标准重量上限" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="标准重量下限" prop="weightLowerLimit">
<el-input v-model="form.weightLowerLimit" placeholder="请输入标准重量下限" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="内胎标记" prop="innerTubeFlag">
<el-radio-group v-model="form.innerTubeFlag">
<el-radio
v-for="dict in inner_tube_flag"
:key="dict.value"
:value="dict.value"
>{{dict.label}}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="销售类型" prop="saleType">
<el-select v-model="form.saleType" placeholder="请选择销售类型">
<el-option
v-for="dict in sale_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="8">
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<template #footer> <template #footer>
<div class="dialog-footer"> <div class="dialog-footer">
@ -753,9 +842,9 @@ import {getBaseMaterialCategoryList} from "@/api/mes/baseMaterialCategory";
const { proxy } = getCurrentInstance() as ComponentInternalInstance; const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const { apply_flag, inner_tube_flag, const { apply_flag, inner_tube_flag,
mes_material_categories, always_flag, mes_accessories_flag, always_flag, mes_accessories_flag,
auto_outstock_flag, mes_batch_flag, active_flag, sale_type, deleted_flag, tire_markings, auto_outstock_flag, mes_batch_flag, active_flag, sale_type, deleted_flag, tire_markings,
material_classfication, mes_low_value_consumable_flag } = toRefs<any>(proxy?.useDict('apply_flag', 'inner_tube_flag', 'mes_material_categories', 'always_flag', 'mes_accessories_flag', 'auto_outstock_flag', 'mes_batch_flag', 'active_flag', 'sale_type', 'deleted_flag', 'tire_markings', 'material_classfication', 'mes_low_value_consumable_flag')); material_classfication, mes_low_value_consumable_flag } = toRefs<any>(proxy?.useDict('apply_flag', 'inner_tube_flag', 'always_flag', 'mes_accessories_flag', 'auto_outstock_flag', 'mes_batch_flag', 'active_flag', 'sale_type', 'deleted_flag', 'tire_markings', 'material_classfication', 'mes_low_value_consumable_flag'));
const baseMaterialInfoList = ref<BaseMaterialInfoVO[]>([]); const baseMaterialInfoList = ref<BaseMaterialInfoVO[]>([]);
const buttonLoading = ref(false); const buttonLoading = ref(false);
@ -1133,7 +1222,7 @@ const getInfoOptions = async () => {
InfoOptions.value = proxy?.handleTree(res.data, "matrialTypeId", "parentId"); InfoOptions.value = proxy?.handleTree(res.data, "matrialTypeId", "parentId");
} }
//点击左侧物料类型树节点,(选中左侧物料类型，点击“新增”，新增页面物料类型绑定) //点击左侧物料类型树节点,(选中左侧物料类型，点击"新增"，新增页面物料类型绑定)
const handleTreeNodeClick = async (data: any) => { const handleTreeNodeClick = async (data: any) => {
queryParams.value.materialTypeId = data.matrialTypeId; queryParams.value.materialTypeId = data.matrialTypeId;
initFormData.materialTypeId = data.matrialTypeId; initFormData.materialTypeId = data.matrialTypeId;
@ -1266,6 +1355,7 @@ const getBaseMaterialCategorySelect = async () => {
materialCategoryOptions.value = res.data; materialCategoryOptions.value = res.data;
} }
//根据物料类型id获取物料大类，选择物料类型时自动绑定该物料类型的物料大类;
const materialCategoryIdBymaterialTypeId = (materialTypeId: string | number) => { const materialCategoryIdBymaterialTypeId = (materialTypeId: string | number) => {
const selectmaterialTypeId = materialTypeList.value.find(item => item.matrialTypeId === materialTypeId); const selectmaterialTypeId = materialTypeList.value.find(item => item.matrialTypeId === materialTypeId);
if (selectmaterialTypeId){ if (selectmaterialTypeId){

Write Preview
Loading…
Cancel
Save