From 3072da92f3c3f08b2ee0ca03ee4e74b12f545b0e Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期三, 26 五月 2021 21:31:55 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop
---
src/components/base-page/enterprise-emergency/PipelineFile.vue | 112 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 102 insertions(+), 10 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/PipelineFile.vue b/src/components/base-page/enterprise-emergency/PipelineFile.vue
index 88f5d75..dafd268 100644
--- a/src/components/base-page/enterprise-emergency/PipelineFile.vue
+++ b/src/components/base-page/enterprise-emergency/PipelineFile.vue
@@ -1,18 +1,54 @@
<template>
<div class="pipeline-file map-background" v-show="pipelineFile">
- <el-form ref="form" :model="form" label-width="80px">
- <el-form-item label="绠＄嚎鍚嶇О">
- <el-input v-model="form.pipeName" suffix-icon="el-icon-search"></el-input>
- </el-form-item>
- <el-form-item label="绠℃缂栫爜">
- <el-input v-model="form.pipeCode" suffix-icon="el-icon-search"></el-input>
- </el-form-item>
- </el-form>
+ <el-row style="margin: 5px 15px">
+ <el-form ref="form" :model="form" label-width="80px">
+ <el-col :span="12">
+ <el-form-item label="绠＄嚎鍚嶇О">
+ <el-input v-model="form.pipeName">
+ <el-button style="padding-right:10px;" slot="suffix" type="text">
+ <img src="../../../../public/assets/images/map/emergency/search.png" alt="">
+ </el-button>
+ </el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绠℃缂栫爜">
+ <el-input v-model="form.pipeCode">
+ <el-button style="padding-right:10px;" slot="suffix" type="text">
+ <img src="../../../../public/assets/images/map/emergency/search.png" alt="">
+ </el-button>
+ </el-input>
+ </el-form-item>
+ </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',
data () {
@@ -21,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 () {
@@ -29,6 +107,14 @@
// console.log(obj)
this.pipelineFile = obj
})
+ },
+ methods: {
+ fileAccord (item) {
+ item.fileCode = !item.fileCode
+ },
+ codeAccord (item) {
+ item.fileCode = !item.fileCode
+ }
}
}
</script>
@@ -36,6 +122,12 @@
<style lang="less" scoped>
.pipeline-file {
min-width: 1.94532rem;
- max-height: 2.343213rem;
+ max-width: 1.94532rem;
+ }
+
+ .file {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
}
</style>
--
Gitblit v1.8.0