|
|
@@ -40,14 +40,29 @@
|
|
|
<a-form-item label="设备名称" name="name">
|
|
|
<a-input v-model:value="form.name" allow-clear placeholder="请输入设备名称" />
|
|
|
</a-form-item>
|
|
|
+ <a-form-item label="通道" name="configChannelId">
|
|
|
+ <a-select v-model:value="form.configChannelId" :options="channelOptions" placeholder="请选择通道" />
|
|
|
+ </a-form-item>
|
|
|
<a-form-item label="所属场站" name="configStationId">
|
|
|
- <a-select v-model:value="form.configStationId" allow-clear :options="stationOptions" placeholder="请选择所属场站" />
|
|
|
+ <a-select v-model:value="form.configStationId" :options="stationOptions" placeholder="请选择所属场站" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="通道" name="configChannelId">
|
|
|
- <a-select v-model:value="form.configChannelId" allow-clear :options="channelOptions" placeholder="请选择通道" />
|
|
|
+ <a-form-item label="设备类型" name="tp">
|
|
|
+ <a-select v-model:value="form.tp" :options="tpOptions" placeholder="请选择设备类型" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="品牌" name="brand">
|
|
|
+ <a-input v-model:value="form.brand" allow-clear placeholder="请输入品牌" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="型号" name="model">
|
|
|
+ <a-input v-model:value="form.model" allow-clear placeholder="请输入型号" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="序列号" name="serialNumber">
|
|
|
+ <a-input v-model:value="form.serialNumber" allow-clear placeholder="请输入序列号" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="状态" name="status">
|
|
|
+ <a-select v-model:value="form.status" :options="statusOptions" placeholder="请选择状态" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="备注" name="remark">
|
|
|
- <a-textarea v-model:value="form.remark" :rows="3" placeholder="请输入备注" />
|
|
|
+ <a-form-item label="投运日期" name="installDate">
|
|
|
+ <a-date-picker v-model:value="form.installDate" value-format="YYYY-MM-DD" style="width: 100%" placeholder="请选择投运日期" />
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
|
</a-modal>
|
|
|
@@ -97,8 +112,26 @@ const rowSelection = computed(() => ({
|
|
|
}
|
|
|
}));
|
|
|
|
|
|
+const tpOptions = [
|
|
|
+ {label: '气象设备', value: 'WEATHER'},
|
|
|
+ {label: 'agvc设备', value: 'AGVC'}
|
|
|
+];
|
|
|
+
|
|
|
+const statusOptions = [
|
|
|
+ {label: '在线', value: 'GOOD'},
|
|
|
+ {label: '离线', value: 'OFF'}
|
|
|
+];
|
|
|
+
|
|
|
const rules = {
|
|
|
- name: [{required: true, message: '请输入设备名称', trigger: 'blur'}]
|
|
|
+ name: [{required: true, message: '请输入设备名称', trigger: 'blur'}],
|
|
|
+ configChannelId: [{required: true, message: '请选择通道', trigger: 'change'}],
|
|
|
+ configStationId: [{required: true, message: '请选择所属场站', trigger: 'change'}],
|
|
|
+ tp: [{required: true, message: '请选择设备类型', trigger: 'change'}],
|
|
|
+ brand: [{required: true, message: '请输入品牌', trigger: 'blur'}],
|
|
|
+ model: [{required: true, message: '请输入型号', trigger: 'blur'}],
|
|
|
+ serialNumber: [{required: true, message: '请输入序列号', trigger: 'blur'}],
|
|
|
+ status: [{required: true, message: '请选择状态', trigger: 'change'}],
|
|
|
+ installDate: [{required: true, message: '请选择投运日期', trigger: 'change'}]
|
|
|
};
|
|
|
|
|
|
const columns = [
|
|
|
@@ -107,17 +140,20 @@ const columns = [
|
|
|
customRender: ({index}) => (pagination.current - 1) * pagination.pageSize + index + 1
|
|
|
},
|
|
|
{title: '设备名称', dataIndex: 'name'},
|
|
|
- {title: '设备类型', dataIndex: 'tp', width: 110},
|
|
|
- {title: '所属场站', dataIndex: 'stationName', width: 180},
|
|
|
+ {title: '通道', dataIndex: 'channelName', width: 140},
|
|
|
+ {title: '所属场站', dataIndex: 'stationName', width: 160},
|
|
|
{
|
|
|
- title: '额定容量', width: 100,
|
|
|
- customRender: () => '-'
|
|
|
+ title: '设备类型', dataIndex: 'tp', width: 100,
|
|
|
+ customRender: ({text}) => (text === 'WEATHER' ? '气象设备' : text === 'AGVC' ? 'agvc设备' : text)
|
|
|
},
|
|
|
- {title: '型号', dataIndex: 'model', width: 140},
|
|
|
+ {title: '品牌', dataIndex: 'brand', width: 110},
|
|
|
+ {title: '型号', dataIndex: 'model', width: 120},
|
|
|
+ {title: '序列号', dataIndex: 'serialNumber', width: 120},
|
|
|
{
|
|
|
- title: '状态', dataIndex: 'status', width: 90,
|
|
|
+ title: '状态', dataIndex: 'status', width: 80,
|
|
|
customRender: ({text}) => (text === 'GOOD' ? '在线' : '离线')
|
|
|
- }
|
|
|
+ },
|
|
|
+ {title: '投运日期', dataIndex: 'installDate', width: 110}
|
|
|
];
|
|
|
|
|
|
const resetObject = (target, source = {}) => {
|