资源弹窗

vor 6 Tagen · 7d17d723ef
--- a/src/views/resources/main-gis/index.html
+++ b/src/views/resources/main-gis/index.html
@@ -7,83 +7,82 @@
      </div>
    </div>
  </Legend>
       <!--资产信息详情-弹窗-->
       <div v-if="showPermanentDetail" class="gl_pop_cash pop_statistical_desc">
        <div class="head_main">
          <div class="title">{{permanentDetail.name}}详情</div>
          <div class="close" @click="showPermanentDetail = false"></div>
          <div class="xs_main">
            <div class="block">
              <div class="point p1"></div>
              <div class="point p2"></div>
              <div class="point p3"></div>
            </div>
            <div class="xs_x"></div>
          </div>
  <div v-if="showResourceDetail" class="gl_pop_cash pop_statistical_desc">
    <div class="head_main">
      <div class="title">{{resourceDetail.name}}详情</div>
      <div class="close" @click="showResourceDetail = false"></div>
      <div class="xs_main">
        <div class="block">
          <div class="point p1"></div>
          <div class="point p2"></div>
          <div class="point p3"></div>
        </div>
        <div class="echarts_main">
          <div>
            <p>资产编码</p>
            <p>{{permanentDetail.code}}</p>
          </div>
          <div>
            <p>资产名称</p>
            <p>{{permanentDetail.name}}</p>
          </div>
          <div>
            <p>资产类别</p>
            <p>{{permanentDetail.assetType}}</p>
          </div>
          <div>
            <p>经营属性</p>
            <p>{{permanentDetail.operationType}}</p>
          </div>
          <div>
            <p>增加方式</p>
            <p>{{permanentDetail.addType}}</p>
          </div>
          <div>
            <p>购建时间</p>
            <p>{{permanentDetail.buildTime}}</p>
          </div>
          <div>
            <p>使用情况</p>
            <p>{{permanentDetail.useType}}</p>
          </div>
          <div>
            <p>资产状态</p>
            <p>{{permanentDetail.assetStatus}}</p>
          </div>
          <div>
            <p>数量/面积</p>
            <p>{{permanentDetail.quantity}}</p>
          </div>
          <div>
            <p>计量单位</p>
            <p>{{permanentDetail.unit}}</p>
          </div>
          <div>
            <p>原值(元)</p>
            <p>{{permanentDetail.originalValue}}</p>
          </div>
          <div>
            <p>折旧方式</p>
            <p>{{permanentDetail.depreciationType}}</p>
          </div>
          <div>
            <p>附件</p>
            <p>
              <block v-for="(item,index) in permanentDetail.fileList">
                <a :href="item.urlApi" v-if="item.type != 'image'">
                  <img :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.5vw;" alt="">
                </a>
                <img v-else :src="item.url" style="width: 3vw;height: 3vw;margin-right: 0.3vw;" alt="" @click="openImage(item.url)">
              </block>
            </p>
          </div>
        </div>

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

  </div>
  <div class="mask" style="position: absolute; width: 100%; height: 100%;pointer-events: none;"></div>
  <!--选择地址-->
  <!-- <div class="select_address">
--- a/src/views/resources/main-gis/index.js
+++ b/src/views/resources/main-gis/index.js
@@ -16,7 +16,7 @@ export default {
  data () {
    return {
      //资产信息详情弹窗
      showPermanentDetail: false,
      showResourceDetail: false,
      LegendData: [
        {
          iconStyle: {
@@ -147,7 +147,7 @@ export default {

          } else {
            this.listDialogHidden('detail');
            this.openPermanentDialog(feature.values_.detail);
            this.openResourceDialog(feature.values_.detail);
          }
        }
      });
@@ -209,12 +209,11 @@ export default {
      }

    },
    openPermanentDialog (data) {
      console.log(data, 999);
    openResourceDialog (data) {
      data.fileList = [];
      let parmasData = {
        tableId: data.id,
        tableName: 't_asset_permanent',
        tableName: 't_asset_resource',
        bizPath: 'asset',
      };
      attachmentList(parmasData).then((res) => {
@@ -248,9 +247,8 @@ export default {
              type: type
            })
          }
          this.showPermanentDetail = true;
          this.permanentDetail = data;
          console.log(22222, this.permanentDetail);
          this.showResourceDetail = true;
          this.resourceDetail = data;
        }
      });
    },