From 038d3b71ed121785df9476ea404dc4b12ad3ff8c Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期五, 28 五月 2021 21:09:04 +0800
Subject: [PATCH] 企业应急-事件处置-周边资源信息
---
src/components/base-page/enterprise-emergency/PipelineFile.vue | 87 ++++++++++++++++++++++++++++++++++++++++---
1 files changed, 80 insertions(+), 7 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/PipelineFile.vue b/src/components/base-page/enterprise-emergency/PipelineFile.vue
index 6b81d24..dafd268 100644
--- a/src/components/base-page/enterprise-emergency/PipelineFile.vue
+++ b/src/components/base-page/enterprise-emergency/PipelineFile.vue
@@ -1,6 +1,6 @@
<template>
<div class="pipeline-file map-background" v-show="pipelineFile">
- <el-row>
+ <el-row style="margin: 5px 15px">
<el-form ref="form" :model="form" label-width="80px">
<el-col :span="12">
<el-form-item label="绠＄嚎鍚嶇О">
@@ -22,11 +22,32 @@
</el-col>
</el-form>
</el-row>
+ <div v-for="(item,index) in folderList" :key="index">
+ <div class="fold-box">
+ <img :src="item.fold" alt="" @click="fileAccord(item)"/>
+ <span @click="fileAccord(item)">{{ item.introduce }}</span>
+ </div>
+ <div v-for="(ite,ind) in item.items" :key="ind" v-show="item.fileCode" class="file">
+ <!-- <el-col :span="12">-->
+ <div class="file-left">
+ <img :src="ite.file" alt="" @click="codeAccord(ite)"/>
+ <span @click="codeAccord(ite)">{{ite.introduce}}</span>
+ </div>
+ <div class="file-right">
+ <span v-show="ite.fileCode">{{item.code}}</span>
+ </div>
+ <!-- </el-col>-->
+ <!-- <el-col :span="12">-->
+ <!-- </el-col>-->
+ </div>
+ </div>
</div>
</template>
<script>
import eventBus from '../../../eventBus'
+import foldPng from '../../../../public/assets/images/map/emergency/fold.png'
+import filePng from '../../../../public/assets/images/map/emergency/file.png'
export default {
name: 'PipelineFile',
@@ -36,7 +57,49 @@
form: {
pipeName: '',
pipeCode: ''
- }
+ },
+ folderList: [
+ {
+ fold: foldPng,
+ introduce: '鐢熶骇涓�鍖�',
+ code: '400001',
+ fileCode: false,
+ items: [
+ {
+ file: filePng,
+ introduce: '绠＄嚎A',
+ code: '1000001',
+ fileCode: false
+ },
+ {
+ file: filePng,
+ introduce: '绠＄嚎B',
+ code: '2000002',
+ fileCode: false
+ }
+ ]
+ },
+ {
+ fold: foldPng,
+ introduce: '鐢熶骇浜屽尯',
+ code: '400002',
+ fileCode: false,
+ items: [
+ {
+ file: filePng,
+ introduce: '绠＄嚎C',
+ code: '3000003',
+ fileCode: false
+ },
+ {
+ file: filePng,
+ introduce: '绠＄嚎D',
+ code: '4000004',
+ fileCode: false
+ }
+ ]
+ }
+ ]
}
},
mounted () {
@@ -44,17 +107,27 @@
// console.log(obj)
this.pipelineFile = obj
})
+ },
+ methods: {
+ fileAccord (item) {
+ item.fileCode = !item.fileCode
+ },
+ codeAccord (item) {
+ item.fileCode = !item.fileCode
+ }
}
}
</script>
<style lang="less" scoped>
.pipeline-file {
- min-width: 2.94532rem;
+ min-width: 1.94532rem;
+ max-width: 1.94532rem;
}
- /*/deep/ .el-input {*/
- /* width: 65%;*/
- /* margin: 0 auto;*/
- /*}*/
+ .file {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ }
</style>
--
Gitblit v1.8.0