You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
2.6 KiB
116 lines
2.6 KiB
2 years ago
|
<template>
|
||
|
|
<div class="address_edit">
|
||
|
|
<div class="warp_body">
|
||
|
|
<van-cell-group>
|
||
|
|
<van-field
|
||
|
|
label="计划名称"
|
||
|
|
v-model=obj.planName
|
||
|
|
readonly
|
||
|
|
/>
|
||
|
|
<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)"
|
||
|
|
/>
|
||
|
|
</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:""
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
</style>
|