From 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 16 七月 2025 22:39:23 +0800
Subject: [PATCH] 添加时间筛选
---
src/components/illdetail/index.vue | 214 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 156 insertions(+), 58 deletions(-)
diff --git a/src/components/illdetail/index.vue b/src/components/illdetail/index.vue
index 12af55c..affc7dc 100644
--- a/src/components/illdetail/index.vue
+++ b/src/components/illdetail/index.vue
@@ -1,149 +1,239 @@
<template>
<div class="view">
<div class="view-data">
- <el-form :model="baseCase" label-position="right" ref="viewForm" label-width="160px">
+ <el-form
+ :model="baseCase"
+ label-position="right"
+ ref="viewForm"
+ label-width="160px"
+ >
<div class="data-item">
<el-form-item label="闂绫诲瀷:">
<span class="data-detail">杩濆缓</span>
</el-form-item>
+ </div>
+ <div class="data-item">
<el-form-item label="杩濆缓绫诲埆:">
- <span class="data-detail">{{baseCase.illegalBuilding.categoryText}}</span>
+ <span class="data-detail">{{
+ baseCase.categoryText
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="褰撲簨浜哄鍚�:">
- <span class="data-detail">{{baseCase.illegalBuilding.partyName}}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.partyName
+ : ''
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="褰撲簨浜鸿韩浠借瘉鍙�:">
- <span class="data-detail">{{baseCase.illegalBuilding.partyIdCard}}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.partyIdCard
+ : ''
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="褰撲簨浜鸿仈绯荤數璇�:">
- <span class="data-detail">{{baseCase.illegalBuilding.partyPhone}}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.partyPhone
+ : ''
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="杩濆缓鍦扮偣:">
- <span class="data-detail">{{baseCase.illegalBuilding.site}}</span>
- </el-form-item>
- <el-form-item label="鎵�灞炵ぞ鍖�:">
- <span class="data-detail">{{baseCase.communityText}}</span>
+ <span class="data-detail">{{ baseCase.site }}</span>
</el-form-item>
</div>
<div class="data-item">
- <el-form-item label="韬唤璇佹鍙嶉潰鐓х墖:">
- <img :src="baseCase.illegalBuilding.positive" alt="">
+ <el-form-item label="鎵�灞炵ぞ鍖�:">
+ <span class="data-detail">{{
+ baseCase.communityText
+ }}</span>
+ </el-form-item>
+ </div>
+ <div class="data-item">
+ <el-form-item label="韬唤璇佹銆佸弽闈㈢収鐗�:">
+ <img :src="baseCase.illegalBuilding.positive" alt="" />
</el-form-item>
<el-form-item label-width="0px">
- <img :src="baseCase.illegalBuilding.negative" alt="">
+ <img
+ style="margin-left: 10px"
+ :src="baseCase.illegalBuilding.negative"
+ alt=""
+ />
</el-form-item>
</div>
<div class="data-item">
- <el-form-item label="鎵ф硶杩濆缓鎯呭喌">
- </el-form-item>
+ <el-form-item label="鎵ф硶杩濆缓鎯呭喌"> </el-form-item>
</div>
<div class="data-item">
<el-form-item label="杩濆缓鍏蜂綋浣嶇疆:">
- <span class="data-detail">{{baseCase.illegalBuilding.position}}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding.position
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="杩濇硶寤鸿闀裤�佸銆侀珮:">
- <span class="data-detail">{{baseCase.illegalBuilding.buildingLength+'m'+" "+baseCase.illegalBuilding.buildingWidth+'m'+" "+baseCase.illegalBuilding.buildingHigh+'m' }}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.buildingLength
+ : '' + 'm' + ' ' + baseCase.illegalBuilding !=
+ null
+ ? baseCase.illegalBuilding.buildingWidth
+ : '' + 'm' + ' ' + baseCase.illegalBuilding !=
+ null
+ ? baseCase.illegalBuilding.buildingHigh
+ : '' + 'm'
+ }}</span>
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="杩濇硶寤鸿闈㈢Н:">
- <span class="data-detail">{{baseCase.illegalBuilding.buildingArea}}銕�</span>
+ <span class="data-detail"
+ >{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.buildingArea
+ : ''
+ }}銕�</span
+ >
</el-form-item>
</div>
<div class="data-item">
<el-form-item label="杩濇硶寤虹瓚鏉愭枡:">
- <span class="data-detail">{{baseCase.illegalBuilding.materials}}</span>
+ <span class="data-detail">{{
+ baseCase.illegalBuilding != null
+ ? baseCase.illegalBuilding.materials
+ : ''
+ }}</span>
</el-form-item>
</div>
</el-form>
</div>
<div class="view-process">
<div class="process-header">
- <div class="process-title-item" v-for="item in titleList" :key="item.title"
- @click="changeComponent(item.index)">
- <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
- <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
+ <div
+ class="process-title-item"
+ v-for="item in titleList"
+ :key="item.title"
+ @click="changeComponent(item.index)"
+ >
+ <div
+ :class="[
+ 'process-title',
+ activeIndex === item.index ? 'title-active' : ''
+ ]"
+ >
+ {{ item.title }}
+ </div>
+ <div
+ :class="[
+ 'under-line',
+ activeIndex === item.index ? 'line-active' : ''
+ ]"
+ ></div>
</div>
</div>
<div class="show-item">
<div class="show-wrap">
- <MyProcess v-if="activeIndex === 1" :handlePassVo="handlePassVo" :baseCase="baseCase"></MyProcess>
- <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" ></MyFilePicture>
- <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem>
- <MyScene v-else :currentSitVo="currentSitVo"></MyScene>
+ <MyProcess
+ v-if="activeIndex === 1"
+ :handlePassVo="handlePassVo"
+ :baseCase="baseCase"
+ ></MyProcess>
+ <MyFilePicture
+ v-else-if="activeIndex === 2"
+ :filesPictureVo="filesPictureVo"
+ :pic="pic"
+ :media="media"
+ :mycode="mycode"
+ ></MyFilePicture>
+ <MySovleProblem
+ v-else-if="activeIndex === 3"
+ :baseCase="baseCase"
+ :handlePassVo="handlePassVo"
+ ></MySovleProblem>
+ <MyScene
+ v-else
+ :currentSitVo="currentSitVo"
+ :baseCase="baseCase"
+ ></MyScene>
</div>
</div>
</div>
</div>
</template>
<script>
-import MyProcess from '@/components/process'
-import MyFilePicture from '@/components/filePictrue'
-import MySovleProblem from '@/components/solveProblem'
-import MyScene from '@/components/scene'
+import MyProcess from "@/components/process";
+import MyFilePicture from "@/components/filePictrue";
+import MySovleProblem from "@/components/solveProblem";
+import MyScene from "@/components/scene";
+import { FILE_ORIGINAL_PATH } from "@/utils/index";
export default {
- components: {
- MyProcess, MyFilePicture, MySovleProblem, MyScene
+ components: {
+ MyProcess,
+ MyFilePicture,
+ MySovleProblem,
+ MyScene,
},
data() {
return {
- myInfo: {
-
- },
+ myInfo: {},
activeIndex: 1,
titleList: [
{
- title: '鍔炵悊缁忚繃',
+ title: "鍔炵悊缁忚繃",
index: 1,
},
{
- title: '妗堝嵎鍥剧墖',
+ title: "妗堝嵎鍥剧墖",
index: 2,
},
{
- title: '闂澶勭悊',
+ title: "闂澶勭悊",
index: 3,
},
{
- title: '鐜板満鎯呭喌',
+ title: "鐜板満鎯呭喌",
index: 4,
},
- ],
- baseCase:{},
- handlePassVo:{},
- currentSitVo:{},
- problemProVo:{},
- filesPictureVo:{}
-
- }
+ ],
+ baseCase: {},
+ handlePassVo: {},
+ currentSitVo: {},
+ filesPictureVo: {},
+ pic: [],
+ media: [],
+ };
},
created() {
- console.log('created');
- const {info} = this;
+ const { info } = this;
this.baseCase = info.baseCase;
+ if (this.baseCase.illegalBuilding) {
+ this.baseCase.illegalBuilding.positive = FILE_ORIGINAL_PATH + this.baseCase.illegalBuilding.positive
+ this.baseCase.illegalBuilding.negative = FILE_ORIGINAL_PATH + this.baseCase.illegalBuilding.negative
+ }
+ else {
+ this.baseCase.illegalBuilding = {}
+ }
this.handlePassVo = info.handlePassVo;
this.currentSitVo = info.currentSitVo;
- this.problemProVo = info.problemProVo;
this.filesPictureVo = info.filesPictureVo;
- console.log(info);
},
methods: {
changeComponent(index) {
this.activeIndex = index;
},
},
- props: ['info']
-}
+ props: ["info", "mycode"],
+};
</script>
<style lang="scss" scoped>
.view {
@@ -152,16 +242,24 @@
.view-data {
color: #4b9bb7;
- flex: 4;
+ // flex: 4;
padding: 0 30px 0 20px;
- img{
+ img {
width: 100px;
height: 100px;
+ border-radius: 4px;
}
.data-item {
display: flex;
- justify-content: space-between;
+ // justify-content: space-between;
line-height: 20px;
+
+ .data-detail {
+ color: #333;
+ line-height: 1.8;
+ max-width: 240px;
+ display: inline-grid;
+ }
}
border: 1px solid #17324c;
@@ -207,8 +305,8 @@
overflow: hidden;
height: 600px;
position: relative;
- .show-wrap{
- overflow: scroll;
+ .show-wrap {
+ overflow: auto;
height: 600px;
}
}
--
Gitblit v1.8.0