zhangzl
/
nsgk_mobile
2
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
移动端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
1454 Commit
7 Rami (Branch)
79 MiB
 
 
Albero (Tree): d24eaee113
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'd24eaee113'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/assetMapOpen.vue

972 righe
40 KiB
Originale Blame Cronologia 

  1. <template>

  2.   <div class="homestead_main">

  3.     <!--<div id="landMapDiv"></div>-->

  4.     <div id="mapAll"></div>

  5.     <div id="info" style="display: none"></div>

  6.     <div class="plotPremises_right" v-if="this.mapHaDataValue">

  7.       <div class="land_information_main">

  8.         <div class="area_information">

  9.           <div class="mian">

  10.             <div class="basic_information" v-if="mapHasDateStatus == 0">

  11.               <div class="basic_block">

  12.                 <van-row>

  13.                   <van-col :span="4"><span class="title">资源编码:</span></van-col>

  14.                   <van-col :span="8"><span class="desc">{{ mapHasData.code }}</span></van-col>

  15.                   <van-col :span="4"><span class="title">资源名称:</span></van-col>

  16.                   <van-col :span="8"><span class="desc">{{ mapHasData.name }}</span></van-col>

  17.                 </van-row>

  18.                 <van-row>

  19.                   <van-col :span="4"><span class="title">资源类型:</span></van-col>

  20.                   <van-col :span="8"><span class="desc">{{ mapHasData.resourceType }}</span></van-col>

  21.                   <van-col :span="4"><span class="title">坐落位置:</span></van-col>

  22.                   <van-col :span="8"><span class="desc">{{ mapHasData.location }}</span></van-col>

  23.                 </van-row>

  24.                 <van-row>

  25.                   <van-col :span="4"><span class="title">东至:</span></van-col>

  26.                   <van-col :span="8"><span class="desc">{{ mapHasData.east }}</span></van-col>

  27.                   <van-col :span="4"><span class="title">西至:</span></van-col>

  28.                   <van-col :span="8"><span class="desc">{{ mapHasData.west }}</span></van-col>

  29.                 </van-row>

  30.                 <van-row>

  31.                   <van-col :span="4"><span class="title">南至:</span></van-col>

  32.                   <van-col :span="8"><span class="desc">{{ mapHasData.south }}</span></van-col>

  33.                   <van-col :span="4"><span class="title">北至:</span></van-col>

  34.                   <van-col :span="8"><span class="desc">{{ mapHasData.north }}</span></van-col>

  35.                 </van-row>

  36.                 <van-row>

  37.                   <van-col :span="4"><span class="title">总面积:</span></van-col>

  38.                   <van-col :span="8"><span class="desc">{{ mapHasData.totalArea }}</span></van-col>

  39.                   <van-col :span="4"><span class="title">资产状态:</span></van-col>

  40.                   <van-col :span="8"><span class="desc">{{ mapHasData.status }}</span></van-col>

  41.                 </van-row>

  42.                 <van-row>

  43.                   <van-col :span="4"><span class="title">使用情况:</span></van-col>

  44.                   <van-col :span="8"><span class="desc">{{ mapHasData.useType }}</span></van-col>

  45.                   <van-col :span="4"><span class="title">备注:</span></van-col>

  46.                   <van-col :span="8"><span class="desc">{{ mapHasData.remark }}</span></van-col>

  47.                 </van-row>

  48. 

  49.                 <van-row>

  50.                   <van-col :span="24"><span class="title">附件图片:</span></van-col>

  51.                 </van-row>

  52.                 <van-row>

  53.                   <van-col :span="24" style="height: 120px;overflow-y: auto;">

  54.                     <div class="fileList">

  55.                       <template v-for="(item,index) in mapHasData.fileList">

  56.                         <a :href="item.url" v-if="item.url.indexOf('xlsx') > -1 || item.url.indexOf('xls') > -1">

  57.                           <img src="../../assets/images/homestead/icon_excel.jpg" alt="" style="width:100px;height: 100px;">

  58.                         </a>

  59.                         <a :href="item.url" v-else-if="item.url.indexOf('docx') > -1 || item.url.indexOf('dox') > -1">

  60.                           <img src="../../assets/images/homestead/icon_word.jpg" alt=""  style="width:100px;height: 100px;">

  61.                         </a>

  62.                         <img v-else :src="item.url" alt="" @click="openImage(item.url)"  style="width:100px;height: 100px;">

  63.                       </template>

  64.                       <van-empty v-if="mapHasData.fileList.length<1" description="暂无附件"></van-empty>

  65.                     </div>

  66.                   </van-col>

  67.                 </van-row>

  68.                 <div class="gl_main">

  69.                   <div class="headers">

  70.                     <div class="flex3">合同编码</div>

  71.                     <div class="flex3">合同名称</div>

  72.                     <div class="flex3">承包款</div>

  73.                     <div class="flex3">状态</div>

  74. 

  75.                   </div>

  76.                   <div class="desc_main">

  77.                     <ul class="analysisTable_list">

  78.                       <!--1-->

  79.                       <li v-for="item in contractionList" class="flex_item">

  80.                         <div class="flex3" >{{item.code}}</div>

  81.                         <div class="flex3" >{{item.name}}</div>

  82.                         <div class="flex3">{{item.totalAmount}}</div>

  83.                         <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>

  84.                       </li>

  85.                     </ul>

  86.                   </div>

  87.                 </div>

  88.                 <!--                <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>-->

  89.               </div>

  90.             </div>

  91. 

  92.             <div class="basic_information" v-if="mapHasDateStatus == 1">

  93.               <div class="basic_block">

  94.                 <van-row>

  95.                   <van-col :span="4"><span class="title">资产编码:</span></van-col>

  96.                   <van-col :span="8"><span class="desc">{{ mapHasData.code }}</span></van-col>

  97.                   <van-col :span="4"><span class="title">资产名称:</span></van-col>

  98.                   <van-col :span="8"><span class="desc">{{ mapHasData.name }}</span></van-col>

  99.                 </van-row>

  100.                 <van-row>

  101.                   <van-col :span="4"><span class="title">资产类别:</span></van-col>

  102.                   <van-col :span="8"><span class="desc">{{ mapHasData.assetType }}</span></van-col>

  103.                   <van-col :span="4"><span class="title">经营属性:</span></van-col>

  104.                   <van-col :span="8"><span class="desc">{{ mapHasData.operationType }}</span></van-col>

  105.                 </van-row>

  106.                 <van-row>

  107.                   <van-col :span="4"><span class="title">增加方式:</span></van-col>

  108.                   <van-col :span="8"><span class="desc">{{ mapHasData.addType }}</span></van-col>

  109.                   <van-col :span="4"><span class="title">构建时间:</span></van-col>

  110.                   <van-col :span="8"><span class="desc">{{ mapHasData.buildTime }}</span></van-col>

  111.                 </van-row>

  112.                 <van-row>

  113.                   <van-col :span="4"><span class="title">坐落位置:</span></van-col>

  114.                   <van-col :span="8"><span class="desc">{{ mapHasData.location }}</span></van-col>

  115.                   <van-col :span="4"><span class="title">规格型号:</span></van-col>

  116.                   <van-col :span="8"><span class="desc">{{ mapHasData.specification }}</span></van-col>

  117.                 </van-row>

  118.                 <van-row>

  119.                   <van-col :span="4"><span class="title">供应商:</span></van-col>

  120.                   <van-col :span="8"><span class="desc">{{ mapHasData.supplier }}</span></van-col>

  121.                   <van-col :span="4"><span class="title">使用情况:</span></van-col>

  122.                   <van-col :span="8"><span class="desc">{{ mapHasData.useType }}</span></van-col>

  123.                 </van-row>

  124.                 <van-row>

  125.                   <van-col :span="4"><span class="title">数量/面积:</span></van-col>

  126.                   <van-col :span="8"><span class="desc">{{ mapHasData.quantity }}</span></van-col>

  127.                   <van-col :span="4"><span class="title">计量单位:</span></van-col>

  128.                   <van-col :span="8"><span class="desc">{{ mapHasData.unit }}</span></van-col>

  129.                 </van-row>

  130.                 <van-row>

  131.                   <van-col :span="4"><span class="title">原值:</span></van-col>

  132.                   <van-col :span="8"><span class="desc">{{ mapHasData.originalValue }}</span></van-col>

  133.                   <van-col :span="4"><span class="title">资产状态:</span></van-col>

  134.                   <van-col :span="8"><span class="desc">{{ mapHasData.assetStatus }}</span></van-col>

  135.                 </van-row>

  136.                 <van-row>

  137.                   <van-col :span="24"><span class="title">附件图片:</span></van-col>

  138.                 </van-row>

  139.                 <van-row>

  140.                   <van-col :span="24"  style="height: 120px;overflow-y: auto;">

  141.                     <div class="fileList">

  142.                       <template v-for="(item,index) in mapHasData.fileList">

  143.                         <a :href="item.url" v-if="item.url.indexOf('xlsx') > -1 || item.url.indexOf('xls') > -1">

  144.                           <img src="../../assets/images/homestead/icon_excel.jpg" alt="" style="width:100px;height: 100px;">

  145.                         </a>

  146.                         <a :href="item.url" v-else-if="item.url.indexOf('docx') > -1 || item.url.indexOf('dox') > -1">

  147.                           <img src="../../assets/images/homestead/icon_word.jpg" alt="" style="width:100px;height: 100px;">

  148.                         </a>

  149.                         <img v-else :src="item.url" alt="" @click="openImage(item.url)" style="width:100px;height: 100px;">

  150.                       </template>

  151.                       <van-empty v-if="mapHasData.fileList.length<1" description="暂无附件"></van-empty>

  152.                     </div>

  153.                   </van-col>

  154.                 </van-row>

  155.                 <div class="gl_main">

  156.                   <div class="headers">

  157.                     <div class="flex3">合同编码</div>

  158.                     <div class="flex3">合同名称</div>

  159.                     <div class="flex3">承包款</div>

  160.                     <div class="flex3">状态</div>

  161. 

  162.                   </div>

  163.                   <div class="desc_main">

  164.                     <ul class="analysisTable_list">

  165.                       <!--1-->

  166.                       <li v-for="item in contractionList" class="flex_item">

  167.                         <div class="flex3" >{{item.code}}</div>

  168.                         <div class="flex3" >{{item.name}}</div>

  169.                         <div class="flex3" >{{item.totalAmount}}</div>

  170.                         <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>

  171.                       </li>

  172.                     </ul>

  173.                   </div>

  174.                 </div>

  175.               </div>

  176.               <!--<div class="basic_block">

  177.                 <span class="title">折旧科目:</span>

  178.                 <span class="desc">{{ mapHasData.depreciationSubject }}</span>

  179.               </div>

  180.               <div class="basic_block">

  181.                 <span class="title">折旧费用科目:</span>

  182.                 <span class="desc">{{ mapHasData.depreciationFeeSubject }}</span>

  183.               </div>

  184.               <div class="basic_block">

  185.                 <span class="title">资产清理科目:</span>

  186.                 <span class="desc">{{ mapHasData.fixedSubject }}</span>

  187.               </div>

  188.               <div class="basic_block">

  189.                 <span class="title">资产清理额:</span>

  190.                 <span class="desc">{{ mapHasData.fixedValue }}</span>

  191.               </div>

  192.               <div class="basic_block">

  193.                 <span class="title">购置凭证ID:</span>

  194.                 <span class="desc">{{ mapHasData.voucherId }}</span>

  195.               </div>-->

  196.             </div>

  197.           </div>

  198.         </div>

  199.       </div>

  200.     </div>

  201. 

  202.     <van-dialog v-model="dialogVisible">

  203.       <img width="100%" :src="dialogImageUrl" alt="">

  204.     </van-dialog>

  205. 

  206.   </div>

  207. </template>

  208. 

  209. <style scoped lang="scss">

  210.   .homestead_main {

  211.     height: 100vh;

  212.     display: flex;

  213.     display: -webkit-flex;

  214.     display: -ms-flexbox;

  215.     display: -moz-box;

  216.     flex-direction: column;

  217.     position: relative;

  218.   }

  219.   #mapAll {

  220.     height: 100vh;

  221.     position: absolute;

  222.     left: 0;

  223.     top: 0;

  224.     width: 100vw;

  225.   }

  226.   .fileList{

  227.   img{

  228.     width: 8vw;

  229.     height: 8vw;

  230.     margin-right: 20px;

  231.   }

  232.   }

  233.   .flex3 {

  234.     flex: 0.5;

  235.     overflow: hidden; /*超出部分隐藏*/

  236.     white-space: nowrap; /*不换行*/

  237.     text-overflow: ellipsis; /*超出部分文字以...显示*/

  238.   }

  239.   .plotPremises_right {

  240.     width: 98%;

  241.     position: fixed;

  242.     z-index: 1001;

  243.     top: 50%;

  244.     transform: translateY(-50%);

  245.     right: 0;

  246.     display: flex;

  247.   // display: none;

  248.     min-width: 300px;

  249.     /*height: calc(100% - 104px);*/

  250.     flex-direction: column;

  251.   .topTrimLine {

  252.     width: 100%;

  253.     height: 8px;

  254.     background: url("../../assets/images/homestead/header_border.png")

  255.     no-repeat;

  256.     background-size: 100% 100%;

  257.     position: absolute;

  258.     top: -4px;

  259.     left: 0;

  260.   }

  261.   .land_information_main {

  262.     flex: 1;

  263.     display: flex;

  264. 

  265.   // align-items: center;

  266.   .area_information {

  267.   // margin-bottom: 3%;

  268.     flex: 1.5;

  269.     position: relative;

  270.     display: flex;

  271.   .mian {

  272.     background: rgba(25, 29, 24, 0.7);

  273.     /*background: rgba(255, 255, 255, 0.7);*/

  274.   // background: url("../../assets/images/dataScreen/plotPremises/left_top_img.png")

  275.   // no-repeat;

  276.   // background-size: 100% 100%;

  277.     padding: 3%;

  278.     flex: 1;

  279.     display: flex;

  280.     flex-direction: column;

  281.   .area_title {

  282.     margin: 0;

  283.     font-size: 22px;

  284.     color: #38da94;

  285.   }

  286.   .basic_information {

  287.     position: relative;

  288.     flex: 1;

  289.     display: flex;

  290.     flex-direction: column;

  291.   .basic_block {

  292.     font-size: 15px;

  293.     color: #47c68f;

  294.     flex: 1;

  295.   .van-row{

  296.     display:flex;

  297.     flex-wrap: wrap;

  298.   .van-col{

  299.     padding: 1% 0 1% 2%;

  300.     border-top: 1px solid #fff;

  301.     border-left: 1px solid #fff;

  302.   &:last-child{

  303.      border-right: 1px solid #fff;

  304.    }

  305.   }

  306.   &:last-child{

  307.   .van-col{

  308.   &:last-child{

  309.      border-bottom: 1px solid #fff;

  310.    }

  311.   }

  312.   }

  313. 

  314.   }

  315.   .title {

  316.     color: #fff;

  317.     padding-right: 8px;

  318.   }

  319.   }

  320.   .patternmaking {

  321.     position: absolute;

  322.     right: 2%;

  323.     bottom: 16%;

  324.   .img_block {

  325.     margin-top: 8px;

  326.   &:first-child {

  327.      margin-top: 0;

  328.    }

  329.   }

  330.   p {

  331.     margin: 0;

  332.     font-size: 0;

  333.   img {

  334.     width: 78px;

  335.     height: 60px;

  336.   }

  337.   }

  338.   }

  339.   .gl_main{

  340.     margin-top: .8vh;

  341.     height: 28.15vh;

  342.     padding:0.92vh 0 0 0;

  343.   .headers {

  344.     height: 3.24vh;

  345.     font-size: 1.48vh;

  346.     color: #0befca;

  347.     text-align: center;

  348.     display: flex;

  349.     justify-content: center;

  350.     align-items: center;

  351.     background: rgba(11,239,202,.3);

  352.     padding-right: 0.53vw;

  353.     margin-bottom: 1vh;

  354.   .flex_left{

  355.     text-align: left;

  356.     padding-left: 0.83vw;

  357.   }

  358.   }

  359.   .desc_main{

  360.     height: 21.5vh;

  361.     overflow-y: scroll;

  362.     padding-right: 0.3vw;

  363.     box-sizing:border-box;

  364.   .analysisTable_list {

  365.     margin: 0;

  366.     padding: 0;

  367.     flex: 1;

  368.     display: flex;

  369.     flex-direction: column;

  370.   .flex_left{

  371.     text-align: left;

  372.     padding-left: 0.83vw;

  373.     box-sizing:border-box;

  374.   }

  375.   .flex_item {

  376.     height: 2.77vh;

  377.     list-style: none;

  378.     margin: 0;

  379.     display: flex;

  380.     justify-content: center;

  381.     align-items: center;

  382.     text-align: center;

  383.     color: #fff;

  384.     font-size: 1.29vh;

  385.     position: relative;

  386.   // border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  387.   // &:hover {

  388.       //     background: rgba(8, 85, 255, 0.6);

  389.       // }

  390.   &:nth-child(2n){

  391.      background: rgba(53, 125, 250, 0.1);

  392.    }

  393.   }

  394.   }

  395.   }

  396. 

  397.   }

  398.   }

  399.   .area_data {

  400.     padding: 4% 0;

  401.     display: flex;

  402.     justify-content: space-between;

  403.     flex-wrap: wrap;

  404.     border-bottom: 1px solid #62655d;

  405.   .details_block {

  406.     width: 33.33%;

  407.   &.line {

  408.      margin-bottom: 2%;

  409.    }

  410.   p {

  411.     margin: 0;

  412.   }

  413.   .m_title {

  414.     color: #bbb;

  415.     font-size: 12px;

  416.     padding-bottom: 5px;

  417.   }

  418.   .m_desc {

  419.     color: #fff;

  420.     font-size: 14px;

  421.   }

  422.   }

  423.   }

  424.   .farmhouse_table {

  425.     padding: 4% 0 2%;

  426.   .header_main {

  427.     display: block;

  428.     overflow: hidden;

  429.   .farmhouse_title {

  430.     margin: 0;

  431.     font-size: 14px;

  432.     color: #fff;

  433.     float: left;

  434.   }

  435.   .farmhouse_ul {

  436.     font-size: 12px;

  437.     margin: 0;

  438.     float: right;

  439.     color: #fff;

  440.     padding: 0;

  441.     padding-right: 5px;

  442.   li {

  443.     float: left;

  444.     margin-left: 9px;

  445.     list-style: none;

  446.     cursor: pointer;

  447.     padding: 0;

  448.   &.active {

  449.      color: #87cf9a;

  450.      border-bottom: 1px solid #87cf9a;

  451.    }

  452.   }

  453.   }

  454.   }

  455.   }

  456.   }

  457.   }

  458.   }

  459.   }

  460. 

  461. </style>

  462. 

  463. <script>

  464. 

  465.   import {

  466.     getPermanentList,

  467.     getResourceList,

  468.     assetDetail,

  469.     assetContractionDetail,

  470.     openAttachmentList

  471.   } from "@/api/sunVillage_info/fixedAssets";

  472.   import {getQueryLand} from "@/api/sunVillage_info/homestead/application";

  473.   export default {

  474.     components: {

  475.       getPermanentList,

  476.       getResourceList,

  477.       getQueryLand

  478.     },

  479.     data() {

  480.       return {

  481.         situationW: 70,

  482.         //地图判断

  483.         openMap: false,

  484.         mapTheGeomId: null,

  485.         mapTheGeomResourceId: null,

  486.         drawInsert:null,

  487.         mapHasData:{},

  488.         contractionList:[],

  489.         //合同状态字典

  490.         contractionStatuOptions:[],

  491.         mapHaDataValue:false,

  492.         mapHasDateStatus: 0, //0资源资产  1固定资产

  493.         dialogVisible:false,

  494.         dialogImageUrl:''

  495.       };

  496.     },

  497. 

  498.     mounted() {

  499.       let mapTheGeomAll =this.$cookies.get("bookId");

  500.       console.info(mapTheGeomAll);

  501.       getPermanentList(mapTheGeomAll).then((response) => {

  502.         if (response.code == 200) {

  503.           this.mapTheGeomId = response.data;

  504.         }

  505.       });

  506.       getResourceList(mapTheGeomAll).then((response) => {

  507.         if (response.code == 200) {

  508.           this.mapTheGeomResourceId = response.data;

  509.           setTimeout(() => {

  510.             this.GetMapsInit();

  511.           }, 500);

  512.         }

  513.       });

  514.     },

  515.     methods: {

  516.       openImage(url){

  517.         this.dialogImageUrl = url;

  518.         this.dialogVisible = true;

  519.       },

  520.       //地图加载 -----start

  521.       GetMapsInit() {

  522.         this.getDicts("contraction_status").then((response) => {

  523.           this.contractionStatuOptions = response.data;

  524.         });

  525.         //加载地图编辑

  526.         var that = this;

  527.         var map;

  528.         //矢量标注样式设置函数，设置image为图标ol.style.Icon

  529.         function createLabelStyle() {

  530.           return new ol.style.Style({

  531.             image: new ol.style.Icon({

  532.               //设置图标偏移

  533.               anchor: [0.5, 1],

  534.               //标注样式的起点位置

  535.               anchorOrigin: "top-right",

  536.               //X方向单位：分数

  537.               anchorXUnits: "fraction",

  538.               //Y方向单位：像素

  539.               anchorYUnits: "pixels",

  540.               //偏移起点位置的方向

  541.               offsetOrigin: "top-right",

  542.               //透明度

  543.               opacity: 0.9,

  544.               //图片路径

  545.               src: require("../../assets/images/homestead/mark.png"),

  546.             }),

  547.             text: new ol.style.Text({

  548.               textAlign: "center", //位置

  549.               textBaseline: "middle", //基准线

  550.               font: "normal 12px 微软雅黑", //文字样式

  551.               //text: "标注点", //文本内容

  552.               fill: new ol.style.Fill({

  553.                 //文本填充样式（即文字颜色)

  554.                 color: "#ff0000",

  555.               }),

  556.             }),

  557.             zIndex: 9999,

  558.           });

  559.         }

  560.         // document.getElementById("mapAll").innerHTML = '';

  561.         var hc_land;

  562.         var vector_drawing;

  563.         var projection = new ol.proj.Projection({

  564.           //地图投影类型

  565.           code: "EPSG:3857",

  566.           units: "degrees",

  567.           //extent:extent

  568.         });

  569. 

  570.         var aerial = new ol.layer.Tile({

  571.           source: new ol.source.XYZ({

  572.             url: "http://t0.tianditu.gov.cn/img_w/wmts?" +

  573.               "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  574.               "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",

  575.           }),

  576.           isGroup: true,

  577.           name: "卫星影像图",

  578.         });

  579. 

  580.         var yingxzi = new ol.layer.Tile({

  581.           source: new ol.source.XYZ({

  582.             url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",

  583.           }),

  584.           isGroup: true,

  585.           name: "天地图文字标注--卫星影像图",

  586.         });

  587.         //加载地图

  588.         map = new ol.Map({

  589.           controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮

  590.           layers: [aerial, yingxzi],

  591.           projection: projection,

  592.           target: "mapAll",

  593.           view: new ol.View({

  594.             //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  595.             zoom: 15,

  596.             minZoom: 0, //地图缩小限制

  597.             maxZoom: 18.3, //地图放大限制

  598.           }),

  599.         });

  600.         //判断当前账套是否有数据

  601.         var mapTalkAbout = true;

  602.         //图层查询固定资产定位开始 ---------start

  603.         if(this.mapTheGeomId.length >0) {

  604.           for (var i = 0; this.mapTheGeomId.length > i; i++) {

  605.             if (this.mapTheGeomId[i] != null && this.mapTheGeomId[i].theGeom != null && this.mapTheGeomId[i].theGeom != "") {

  606.               mapTalkAbout =false;

  607.               var theGeomMap = this.mapTheGeomId[i].theGeom.replace("Point", "MultiPolygon");

  608.               var pointLeft = theGeomMap.replace("[", "[[[[");

  609.               var pointRight = pointLeft.replace("]", "]]]]");

  610.               hc_land = new ol.layer.Vector({

  611.                 title: "add Layer",

  612.                 source: new ol.source.Vector({

  613.                   projection: projection,

  614.                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  615.                     "    \"type\": \"Feature\",\n" +

  616.                     "    \"geometry\":" + pointRight +",    \"properties\":" + JSON.stringify(this.mapTheGeomId[i]) + "}"),

  617.                 }),

  618.                 style: new ol.style.Style({

  619.                   fill: new ol.style.Fill({

  620.                     //矢量图层填充颜色，以及透明度

  621.                     color: "rgba(204, 255, 204,0.3)",

  622.                   }),

  623.                   stroke: new ol.style.Stroke({

  624.                     //边界样式

  625.                     color: "#47c68f",

  626.                     width: 3,

  627.                   }),

  628.                 }),

  629.               });

  630.               map.addLayer(hc_land);

  631.               var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  632.               var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  633.               var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  634.               var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  635.               //定位查询位置

  636.               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  637.               var newcenterFeature = new ol.Feature({

  638.                 geometry: new ol.geom.Point(center), //几何信息

  639.                 name: "标注点",

  640.                 properties: hc_land.values_.source.featuresRtree_.rbush_.data.children

  641.               });

  642.               var sourceMapLook = new ol.source.Vector({wrapX: false});

  643.               vector_drawing = new ol.layer.Vector({

  644.                 source: sourceMapLook,

  645.               });

  646.               map.addLayer(vector_drawing);

  647.               newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  648.               sourceMapLook.addFeature(newcenterFeature);

  649.               map.getView().animate({

  650.                 // 只设置需要的属性即可

  651.                 center: center, // 中心点

  652.                 zoom: 15.8, // 缩放级别

  653.                 rotation: undefined, // 缩放完成view视图旋转弧度

  654.                 duration: 1000, // 缩放持续时间，默认不需要设置

  655.               });

  656.             }

  657.           }

  658.         }

  659.         //图层查询固定资产定位结束 ---------end

  660.         //图层查询资源性资产定位开始 ---------start

  661.         if(this.mapTheGeomResourceId.length >0) {

  662.           for (var i = 0; this.mapTheGeomResourceId.length > i; i++) {

  663.             if (this.mapTheGeomResourceId[i] !=null && this.mapTheGeomResourceId[i].theGeom != null && this.mapTheGeomResourceId[i].theGeom != "") {

  664.               mapTalkAbout =false;

  665.               hc_land = new ol.layer.Vector({

  666.                 title: "add Layer",

  667.                 source: new ol.source.Vector({

  668.                   projection: projection,

  669.                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  670.                     "    \"type\": \"Feature\",\n" +

  671.                     "    \"geometry\":" + this.mapTheGeomResourceId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomResourceId[i]) + "}"),

  672.                 }),

  673.                 style: new ol.style.Style({

  674.                   fill: new ol.style.Fill({

  675.                     //矢量图层填充颜色，以及透明度

  676.                     color: "rgba(204, 255, 204,0.3)",

  677.                   }),

  678.                   stroke: new ol.style.Stroke({

  679.                     //边界样式

  680.                     color: "#47c68f",

  681.                     width: 3,

  682.                   }),

  683.                 }),

  684.               });

  685.               map.addLayer(hc_land);

  686.               var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  687.               var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  688.               var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  689.               var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  690.               //定位查询位置

  691.               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  692.               map.getView().animate({

  693.                 // 只设置需要的属性即可

  694.                 center: center, // 中心点

  695.                 zoom: 15.8, // 缩放级别

  696.                 rotation: undefined, // 缩放完成view视图旋转弧度

  697.                 duration: 1000, // 缩放持续时间，默认不需要设置

  698.               });

  699.             }

  700.           }

  701.         }

  702.         //图层查询资源性资产定位开始 ---------end

  703.         //点击查询详细信息

  704.         map.on("singleclick", function (evt) {

  705.           let feature = map.forEachFeatureAtPixel(

  706.             evt.pixel,

  707.             (feature) => feature

  708.           );

  709. 

  710.           if(feature) {

  711. 

  712.             var ifConsole = feature.values_.name;

  713. 

  714.             if (ifConsole !="标注点") {

  715.               console.log(feature)

  716.               assetContractionDetail(feature.values_.id, {translate_dict: 1}).then((resp) => {

  717.                 that.contractionList = resp.data.params.contractionAssetList;

  718.                 that.mapHaDataValue = true;

  719.               });

  720.               let obj = {};

  721.               that.mapHasDateStatus = 0;

  722.               obj.code = feature.values_.code;//资源编码

  723.               obj.name = feature.values_.name;//资源名称

  724.               obj.totalArea = feature.values_.totalArea; //总面积

  725.               obj.location = feature.values_.location; //坐落位置

  726.               obj.east = feature.values_.east; //东至

  727.               obj.west = feature.values_.west; //西至

  728.               obj.south = feature.values_.south; //南至

  729.               obj.north = feature.values_.north; //北至

  730.               obj.sumArea = feature.values_.sumArea; //未利用地=集体经营+出租经营+其他经营

  731.               obj.groupArea = feature.values_.groupArea; //面积-集体经营

  732.               obj.groupValue = feature.values_.groupValue; //年收益-集体经营

  733.               obj.rentArea = feature.values_.rentArea; //面积-出租经营（合同写入的）

  734.               obj.rentValue = feature.values_.rentValue; //年租金-出租经营（合同写入的）

  735.               obj.rentLessee = feature.values_.rentLessee; //承租人-出租经营（合同写入的）

  736.               obj.rentStartTime = feature.values_.rentStartTime; //开始时间-出租经营（合同写入的）

  737.               obj.rentEndTime = feature.values_.rentEndTime; //到期时间-出租经营（合同写入的）

  738.               obj.otherArea = feature.values_.otherArea; //面积-其他经营

  739.               obj.otherValue = feature.values_.otherValue; //年收益-其他经营

  740.               obj.farmerArea = feature.values_.farmerArea; //已承包到户总面积

  741.               obj.circulationArea = feature.values_.circulationArea; //面积-流转入集体统一经营

  742.               obj.circulationValue = feature.values_.circulationValue; //年收益-流转入集体统一经营

  743.               obj.investmentArea = feature.values_.investmentArea; //面积-对外投资

  744.               obj.investmentValue = feature.values_.investmentValue; //年收益-对外投资

  745.               obj.investmentLessee = feature.values_.investmentLessee; //投资对象-对外投资

  746.               obj.investmentStartTime = feature.values_.investmentStartTime; //开始时间-对外投资

  747.               obj.investmentEndTime = feature.values_.investmentEndTime; //到期时间-对外投资

  748.               obj.resourceType = feature.values_.resourceType; //资产类型

  749.               obj.status = feature.values_.status; //资产状态

  750.               obj.useType = feature.values_.useType; //使用情况

  751.               obj.remark = feature.values_.remark; //备注

  752.               //资源资产字典项

  753.               that.getDicts("resource_type").then(response => {

  754.                 var resourceTypeOptions = response.data;

  755.                 if(obj.resourceType !=null && obj.resourceType !="") {

  756.                   for (var i = 0; resourceTypeOptions.length > i; i++) {

  757.                     if (obj.resourceType == resourceTypeOptions[i].dictValue) {

  758.                       obj.resourceType = resourceTypeOptions[i].dictLabel;

  759.                       break;

  760.                     }

  761.                   }

  762.                 }

  763.               });

  764.               //使用情况字典项

  765.               that.getDicts("use_type").then(response => {

  766.                 var useTypeOptions = response.data;

  767.                 if(obj.useType !=null && obj.useType !="") {

  768.                   for (var i = 0; useTypeOptions.length > i; i++) {

  769.                     if (obj.useType == useTypeOptions[i].dictValue) {

  770.                       obj.useType = useTypeOptions[i].dictLabel;

  771.                       break;

  772.                     }

  773.                   }

  774.                 }

  775.               });

  776.               //资产状态字典项

  777.               that.getDicts("sys_normal_disable").then(response => {

  778.                 var statusOptions = response.data;

  779.                 if(obj.status !=null && obj.status !="") {

  780.                   for (var i = 0; statusOptions.length > i; i++) {

  781.                     if (obj.status == statusOptions[i].dictValue) {

  782.                       obj.status = statusOptions[i].dictLabel;

  783.                       break;

  784.                     }

  785.                   }

  786.                 }

  787.               });

  788. 

  789.               obj.fileList = [];

  790.               let parmasData =  {

  791.                 tableId: feature.values_.id,

  792.                 tableName: 't_asset_resource',

  793.                 bizPath: 'asset',

  794.               };

  795.               openAttachmentList(parmasData).then((res) => {

  796.                 if (res.code == 200) {

  797.                   res.rows.map(rr=>{

  798.                     obj.fileList.push({

  799.                       url:'/api'+rr.fileUrl

  800.                     })

  801.                   })

  802.                 }

  803.               });

  804.               console.log(obj)

  805.               that.mapHasData = obj;

  806.             } else {

  807.               let obj = {};

  808.               assetDetail(feature.values_.properties[0].value.values_.id, {translate_dict: 1}).then((resp) => {

  809.                 that.contractionList = resp.data.params.contractionAssetList;

  810.                 that.mapHaDataValue = true;

  811.               });

  812.               that.mapHasDateStatus = 1;

  813.               obj.code = feature.values_.properties[0].value.values_.code;//资源编码

  814.               obj.name = feature.values_.properties[0].value.values_.name;//资源名称

  815.               obj.buildTime = feature.values_.properties[0].value.values_.buildTime; //构建时间

  816.               obj.location = feature.values_.properties[0].value.values_.location; //坐落位置

  817.               obj.specification = feature.values_.properties[0].value.values_.specification; //规格型号

  818.               obj.supplier = feature.values_.properties[0].value.values_.supplier; //供应商

  819.               obj.quantity = feature.values_.properties[0].value.values_.quantity; //数量/建筑面积

  820.               //obj.unit = feature.values_.properties[0].value.values_.unit; //计量单位

  821.               obj.originalValue = feature.values_.properties[0].value.values_.originalValue; //原值

  822.               obj.netValue = feature.values_.properties[0].value.values_.netValue; //净值（原值-累计折旧）

  823.               obj.residualsRate = feature.values_.properties[0].value.values_.residualsRate; //残值率 N%

  824.               obj.netSalvage = feature.values_.properties[0].value.values_.netSalvage; //净残值（原值*残值率）

  825.               obj.expectedYears = feature.values_.properties[0].value.values_.expectedYears; //预计使用年数

  826.               obj.perYearDepreciationValue = feature.values_.perYearDepreciationValue; //每年折旧额:（原值-净残值）/ 预计使用年数

  827.               obj.depreciationYears = feature.values_.properties[0].value.values_.depreciationYears; //已折旧年数

  828.               obj.depreciationValue = feature.values_.properties[0].value.values_.depreciationValue; //累计折旧（已提折旧）：每年折旧额*已折旧年数

  829.               obj.depreciationSubject = feature.values_.properties[0].value.values_.depreciationSubject; //折旧科目（152：累计折旧）

  830.               obj.depreciationFeeSubject = feature.values_.properties[0].value.values_.depreciationFeeSubject; //折旧费用科目（541005：管理费用-折旧及修理费）

  831.               obj.fixedSubject = feature.values_.properties[0].value.values_.fixedSubject; //资产清理科目（153：固定资产清理）

  832.               obj.fixedValue = feature.values_.properties[0].value.values_.fixedValue; //资产清理额

  833.               obj.voucherId = feature.values_.properties[0].value.values_.voucherId; //购置凭证ID

  834.               obj.assetType = feature.values_.properties[0].value.values_.assetType; //资产类别

  835.               obj.operationType = feature.values_.properties[0].value.values_.operationType; //经营属性

  836.               obj.addType = feature.values_.properties[0].value.values_.addType; //增加方式

  837.               obj.useType = feature.values_.properties[0].value.values_.useType; //使用情况

  838.               obj.depreciationType = feature.values_.properties[0].value.values_.depreciationType; //折旧方式

  839.               obj.assetStatus = feature.values_.properties[0].value.values_.assetStatus; //资产状态

  840.               obj.unit = feature.values_.properties[0].value.values_.unit; //计量单位

  841. 

  842.               obj.fileList = [];

  843.               let parmasData =  {

  844.                 tableId: feature.values_.properties[0].value.values_.id,

  845.                 tableName: 't_asset_permanent',

  846.                 bizPath: 'asset',

  847.               };

  848.               openAttachmentList(parmasData).then((res) => {

  849.                 if (res.code == 200) {

  850.                   res.rows.map(rr=>{

  851.                     obj.fileList.push({

  852.                       url:'/api'+rr.fileUrl

  853.                     })

  854.                   })

  855.                 }

  856.               });

  857. 

  858.               //固定资产字典项

  859.               that.getDicts("asset_type").then((response) => {

  860.                 var assetTypeOptions = response.data;

  861.                 if(obj.assetType !=null && obj.assetType !=""){

  862.                   for(var i=0;assetTypeOptions.length >i; i++){

  863.                     if(obj.assetType == assetTypeOptions[i].dictValue) {

  864.                       obj.assetType = assetTypeOptions[i].dictLabel;

  865.                       break;

  866.                     }

  867.                   }

  868.                 }

  869.               });

  870.               that.getDicts("operation_type").then((response) => {

  871.                 var operationTypeOptions = response.data;

  872.                 if(obj.operationType !=null && obj.operationType !="") {

  873.                   for (var i = 0; operationTypeOptions.length > i; i++) {

  874.                     if (obj.operationType == operationTypeOptions[i].dictValue) {

  875.                       obj.operationType = operationTypeOptions[i].dictLabel;

  876.                       break;

  877.                     }

  878.                   }

  879.                 }

  880.               });

  881.               that.getDicts("add_type").then((response) => {

  882.                 var addTypeOptions = response.data;

  883.                 if(obj.addType !=null && obj.addType !="") {

  884.                   for (var i = 0; addTypeOptions.length > i; i++) {

  885.                     if (obj.addType == addTypeOptions[i].dictValue) {

  886.                       obj.addType = addTypeOptions[i].dictLabel;

  887.                       break;

  888.                     }

  889.                   }

  890.                 }

  891.               });

  892.               that.getDicts("use_type").then((response) => {

  893.                 var useTypeOptions = response.data;

  894.                 if(obj.useType !=null && obj.useType !="") {

  895.                   for (var i = 0; useTypeOptions.length > i; i++) {

  896.                     if (obj.useType == useTypeOptions[i].dictValue) {

  897.                       obj.useType = useTypeOptions[i].dictLabel;

  898.                       break;

  899.                     }

  900.                   }

  901.                 }

  902.               });

  903.               that.getDicts("depreciation_type").then((response) => {

  904.                 var depreciationTypeOptions = response.data;

  905.                 if(obj.depreciationType !=null && obj.depreciationType !="") {

  906.                   for (var i = 0; depreciationTypeOptions.length > i; i++) {

  907.                     if (obj.depreciationType == depreciationTypeOptions[i].dictValue) {

  908.                       obj.depreciationType = depreciationTypeOptions[i].dictLabel;

  909.                       break;

  910.                     }

  911.                   }

  912.                 }

  913.               });

  914.               that.getDicts("asset_status").then((response) => {

  915.                 var assetStatusOptions = response.data;

  916.                 if(obj.assetStatus !=null && obj.assetStatus !="") {

  917.                   for (var i = 0; assetStatusOptions.length > i; i++) {

  918.                     if (obj.assetStatus == assetStatusOptions[i].dictValue) {

  919.                       obj.assetStatus = assetStatusOptions[i].dictLabel;

  920.                       break;

  921.                     }

  922.                   }

  923.                 }

  924.               });

  925.               that.getDicts("fixed_assets_unit").then((response) => {

  926.                 var unitOptions = response.data;

  927.                 if(obj.unit !=null && obj.unit !="") {

  928.                   for (var i = 0; unitOptions.length > i; i++) {

  929.                     if (obj.unit == unitOptions[i].dictValue) {

  930.                       obj.unit = unitOptions[i].dictLabel;

  931.                       break;

  932.                     }

  933.                   }

  934.                 }

  935.               });

  936.               that.mapHasData = obj;

  937.             }

  938.           }else {

  939.             that.mapHaDataValue = false;

  940.           }

  941.         });

  942.         //当前账套没有任何空间数据

  943.         if(mapTalkAbout){

  944.           let deptName = this.$store.state.user.loginDeptId + "";

  945.           getQueryLand(deptName).then((response) => {

  946.             if (response.code == 200) {

  947.               let InsertCode = response.data;

  948.               if (InsertCode != null) {

  949.                 var lat = InsertCode.lat;

  950.                 var lng = InsertCode.lng;

  951.                 var center;

  952.                 if(lat !=null && lng !=null && lat !="" && lng !=""){

  953.                   center = [lng,lat];

  954.                 }else {

  955.                   center =[115.452752, 31.789033];

  956.                 }

  957.                 map.getView().animate({

  958.                   // 只设置需要的属性即可

  959.                   center: ol.proj.fromLonLat(center), // 中心点

  960.                   zoom: 17.9, // 缩放级别

  961.                   rotation: undefined, // 缩放完成view视图旋转弧度

  962.                   duration: 1000, // 缩放持续时间，默认不需要设置

  963.                 });

  964.               }

  965.             }

  966.           });

  967.         }

  968.       },

  969.     },

  970.   };

  971. </script>