zhangzl
/
nsgk_mobile
2
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
移动端
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
1654 коммитов
7 Ветки
79 MiB
 
 
Дерево: ef2ee0dda7
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'ef2ee0dda7'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/assetMapOpen.vue

1141 строка
49 KiB
Исходник Вина История 

  1. <template>

  2.   <div class="homestead_main">

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

  4.     <div class="header_main"

  5.          :style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`"

  6.     >

  7.       资产地图公开

  8.       <div class="return_btn" @click="onClickLeft"></div>

  9.     </div>

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

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

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

  13.       <div class="land_information_main">

  14.         <div class="area_information">

  15.           <div class="mian">

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

  17.               <div class="basic_block">

  18.                 <van-row>

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

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

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

  22.                   <van-col :span="8"><span class="desc">{{ mapHasData.name }}</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.resourceType }}</span></van-col>

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

  28.                   <van-col :span="8"><span class="desc">{{ mapHasData.location }}</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.east }}</span></van-col>

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

  34.                   <van-col :span="8"><span class="desc">{{ mapHasData.west }}</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.south }}</span></van-col>

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

  40.                   <van-col :span="8"><span class="desc">{{ mapHasData.north }}</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.totalArea }}</span></van-col>

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

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

  47.                 </van-row>

  48.                 <van-row>

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

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

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

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

  53.                 </van-row>

  54. 

  55.                 <van-row>

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

  57.                 </van-row>

  58.                 <van-row>

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

  60.                     <div class="fileList">

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

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

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

  64.                         </a>

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

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

  67.                         </a>

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

  69.                       </template>

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

  71.                     </div>

  72.                   </van-col>

  73.                 </van-row>

  74.                 <div class="gl_main">

  75.                   <template v-if="!contractionVisible">

  76.                     <div class="headers">

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

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

  79.                       <div class="flex3">发包对象</div>

  80.                       <div class="flex3">承包款(元)</div>

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

  82. 

  83.                     </div>

  84.                     <div class="desc_main">

  85.                       <ul class="analysisTable_list">

  86.                         <!--1-->

  87.                         <li v-for="item in contractionList" class="flex_item" @click="viewContractionInfo(item)">

  88.                           <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>

  89.                           <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>

  90.                           <div class="flex3">{{item.secondParty}}</div>

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

  92.                           <div class="flex3">{{item.contractionStatus}}</div>

  93.                         </li>

  94.                       </ul>

  95.                     </div>

  96.                   </template>

  97.                   <template v-else>

  98.                     <div class="headers">

  99.                       <div>关联合同</div>

  100.                       <div class="back" @click="hideContractionInfo">&lt; 返回</div>

  101.                     </div>

  102.                     <van-row>

  103.                       <van-col :span="4"><span class="title">合同编码:</span></van-col>

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

  105.                       <van-col :span="4"><span class="title">合同名称:</span></van-col>

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

  107.                     </van-row>

  108.                     <van-row>

  109.                       <van-col :span="4"><span class="title">签订日期:</span></van-col>

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

  111.                       <van-col :span="4"><span class="title">合同类型:</span></van-col>

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

  113.                     </van-row>

  114.                     <van-row>

  115.                       <van-col :span="4"><span class="title">开始时间:</span></van-col>

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

  117.                       <van-col :span="4"><span class="title">结束时间:</span></van-col>

  118.                       <van-col :span="8"><span class="desc">{{ contractionData.endTime }}</span></van-col>

  119.                     </van-row>

  120.                     <van-row>

  121.                       <van-col :span="4"><span class="title">承包价款:</span></van-col>

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

  123.                       <van-col :span="4"><span class="title">承包年限:</span></van-col>

  124.                       <van-col :span="8"><span class="desc">{{ contractionData.contractYears }}</span></van-col>

  125.                     </van-row>

  126. 

  127.                     <van-row>

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

  129.                     </van-row>

  130.                     <van-row>

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

  132.                         <div class="fileList">

  133.                           <template v-for="(item,index) in contractionAttachmentList">

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

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

  136.                             </a>

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

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

  139.                             </a>

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

  141.                           </template>

  142.                           <van-empty v-if="contractionAttachmentList.length<1" description="暂无附件"></van-empty>

  143.                         </div>

  144.                       </van-col>

  145.                     </van-row>

  146.                   </template>

  147.                 </div>

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

  149.               </div>

  150.             </div>

  151. 

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

  153.               <div class="basic_block">

  154.                 <van-row>

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

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

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

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

  159.                 </van-row>

  160.                 <van-row>

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

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

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

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

  165.                 </van-row>

  166.                 <van-row>

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

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

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

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

  171.                 </van-row>

  172.                 <van-row>

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

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

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

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

  177.                 </van-row>

  178.                 <van-row>

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

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

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

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

  183.                 </van-row>

  184.                 <van-row>

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

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

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

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

  189.                 </van-row>

  190.                 <van-row>

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

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

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

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

  195.                 </van-row>

  196.                 <van-row>

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

  198.                 </van-row>

  199.                 <van-row>

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

  201.                     <div class="fileList">

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

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

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

  205.                         </a>

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

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

  208.                         </a>

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

  210.                       </template>

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

  212.                     </div>

  213.                   </van-col>

  214.                 </van-row>

  215.                 <div class="gl_main">

  216.                   <template v-if="!contractionVisible">

  217.                     <div class="headers">

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

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

  220.                       <div class="flex3">发包对象</div>

  221.                       <div class="flex3">承包款(元)</div>

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

  223. 

  224.                     </div>

  225.                     <div class="desc_main">

  226.                       <ul class="analysisTable_list">

  227.                         <!--1-->

  228.                         <li v-for="item in contractionList" class="flex_item" @click="viewContractionInfo(item)">

  229.                           <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>

  230.                           <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>

  231.                           <div class="flex3">{{item.secondParty}}</div>

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

  233.                           <div class="flex3">{{item.contractionStatus}}</div>

  234.                         </li>

  235.                       </ul>

  236.                     </div>

  237.                   </template>

  238.                   <template v-else>

  239.                     <div class="headers">

  240.                       <div>关联合同</div>

  241.                       <div class="back" @click="hideContractionInfo">&lt; 返回</div>

  242.                     </div>

  243.                     <van-row>

  244.                       <van-col :span="4"><span class="title">合同编码:</span></van-col>

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

  246.                       <van-col :span="4"><span class="title">合同名称:</span></van-col>

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

  248.                     </van-row>

  249.                     <van-row>

  250.                       <van-col :span="4"><span class="title">签订日期:</span></van-col>

  251.                       <van-col :span="8"><span class="desc">{{ contractionData.buildingTime }}</span></van-col>

  252.                       <van-col :span="4"><span class="title">合同类型:</span></van-col>

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

  254.                     </van-row>

  255.                     <van-row>

  256.                       <van-col :span="4"><span class="title">开始时间:</span></van-col>

  257.                       <van-col :span="8"><span class="desc">{{ contractionData.startTime }}</span></van-col>

  258.                       <van-col :span="4"><span class="title">结束时间:</span></van-col>

  259.                       <van-col :span="8"><span class="desc">{{ contractionData.endTime }}</span></van-col>

  260.                     </van-row>

  261.                     <van-row>

  262.                       <van-col :span="4"><span class="title">承包价款:</span></van-col>

  263.                       <van-col :span="8"><span class="desc">{{ contractionData.totalAmount }}</span></van-col>

  264.                       <van-col :span="4"><span class="title">承包年限:</span></van-col>

  265.                       <van-col :span="8"><span class="desc">{{ contractionData.contractYears }}</span></van-col>

  266.                     </van-row>

  267. 

  268.                     <van-row>

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

  270.                     </van-row>

  271.                     <van-row>

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

  273.                         <div class="fileList">

  274.                           <template v-for="(item,index) in contractionAttachmentList">

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

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

  277.                             </a>

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

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

  280.                             </a>

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

  282.                           </template>

  283.                           <van-empty v-if="contractionAttachmentList.length<1" description="暂无附件"></van-empty>

  284.                         </div>

  285.                       </van-col>

  286.                     </van-row>

  287.                   </template>

  288.                 </div>

  289.               </div>

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

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

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

  293.               </div>

  294.               <div class="basic_block">

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

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

  297.               </div>

  298.               <div class="basic_block">

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

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

  301.               </div>

  302.               <div class="basic_block">

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

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

  305.               </div>

  306.               <div class="basic_block">

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

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

  309.               </div>-->

  310.             </div>

  311.           </div>

  312.         </div>

  313.       </div>

  314.     </div>

  315. 

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

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

  318.     </van-dialog>

  319. 

  320.   </div>

  321. </template>

  322. 

  323. <style scoped lang="scss">

  324.   .homestead_main {

  325.     height: 100vh;

  326.     display: flex;

  327.     display: -webkit-flex;

  328.     display: -ms-flexbox;

  329.     display: -moz-box;

  330.     flex-direction: column;

  331.     position: relative;

  332.   }

  333.   #mapAll {

  334.     height: 100vh;

  335.     position: absolute;

  336.     left: 0;

  337.     top: 0;

  338.     width: 100vw;

  339.   }

  340.   .header_main{

  341.     height: 116px;

  342.     background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;

  343.     background-size: 100% 100%;

  344.     position: fixed;

  345.     top: 0;

  346.     left: 0;

  347.     width: 100%;

  348.     font-size: 36px;

  349.     line-height: 116px;

  350.     text-align: center;

  351.     color: #fff;

  352.     position: fixed;

  353.     z-index: 9999;

  354.   .return_btn{

  355.     width: 24px;

  356.     height: 43.2px;

  357.     background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  358.     background-size: 20px 36px;

  359.     position: absolute;

  360.     left: 38px;

  361.     top: 36px;

  362.   }

  363.   .add_btn{

  364.     width: 56.4px;

  365.     height: 40.8px;

  366.     background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;

  367.     background-size: 47px 34px;

  368.     position: absolute;

  369.     right: 38px;

  370.     top: 36px;

  371.   }

  372.   }

  373.   .fileList{

  374.   img{

  375.     width: 8vw;

  376.     height: 8vw;

  377.     margin-right: 20px;

  378.   }

  379.   }

  380.   .flex3 {

  381.     flex: 0.5;

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

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

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

  385.   }

  386.   .plotPremises_right {

  387.     width: 94%;

  388.     position: fixed;

  389.     z-index: 1001;

  390.     top: 54%;

  391.     transform: translateY(-50%);

  392.     right: 3%;

  393.     display: flex;

  394.   // display: none;

  395.     min-width: 300px;

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

  397.     flex-direction: column;

  398.   .topTrimLine {

  399.     width: 100%;

  400.     height: 8px;

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

  402.     no-repeat;

  403.     background-size: 100% 100%;

  404.     position: absolute;

  405.     top: -4px;

  406.     left: 0;

  407.   }

  408.   .land_information_main {

  409.     flex: 1;

  410.   // align-items: center;

  411.   .area_information {

  412.   // margin-bottom: 3%;

  413.     position: relative;

  414.   .mian {

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

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

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

  418.   // no-repeat;

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

  420.     padding: 3%;

  421.     flex: 1;

  422.     display: flex;

  423.     flex-direction: column;

  424.   .area_title {

  425.     margin: 0;

  426.     font-size: 22px;

  427.     color: #38da94;

  428.   }

  429.   .basic_information {

  430.     position: relative;

  431.     flex: 1;

  432.     display: flex;

  433.     flex-direction: column;

  434.   .basic_block {

  435.     font-size: 15px;

  436.     color: #47c68f;

  437.     flex: 1;

  438.   .van-row{

  439.     display:flex;

  440.     flex-wrap: wrap;

  441.   .van-col{

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

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

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

  445.   &:last-child{

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

  447.    }

  448.   }

  449.   &:last-child{

  450.   .van-col{

  451.   &:last-child{

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

  453.    }

  454.   }

  455.   }

  456. 

  457.   }

  458.   .title {

  459.     color: #fff;

  460.     padding-right: 8px;

  461.   }

  462.   }

  463.   .patternmaking {

  464.     position: absolute;

  465.     right: 2%;

  466.     bottom: 16%;

  467.   .img_block {

  468.     margin-top: 8px;

  469.   &:first-child {

  470.      margin-top: 0;

  471.    }

  472.   }

  473.   p {

  474.     margin: 0;

  475.     font-size: 0;

  476.   img {

  477.     width: 78px;

  478.     height: 60px;

  479.   }

  480.   }

  481.   }

  482.   .gl_main{

  483.     margin-top: .8vh;

  484.     height: 38.15vh;

  485.     padding:0.92vh 0 0 0;

  486.   .headers {

  487.     height: 3.24vh;

  488.     font-size: 1.48vh;

  489.     color: #0befca;

  490.     text-align: center;

  491.     display: flex;

  492.     justify-content: center;

  493.     align-items: center;

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

  495.     padding-right: 0.53vw;

  496.     margin-bottom: 1vh;

  497.     position: relative;

  498.   .flex_left{

  499.     text-align: left;

  500.     padding-left: 0.83vw;

  501.   }

  502.     .back {

  503.       cursor: pointer;

  504.       position: absolute;

  505.       left: 0.83vw;

  506.     }

  507.   }

  508.   .desc_main{

  509.     height: 21.5vh;

  510.     overflow-y: scroll;

  511.     padding-right: 0.3vw;

  512.     box-sizing:border-box;

  513.   .analysisTable_list {

  514.     margin: 0;

  515.     padding: 0;

  516.     flex: 1;

  517.     display: flex;

  518.     flex-direction: column;

  519.   .flex_left{

  520.     text-align: left;

  521.     padding-left: 0.83vw;

  522.     box-sizing:border-box;

  523.   }

  524.   .flex_item {

  525.     height: 2.77vh;

  526.     list-style: none;

  527.     margin: 0;

  528.     display: flex;

  529.     justify-content: center;

  530.     align-items: center;

  531.     text-align: center;

  532.     color: #fff;

  533.     font-size: 1.29vh;

  534.     position: relative;

  535.     cursor: pointer;

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

  537.   // &:hover {

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

  539.       // }

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

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

  542.    }

  543.   }

  544.   }

  545.   }

  546. 

  547.   }

  548.   }

  549.   .area_data {

  550.     padding: 4% 0;

  551.     display: flex;

  552.     justify-content: space-between;

  553.     flex-wrap: wrap;

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

  555.   .details_block {

  556.     width: 33.33%;

  557.   &.line {

  558.      margin-bottom: 2%;

  559.    }

  560.   p {

  561.     margin: 0;

  562.   }

  563.   .m_title {

  564.     color: #bbb;

  565.     font-size: 12px;

  566.     padding-bottom: 5px;

  567.   }

  568.   .m_desc {

  569.     color: #fff;

  570.     font-size: 14px;

  571.   }

  572.   }

  573.   }

  574.   .farmhouse_table {

  575.     padding: 4% 0 2%;

  576.   }

  577.   }

  578.   }

  579.   }

  580.   }

  581. 

  582. </style>

  583. 

  584. <script>

  585. 

  586.   import {

  587.     getPermanentList,

  588.     getResourceList,

  589.     assetPropertyDetail,

  590.     assetResourceDetail,

  591.     openAttachmentList as attachmentList

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

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

  594.   import { getConfigKey } from "@/api/system/config";

  595.   export default {

  596.     components: {

  597.       getPermanentList,

  598.       getResourceList,

  599.       getQueryLand

  600.     },

  601.     data() {

  602.       return {

  603.         situationW: 70,

  604.         //地图判断

  605.         openMap: false,

  606.         showBtn: false,

  607.         mapTheGeomId: null,

  608.         mapTheGeomResourceId: null,

  609.         drawInsert:null,

  610.         mapHasData:{},

  611.         contractionList:[],

  612.         //合同状态字典

  613.         contractionStatuOptions:[],

  614.         mapHaDataValue:false,

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

  616.         dialogVisible:false,

  617.         dialogImageUrl:'',

  618.         mapGeoServerUrl: "",            // geoserver地址

  619.         villageBorderLayerName: "",     // 乡镇边界图层名称

  620.         contractionData: {},

  621.         contractionAttachmentList: [],

  622.         contractionVisible:false,

  623.       };

  624.     },

  625.     created() {

  626.       // 获取geoserver的地址

  627.       this.getGeoServerUrl();

  628.       // 获取村边界的图层名称

  629.       this.getVillageBorderLayerName();

  630.     },

  631.     mounted() {

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

  633.       mapTheGeomAll = 166;

  634.       console.info(mapTheGeomAll);

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

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

  637.           this.mapTheGeomId = response.data;

  638.         }

  639.       });

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

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

  642.           this.mapTheGeomResourceId = response.data;

  643.           setTimeout(() => {

  644.             this.GetMapsInit();

  645.           }, 500);

  646.         }

  647.       });

  648.     },

  649.     methods: {

  650.       // 获取geoserver的地址

  651.       getGeoServerUrl() {

  652.         getConfigKey("system.geoServer.url").then(response => {

  653.           this.mapGeoServerUrl = response.msg;

  654.         });

  655.       },

  656.       // 获取村边界的图层名称

  657.       getVillageBorderLayerName() {

  658.         getConfigKey("geoserver.layer.villageBorder").then(response => {

  659.           this.villageBorderLayerName = response.msg;

  660.         });

  661.       },

  662.       openImage(url){

  663.         this.dialogImageUrl = url;

  664.         this.dialogVisible = true;

  665.       },

  666.       lookName(val){

  667.         this.$toast(val);

  668.       },

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

  670.       GetMapsInit() {

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

  672.           this.contractionStatuOptions = response.data;

  673.         });

  674.         //加载地图编辑

  675.         var that = this;

  676.         var map;

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

  678.         function createLabelStyle() {

  679.           return new ol.style.Style({

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

  681.               //设置图标偏移

  682.               anchor: [0.5, 1],

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

  684.               anchorOrigin: "top-right",

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

  686.               anchorXUnits: "fraction",

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

  688.               anchorYUnits: "pixels",

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

  690.               offsetOrigin: "top-right",

  691.               //透明度

  692.               opacity: 0.9,

  693.               //图片路径

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

  695.             }),

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

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

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

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

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

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

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

  703.                 color: "#ff0000",

  704.               }),

  705.             }),

  706.             zIndex: 9999,

  707.           });

  708.         }

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

  710.         var hc_land;

  711.         var vector_drawing;

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

  713.           //地图投影类型

  714.           code: "EPSG:3857",

  715.           units: "degrees",

  716.           //extent:extent

  717.         });

  718. 

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

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

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

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

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

  724.           }),

  725.           isGroup: true,

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

  727.         });

  728. 

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

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

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

  732.           }),

  733.           isGroup: true,

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

  735.         });

  736.         //加载地图

  737.         map = new ol.Map({

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

  739.           layers: [aerial, yingxzi],

  740.           projection: projection,

  741.           target: "mapAll",

  742.           view: new ol.View({

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

  744.             zoom: 15,

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

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

  747.           }),

  748.         });

  749. 

  750.         // 添加村边界

  751.         let mapBorder = new ol.layer.Image({

  752.           source: new ol.source.ImageWMS({

  753.             url: this.mapGeoServerUrl + '/wms',

  754.             params: {

  755.               LAYERS: this.villageBorderLayerName,

  756.               cql_filter: "dept_id = '" + this.$cookies.get("deptId") + "'",

  757.               SRID: 3857,

  758.             },

  759.           }),

  760.           name: 'villageBorderLayer'

  761.         });

  762.         map.addLayer(mapBorder);

  763. 

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

  765.         var mapTalkAbout = true;

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

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

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

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

  770.               mapTalkAbout =false;

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

  772.                 title: "add Layer",

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

  774.                   projection: projection,

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

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

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

  778.                 }),

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

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

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

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

  783.                   }),

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

  785.                     //边界样式

  786.                     color: "#47c68f",

  787.                     width: 3,

  788.                   }),

  789.                 }),

  790.               });

  791.               map.addLayer(hc_land);

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

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

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

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

  796.               //定位查询位置

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

  798.               map.getView().animate({

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

  800.                 center: center, // 中心点

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

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

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

  804.               });

  805.             }

  806.           }

  807.         }

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

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

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

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

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

  813.               mapTalkAbout =false;

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

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

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

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

  818.                 title: "add Layer",

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

  820.                   projection: projection,

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

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

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

  824.                 }),

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

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

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

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

  829.                   }),

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

  831.                     //边界样式

  832.                     color: "#47c68f",

  833.                     width: 3,

  834.                   }),

  835.                 }),

  836.               });

  837.               map.addLayer(hc_land);

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

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

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

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

  842.               //定位查询位置

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

  844.               var newcenterFeature = new ol.Feature({

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

  846.                 name: "标注点",

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

  848.               });

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

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

  851.                 source: sourceMapLook,

  852.               });

  853.               map.addLayer(vector_drawing);

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

  855.               sourceMapLook.addFeature(newcenterFeature);

  856.               map.getView().animate({

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

  858.                 center: center, // 中心点

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

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

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

  862.               });

  863.             }

  864.           }

  865.         }

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

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

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

  869.           let feature = map.forEachFeatureAtPixel(

  870.             evt.pixel,

  871.             (feature) => feature

  872.           );

  873. 

  874.           if(feature) {

  875. 

  876.             var ifConsole = feature.values_.name;

  877. 

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

  879.               let obj = {};

  880.               assetResourceDetail(feature.values_.id, {translate_dict: 1, getAttachments: true,}).then((resp) => {

  881.                 that.contractionList = resp.data.params.contractionAssetList || [];

  882.                 that.$set(obj, 'fileList', resp.data.params.attachments.map(rr=>{

  883.                   return {

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

  885.                   };

  886.                 }));

  887.                 that.contractionData = {};

  888.                 that.contractionAttachmentList = [];

  889.                 that.contractionVisible = false;

  890.                 that.mapHaDataValue = true;

  891.               });

  892.               that.mapHasDateStatus = 0;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  923.               //资源资产字典项

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

  925.                 var resourceTypeOptions = response.data;

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

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

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

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

  930.                       break;

  931.                     }

  932.                   }

  933.                 }

  934.               });

  935.               //使用情况字典项

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

  937.                 var useTypeOptions = response.data;

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

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

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

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

  942.                       break;

  943.                     }

  944.                   }

  945.                 }

  946.               });

  947.               //资产状态字典项

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

  949.                 var statusOptions = response.data;

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

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

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

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

  954.                       break;

  955.                     }

  956.                   }

  957.                 }

  958.               });

  959. 

  960.               console.log(obj)

  961.               that.mapHasData = obj;

  962.             } else {

  963.               let obj = {};

  964.               assetPropertyDetail(feature.values_.properties[0].value.values_.id, {translate_dict: 1, getAttachments: true,}).then((resp) => {

  965.                 that.contractionList = resp.data.params.contractionAssetList || [];

  966.                 that.$set(obj, 'fileList', resp.data.params.attachments.map(rr=>{

  967.                   return {

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

  969.                   };

  970.                 }));

  971.                 that.contractionData = {};

  972.                 that.contractionAttachmentList = [];

  973.                 that.contractionVisible = false;

  974.                 that.mapHaDataValue = true;

  975.               });

  976.               that.mapHasDateStatus = 1;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1005. 

  1006.               //固定资产字典项

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

  1008.                 var assetTypeOptions = response.data;

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

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

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

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

  1013.                       break;

  1014.                     }

  1015.                   }

  1016.                 }

  1017.               });

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

  1019.                 var operationTypeOptions = response.data;

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

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

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

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

  1024.                       break;

  1025.                     }

  1026.                   }

  1027.                 }

  1028.               });

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

  1030.                 var addTypeOptions = response.data;

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

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

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

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

  1035.                       break;

  1036.                     }

  1037.                   }

  1038.                 }

  1039.               });

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

  1041.                 var useTypeOptions = response.data;

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

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

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

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

  1046.                       break;

  1047.                     }

  1048.                   }

  1049.                 }

  1050.               });

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

  1052.                 var depreciationTypeOptions = response.data;

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

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

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

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

  1057.                       break;

  1058.                     }

  1059.                   }

  1060.                 }

  1061.               });

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

  1063.                 var assetStatusOptions = response.data;

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

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

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

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

  1068.                       break;

  1069.                     }

  1070.                   }

  1071.                 }

  1072.               });

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

  1074.                 var unitOptions = response.data;

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

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

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

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

  1079.                       break;

  1080.                     }

  1081.                   }

  1082.                 }

  1083.               });

  1084.               that.mapHasData = obj;

  1085.             }

  1086.           }else {

  1087.             that.contractionVisible = false;

  1088.             that.mapHaDataValue = false;

  1089.           }

  1090.         });

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

  1092.         if(mapTalkAbout){

  1093.           let deptName =this.$cookies.get("deptId");

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

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

  1096.               let InsertCode = response.data;

  1097.               if (InsertCode != null) {

  1098.                 var lat = InsertCode.lat;

  1099.                 var lng = InsertCode.lng;

  1100.                 var center;

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

  1102.                   center = [lng,lat];

  1103.                 }else {

  1104.                   center =[115.452752, 31.789033];

  1105.                 }

  1106.                 map.getView().animate({

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

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

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

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

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

  1112.                 });

  1113.               }

  1114.             }

  1115.           });

  1116.         }

  1117.       },

  1118.       viewContractionInfo(row) {

  1119.         this.contractionData = row || {};

  1120.         this.contractionAttachmentList = [];

  1121.         attachmentList({

  1122.           tableId: row.id,

  1123.           tableName: 't_contraction_info',

  1124.         }).then((resp) => {

  1125.           this.contractionAttachmentList = resp.rows.map(rr=>{

  1126.             return {

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

  1128.             };

  1129.           });

  1130.         });

  1131.         this.contractionVisible = true;

  1132.       },

  1133.       hideContractionInfo() {

  1134.         this.contractionData = {};

  1135.         this.contractionAttachmentList = [];

  1136.         this.contractionVisible = false;

  1137.       },

  1138.     },

  1139.   };

  1140. </script>