Task 资产地图手机端

src/views/sunVillage_info/assetMapOpen.vue

@@ -72,26 +72,77 @@
                   </van-col>
                 </van-row>
                 <div class="gl_main">
-                  <div class="headers">
-                    <div class="flex3">合同编码</div>
-                    <div class="flex3">合同名称</div>
-                    <div class="flex3">发包对象</div>
-                    <div class="flex3">承包款(元)</div>
-                    <div class="flex3">状态</div>
+                  <template v-if="false">
+                    <div class="headers">
+                      <div class="flex3">合同编码</div>
+                      <div class="flex3">合同名称</div>
+                      <div class="flex3">发包对象</div>
+                      <div class="flex3">承包款(元)</div>
+                      <div class="flex3">状态</div>
 
-                  </div>
-                  <div class="desc_main">
-                    <ul class="analysisTable_list">
-                      <!--1-->
-                      <li v-for="item in contractionList" class="flex_item">
-                        <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>
-                        <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>
-                        <div class="flex3">{{item.secondParty}}</div>
-                        <div class="flex3">{{item.totalAmount}}</div>
-                        <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>
-                      </li>
-                    </ul>
-                  </div>
+                    </div>
+                    <div class="desc_main">
+                      <ul class="analysisTable_list">
+                        <!--1-->
+                        <li v-for="item in contractionList" class="flex_item">
+                          <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>
+                          <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>
+                          <div class="flex3">{{item.secondParty}}</div>
+                          <div class="flex3">{{item.totalAmount}}</div>
+                          <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>
+                        </li>
+                      </ul>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="headers">
+                      <div>关联合同</div>
+                    </div>
+                    <van-row>
+                      <van-col :span="4"><span class="title">合同编码:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.code }}</span></van-col>
+                      <van-col :span="4"><span class="title">合同名称:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.name }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">签订日期:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.buildingTime }}</span></van-col>
+                      <van-col :span="4"><span class="title">合同类型:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.assetType }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">开始时间:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.startTime }}</span></van-col>
+                      <van-col :span="4"><span class="title">结束时间:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.endTime }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">承包价款:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.totalAmount }}</span></van-col>
+                      <van-col :span="4"><span class="title">承包年限:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.contractYears }}</span></van-col>
+                    </van-row>
+
+                    <van-row>
+                      <van-col :span="24"><span class="title">附件图片:</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="24" style="height: 120px;overflow-y: auto;">
+                        <div class="fileList">
+                          <template v-for="(item,index) in contractionAttachmentList">
+                            <a :href="item.url" v-if="item.url.indexOf('xlsx') > -1 || item.url.indexOf('xls') > -1">
+                              <img src="../../assets/images/homestead/icon_excel.jpg" alt="" style="width:100px;height: 100px;">
+                            </a>
+                            <a :href="item.url" v-else-if="item.url.indexOf('docx') > -1 || item.url.indexOf('dox') > -1">
+                              <img src="../../assets/images/homestead/icon_word.jpg" alt=""  style="width:100px;height: 100px;">
+                            </a>
+                            <img v-else :src="item.url" alt="" @click="openImage(item.url)"  style="width:100px;height: 100px;">
+                          </template>
+                          <van-empty v-if="contractionAttachmentList.length<1" description="暂无附件"></van-empty>
+                        </div>
+                      </van-col>
+                    </van-row>
+                  </template>
                 </div>
                 <!--                <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>-->
               </div>
@@ -161,26 +212,77 @@
                   </van-col>
                 </van-row>
                 <div class="gl_main">
-                  <div class="headers">
-                    <div class="flex3">合同编码</div>
-                    <div class="flex3">合同名称</div>
-                    <div class="flex3">发包对象</div>
-                    <div class="flex3">承包款(元)</div>
-                    <div class="flex3">状态</div>
+                  <template v-if="false">
+                    <div class="headers">
+                      <div class="flex3">合同编码</div>
+                      <div class="flex3">合同名称</div>
+                      <div class="flex3">发包对象</div>
+                      <div class="flex3">承包款(元)</div>
+                      <div class="flex3">状态</div>
+
+                    </div>
+                    <div class="desc_main">
+                      <ul class="analysisTable_list">
+                        <!--1-->
+                        <li v-for="item in contractionList" class="flex_item">
+                          <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>
+                          <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>
+                          <div class="flex3">{{item.secondParty}}</div>
+                          <div class="flex3" >{{item.totalAmount}}</div>
+                          <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>
+                        </li>
+                      </ul>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="headers">
+                      <div>关联合同</div>
+                    </div>
+                    <van-row>
+                      <van-col :span="4"><span class="title">合同编码:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.code }}</span></van-col>
+                      <van-col :span="4"><span class="title">合同名称:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.name }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">签订日期:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.buildingTime }}</span></van-col>
+                      <van-col :span="4"><span class="title">合同类型:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.assetType }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">开始时间:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.startTime }}</span></van-col>
+                      <van-col :span="4"><span class="title">结束时间:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.endTime }}</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="4"><span class="title">承包价款:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.totalAmount }}</span></van-col>
+                      <van-col :span="4"><span class="title">承包年限:</span></van-col>
+                      <van-col :span="8"><span class="desc">{{ contractionData.contractYears }}</span></van-col>
+                    </van-row>
 
-                  </div>
-                  <div class="desc_main">
-                    <ul class="analysisTable_list">
-                      <!--1-->
-                      <li v-for="item in contractionList" class="flex_item">
-                        <div class="flex3" @click="lookName(item.code)">{{item.code}}</div>
-                        <div class="flex3" @click="lookName(item.name)">{{item.name}}</div>
-                        <div class="flex3">{{item.secondParty}}</div>
-                        <div class="flex3" >{{item.totalAmount}}</div>
-                        <div class="flex3">{{selectDictLabel(contractionStatuOptions, item.contractionStatus)}}</div>
-                      </li>
-                    </ul>
-                  </div>
+                    <van-row>
+                      <van-col :span="24"><span class="title">附件图片:</span></van-col>
+                    </van-row>
+                    <van-row>
+                      <van-col :span="24" style="height: 120px;overflow-y: auto;">
+                        <div class="fileList">
+                          <template v-for="(item,index) in contractionAttachmentList">
+                            <a :href="item.url" v-if="item.url.indexOf('xlsx') > -1 || item.url.indexOf('xls') > -1">
+                              <img src="../../assets/images/homestead/icon_excel.jpg" alt="" style="width:100px;height: 100px;">
+                            </a>
+                            <a :href="item.url" v-else-if="item.url.indexOf('docx') > -1 || item.url.indexOf('dox') > -1">
+                              <img src="../../assets/images/homestead/icon_word.jpg" alt=""  style="width:100px;height: 100px;">
+                            </a>
+                            <img v-else :src="item.url" alt="" @click="openImage(item.url)"  style="width:100px;height: 100px;">
+                          </template>
+                          <van-empty v-if="contractionAttachmentList.length<1" description="暂无附件"></van-empty>
+                        </div>
+                      </van-col>
+                    </van-row>
+                  </template>
                 </div>
               </div>
               <!--<div class="basic_block">
@@ -506,6 +608,8 @@
         dialogImageUrl:'',
         mapGeoServerUrl: "",            // geoserver地址
         villageBorderLayerName: "",     // 乡镇边界图层名称
+        contractionData: {},
+        contractionAttachmentList: [],
       };
     },
     created() {
@@ -516,6 +620,7 @@
     },
     mounted() {
       let mapTheGeomAll =this.$cookies.get("bookId");
+      mapTheGeomAll = 166;
       console.info(mapTheGeomAll);
       getPermanentList(mapTheGeomAll).then((response) => {
         if (response.code == 200) {
@@ -761,11 +866,24 @@
             var ifConsole = feature.values_.name;
 
             if (ifConsole !="标注点") {
-              assetResourceDetail(feature.values_.id, {translate_dict: 1}).then((resp) => {
+              let obj = {};
+              assetResourceDetail(feature.values_.id, {translate_dict: 1, getAttachments: true,}).then((resp) => {
                 that.contractionList = resp.data.params.contractionAssetList;
+                that.$set(obj, 'fileList', resp.data.params.attachments.map(rr=>{
+                  return {
+                    url:'/api'+rr.fileUrl
+                  };
+                }));
+                that.contractionData = resp.data.params.contraction || {};
+                that.contractionAttachmentList = [];
+                if(resp.data.params.contraction)
+                  that.contractionAttachmentList = resp.data.params.contraction.params.attachments.map(rr=>{
+                    return {
+                      url:'/api'+rr.fileUrl
+                    };
+                  });
                 that.mapHaDataValue = true;
               });
-              let obj = {};
               that.mapHasDateStatus = 0;
               obj.code = feature.values_.code;//资源编码
               obj.name = feature.values_.name;//资源名称
@@ -834,27 +952,25 @@
                 }
               });
 
-              obj.fileList = [];
-              let parmasData =  {
-                tableId: feature.values_.id,
-                tableName: 't_asset_resource',
-                bizPath: 'asset',
-              };
-              openAttachmentList(parmasData).then((res) => {
-                if (res.code == 200) {
-                  res.rows.map(rr=>{
-                    obj.fileList.push({
-                      url:'/api'+rr.fileUrl
-                    })
-                  })
-                }
-              });
               console.log(obj)
               that.mapHasData = obj;
             } else {
               let obj = {};
-              assetPropertyDetail(feature.values_.properties[0].value.values_.id, {translate_dict: 1}).then((resp) => {
+              assetPropertyDetail(feature.values_.properties[0].value.values_.id, {translate_dict: 1, getAttachments: true,}).then((resp) => {
                 that.contractionList = resp.data.params.contractionAssetList;
+                that.$set(obj, 'fileList', resp.data.params.attachments.map(rr=>{
+                  return {
+                    url:'/api'+rr.fileUrl
+                  };
+                }));
+                that.contractionData = resp.data.params.contraction || {};
+                that.contractionAttachmentList = [];
+                if(resp.data.params.contraction)
+                  that.contractionAttachmentList = resp.data.params.contraction.params.attachments.map(rr=>{
+                    return {
+                      url:'/api'+rr.fileUrl
+                    };
+                  });
                 that.mapHaDataValue = true;
               });
               that.mapHasDateStatus = 1;
@@ -887,22 +1003,6 @@
               obj.assetStatus = feature.values_.properties[0].value.values_.assetStatus; //资产状态
               obj.unit = feature.values_.properties[0].value.values_.unit; //计量单位
 
-              obj.fileList = [];
-              let parmasData =  {
-                tableId: feature.values_.properties[0].value.values_.id,
-                tableName: 't_asset_permanent',
-                bizPath: 'asset',
-              };
-              openAttachmentList(parmasData).then((res) => {
-                if (res.code == 200) {
-                  res.rows.map(rr=>{
-                    obj.fileList.push({
-                      url:'/api'+rr.fileUrl
-                    })
-                  })
-                }
-              });
-
               //固定资产字典项
               that.getDicts("asset_type").then((response) => {
                 var assetTypeOptions = response.data;