|
|
@@ -168,19 +168,26 @@
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="事件ID" prop="id">
|
|
|
- <el-input v-model="form.id" placeholder="请输入" />
|
|
|
+ <el-input v-model="form.id" placeholder="请输入" readonly />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="事件类型" prop="ext2.lx">
|
|
|
- <el-select v-model="form.ext2.lx" clearable placeholder="请选择">
|
|
|
+ <el-select v-model="form.ext2.lx" clearable filterable allow-create placeholder="请选择" @change="formSubmit('lx', 'ext2')">
|
|
|
<el-option v-for="dict in eventTypeOptions" :key="dict" :label="dict" :value="dict"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="发生时间" prop="createTime">
|
|
|
- <el-date-picker style="width: 100%" v-model="form.createTime" type="date" placeholder="请选择" />
|
|
|
+ <el-date-picker
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="form.createTime"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ @change="formSubmit('createTime')"
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
@@ -192,7 +199,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="桩号" prop="ext2.zh">
|
|
|
- <el-input v-model="form.ext2.zh" placeholder="请输入" />
|
|
|
+ <el-input v-model="form.ext2.zh" placeholder="请输入" @blur="formSubmit('zh', 'ext2')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
@@ -204,7 +211,7 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="地点描述" prop="addr">
|
|
|
- <el-input v-model="form.addr" type="textarea" placeholder="请输入" />
|
|
|
+ <el-input v-model="form.addr" type="textarea" placeholder="请输入" @blur="formSubmit('addr')" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -847,15 +854,26 @@ const dialogClose = () => {
|
|
|
showReport.value = false;
|
|
|
dialog.loading && dialog.loading.close();
|
|
|
};
|
|
|
-const formSubmit = async (field) => {
|
|
|
+const formSubmit = async (field, obj = '') => {
|
|
|
const { id } = form.value;
|
|
|
const params = {
|
|
|
id
|
|
|
};
|
|
|
- params[field] = form.value[field];
|
|
|
+ if (obj) {
|
|
|
+ params[obj] = form.value[obj];
|
|
|
+ params[obj] = JSON.stringify(params[obj]);
|
|
|
+ } else {
|
|
|
+ params[field] = form.value[field];
|
|
|
+ }
|
|
|
+
|
|
|
await updateEvent(params);
|
|
|
getList();
|
|
|
- getStat();
|
|
|
+ if (field === 'status') {
|
|
|
+ getStat();
|
|
|
+ }
|
|
|
+ if (field === 'ext2.lx') {
|
|
|
+ getEventTypeOptions();
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
