@@ -3808,6 +3808,15 @@ export const constantRoutes = [ | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/lawEnforcement/task/signInRecord'], resolve) | |||
}, | |||
{ ////农业执法(新)-- 巡查登记 | |||
path: '/lawEnforcement/caseAdd', | |||
name: 'lawEnforcementCaseAdd', | |||
meta: { | |||
title: '巡查登记', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAdd'], resolve) | |||
} | |||
]; | |||
@@ -1,7 +1,7 @@ | |||
<template> | |||
<div class="app-container"> | |||
<div class="header_main"> | |||
文书打印 | |||
执法依据 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
<div class="jg"></div> | |||
@@ -0,0 +1,308 @@ | |||
<template> | |||
<div class="app-container"> | |||
<div class="header_main"> | |||
巡查登记 | |||
<div class="return_btn" @click="onClickLeft"></div> | |||
</div> | |||
<div style="height: 58px;"></div> | |||
<div class="main_box"> | |||
<van-cell> | |||
<template #title> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon> | |||
<span class="custom-title">登记<i class="bgBlue"></i></span> | |||
</template> | |||
</van-cell> | |||
<van-field v-model="form.value" label="案件来源" placeholder="请输入案件来源" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" /> | |||
<van-field v-model="form.value" label="关联方案" placeholder="请输入关联方案" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="案件属地" placeholder="请输入案件属地" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" /> | |||
<van-field v-model="form.value" label="执行主体" placeholder="请输入执行主体" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" /> | |||
<van-field v-model="form.value" label="案件名称" placeholder="请输入案件名称" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="登记日期" placeholder="请输入登记日期" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="执法类别" placeholder="请输入执法类别" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" /> | |||
<van-field v-model="form.value" label="案件简述" placeholder="请输入案件简述" :border="false" label-width="auto" input-align="right" /> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
<van-collapse v-model="activeNames"> | |||
<van-collapse-item name="1"> | |||
<template #title> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon> | |||
<span class="custom-title">当事人<i class="bgBlue"></i></span> | |||
</template> | |||
<van-field v-model="form.value" label="当事人类型" :border="false" label-width="auto" input-align="right" > | |||
<template #input> | |||
<van-radio-group v-model="form.radio" direction="horizontal"> | |||
<van-radio name="1">个人/个体工商户</van-radio> | |||
<van-radio name="2">企业</van-radio> | |||
</van-radio-group> | |||
</template> | |||
</van-field> | |||
<van-field v-model="form.value" label="当事人姓名" placeholder="请输入当事人姓名" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="性别" placeholder="请输入性别" :border="false" label-width="auto" input-align="right" > | |||
<template #input> | |||
<van-radio-group v-model="form.radio" direction="horizontal"> | |||
<van-radio name="1">男</van-radio> | |||
<van-radio name="2">女</van-radio> | |||
</van-radio-group> | |||
</template> | |||
</van-field> | |||
<van-field v-model="form.value" label="身份证号" placeholder="请输入身份证号" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="出生日期" placeholder="请输入出生日期" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="民族" placeholder="请输入民族" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" /> | |||
<van-field v-model="form.value" label="工作单位及职务" placeholder="请输入工作单位及职务" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="联系电话" placeholder="请输入联系电话" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="统一社会信用代码" placeholder="请输入统一社会信用代码" :border="false" label-width="auto" input-align="right" /> | |||
<van-field v-model="form.value" label="字号名称" placeholder="请输入字号名称" :border="false" label-width="auto" input-align="right" /> | |||
</van-collapse-item> | |||
</van-collapse> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
<van-collapse v-model="activeNames1"> | |||
<van-collapse-item name="1"> | |||
<template #title> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon> | |||
<span class="custom-title">附件<i class="bgBlue"></i></span> | |||
</template> | |||
<p style="color: #FE1313;text-align: center;margin-top: 5PX;font-size: .3rem">*请上传不超过5MB 格式为doc/xls/png/jpg/jpeg的文件</p> | |||
<div class="cf"> | |||
<van-uploader v-model="fileList" multiple /> | |||
</div> | |||
</van-collapse-item> | |||
</van-collapse> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
<van-collapse v-model="activeNames2"> | |||
<van-collapse-item name="1"> | |||
<template #title> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon> | |||
<span class="custom-title">执法人员<i class="bgBlue"></i></span> | |||
</template> | |||
<div class="peopleList"> | |||
<van-row> | |||
<van-col :span="4">序号</van-col> | |||
<van-col :span="6">执行人员</van-col> | |||
<van-col :span="10">执法证号</van-col> | |||
<van-col :span="4">带队人</van-col> | |||
</van-row> | |||
<van-row v-for="(item,index) in 10" :key="index" > | |||
<van-col :span="4">{{index+1}}</van-col> | |||
<van-col :span="6">庞东旭{{index}}</van-col> | |||
<van-col :span="10">2303888{{index}}</van-col> | |||
<van-col :span="4"> | |||
<div class="icon_box"> | |||
<van-checkbox v-model="checked" shape="square"></van-checkbox> | |||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20"></van-icon> | |||
</div> | |||
</van-col> | |||
</van-row> | |||
<img src="../../../../static/images/lawEnforcement/new/addPeop_btn.png" style="margin: 0 auto;" @click="$router.push({name:'lawEnforcementCaseLawEnforcer'})"> | |||
</div> | |||
</van-collapse-item> | |||
</van-collapse> | |||
</div> | |||
<div class="submit_box"> | |||
<p class="submitButton">保存</p> | |||
<p class="submitButton">保存并打卡</p> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import { getScheme } from "@/api/lawEnforcement/index"; | |||
export default { | |||
name: "programmeDetail", | |||
data() { | |||
return { | |||
showBankType:false, | |||
showPayeeType:false, | |||
showPicker:false, | |||
form:{}, | |||
bankType:'', | |||
payeeType:'', | |||
value:'', | |||
bankTypeOptions:[], | |||
payeeTypeOptions:[], | |||
tEnforceSchemeHandlerList:[], | |||
minDate: new Date(2020, 0, 1), | |||
maxDate: new Date(2025, 10, 1), | |||
currentDate: new Date(2021, 0, 17), | |||
activeNames: ['1'], | |||
activeNames1: ['1'], | |||
activeNames2: ['1'], | |||
fileList: [], | |||
}; | |||
}, | |||
created() { | |||
// this.getDictionaries() | |||
}, | |||
methods: { | |||
getDictionaries(){ | |||
getScheme(this.$route.query.id).then((response) => { | |||
this.form = response.data; | |||
}); | |||
}, | |||
goBack(){ | |||
window.history.go(-1) | |||
} | |||
}, | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.app-container { | |||
padding: 2% 0; | |||
} | |||
/deep/ .van-collapse-item__content{ | |||
padding: 0; | |||
} | |||
.cf{ | |||
padding: 0 3%; | |||
margin-top: 20PX; | |||
margin-bottom: 20PX; | |||
.van-row{ | |||
background: #F0F3F5; | |||
.van-col{ | |||
padding: 5PX 0; | |||
font-size: 12PX!important; | |||
text-align: center; | |||
p{ | |||
color: #1D6FE9; | |||
} | |||
} | |||
&:first-child{ | |||
background: transparent; | |||
} | |||
} | |||
} | |||
.header_main{ | |||
height: 116px; | |||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||
background-size: 100% 100%; | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
font-size: 36px; | |||
line-height: 116px; | |||
text-align: center; | |||
color: #fff; | |||
z-index: 999; | |||
.return_btn{ | |||
width: 24px; | |||
height: 43.2px; | |||
background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||
background-size: 20px 36px; | |||
position: absolute; | |||
left: 38px; | |||
top: 36px; | |||
} | |||
.add_btn{ | |||
width: 56.4px; | |||
height: 40.8px; | |||
background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||
background-size: 47px 34px; | |||
position: absolute; | |||
right: 38px; | |||
top: 36px; | |||
} | |||
} | |||
/deep/ .van-radio--horizontal{ | |||
margin-left: 0.32rem; | |||
margin-right: 0; | |||
} | |||
.peopleList{ | |||
padding: 3%; | |||
text-align: center; | |||
.van-row{ | |||
margin-bottom: 10PX; | |||
background: rgba(196,218,249,0.3); | |||
border-radius: 5PX; | |||
.van-col{ | |||
text-align: center; | |||
font-size: 14PX; | |||
color: #333333; | |||
padding: 5PX 0; | |||
} | |||
&:first-child{ | |||
background: none; | |||
.van-col{ | |||
padding: 0; | |||
color: #1D6FE9; | |||
} | |||
} | |||
} | |||
.icon_box{ | |||
display: flex; | |||
justify-content: space-around; | |||
/deep/ .van-checkbox{ | |||
justify-content: center; | |||
} | |||
} | |||
} | |||
.main_title{ | |||
font-size: 0.4rem; | |||
color: #1D6FE9; | |||
margin: 0.2rem 6%; | |||
margin-top: 0; | |||
position: relative; | |||
} | |||
.main_box{ | |||
width: 96%; | |||
margin: 0 auto; | |||
border-radius: 10PX; | |||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||
overflow: hidden; | |||
background-color: #FFF; | |||
.van-icon{ | |||
vertical-align: middle; | |||
} | |||
.custom-title{ | |||
font-size: 17PX; | |||
color: #333333; | |||
vertical-align: middle; | |||
line-height: 1; | |||
position: relative; | |||
} | |||
.tap{ | |||
color: #1D6FE9; | |||
} | |||
.bgBlue{ | |||
display: block; | |||
position: absolute; | |||
width: 17PX; | |||
height: 17PX; | |||
border-radius: 50%; | |||
background-color: rgba(29,111,233,0.26); | |||
top: -2PX; | |||
right: -8PX; | |||
} | |||
} | |||
.submitButton{ | |||
width: 40%; | |||
margin: 0 auto; | |||
background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||
text-align: center; | |||
color: #ffffff; | |||
height: 70px; | |||
line-height: 70px; | |||
border-radius: 8PX; | |||
margin-top: 25PX; | |||
} | |||
.submit_box{ | |||
display: flex; | |||
} | |||
.addFamily{ | |||
position: absolute; | |||
top: -2px; | |||
right: 0; | |||
border-radius: 50%; | |||
} | |||
</style> |
@@ -273,6 +273,9 @@ | |||
border-radius: 0.2rem; | |||
overflow: hidden; | |||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||
.van-swipe-cell__right{ | |||
right: -2PX; | |||
} | |||
} | |||
/deep/van-ellipsis{ | |||
font-weight: bold; | |||
@@ -19,11 +19,8 @@ | |||
> | |||
<van-swipe-cell v-for="(item,index) in 10" :key="index"> | |||
<van-cell title="关于徐胜峰在禁渔期内收购非法捕捞渔获..." :to="{name:'lawEnforcementCaseDetail', query: {id:item.id}}"> | |||
<template #icon> | |||
<p>{{index+1}}.</p> | |||
</template> | |||
<template #label> | |||
<p>2022000002</p> | |||
<p>埇桥农 罚(2022)2号</p> | |||
<p>勘察</p> | |||
</template> | |||
</van-cell> | |||
@@ -24,7 +24,7 @@ | |||
<p>指定管辖通知书</p> | |||
</van-col> | |||
<van-col :span="4"> | |||
<p>打印</p> | |||
<p>下载</p> | |||
</van-col> | |||
</van-row> | |||
</div> | |||
@@ -40,7 +40,7 @@ | |||
<div class="peopleList"> | |||
<van-row v-for="(item,index) in 2" :key="index" > | |||
<van-col :span="20"> | |||
<img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/> | |||
<img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png" /> | |||
<p>指定管辖通知书</p> | |||
</van-col> | |||
<van-col :span="4"> | |||
@@ -36,7 +36,7 @@ | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_06.png"/> | |||
<p>任务查看</p> | |||
</van-grid-item> | |||
<van-grid-item> | |||
<van-grid-item :to="{name:'lawEnforcementCaseAdd'}"> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_07.png"/> | |||
<p>巡查登记</p> | |||
</van-grid-item> | |||
@@ -45,15 +45,37 @@ | |||
<div class="main2"> | |||
<p class="tit">文书制作</p> | |||
<div class="content"> | |||
<div class="images"> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'2'}})"> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"> | |||
</div> | |||
<img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})"> | |||
</div> | |||
<table width="100%"> | |||
<tr> | |||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></td> | |||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'2'}})"></td> | |||
<td rowspan="2"><img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})"></td> | |||
</tr> | |||
<tr> | |||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})"></td> | |||
<td><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})"></td> | |||
</tr> | |||
</table> | |||
<!-- <van-row>--> | |||
<!-- <van-col><img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></van-col>--> | |||
<!-- <van-col><img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></van-col>--> | |||
<!-- <van-col><img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></van-col>--> | |||
<!-- </van-row>--> | |||
<!-- <van-row>--> | |||
<!-- <van-col><img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></van-col>--> | |||
<!-- <van-col><img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})"></van-col>--> | |||
<!-- </van-row>--> | |||
<!-- <div class="content">--> | |||
<!-- <div class="images">--> | |||
<!-- <img src="../../../static/images/lawEnforcement/new/index_icon_08.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'1'}})">--> | |||
<!-- <img src="../../../static/images/lawEnforcement/new/index_icon_09.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'2'}})">--> | |||
<!-- <img src="../../../static/images/lawEnforcement/new/index_icon_10.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'3'}})">--> | |||
<!-- <img src="../../../static/images/lawEnforcement/new/index_icon_11.png" @click="$router.push({name:'lawEnforcementRecord',query:{type:'4'}})">--> | |||
<!-- </div>--> | |||
<!-- <img src="../../../static/images/lawEnforcement/new/index_icon_12.png" @click="$router.push({name:'lawEnforcementRecordDocument'})">--> | |||
<!-- </div>--> | |||
</div> | |||
<div class="main3"> | |||
@@ -133,6 +155,12 @@ export default { | |||
.app-container { | |||
padding: 0 ; | |||
} | |||
.main2 table{ | |||
margin-top: 15PX; | |||
td img{ | |||
width: 100%; | |||
} | |||
} | |||
::-webkit-input-placeholder { color:#C9C9C9;} | |||
:-moz-placeholder {color:#C9C9C9;} | |||
::-moz-placeholder { color:#C9C9C9;} | |||
@@ -311,7 +311,7 @@ | |||
this.$store | |||
.dispatch("Login", this.formData) | |||
.then(() => { | |||
this.$router.push({ path: "/lawEnforcement" }).catch(() => {}); | |||
this.$router.push({ path: "/lawEnforcement/index_new" }).catch(() => {}); | |||
}) | |||
.catch((error) => { | |||
console.log(error) | |||
@@ -16,8 +16,7 @@ | |||
<div class="main_box"> | |||
<div class="peopleList"> | |||
<van-row v-for="(item,index) in 10" :key="index" > | |||
<van-col :span="2">{{index+1}}</van-col> | |||
<van-col :span="18"> | |||
<van-col :span="20"> | |||
<img src="../../../../static/images/lawEnforcement/icon/record_icon_03.png"/> | |||
<p>指定管辖通知书</p> | |||
</van-col> | |||
@@ -194,7 +193,7 @@ | |||
&:last-child{ | |||
border: none; | |||
} | |||
.van-col--18{ | |||
.van-col--20{ | |||
display: flex; | |||
align-items: center; | |||
p{ | |||
@@ -9,10 +9,10 @@ | |||
<div class="main_box"> | |||
<van-grid :column-num="3" :border="false" square clickable> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="农药扫码" :to="{name:'lawEnforcementRetrospectDetail'}" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_02.png" text="种子扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_03.png" text="肥料扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="种子扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="肥料扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="兽药扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_02.png" text="饲料扫码" /> | |||
<van-grid-item icon="../../../static/images/lawEnforcement/new/retrospect_icon_01.png" text="饲料扫码" /> | |||
</van-grid> | |||
</div> | |||
@@ -27,9 +27,6 @@ | |||
<p>92341302MA2Q95JX82</p> | |||
</div> | |||
</template> | |||
<template #icon> | |||
<p style="font-size: 0.4rem;margin-right: 5px;">{{index+1}}.</p> | |||
</template> | |||
<template #label> | |||
<div class="cellLabel"> | |||
<img src="../../../../static/images/lawEnforcement/icon/individual_icon_01.png"/> | |||
@@ -18,7 +18,7 @@ | |||
<van-swipe-cell v-for="(item,index) in 10" :key="index"> | |||
<van-cell center :to="{name:'lawEnforcementTaskDetail', query: {id:item.id}}"> | |||
<template #title> | |||
<span>{{index+1}}. 张磊未经指定定点从事生猪屠宰活动案</span> | |||
<span>张磊未经指定定点从事生猪屠宰活动案</span> | |||
</template> | |||
<template #label> | |||
<div class="label"> | |||
@@ -26,9 +26,6 @@ | |||
<p>92341302MA2Q95JX82</p> | |||
</div> | |||
</template> | |||
<template #icon> | |||
<p style="font-size: 0.4rem;margin-right: 5px;">{{index+1}}.</p> | |||
</template> | |||
<template #label> | |||
<div class="cellLabel"> | |||
<img src="../../../../static/images/lawEnforcement/icon/individual_icon_01.png"/> | |||
@@ -18,7 +18,7 @@ | |||
<van-swipe-cell v-for="(item,index) in 10" :key="index"> | |||
<van-cell center :to="{name:'lawEnforcementTaskDetail', query: {id:item.id}}"> | |||
<template #title> | |||
<span>{{index+1}}. 张磊未经指定定点从事生猪屠宰活动案</span> | |||
<span>张磊未经指定定点从事生猪屠宰活动案</span> | |||
</template> | |||
<template #label> | |||
<div class="label"> | |||
@@ -12,7 +12,6 @@ | |||
<span class="custom-title">登记<i class="bgBlue"></i></span> | |||
</template> | |||
</van-cell> | |||
<van-cell title="登记号" :border="false" value="登记号" /> | |||
<van-cell title="案件来源" :border="false" value="案件来源" /> | |||
<van-cell title="关联方案" :border="false" value="关联方案" /> | |||
<van-cell title="案件属地" :border="false" value="案件属地" /> | |||
@@ -20,7 +19,7 @@ | |||
<van-cell title="案件名称" :border="false" value="案件名称" /> | |||
<van-cell title="登记日期" :border="false" value="登记日期" /> | |||
<van-cell title="执法类别" :border="false" value="执法类别" /> | |||
<van-cell title="案件简述" :border="false" value="案件简述 " /> | |||
<van-cell title="案件简述" :border="false" value="案件简述" /> | |||
</div> | |||
<div class="main_box" style="margin-top: 10px;"> | |||
@@ -7,12 +7,12 @@ | |||
<baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:150vh" > | |||
<!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | |||
<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation> | |||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: 'http://developer.baidu.com/map/jsdemo/img/fox.gif', size: {width: 300, height: 157}}"></bm-marker> | |||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | |||
</baidu-map> | |||
<div style="position:absolute;top: 75px;width: 100%;"> | |||
<div class="main_box top_box"> | |||
<van-field readonly value="案件来源" label="案件来源" placeholder="请输入案件来源" :border="false" /> | |||
<van-field readonly value="案件来源123" label="案件来源" placeholder="请输入案件来源" :border="false" /> | |||
<van-field readonly value="关联方案" label="关联方案" placeholder="请输入关联方案" :border="false" /> | |||
<van-field readonly value="案件名称" label="案件名称" placeholder="请输入案件名称" :border="false" /> | |||
</div> | |||