change(dms): 调整报警时间表格列宽度并优化表单日期选择器配置

- 将报警开始时间和结束时间表格列宽度从180调整为200
- 移除表单中日期选择器的disabled属性
- 为日期选择器添加placeholder提示文本
- 修正日期选择器value-format格式去除多余空格
- 统一日期选择器样式配置,提升用户体验
master
zangch@mesnac.com 3 weeks ago
parent 0324f052d9
commit 25dec396f4

@ -190,12 +190,12 @@
<!-- <dict-tag :options="dict.type.dms_notice_status" :value="scope.row.noticeStatus"/>--> <!-- <dict-tag :options="dict.type.dms_notice_status" :value="scope.row.noticeStatus"/>-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<el-table-column label="报警开始时间" align="center" prop="alarmBeginTime" width="180" v-if="columns[3].visible"> <el-table-column label="报警开始时间" align="center" prop="alarmBeginTime" width="200" v-if="columns[3].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.alarmBeginTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> <span>{{ parseTime(scope.row.alarmBeginTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="报警结束时间" align="center" prop="alarmEndTime" width="180" v-if="columns[4].visible"> <el-table-column label="报警结束时间" align="center" prop="alarmEndTime" width="200" v-if="columns[4].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.alarmEndTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> <span>{{ parseTime(scope.row.alarmEndTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template> </template>
@ -250,20 +250,12 @@
<!-- <el-input v-model="form.alarmRuleId" placeholder="请输入设备报警规则id"/>--> <!-- <el-input v-model="form.alarmRuleId" placeholder="请输入设备报警规则id"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="报警开始时间" prop="alarmBeginTime"> <el-form-item label="报警开始时间" prop="alarmBeginTime">
<el-date-picker clearable <el-date-picker clearable v-model="form.alarmBeginTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.alarmBeginTime" placeholder="请选择报警开始时间" />
type="datetime"
value-format=" yyyy-MM-dd HH:mm:ss"
disabled>
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="报警结束时间" prop="alarmEndTime"> <el-form-item label="报警结束时间" prop="alarmEndTime">
<el-date-picker clearable <el-date-picker clearable v-model="form.alarmEndTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.alarmEndTime" placeholder="请选择报警结束时间" />
type="datetime"
value-format=" yyyy-MM-dd HH:mm:ss"
disabled>
</el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="报警持续时间(ms)" prop="continueTime">--> <!-- <el-form-item label="报警持续时间(ms)" prop="continueTime">-->
<!-- <el-input v-model="form.continueTime" placeholder="请输入报警持续时间(ms)"/>--> <!-- <el-input v-model="form.continueTime" placeholder="请输入报警持续时间(ms)"/>-->

Loading…
Cancel
Save