14 changed files with 269 additions and 41 deletions
@ -0,0 +1,164 @@ |
|||||
|
<template> |
||||
|
<div class="address_edit"> |
||||
|
<div class="warp_body"> |
||||
|
<van-cell-group> |
||||
|
<!-- <van-field |
||||
|
label="计划名称" |
||||
|
v-model=obj.planName |
||||
|
readonly |
||||
|
/>--> |
||||
|
<div class="fold-div"> |
||||
|
<label>计划名称</label> |
||||
|
<van-text-ellipsis :content="obj.planName" rows="2" autosize expand-text="展开" collapse-text="收起" /> |
||||
|
</div> |
||||
|
<van-field |
||||
|
label="计划年度" |
||||
|
v-model=obj.planYear |
||||
|
readonly |
||||
|
/> |
||||
|
<van-field |
||||
|
label="执法部门" |
||||
|
v-model=obj.enforcementDepartment |
||||
|
readonly |
||||
|
/> |
||||
|
<van-field |
||||
|
label="发布时间" |
||||
|
v-model=obj.createTime |
||||
|
readonly |
||||
|
/> |
||||
|
<van-field |
||||
|
label="执法区域" |
||||
|
v-model=obj.enforcementArea |
||||
|
readonly |
||||
|
/> |
||||
|
<!-- <van-field |
||||
|
label="文件名称" |
||||
|
v-model=obj.objList.fileName |
||||
|
readonly |
||||
|
@click="toPdfView(obj.objList.fileUrl)" |
||||
|
right-icon="eye" |
||||
|
/>--> |
||||
|
<div class="fold-div"> |
||||
|
<label>文件名称</label> |
||||
|
<van-text-ellipsis :content="obj.objList.fileName" @click="toPdfView(obj.objList.fileUrl)" rows="3" autosize /> |
||||
|
<van-icon v-if="obj.iconShow" name="eye" /> |
||||
|
</div> |
||||
|
</van-cell-group> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<script setup> |
||||
|
import { reactive } from "vue"; |
||||
|
import { detail } from "../../api/enforce"; |
||||
|
|
||||
|
const router = useRouter(); |
||||
|
const route = useRoute(); |
||||
|
|
||||
|
const obj = reactive({ |
||||
|
planName:"", |
||||
|
planYear:"", |
||||
|
enforcementDepartment:"", |
||||
|
createTime:"", |
||||
|
enforcementArea:"", |
||||
|
objList:{ |
||||
|
fileName:"", |
||||
|
fileUrl:"" |
||||
|
}, |
||||
|
iconShow:false |
||||
|
}); |
||||
|
|
||||
|
const data = reactive({}); |
||||
|
|
||||
|
const queryList = () => { |
||||
|
detail(route.query?.id, (success) => { |
||||
|
obj.planName = success.data.planName; |
||||
|
obj.planYear=success.data.planYear; |
||||
|
obj.enforcementDepartment=success.data.enforcementDepartment |
||||
|
obj.createTime=success.data.createTime; |
||||
|
obj.enforcementArea=success.data.enforcementArea; |
||||
|
console.log(obj); |
||||
|
if(success.data.fileObject!=null && success.data.fileObject!="undefined"){ |
||||
|
obj.objList.fileName = success.data.fileObject.fileName; |
||||
|
obj.objList.fileUrl = success.data.fileObject.fileUrl; |
||||
|
obj.iconShow=true; |
||||
|
} |
||||
|
|
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const toPdfView = (url) => { |
||||
|
console.log(url) |
||||
|
if(url!=null){ |
||||
|
router.push( |
||||
|
{ |
||||
|
path: "/pdfView", |
||||
|
query: { |
||||
|
url: url |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
onMounted(() => { |
||||
|
queryList(); |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.address_edit { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
height: 100%; |
||||
|
overflow: hidden; |
||||
|
background-color: #ebf3fb; |
||||
|
} |
||||
|
|
||||
|
.warp_body { |
||||
|
margin: 0 3%; |
||||
|
padding-bottom: 3rem; |
||||
|
width: 94%; |
||||
|
height: 98%; |
||||
|
background-color: #ebf3fb; |
||||
|
overflow-y: auto; |
||||
|
margin-top: 0.15rem; |
||||
|
} |
||||
|
|
||||
|
/deep/ .van-field__right-icon i { |
||||
|
color: #2b75fd; |
||||
|
} |
||||
|
|
||||
|
.fold-div { |
||||
|
position: relative; |
||||
|
display: flex; |
||||
|
margin: 0 0.3rem; |
||||
|
padding-bottom: 0.13rem; |
||||
|
border-bottom: 1px solid #f5f6f7; |
||||
|
color: rgb(50, 50, 51); |
||||
|
font-size: 0.37rem; |
||||
|
} |
||||
|
|
||||
|
.fold-div label { |
||||
|
width: 2.6rem; |
||||
|
padding: 0.27rem 0px 0.27rem 0.15rem; |
||||
|
} |
||||
|
|
||||
|
.fold-div .van-text-ellipsis { |
||||
|
padding: 0.24rem 0; |
||||
|
width: calc(100% - 2.7rem); |
||||
|
color: #666; |
||||
|
line-height: 1.25; |
||||
|
} |
||||
|
|
||||
|
.fold-div i { |
||||
|
position: absolute; |
||||
|
bottom: 0.3rem; |
||||
|
right: 0.1rem; |
||||
|
display: inline-block; |
||||
|
color: #2b75fd; |
||||
|
font-size: 0.5rem; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue