|
|
|
@ -14,10 +14,10 @@ |
|
|
|
@click="clickImg(url)"> |
|
|
|
</el-image> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="地址:" prop="ownGrid"> |
|
|
|
<el-form-item label="所属网格:" prop="allDeptNames"> |
|
|
|
<div>{{dataForm.allDeptNames}}</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="议题来源:" prop="createdTime"> |
|
|
|
<el-form-item label="话题来源:" prop="groupName"> |
|
|
|
<div>{{dataForm.groupName}}</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="发言人:" prop="nickName"> |
|
|
|
@ -27,6 +27,10 @@ |
|
|
|
<el-button type="primary" @click="innerVisible = true">点击查看评论</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div class="container"> |
|
|
|
<div class="location"><span style="font-weight: bold;color: #606266">上报位置:</span> {{dataForm.topicAddress}}</div> |
|
|
|
<div id="map"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="width: 100%; text-align:center; float:left;"> |
|
|
|
<el-button size="medium" style="width: 95px" type="primary" @click="back">返回</el-button> |
|
|
|
@ -60,6 +64,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import BMap from 'BMap' |
|
|
|
import 'element-ui/lib/theme-chalk/timeline.css' |
|
|
|
import 'element-ui/lib/theme-chalk/timeline-item.css' |
|
|
|
import 'element-ui/lib/theme-chalk/image.css' |
|
|
|
@ -70,6 +75,7 @@ export default { |
|
|
|
dataForm: { |
|
|
|
id: '' |
|
|
|
}, |
|
|
|
previewImgList: [], |
|
|
|
order: '', |
|
|
|
orderField: '', |
|
|
|
pageIndex: 1, |
|
|
|
@ -86,6 +92,14 @@ export default { |
|
|
|
back () { |
|
|
|
this.$parent.selectComponent = 'TopicList' |
|
|
|
}, |
|
|
|
initBmap (latitude, longitude) { |
|
|
|
this.map = new BMap.Map('map') |
|
|
|
const point = new BMap.Point(longitude, latitude) |
|
|
|
var marker = new BMap.Marker(point) |
|
|
|
this.map.addOverlay(marker) |
|
|
|
this.map.centerAndZoom(point, 13) |
|
|
|
this.map.enableScrollWheelZoom(true) |
|
|
|
}, |
|
|
|
clickImg (url) { |
|
|
|
this.previewImgList = [] |
|
|
|
this.previewImgList.push(url) |
|
|
|
@ -109,6 +123,7 @@ export default { |
|
|
|
...this.dataForm, |
|
|
|
...res.data |
|
|
|
} |
|
|
|
this.initBmap(this.dataForm.topicLatitude, this.dataForm.topicLongitude) |
|
|
|
}).catch(() => {}) |
|
|
|
}, |
|
|
|
pageSizeChangeHandleNew (val) { |
|
|
|
@ -210,6 +225,19 @@ export default { |
|
|
|
background: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
.container { |
|
|
|
width: 40%; |
|
|
|
height: 100%; |
|
|
|
float: right; |
|
|
|
.location { |
|
|
|
height: 30px; |
|
|
|
line-height: 30px; |
|
|
|
} |
|
|
|
#map { |
|
|
|
width: 100%; |
|
|
|
height: calc(100% - 30px); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.project-progress { |
|
|
|
width: 20%; |
|
|
|
|