feat: 添加hazard页面

src/views/dpm/hazard.vue

@@ -1,4 +1,59 @@
 <template>
-<el-container>
+	<el-container>
-</el-container>
+		<el-header>
-</template>
+			<div class="left-panel">
+				<el-button
+					type="primary"
+					icon="el-icon-plus"
+					@click="table_add"
+					v-auth="'hazard.create'"
+				></el-button>
+			</div>
+			<div class="right-panel">
+				<el-input
+					style="margin-right: 5px"
+					v-model="query.search"
+					placeholder="名称"
+					clearable
+				></el-input>
+				<el-button
+					type="primary"
+					icon="el-icon-search"
+					@click="handleQuery"
+				></el-button>
+			</div>
+		</el-header>
+		<el-main class="nopadding">
+			<scTable
+			:apiObj="apiObj"
+			row-key="id"
+			:query="query"
+			:params="params"
+				>
+				<el-table-column
+					label="编号"
+					prop="number"
+					min-width="100"
+				></el-table-column>
+			</scTable>
+		</el-main>
+	</el-container>
+</template>
+<script>
+export default {
+	name: "hazard",
+	data() {
+		return {
+			query: {
+				search: "",
+			},
+			apiObj: this.$API.dpm.hazard.list,
+			params: {},
+		};
+	},
+	methods: {
+		table_add() {},
+		handleQuery() {},
+	},
+};
+</script>