From 93a9b3228d214602a899791992726a01925c5ac4 Mon Sep 17 00:00:00 2001 From: ChenZeping02609 <chenzeping02609@163.com> Date: 星期四, 13 五月 2021 14:20:07 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/emergency/index.vue | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 105 insertions(+), 0 deletions(-) diff --git a/src/components/emergency/index.vue b/src/components/emergency/index.vue new file mode 100644 index 0000000..3467c7b --- /dev/null +++ b/src/components/emergency/index.vue @@ -0,0 +1,105 @@ +<template> + <el-dialog class="emergency" :visible.sync="showSchedule" :title="tit" :modal="false" v-dialogDrag > + <!-- 鍩虹淇℃伅 --> + <div class="basicInformation"> + <div> + <h3 class="panel-title">婕旂粌淇℃伅</h3> + <ul> + <li>浜嬩欢绫诲瀷锛�</li> + <li>浜嬩欢浣嶇疆锛�</li> + <li>浣嶇疆鎻忚堪锛�</li> + <li>浜嬩欢鏃堕棿锛�</li> + <li>闄勪欢锛�<a href="javascript:;">闄勪欢1</a><a href="javascript:;">闄勪欢1</a></li> + </ul> + <h3 class="panel-title">棰勬鍖归厤</h3> + <el-table :data="tableData" style="width: 100%"> + <el-table-column prop="name" label="棰勬鍚嶇О"></el-table-column> + <el-table-column prop="define" label="棰勬瀹氫箟"></el-table-column> + <el-table-column prop="hierarchy" label="棰勬灞傜骇"></el-table-column> + <el-table-column prop="classification" label="棰勬鍒嗙被"></el-table-column> + <el-table-column label="闄勪欢"> + <template> + <a href="javascript:;">棰勬</a> + </template> + </el-table-column> + </el-table> + <el-button type="primary" size="mini">鍒嗘瀽</el-button> + </div> + <!-- <div> + <div class="panel-title">澶勭疆鍒嗘瀽</div> + <div class="area-selected"> + <el-button type="primary" class="el-icon-location" size="mini"></el-button> + <el-button type="primary" class="el-icon-location" size="mini"></el-button> + <el-select v-model="value" filterable placeholder="璇烽�夋嫨" size="mini"> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> + </el-select> + <el-button type="primary" class="el-icon-search" size="mini"></el-button> + </div> + <div> + <div class="analysis-btn"> + <div> + <el-button type="primary" size="mini" >閲嶇疆鍒嗘瀽鏉′欢</el-button> + <el-button type="primary" size="mini" >寮�濮嬪垎鏋�</el-button> + </div> + </div> + </div> + </div> --> + </div> + </el-dialog> +</template> + +<script> +const cityOptions = ['涓婃捣', '鍖椾含', '骞垮窞', '娣卞湷'] +export default { + name: 'index', + data () { + return { + tit: '浜嬩欢澶勭疆', + showSchedule: false, + tableData: [ + { name: '棰勬A', define: '缁煎悎棰勬', hierarchy: '浜岀骇鍗曚綅', classification: '鐜繚' }, + { name: '棰勬B', define: '涓撻」棰勬', hierarchy: '鐩村睘浼佷笟', classification: '鐜繚' }, + { name: '棰勬C', define: '鐜板満澶勭疆棰勬', hierarchy: '鍩哄眰鍗曚綅', classification: '鐢熶骇' }, + { name: '棰勬D', define: '鐜板満澶勭疆棰勬', hierarchy: '鍩哄眰鍗曚綅', classification: '鐢熶骇' }, + { name: '棰勬E', define: '鐜板満澶勭疆棰勬', hierarchy: '鍩哄眰鍗曚綅', classification: '鐢熶骇' } + ], + checkAll: false, + checkedCities: ['涓婃捣', '鍖椾含'], + cities: cityOptions, + isIndeterminate: true, + value: '', + options: [{ value: '500', label: '500m' }, { value: '1000', label: '1km' }, { value: '2000', label: '2km' }, { value: '5000', label: '5km' }, { value: '10000', label: '10km' }] + } + }, + methods: { + + }, + mounted () { + + } +} +</script> + +<style scoped lang="less"> +.emergency{ + /deep/ .el-dialog{ + width: 450px; + } + .panel-title{ + text-align: left; + padding: 5px 0 0 0; + } + .basicInformation{ + .area-selected{ + display: flex; + justify-content:flex-end; + align-items : center; + } + .analysis-btn{ + display: flex; + justify-content:space-between; + align-items : center; + } + } +} +</style> -- Gitblit v1.8.0