运维/基础数据:型号参数轮胎磨损费用字段调整
- 列表与新增/编辑/查看页:轮胎规格改为轮胎磨损费用(元/mm) - 新增/编辑页输入提示与元后缀 - 移除供氢系统厂家与电堆厂家字段 Made-with: Cursor
This commit is contained in:
@@ -27,7 +27,7 @@ const Component = function () {
|
||||
var sizeHeight = useState('');
|
||||
// 轮胎情况
|
||||
var tireCount = useState('');
|
||||
var tireSpec = useState('');
|
||||
var tireWearFeePerMm = useState('');
|
||||
// 电气情况
|
||||
var batteryType = useState('磷酸铁锂');
|
||||
var batteryVendor = useState('');
|
||||
@@ -37,10 +37,8 @@ const Component = function () {
|
||||
var cylinderCapacity = useState('');
|
||||
var gaugeMode = useState(undefined);
|
||||
var hydrogenRange = useState('');
|
||||
var hydrogenVendor = useState('');
|
||||
// 其他系统情况
|
||||
var coldMachineVendor = useState('');
|
||||
var stackVendor = useState('');
|
||||
// 保养项列表(无上移下移,操作列仅删除)
|
||||
var maintenanceList = useState([{ key: '1', item: '', kmCycle: '', monthCycle: '', laborCost: '', materialCost: '', total: '' }]);
|
||||
var formErrors = useState({});
|
||||
@@ -235,8 +233,8 @@ const Component = function () {
|
||||
React.createElement(FormItem, { label: '轮胎数量' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎数量', value: tireCount[0], onChange: function (e) { tireCount[1](e.target.value); }, style: inputStyle, addonAfter: '条' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '轮胎规格' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎规格', value: tireSpec[0], onChange: function (e) { tireSpec[1](e.target.value); }, style: inputStyle })
|
||||
React.createElement(FormItem, { label: '轮胎磨损费用(元/mm)' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎磨损费用', value: tireWearFeePerMm[0], onChange: function (e) { tireWearFeePerMm[1](e.target.value); }, style: inputStyle, addonAfter: '元' })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -269,9 +267,6 @@ const Component = function () {
|
||||
),
|
||||
React.createElement(FormItem, { label: '氢续航里程' },
|
||||
React.createElement(Input, { placeholder: '请输入氢续航里程', value: hydrogenRange[0], onChange: function (e) { hydrogenRange[1](e.target.value); }, style: inputStyle, addonAfter: 'KM' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '供氢系统厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入供氢系统厂家', value: hydrogenVendor[0], onChange: function (e) { hydrogenVendor[1](e.target.value); }, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -279,9 +274,6 @@ const Component = function () {
|
||||
React.createElement('div', { style: formRowStyle },
|
||||
React.createElement(FormItem, { label: '冷机厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入冷机厂家名称', value: coldMachineVendor[0], onChange: function (e) { coldMachineVendor[1](e.target.value); }, style: inputStyle })
|
||||
),
|
||||
React.createElement(FormItem, { label: '电堆厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入电堆厂家名称', value: stackVendor[0], onChange: function (e) { stackVendor[1](e.target.value); }, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
@@ -35,7 +35,7 @@ const Component = function () {
|
||||
sizeWidth: '2145',
|
||||
sizeHeight: '3130',
|
||||
tireCount: '8',
|
||||
tireSpec: '15/80R22.5',
|
||||
tireWearFeePerMm: '2.50',
|
||||
batteryType: '磷酸铁锂',
|
||||
batteryVendor: '某某电池企业',
|
||||
capacityKwh: '100000',
|
||||
@@ -43,9 +43,7 @@ const Component = function () {
|
||||
cylinderCapacity: '140',
|
||||
gaugeMode: 'MPa',
|
||||
hydrogenRange: '1000',
|
||||
hydrogenVendor: '某某供氢系统科技有限公司',
|
||||
coldMachineVendor: '某某冷机企业',
|
||||
stackVendor: '某某电堆企业',
|
||||
maintenanceList: [
|
||||
{ key: '1', item: '变速器油', kmCycle: '60000', monthCycle: '24', laborCost: '0', materialCost: '571', total: '571' },
|
||||
{ key: '2', item: '机油', kmCycle: '50000', monthCycle: '12', laborCost: '100', materialCost: '300', total: '400' }
|
||||
@@ -142,8 +140,8 @@ const Component = function () {
|
||||
React.createElement(FormItem, { label: '轮胎数量' },
|
||||
React.createElement(Input, { value: detail.tireCount, disabled: true, style: inputStyle, addonAfter: '条' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '轮胎规格' },
|
||||
React.createElement(Input, { value: detail.tireSpec, disabled: true, style: inputStyle })
|
||||
React.createElement(FormItem, { label: '轮胎磨损费用(元/mm)' },
|
||||
React.createElement(Input, { value: detail.tireWearFeePerMm, disabled: true, style: inputStyle, addonAfter: '元' })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -176,9 +174,6 @@ const Component = function () {
|
||||
),
|
||||
React.createElement(FormItem, { label: '氢续航里程' },
|
||||
React.createElement(Input, { value: detail.hydrogenRange, disabled: true, style: inputStyle, addonAfter: 'KM' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '供氢系统厂家' },
|
||||
React.createElement(Input, { value: detail.hydrogenVendor, disabled: true, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -186,9 +181,6 @@ const Component = function () {
|
||||
React.createElement('div', { style: formRowStyle },
|
||||
React.createElement(FormItem, { label: '冷机厂家' },
|
||||
React.createElement(Input, { value: detail.coldMachineVendor, disabled: true, style: inputStyle })
|
||||
),
|
||||
React.createElement(FormItem, { label: '电堆厂家' },
|
||||
React.createElement(Input, { value: detail.stackVendor, disabled: true, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
@@ -26,7 +26,7 @@ const Component = function () {
|
||||
sizeWidth: '2145',
|
||||
sizeHeight: '3130',
|
||||
tireCount: '8',
|
||||
tireSpec: '15/80R22.5',
|
||||
tireWearFeePerMm: '2.50',
|
||||
batteryType: '磷酸铁锂',
|
||||
batteryVendor: '某某电池企业',
|
||||
capacityKwh: '100000',
|
||||
@@ -34,9 +34,7 @@ const Component = function () {
|
||||
cylinderCapacity: '140',
|
||||
gaugeMode: 'MPa',
|
||||
hydrogenRange: '1000',
|
||||
hydrogenVendor: '某某供氢系统科技有限公司',
|
||||
coldMachineVendor: '某某冷机企业',
|
||||
stackVendor: '某某电堆企业',
|
||||
maintenanceList: [
|
||||
{ key: '1', item: '变速器油', kmCycle: '60000', monthCycle: '24', laborCost: '0', materialCost: '571', total: '571.00' },
|
||||
{ key: '2', item: '机油', kmCycle: '50000', monthCycle: '12', laborCost: '100', materialCost: '300', total: '400.00' }
|
||||
@@ -87,7 +85,7 @@ const Component = function () {
|
||||
var sizeHeight = useState(initialData.sizeHeight);
|
||||
// 轮胎情况
|
||||
var tireCount = useState(initialData.tireCount);
|
||||
var tireSpec = useState(initialData.tireSpec);
|
||||
var tireWearFeePerMm = useState(initialData.tireWearFeePerMm);
|
||||
// 电气情况
|
||||
var batteryType = useState(initialData.batteryType);
|
||||
var batteryVendor = useState(initialData.batteryVendor);
|
||||
@@ -97,10 +95,8 @@ const Component = function () {
|
||||
var cylinderCapacity = useState(initialData.cylinderCapacity);
|
||||
var gaugeMode = useState(initialData.gaugeMode);
|
||||
var hydrogenRange = useState(initialData.hydrogenRange);
|
||||
var hydrogenVendor = useState(initialData.hydrogenVendor);
|
||||
// 其他系统情况
|
||||
var coldMachineVendor = useState(initialData.coldMachineVendor);
|
||||
var stackVendor = useState(initialData.stackVendor);
|
||||
// 保养项列表
|
||||
var maintenanceList = useState(initialData.maintenanceList.slice());
|
||||
var formErrors = useState({});
|
||||
@@ -264,8 +260,8 @@ const Component = function () {
|
||||
React.createElement(FormItem, { label: '轮胎数量' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎数量', value: tireCount[0], onChange: function (e) { tireCount[1](e.target.value); }, style: inputStyle, addonAfter: '条' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '轮胎规格' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎规格', value: tireSpec[0], onChange: function (e) { tireSpec[1](e.target.value); }, style: inputStyle })
|
||||
React.createElement(FormItem, { label: '轮胎磨损费用(元/mm)' },
|
||||
React.createElement(Input, { placeholder: '请输入轮胎磨损费用', value: tireWearFeePerMm[0], onChange: function (e) { tireWearFeePerMm[1](e.target.value); }, style: inputStyle, addonAfter: '元' })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -298,9 +294,6 @@ const Component = function () {
|
||||
),
|
||||
React.createElement(FormItem, { label: '氢续航里程' },
|
||||
React.createElement(Input, { placeholder: '请输入氢续航里程', value: hydrogenRange[0], onChange: function (e) { hydrogenRange[1](e.target.value); }, style: inputStyle, addonAfter: 'KM' })
|
||||
),
|
||||
React.createElement(FormItem, { label: '供氢系统厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入供氢系统厂家', value: hydrogenVendor[0], onChange: function (e) { hydrogenVendor[1](e.target.value); }, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
@@ -308,9 +301,6 @@ const Component = function () {
|
||||
React.createElement('div', { style: formRowStyle },
|
||||
React.createElement(FormItem, { label: '冷机厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入冷机厂家名称', value: coldMachineVendor[0], onChange: function (e) { coldMachineVendor[1](e.target.value); }, style: inputStyle })
|
||||
),
|
||||
React.createElement(FormItem, { label: '电堆厂家' },
|
||||
React.createElement(Input, { placeholder: '请输入电堆厂家名称', value: stackVendor[0], onChange: function (e) { stackVendor[1](e.target.value); }, style: inputStyle })
|
||||
)
|
||||
)
|
||||
),
|
||||
|
||||
@@ -80,13 +80,13 @@ const Component = function () {
|
||||
|
||||
// 列表数据(样例与车辆管理-查看.jsx 型号参数一致,并扩展多品牌多型号)
|
||||
var rawList = [
|
||||
{ id: '1', vehicleType: '18吨双飞翼货车', brand: '苏龙', model: '海格牌KLQ5180XYKFCEV', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2145mm x 3130mm', tireCount: '8', tireSpec: '15/80R22.5', batteryType: '磷酸铁锂', capacityKwh: '100000', cylinderCapacity: 'xxx L' },
|
||||
{ id: '2', vehicleType: '重型厢式货车', brand: '东风', model: 'DFH1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5990mm x 2150mm x 3080mm', tireCount: '8', tireSpec: '295/80R22.5', batteryType: '磷酸铁锂', capacityKwh: '96000', cylinderCapacity: '140 L' },
|
||||
{ id: '3', vehicleType: '重型厢式货车', brand: '福田', model: 'BJ1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5985mm x 2140mm x 3120mm', tireCount: '8', tireSpec: '295/80R22.5', batteryType: '磷酸铁锂', capacityKwh: '98000', cylinderCapacity: '135 L' },
|
||||
{ id: '4', vehicleType: '轻型厢式货车', brand: '江淮', model: 'HFC1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2100mm x 2980mm', tireCount: '6', tireSpec: '225/70R19.5', batteryType: '磷酸铁锂', capacityKwh: '72000', cylinderCapacity: '80 L' },
|
||||
{ id: '5', vehicleType: '18吨双飞翼货车', brand: '重汽', model: 'ZZ5180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2145mm x 3140mm', tireCount: '8', tireSpec: '15/80R22.5', batteryType: '磷酸铁锂', capacityKwh: '102000', cylinderCapacity: '150 L' },
|
||||
{ id: '6', vehicleType: '小型普通客车', brand: '苏龙', model: 'KLQ6129', fuelType: '氢', plateColor: '绿牌', wholeSize: '11980mm x 2550mm x 3580mm', tireCount: '6', tireSpec: '275/70R22.5', batteryType: '磷酸铁锂', capacityKwh: '85000', cylinderCapacity: '100 L' },
|
||||
{ id: '7', vehicleType: '重型栏板货车', brand: '陕汽', model: 'SX1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2150mm x 3100mm', tireCount: '8', tireSpec: '295/80R22.5', batteryType: '磷酸铁锂', capacityKwh: '95000', cylinderCapacity: '130 L' }
|
||||
{ id: '1', vehicleType: '18吨双飞翼货车', brand: '苏龙', model: '海格牌KLQ5180XYKFCEV', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2145mm x 3130mm', tireCount: '8', tireSpec: '15/80R22.5', tireWearFeePerMm: '2.50', batteryType: '磷酸铁锂', capacityKwh: '100000', cylinderCapacity: 'xxx L' },
|
||||
{ id: '2', vehicleType: '重型厢式货车', brand: '东风', model: 'DFH1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5990mm x 2150mm x 3080mm', tireCount: '8', tireSpec: '295/80R22.5', tireWearFeePerMm: '2.80', batteryType: '磷酸铁锂', capacityKwh: '96000', cylinderCapacity: '140 L' },
|
||||
{ id: '3', vehicleType: '重型厢式货车', brand: '福田', model: 'BJ1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5985mm x 2140mm x 3120mm', tireCount: '8', tireSpec: '295/80R22.5', tireWearFeePerMm: '2.70', batteryType: '磷酸铁锂', capacityKwh: '98000', cylinderCapacity: '135 L' },
|
||||
{ id: '4', vehicleType: '轻型厢式货车', brand: '江淮', model: 'HFC1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2100mm x 2980mm', tireCount: '6', tireSpec: '225/70R19.5', tireWearFeePerMm: '2.20', batteryType: '磷酸铁锂', capacityKwh: '72000', cylinderCapacity: '80 L' },
|
||||
{ id: '5', vehicleType: '18吨双飞翼货车', brand: '重汽', model: 'ZZ5180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2145mm x 3140mm', tireCount: '8', tireSpec: '15/80R22.5', tireWearFeePerMm: '2.95', batteryType: '磷酸铁锂', capacityKwh: '102000', cylinderCapacity: '150 L' },
|
||||
{ id: '6', vehicleType: '小型普通客车', brand: '苏龙', model: 'KLQ6129', fuelType: '氢', plateColor: '绿牌', wholeSize: '11980mm x 2550mm x 3580mm', tireCount: '6', tireSpec: '275/70R22.5', tireWearFeePerMm: '1.80', batteryType: '磷酸铁锂', capacityKwh: '85000', cylinderCapacity: '100 L' },
|
||||
{ id: '7', vehicleType: '重型栏板货车', brand: '陕汽', model: 'SX1180', fuelType: '氢', plateColor: '绿牌', wholeSize: '5995mm x 2150mm x 3100mm', tireCount: '8', tireSpec: '295/80R22.5', tireWearFeePerMm: '2.60', batteryType: '磷酸铁锂', capacityKwh: '95000', cylinderCapacity: '130 L' }
|
||||
];
|
||||
|
||||
var filteredList = useMemo(function () {
|
||||
@@ -133,7 +133,17 @@ const Component = function () {
|
||||
{ title: '车牌颜色', dataIndex: 'plateColor', key: 'plateColor', width: 100, ellipsis: true },
|
||||
{ title: '整车尺寸', dataIndex: 'wholeSize', key: 'wholeSize', width: 140, ellipsis: true },
|
||||
{ title: '轮胎数量', dataIndex: 'tireCount', key: 'tireCount', width: 90, ellipsis: true },
|
||||
{ title: '轮胎规格', dataIndex: 'tireSpec', key: 'tireSpec', width: 120, ellipsis: true },
|
||||
{
|
||||
title: '轮胎磨损费用(元/mm)',
|
||||
dataIndex: 'tireWearFeePerMm',
|
||||
key: 'tireWearFeePerMm',
|
||||
width: 160,
|
||||
render: function (v) {
|
||||
var n = v === null || v === undefined || v === '' ? NaN : parseFloat(v);
|
||||
var txt = isNaN(n) ? '--' : n.toFixed(2);
|
||||
return React.createElement('span', null, txt);
|
||||
}
|
||||
},
|
||||
{ title: '电池类型', dataIndex: 'batteryType', key: 'batteryType', width: 100, ellipsis: true },
|
||||
{ title: '储电量(kWh)', dataIndex: 'capacityKwh', key: 'capacityKwh', width: 120, ellipsis: true },
|
||||
{ title: '氢瓶容量', dataIndex: 'cylinderCapacity', key: 'cylinderCapacity', width: 100, ellipsis: true },
|
||||
|
||||
Reference in New Issue
Block a user