zhangzl
/
rongxin.nongjing.expo
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

资源gis接口

dev
yuzongping 8 个月前
父节点
675c8b55c6
当前提交
deb4be4363
共有 8 个文件被更改，包括 296 次插入 和 128 次删除
合并视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +9
    -0
      src/views/resources/main-gis/asset-details/api.js
  2. 二进制
      src/views/resources/main-gis/asset-details/close.png
  3. +69
    -0
      src/views/resources/main-gis/asset-details/index.html
  4. +29
    -0
      src/views/resources/main-gis/asset-details/index.js
  5. +170
    -0
      src/views/resources/main-gis/asset-details/index.scss
  6. +4
    -0
      src/views/resources/main-gis/asset-details/index.vue
  7. +2
    -76
      src/views/resources/main-gis/index.html
  8. +13
    -52
      src/views/resources/main-gis/index.js

+ 9
- 0
src/views/resources/main-gis/asset-details/api.js 查看文件

@@ -0,0 +1,9 @@
import request from '@/utils/request'

// 河南资源一张图-预警分析-左上-资源处置预警(分页)
export function zyDetail (id) {
return request({
url: `api/home/xixia/resource/zyDetail/${id}`,
method: 'get'
})
}

二进制
src/views/resources/main-gis/asset-details/close.png 查看文件

之前 之后
宽度: 10  |  高度: 10  |  大小: 352 B

+ 69
- 0
src/views/resources/main-gis/asset-details/index.html 查看文件

@@ -0,0 +1,69 @@
<!--资产信息详情-弹窗-->
<div class="gl_pop_cash pop_statistical_desc">
<div class="head_main">
<div class="title">{{resourceDetail.name}}</div>
<div class="close" @click="showResourceDetail = false"></div>
</div>
<div class="echarts_main scrollbar">
<div>
<p>资源编码</p>
<p>{{resourceDetail.code}}</p>
</div>
<div>
<p>资源名称</p>
<p>{{resourceDetail.name}}</p>
</div>
<div>
<p>资源类型</p>
<p>{{resourceDetail.resourceSort}}</p>
</div>
<div>
<p>总面积(亩)</p>
<p>{{resourceDetail.totalArea}}</p>
</div>
<div>
<p>资产状态</p>
<p>{{resourceDetail.status}}</p>
</div>
<div>
<p>使用情况</p>
<p>{{resourceDetail.useType}}</p>
</div>
<div>
<p>坐落位置</p>
<p>{{resourceDetail.location}}</p>
</div>
<div>
<p>东至</p>
<p>{{resourceDetail.east}}</p>
</div>
<div>
<p>西至</p>
<p>{{resourceDetail.west}}</p>
</div>
<div>
<p>南至</p>
<p>{{resourceDetail.south}}</p>
</div>
<div>
<p>北至</p>
<p>{{resourceDetail.north}}</p>
</div>
<div>
<p>备注</p>
<p>{{resourceDetail.remark}}</p>
</div>
<div>
<p>附件</p>
<p>
<block v-for="(item,index) in resourceDetail.fileList">
<a :href="item.urlApi" v-if="item.type != 'image'">
<img :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.5vw;" alt="">
</a>
<img v-else :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.3vw;" alt="" @click="openImage(item.url)">
</block>
</p>
</div>
</div>

</div>

+ 29
- 0
src/views/resources/main-gis/asset-details/index.js 查看文件

@@ -0,0 +1,29 @@

import { zyDetail } from "./api.js";
export default {
props: {
data: {}
},
data () {
return {
isLoad: false,
resourceDetail: {}
};
},
computed: {
},
created () {
this.isLoad = false
zyDetail(this.data).then(res => {
this.resourceDetail = res.data;
this.isLoad = true
})
},
mounted () {
},
methods: {
close () {
this.$emit('close')
}
}
};

+ 170
- 0
src/views/resources/main-gis/asset-details/index.scss 查看文件

@@ -0,0 +1,170 @@
.gl_pop_cash {
background: rgba(10, 25, 47, 0.8);
position: absolute;
padding: 0 10px;
z-index: 11;

.head_main {
height: 40px;
display: flex;
align-items: center;
position: relative;
justify-content: space-between;

.title {
color: #ffad00;
font-size: 16px !important;
}

.close {
background: url('./close.png') no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
cursor: pointer;
}

.xs_main {
height: 30px;
position: absolute;
width: 100%;
display: flex;
align-items: center;

.block {
width: 20px;
display: flex;

.point {
width: .55vh;
height: .55vh;
margin-right: 0.36vw;

&.p1 {
background: rgba(53, 125, 250, 1)
}

&.p2 {
background: rgba(53, 125, 250, .7)
}

&.p3 {
background: rgba(53, 125, 250, .4)
}
}

}

.xs_x {
height: 1px;
flex: 1;
background: #214284;
}
}
}

.echarts_main {
height: 600px;
overflow-y: auto;

div {
font-size: 10px;
// height: 40px;
line-height: 20px;

p {
// white-space: nowrap;
}
}

.headers {
height: 30px;
font-size: 14px;
color: #0befca;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.53vw;
background: rgba(11, 239, 202, .2);
margin-bottom: 0.9vh
}

.desc_main {
overflow-y: scroll;
padding-right: 0.33vw;

.analysisTable_list {
margin: 0;
padding: 0;
flex: 1;
display: flex;
flex-direction: column;

.flex_item {
cursor: pointer;
list-style: none;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
font-size: 12px;
position: relative;
height: 30px;

&:nth-child(2n) {
background: rgba(53, 125, 250, .1);
}
}
}
}
}

}

.pop_statistical_desc {
width: 600px;
margin: 0;
left: 480px !important;
top: 180px !important;
padding-bottom: 1.04vw !important;

.head_main {
.title {
color: #fff;
}
}

.echarts_main {
overflow-y: auto;
margin-top: 16px;

div {
display: flex;
align-items: center;

&:nth-child(even) {
background: rgba(32, 89, 188, 0.2);
}

p {
&:nth-child(1) {
width: 8vw;
padding-left: 1vw;
flex-shrink: 0;
}

&:nth-child(2) {
color: #ffad00;
}

margin: 0;
color: #ffffff;
font-size:1.33vh;
line-height: 3.92vh;
}
}
}
}

+ 4
- 0
src/views/resources/main-gis/asset-details/index.vue 查看文件

@@ -0,0 +1,4 @@
<template src='./index.html'/>
<script lang='js' src='./index.js'></script>
<style lang='scss' src='./index.scss' scoped>
</style>

+ 2
- 76
src/views/resources/main-gis/index.html 查看文件

@@ -7,82 +7,8 @@
</div> </div>
</div> </div>
</Legend> </Legend>
<div v-if="showResourceDetail" class="gl_pop_cash pop_statistical_desc">
<div class="head_main">
<div class="title">{{resourceDetail.name}}详情</div>
<div class="close" @click="showResourceDetail = false"></div>
<div class="xs_main">
<div class="block">
<div class="point p1"></div>
<div class="point p2"></div>
<div class="point p3"></div>
</div>
<div class="xs_x"></div>
</div>
</div>
<div class="echarts_main">
<div>
<p>资源编码</p>
<p>{{resourceDetail.code}}</p>
</div>
<div>
<p>资源名称</p>
<p>{{resourceDetail.name}}</p>
</div>
<div>
<p>资源类型</p>
<p>{{resourceDetail.resourceSort}}</p>
</div>
<div>
<p>总面积(亩)</p>
<p>{{resourceDetail.totalArea}}</p>
</div>
<div>
<p>资产状态</p>
<p>{{resourceDetail.status}}</p>
</div>
<div>
<p>使用情况</p>
<p>{{resourceDetail.useType}}</p>
</div>
<div>
<p>坐落位置</p>
<p>{{resourceDetail.location}}</p>
</div>
<div>
<p>东至</p>
<p>{{resourceDetail.east}}</p>
</div>
<div>
<p>西至</p>
<p>{{resourceDetail.west}}</p>
</div>
<div>
<p>南至</p>
<p>{{resourceDetail.south}}</p>
</div>
<div>
<p>北至</p>
<p>{{resourceDetail.north}}</p>
</div>
<div>
<p>备注</p>
<p>{{resourceDetail.remark}}</p>
</div>
<div>
<p>附件</p>
<p>
<block v-for="(item,index) in resourceDetail.fileList">
<a :href="item.urlApi" v-if="item.type != 'image'">
<img :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.5vw;" alt="">
</a>
<img v-else :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.3vw;" alt="" @click="openImage(item.url)">
</block>
</p>
</div>
</div>

</div>
<AssetDetails @close="listDialogHidden('detail')" v-if="showPermanentDetail.show" :data="showPermanentDetail.id"></AssetDetails>
<!--选择地址-->
<div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div> <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
<!--选择地址--> <!--选择地址-->
<div class="select_address"> <div class="select_address">


+ 13
- 52
src/views/resources/main-gis/index.js 查看文件

@@ -11,13 +11,19 @@ import { attachmentList } from "@/api/common/uploadAttachment.js";
import { treeselect, getDept, listDeptExcludeChild } from "@/api/system/dept"; import { treeselect, getDept, listDeptExcludeChild } from "@/api/system/dept";
import { getConfigKey } from "@/api/system/config"; import { getConfigKey } from "@/api/system/config";
import { treeselectByDeptId } from "@/api/system/dept"; import { treeselectByDeptId } from "@/api/system/dept";
import AssetDetails from './asset-details/index.vue';
let gis = null; let gis = null;
export default { export default {
components: { components: {
AssetDetails,
Legend Legend
}, },
data () { data () {
return { return {
showPermanentDetail: {
show: false,
id: ''
},
yellowIcon: require('./icon/yellow.png'), yellowIcon: require('./icon/yellow.png'),
//三务公开请求参数 //三务公开请求参数
queryParams: { queryParams: {
@@ -260,15 +266,6 @@ export default {
}); });


}) })
// treeselect().then((resp) => {
// this.addrOptions = resp.data
// getInfo().then(res => {
// this.initMap(res.user.loginDeptId);
// // 加载地图
// })
// });


}, },
methods: { methods: {
// 获取村边界的图层名称 // 获取村边界的图层名称
@@ -457,7 +454,7 @@ export default {
//资源信息详情弹窗 //资源信息详情弹窗
this.showResourceDetail = false; this.showResourceDetail = false;
//资产信息详情弹窗 //资产信息详情弹窗
this.showPermanentDetail = false;
this.showPermanentDetail.show = false;
//农业补贴详情弹窗 //农业补贴详情弹窗
this.showSubsidyFundsDetail = false; this.showSubsidyFundsDetail = false;
//重大事项详情弹窗 //重大事项详情弹窗
@@ -486,7 +483,7 @@ export default {
//资源信息详情弹窗 //资源信息详情弹窗
this.showResourceDetail = false; this.showResourceDetail = false;
//资产信息详情弹窗 //资产信息详情弹窗
this.showPermanentDetail = false;
this.showPermanentDetail.show = false;
//农业补贴详情弹窗 //农业补贴详情弹窗
this.showSubsidyFundsDetail = false; this.showSubsidyFundsDetail = false;
//重大事项详情弹窗 //重大事项详情弹窗
@@ -499,47 +496,11 @@ export default {


}, },
openResourceDialog (data) { openResourceDialog (data) {
data.fileList = [];
let parmasData = {
tableId: data.id,
tableName: 't_asset_resource',
bizPath: 'asset',
};
attachmentList(parmasData).then((res) => {
if (res.code == 200) {
let UattachmentList = res.rows;
for (let i = 0; i < UattachmentList.length; i++) {
let fileName = UattachmentList[i].fileName;
let subIndex = fileName.lastIndexOf(".");
let ext = fileName.substring(subIndex + 1, fileName.length);
let urls = "";
let type = "";
if (ext == "xlsx" || ext == "xls") {
urls = require("@/assets/images/icon_excel.jpg");
type = 'excel';
} else if (ext == "doc" || ext == "docx") {
urls = require("@/assets/images/icon_word.jpg");
type = 'word';
} else if (ext == "pdf") {
urls = require("@/assets/images/icon_pdf.jpg");
type = 'pdf';
} else if (ext == "zip") {
urls = require("@/assets/images/icon_zip.jpg");
type = 'zip';
} else {
urls = '/api' + UattachmentList[i].fileUrl;
type = 'image';
}
data.fileList.push({
url: urls,
urlApi: '/api' + UattachmentList[i].fileUrl,
type: type
})
}
this.showResourceDetail = true;
this.resourceDetail = data;
}
});
let id = data.id;
this.showPermanentDetail = {
id,
show: true
}
}, },
// 创建矢量数据源 // 创建矢量数据源
addDeptLayer (nextDeptSet, locationIcon) { addDeptLayer (nextDeptSet, locationIcon) {


撰写 预览
正在加载...
取消
保存