From de2f2613ffd98786bc7252a35ceb6a4d165849ef Mon Sep 17 00:00:00 2001
From: 龚焕茏 <2842157468@qq.com>
Date: 星期五, 15 三月 2024 14:27:14 +0800
Subject: [PATCH] 界面调整
---
src/views/dg/danger/total.vue | 22 ++-
src/views/pcr/pcrData/index.vue | 33 +++--
src/views/geographyData/index.vue | 98 ++++++++++++++++++-
src/views/trafficAccident/index.vue | 17 ++-
src/views/tp/trafficPropaganda/index.vue | 17 ++-
src/views/dg/danger/index.vue | 32 ++++--
src/api/geographyData/types.ts | 10 ++
src/views/scenery/sceneryOperationData/index.vue | 33 ++++--
8 files changed, 199 insertions(+), 63 deletions(-)
diff --git a/src/api/geographyData/types.ts b/src/api/geographyData/types.ts
index 83efadd..2d01c67 100644
--- a/src/api/geographyData/types.ts
+++ b/src/api/geographyData/types.ts
@@ -15,6 +15,11 @@
name: string;
/**
+ * 鎵�灞炶闀�
+ */
+ townStreetName: string;
+
+ /**
* 鎻忚堪
*/
description: string;
@@ -43,6 +48,11 @@
name?: string;
/**
+ * 鎵�灞炶闀�
+ */
+ townStreetName: string;
+
+ /**
* 鎻忚堪
*/
description?: string;
diff --git a/src/views/dg/danger/index.vue b/src/views/dg/danger/index.vue
index df55df3..f4df011 100644
--- a/src/views/dg/danger/index.vue
+++ b/src/views/dg/danger/index.vue
@@ -85,25 +85,26 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀瑰畨鍏ㄩ殣鎮ｄ俊鎭璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="dangerInfoFormRef" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="閫氭姤鏃堕棿" prop="notificationTime">
- <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨閫氭姤鏃堕棿" />
- </el-form-item>
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
+ <el-form ref="dangerInfoFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
<el-form-item label="闅愭偅绫诲瀷" prop="dangerType">
- <el-input v-model="form.dangerType" placeholder="璇疯緭鍏ラ殣鎮ｇ被鍨�" />
+ <el-input class="el-input-width" v-model="form.dangerType" placeholder="璇疯緭鍏ラ殣鎮ｇ被鍨�" />
</el-form-item>
<el-form-item label="璐ｄ换鍗曚綅" prop="accountabilityUnit">
- <el-input v-model="form.accountabilityUnit" placeholder="璇疯緭鍏ヨ矗浠诲崟浣�" />
+ <el-input class="el-input-width" v-model="form.accountabilityUnit" placeholder="璇疯緭鍏ヨ矗浠诲崟浣�" />
</el-form-item>
- <el-form-item label="鏁存敼鏃堕檺" prop="rectificationTimeLimit">
+ <el-form-item label="閫氭姤鏃堕棿" prop="notificationTime">
+ <el-date-picker v-model="form.notificationTime" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨閫氭姤鏃堕棿" />
+ </el-form-item>
+ <el-form-item label="鏁存敼鏃堕檺" prop="rectificationTimeLimit">
<el-date-picker v-model="form.rectificationTimeLimit" type="date" value-format="YYYY-MM-DD" placeholder="璇烽�夋嫨鏁存敼鏃堕檺" />
</el-form-item>
<el-form-item label="瀹屾垚鎯呭喌" prop="performance">
- <el-input v-model="form.performance" placeholder="璇疯緭鍏ュ畬鎴愭儏鍐�" />
+ <el-input class="el-input-width" v-model="form.performance" placeholder="璇疯緭鍏ュ畬鎴愭儏鍐�" />
</el-form-item>
+ <br/>
<el-form-item label="鍥剧墖" prop="">
- <el-upload action="#" list-type="picture-card" :auto-upload="false">
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="5">
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div>
@@ -137,8 +138,9 @@
<img w-full :src="dialogImageUrl" alt="Preview Image" />
</el-dialog>
</el-form-item>
+ <br/>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -373,3 +375,11 @@
console.log(file)
}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+.el-picker-panel {
+ width: 365px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dg/danger/total.vue b/src/views/dg/danger/total.vue
index 065e022..b9e065d 100644
--- a/src/views/dg/danger/total.vue
+++ b/src/views/dg/danger/total.vue
@@ -81,10 +81,10 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀瑰畨鍏ㄩ殣鎮ｇ粺璁″璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="dangerTotalFormRef" :model="form" :rules="rules" label-width="80px">
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
+ <el-form ref="dangerTotalFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
<el-form-item label="闀囪鍚嶇О" prop="townStreetName" label-width="100">
- <el-select v-model="form.townStreetName" placeholder="璇烽�夋嫨" clearable style="width: 240px" >
+ <el-select class="el-input-width" v-model="form.townStreetName" placeholder="璇烽�夋嫨" clearable >
<el-option v-for="item in townStreetNames" :key="item.name" :label="item.name" :value="item.name"/>
</el-select>
</el-form-item>
@@ -94,19 +94,20 @@
<el-option key="2" label="鏈堝害" :value="2" />
</el-select>
 
- <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" />
+ <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" style="width: 150px;" />
</el-form-item>
<el-form-item label="鍙戠幇闅愭偅" prop="findSecurityRisks" label-width="100">
- <el-input v-model="form.findSecurityRisks" placeholder="璇疯緭鍏ュ彂鐜板畨鍏ㄩ殣鎮�" />
+ <el-input class="el-input-width" v-model="form.findSecurityRisks" placeholder="璇疯緭鍏ュ彂鐜板畨鍏ㄩ殣鎮�" />
</el-form-item>
<el-form-item label="涓嬪彂閫氱煡涔�" prop="issueNotice" label-width="100">
- <el-input v-model="form.issueNotice" placeholder="璇疯緭鍏ヤ笅鍙戦�氱煡涔�" />
+ <el-input class="el-input-width" v-model="form.issueNotice" placeholder="璇疯緭鍏ヤ笅鍙戦�氱煡涔�" />
</el-form-item>
<el-form-item label="澶勭疆闅愭偅" prop="dealWithSecurityRisks" label-width="100">
- <el-input v-model="form.dealWithSecurityRisks" placeholder="璇疯緭鍏ュ缃畨鍏ㄩ殣鎮�" />
+ <el-input class="el-input-width" v-model="form.dealWithSecurityRisks" placeholder="璇疯緭鍏ュ缃畨鍏ㄩ殣鎮�" />
</el-form-item>
+ <br/>
<el-form-item label="鐘舵��" prop="status" label-width="100">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -409,3 +410,8 @@
}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/geographyData/index.vue b/src/views/geographyData/index.vue
index 5a16b43..2389b01 100644
--- a/src/views/geographyData/index.vue
+++ b/src/views/geographyData/index.vue
@@ -36,8 +36,9 @@
<el-table v-loading="loading" :data="geographyDataList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="搴忓彿" align="center" type="index" width="50" />
- <el-table-column label="绫诲瀷" align="center" prop="type" />
<el-table-column label="鍚嶇О" align="center" prop="name" />
+ <el-table-column label="绫诲瀷" align="center" prop="type" />
+ <el-table-column label="鎵�灞炶闀�" align="center" prop="townStreetName" />
<el-table-column label="鎻忚堪" align="center" prop="description" />
<el-table-column label="鏍囪鐘舵��" align="center" prop="status">
<template #default="scope">
@@ -66,10 +67,10 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀规暟鎹笂鍥惧璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="430px" append-to-body>
<el-form ref="geographyDataFormRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="绫诲瀷" prop="type">
- <el-select v-model="form.type" placeholder="璇烽�夋嫨" style="width: 240px;">
+ <el-select v-model="form.type" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="浜嬫晠鏄撳彂澶氬彂璺" value="浜嬫晠鏄撳彂澶氬彂璺" />
<el-option key="2" label="閲嶇偣鏃呮父閫氶亾" value="閲嶇偣鏃呮父閫氶亾" />
<el-option key="3" label="閮芥睙鍫版櫙鍖�" value="閮芥睙鍫版櫙鍖�" />
@@ -82,10 +83,50 @@
</el-select>
</el-form-item>
<el-form-item label="鍚嶇О" prop="name">
- <el-input v-model="form.name" placeholder="璇疯緭鍏ュ悕绉�" />
+ <el-input class="el-input-width" v-model="form.name" placeholder="璇疯緭鍏ュ悕绉�" />
+ </el-form-item>
+ <el-form-item label="闀囪" prop="townStreetName">
+ <el-select v-model="form.townStreetName" placeholder="璇烽�夋嫨" clearable class="el-input-width">
+ <el-option v-for="item in townStreetNames" :key="item.name" :label="item.name" :value="item.name"/>
+ </el-select>
</el-form-item>
<el-form-item label="鎻忚堪" prop="description">
- <el-input v-model="form.description" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" />
+ <el-input class="el-input-width" v-model="form.description" type="textarea" placeholder="璇疯緭鍏ュ唴瀹�" />
+ </el-form-item>
+ <el-form-item label="鍥剧墖" prop="">
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="2">
+ <el-icon><Plus /></el-icon>
+ <template #file="{ file }">
+ <div>
+ <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
+ <span class="el-upload-list__item-actions">
+ <span
+ class="el-upload-list__item-preview"
+ @click="handlePictureCardPreview(file)"
+ >
+ <el-icon><zoom-in /></el-icon>
+ </span>
+ <span
+ v-if="!disabled"
+ class="el-upload-list__item-delete"
+ @click="handleDownload(file)"
+ >
+ <el-icon><Download /></el-icon>
+ </span>
+ <span
+ v-if="!disabled"
+ class="el-upload-list__item-delete"
+ @click="handleRemove(file)"
+ >
+ <el-icon><Delete /></el-icon>
+ </span>
+ </span>
+ </div>
+ </template>
+ </el-upload>
+ <el-dialog v-model="dialogVisible">
+ <img w-full :src="dialogImageUrl" alt="Preview Image" />
+ </el-dialog>
</el-form-item>
</el-form>
<template #footer>
@@ -125,6 +166,7 @@
id: undefined,
type: undefined,
name: undefined,
+ townStreetName: undefined,
description: undefined,
status: undefined
}
@@ -134,6 +176,7 @@
pageNum: 1,
pageSize: 10,
name: undefined,
+ townStreetName: undefined,
params: {
}
},
@@ -146,6 +189,9 @@
],
name: [
{ required: true, message: "鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
+ ],
+ townStreetName: [
+ { required: true, message: "琛楅晣涓嶈兘涓虹┖", trigger: "blur" }
],
description: [
{ required: true, message: "鎻忚堪涓嶈兘涓虹┖", trigger: "blur" }
@@ -251,5 +297,47 @@
onMounted(() => {
getList();
+ getTownStreetNames();
});
+
+
+import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
+
+import type { UploadFile } from 'element-plus'
+
+const dialogImageUrl = ref('')
+const dialogVisible = ref(false)
+const disabled = ref(false)
+
+const handleRemove = (file: UploadFile) => {
+ console.log(file)
+}
+
+const handlePictureCardPreview = (file: UploadFile) => {
+ dialogImageUrl.value = file.url!
+ dialogVisible.value = true
+}
+
+const handleDownload = (file: UploadFile) => {
+ console.log(file)
+}
+
+// 璋冪敤鍚庣API鑾峰彇闀囪鍚嶇О鍒楄〃
+import { listRegion} from '@/api/region';
+const townStreetNames = ref<RegionVO[]>([]);
+
+const regionQueryParams = {
+ parentCode: 510181
+}
+
+/** 鏌ヨ闀囪 */
+const getTownStreetNames = async () => {
+ const res = await listRegion(regionQueryParams);
+ townStreetNames.value = res.rows;
+}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/pcr/pcrData/index.vue b/src/views/pcr/pcrData/index.vue
index 6f99196..5f1d256 100644
--- a/src/views/pcr/pcrData/index.vue
+++ b/src/views/pcr/pcrData/index.vue
@@ -80,37 +80,37 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀逛汉杞﹁矾鍩虹淇℃伅瀵硅瘽妗� -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="pcrDataFormRef" :model="form" :rules="rules" label-width="80px">
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
+ <el-form ref="pcrDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
<el-form-item label="鎸囨爣绫诲瀷" prop="modeName">
- <el-select v-model="form.modeName" placeholder="璇烽�夋嫨" @change="handleModeNameChange">
+ <el-select v-model="form.modeName" placeholder="璇烽�夋嫨" @change="handleModeNameChange" class="el-input-width">
<el-option key="1" label="閬撹矾閲岀▼鏁伴噺" value="閬撹矾閲岀▼鏁伴噺" />
<el-option key="2" label="鏈哄姩杞︿繚鏈夐噺" value="鏈哄姩杞︿繚鏈夐噺" />
<el-option key="3" label="椹鹃┒浜轰繚鏈夐噺" value="椹鹃┒浜轰繚鏈夐噺" />
</el-select>
</el-form-item>
- <el-form-item label="鍛ㄦ湡" prop="period">
+ <el-form-item label="缁熻鍛ㄦ湡" prop="period">
<el-select v-model="form.period" placeholder="璇烽�夋嫨" style="width: 100px;" @change="clearPeriod">
<el-option key="1" label="骞村害" :value="1" />
<el-option key="2" label="鏈堝害" :value="2" />
</el-select>
 
- <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" />
+ <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" style="width: 150px;"/>
</el-form-item>
<el-form-item :label="form.indexOneName" prop="indexOneValue">
- <el-input v-model="form.indexOneValue" placeholder="璇疯緭鍏ユ寚鏍�1鍊�" />
+ <el-input class="el-input-width" v-model="form.indexOneValue" placeholder="璇疯緭鍏ユ寚鏍�1鍊�" />
</el-form-item>
<el-form-item :label="form.indexTwoName" prop="indexTwoValue">
- <el-input v-model="form.indexTwoValue" placeholder="璇疯緭鍏ユ寚鏍�2鍊�" />
+ <el-input class="el-input-width" v-model="form.indexTwoValue" placeholder="璇疯緭鍏ユ寚鏍�2鍊�" />
</el-form-item>
<el-form-item :label="form.indexThreeName" prop="indexThreeValue">
- <el-input v-model="form.indexThreeValue" placeholder="璇疯緭鍏ユ寚鏍�3鍊�" />
+ <el-input class="el-input-width" v-model="form.indexThreeValue" placeholder="璇疯緭鍏ユ寚鏍�3鍊�" />
</el-form-item>
<el-form-item :label="form.indexFourName" prop="indexFourValue">
- <el-input v-model="form.indexFourValue" placeholder="璇疯緭鍏ユ寚鏍�4鍊�" />
+ <el-input class="el-input-width" v-model="form.indexFourValue" placeholder="璇疯緭鍏ユ寚鏍�4鍊�" />
</el-form-item>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -346,10 +346,10 @@
form.value.indexThreeName = '灏忓瀷姹借溅';
form.value.indexFourName = '鎽╂墭杞�';
} else if (form.value.modeName === "椹鹃┒浜轰繚鏈夐噺") {
- form.value.indexOneName = '璐ц繍杞﹁締椹鹃┒浜�';
- form.value.indexTwoName = '鍏氦瀹㈣繍椹鹃┒浜�';
- form.value.indexThreeName = '灏忓瀷姹借溅椹鹃┒浜�';
- form.value.indexFourName = '鎽╂墭杞﹂┚椹朵汉';
+ form.value.indexOneName = '璐ц繍杞﹁締';
+ form.value.indexTwoName = '鍏氦瀹㈣繍';
+ form.value.indexThreeName = '灏忓瀷姹借溅';
+ form.value.indexFourName = '鎽╂墭杞�';
}
};
@@ -359,3 +359,8 @@
};
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/scenery/sceneryOperationData/index.vue b/src/views/scenery/sceneryOperationData/index.vue
index 778c056..a9b3d1e 100644
--- a/src/views/scenery/sceneryOperationData/index.vue
+++ b/src/views/scenery/sceneryOperationData/index.vue
@@ -85,10 +85,10 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀规櫙鍖鸿繍琛屾暟鎹璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="sceneryOperationDataFormRef" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="鏅尯鍚嶇О" prop="sceneryInfoName">
- <el-select v-model="form.sceneryInfoName" placeholder="璇烽�夋嫨" clearable style="width: 240px" @change="setSceneryInfoId" >
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="840px" append-to-body>
+ <el-form ref="sceneryOperationDataFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
+ <el-form-item label="鏅尯" prop="sceneryInfoName">
+ <el-select v-model="form.sceneryInfoName" placeholder="璇烽�夋嫨" clearable class="el-input-width" @change="setSceneryInfoId" >
<el-option v-for="item in sceneryInfoNames" :key="item.sceneryName" :label="item.sceneryName" :value="item.sceneryName"/>
</el-select>
</el-form-item>
@@ -98,31 +98,32 @@
<el-option key="2" label="鏈堝害" :value="2" />
</el-select>
 
- <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" />
+ <el-date-picker v-model="form.periodDate" :type="pickerType" :value-format="pickerFormat" placeholder="璇烽�夋嫨缁熻鍛ㄦ湡" style="width: 150px;" />
</el-form-item>
<el-form-item label="杞︽祦閲�" prop="carFlowNum" v-if="indicatorStatus.carFlowNum == 1">
- <el-input v-model="form.carFlowNum" placeholder="璇疯緭鍏ヨ溅娴侀噺" />
+ <el-input class="el-input-width" v-model="form.carFlowNum" placeholder="璇疯緭鍏ヨ溅娴侀噺" />
</el-form-item>
<el-form-item label="浜烘祦閲�" prop="personFlowNum" v-if="indicatorStatus.personFlowNum == 1">
- <el-input v-model="form.personFlowNum" placeholder="璇疯緭鍏ヤ汉娴侀噺" />
+ <el-input class="el-input-width" v-model="form.personFlowNum" placeholder="璇疯緭鍏ヤ汉娴侀噺" />
</el-form-item>
<el-form-item label="娓稿棰勭害" prop="visitorSubNum" v-if="indicatorStatus.visitorSubNum == 1">
- <el-input v-model="form.visitorSubNum" placeholder="璇疯緭鍏ユ父瀹㈤绾�" />
+ <el-input class="el-input-width" v-model="form.visitorSubNum" placeholder="璇疯緭鍏ユ父瀹㈤绾�" />
</el-form-item>
<el-form-item label="鍏ュ洯浜烘暟" prop="enterGardenNum" v-if="indicatorStatus.enterGardenNum == 1">
- <el-input v-model="form.enterGardenNum" placeholder="璇疯緭鍏ュ叆鍥汉鏁�" />
+ <el-input class="el-input-width" v-model="form.enterGardenNum" placeholder="璇疯緭鍏ュ叆鍥汉鏁�" />
</el-form-item>
<el-form-item label="鍦ㄥ矖璀﹀姏" prop="onPolice">
- <el-input v-model="form.onPolice" placeholder="璇疯緭鍏ュ湪宀楄鍔�" />
+ <el-input class="el-input-width" v-model="form.onPolice" placeholder="璇疯緭鍏ュ湪宀楄鍔�" />
</el-form-item>
<el-form-item label="鍦ㄥ矖璀﹁溅" prop="onPaddyWagon">
- <el-input v-model="form.onPaddyWagon" placeholder="璇疯緭鍏ュ湪宀楄杞�" />
+ <el-input class="el-input-width" v-model="form.onPaddyWagon" placeholder="璇疯緭鍏ュ湪宀楄杞�" />
</el-form-item>
<el-form-item label="澶囧嫟璀﹀姏" prop="standbyPolice">
- <el-input v-model="form.standbyPolice" placeholder="璇疯緭鍏ュ鍕よ鍔�" />
+ <el-input class="el-input-width" v-model="form.standbyPolice" placeholder="璇疯緭鍏ュ鍕よ鍔�" />
</el-form-item>
+ <br/>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -381,6 +382,7 @@
onMounted(() => {
getList();
+ getIndicatorStatus();
});
@@ -456,3 +458,8 @@
}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tp/trafficPropaganda/index.vue b/src/views/tp/trafficPropaganda/index.vue
index 3255ac6..363c782 100644
--- a/src/views/tp/trafficPropaganda/index.vue
+++ b/src/views/tp/trafficPropaganda/index.vue
@@ -72,16 +72,16 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀逛氦閫氬浼犲璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="trafficPropagandaFormRef" :model="form" :rules="rules" label-width="80px">
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="400px" append-to-body>
+ <el-form ref="trafficPropagandaFormRef" :inline="true" :model="form" :rules="rules" label-width="80px">
<el-form-item label="鏍囬" prop="title">
- <el-input v-model="form.title" placeholder="璇疯緭鍏ユ爣棰�" />
+ <el-input class="el-input-width" v-model="form.title" placeholder="璇疯緭鍏ユ爣棰�" />
</el-form-item>
<el-form-item label="鎺掑簭" prop="sequence">
- <el-input v-model="form.sequence" placeholder="璇疯緭鍏ユ帓搴�" />
+ <el-input class="el-input-width" v-model="form.sequence" placeholder="璇疯緭鍏ユ帓搴�" />
</el-form-item>
<el-form-item label="瑙嗛" prop="">
- <el-upload action="#" list-type="picture-card" :auto-upload="false">
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1">
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div>
@@ -116,7 +116,7 @@
</el-dialog>
</el-form-item>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select v-model="form.status" placeholder="璇烽�夋嫨" class="el-input-width">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -306,3 +306,8 @@
console.log(file)
}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/trafficAccident/index.vue b/src/views/trafficAccident/index.vue
index a768929..f204784 100644
--- a/src/views/trafficAccident/index.vue
+++ b/src/views/trafficAccident/index.vue
@@ -72,16 +72,16 @@
/>
</el-card>
<!-- 娣诲姞鎴栦慨鏀逛氦閫氫簨鏁呭璇濇 -->
- <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
- <el-form ref="trafficAccidentFormRef" :model="form" :rules="rules" label-width="80px">
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="400px" append-to-body>
+ <el-form ref="trafficAccidentFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
<el-form-item label="鏍囬" prop="title">
- <el-input v-model="form.title" placeholder="璇疯緭鍏ユ爣棰�" />
+ <el-input class="el-input-width" v-model="form.title" placeholder="璇疯緭鍏ユ爣棰�" />
</el-form-item>
<el-form-item label="鎺掑簭" prop="sequence">
- <el-input v-model="form.sequence" placeholder="璇疯緭鍏ユ帓搴�" />
+ <el-input class="el-input-width" v-model="form.sequence" placeholder="璇疯緭鍏ユ帓搴�" />
</el-form-item>
<el-form-item label="瑙嗛" prop="">
- <el-upload action="#" list-type="picture-card" :auto-upload="false">
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1">
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div>
@@ -116,7 +116,7 @@
</el-dialog>
</el-form-item>
<el-form-item label="鐘舵��" prop="status">
- <el-select v-model="form.status" placeholder="璇烽�夋嫨">
+ <el-select class="el-input-width" v-model="form.status" placeholder="璇烽�夋嫨">
<el-option key="1" label="宸插惎鐢�" :value="1" />
<el-option key="2" label="宸茬鐢�" :value="2" />
</el-select>
@@ -306,3 +306,8 @@
console.log(file)
}
</script>
+<style scoped>
+.el-input-width {
+ width: 265px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0