From 9fcb8c533871643c5d63f8862c41402abf9e8b26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Fri, 6 Jan 2023 14:12:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E6=89=98=E7=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../insurance/insuranceProjectList.vue        | 105 ++++++++++++++-
 .../society/societyProjectList.vue            | 127 +++++++++++++++++-
 .../insurance/head_icon.png                   | Bin 0 -> 753 bytes
 3 files changed, 228 insertions(+), 4 deletions(-)
 create mode 100644 static/images/agriculturalTrusteeship/insurance/head_icon.png

diff --git a/src/views/agriculturalTrusteeship/insurance/insuranceProjectList.vue b/src/views/agriculturalTrusteeship/insurance/insuranceProjectList.vue
index 970f2c70..3f05ee0a 100644
--- a/src/views/agriculturalTrusteeship/insurance/insuranceProjectList.vue
+++ b/src/views/agriculturalTrusteeship/insurance/insuranceProjectList.vue
@@ -6,6 +6,7 @@
         <img src="../../../../static/images/agriculturalTrusteeship/return.png">
         <p>{{tt}}</p>
       </div>
+      <img src="../../../../static/images/agriculturalTrusteeship/insurance/head_icon.png" @click="show=true">
     </div>
     <!--  头部结束  -->
 
@@ -39,16 +40,38 @@
       </van-list>
     </div>
     <!--  内容结束  -->
-
+    <van-popup v-model="show" round closeable close-icon="close" style="width: 90%;">
+      <div class="tt_box">
+        <p class="content_tt">{{serviceForm.financialName}}</p>
+        <div class="tab_box">
+          <div class="tab_left">
+            <p>产品 <span>{{serviceForm.products==null?'0':serviceForm.products.length}}</span></p>
+          </div>
+        </div>
+      </div>
+      <van-field readonly label="联系人" v-model="serviceForm.linker" input-align="right" placeholder="请输入联系人" />
+      <van-field readonly label="地址" v-model="serviceForm.address" input-align="right" placeholder="请输入地址" />
+      <van-field readonly label="电话" v-model="serviceForm.phone" input-align="right" placeholder="请输入电话" />
+      <van-field readonly label="传真" v-model="serviceForm.fax" input-align="right" placeholder="请输入传真" />
+      <van-field readonly label="简要描述" v-model="serviceForm.description" input-align="right" placeholder="请输入简要描述" />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader v-model="serviceForm.mainImgList" :show-upload="false" :deletable="false" />
+      </div>
+    </van-popup>
   </div>
 </template>
 <script>
   import Cookies from "js-cookie";
-  import {productList, serviceList} from "@/api/agriculturalTrusteeship";
+  import {entityGet, productList, serviceGet, serviceList} from "@/api/agriculturalTrusteeship";
+  import MapGisTag from "@/components/Map/MapGisTagDTG";
   export default {
     name: "agriculturalTrusteeshipInsuranceList",
+    components: {
+      MapGisTag
+    },
     data() {
       return {
+        show:false,
         activeKey: 0,
         active: 0,
         loading: false,
@@ -62,14 +85,38 @@
         },
         tt:'',
         searchInput:'',
+        serviceForm:{}
       };
     },
     created() {
       this.query.financialServiceId = this.$route.query.id;
 
       this.tt = this.$route.query.financialName
+      this.getUser();
     },
     methods: {
+      //每个查看修改，新增  方法下引用下面方法
+      mapClickLoading(){
+        setTimeout(() => {
+          this.$refs.clickLoading.pointPaceCountryDarw();
+        }, 500);
+      },
+      getUser(){
+        serviceGet(this.$route.query.id).then(response => {
+          if (response.data.mainImg){
+            response.data.mainImgList = [];
+            var attachement = response.data.mainImg.split( "," );
+            this.mainImgArr = response.data.mainImg.split( "," );
+            attachement.forEach(responseAttach=>{
+              response.data.mainImgList.push({
+                url:'/api' + responseAttach,
+                isImage: true
+              });
+            })
+          }
+          this.serviceForm = response.data;
+        });
+      },
       getList(){
         productList(this.query).then(response => {
           response.rows.map(res=>{
@@ -107,6 +154,21 @@
 .home_wrapper{
   height: 100vh;
   background: #ffffff url("../../../../static/images/agriculturalTrusteeship/insurance/insurance_list_head.png") no-repeat;
+}
+.main_box{
+  width: 92%;
+  margin: 0 auto;
+  margin-top: 2vh;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+  /deep/ .van-cell{
+    padding: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
 }
   /*头部*/
   .header{
@@ -228,4 +290,43 @@
       }
     }
   }
+.tt_box{
+  border-bottom: 1PX solid #D1D8EB;
+  padding: 2vh;
+  .content_tt{
+    font-size: .4rem;
+    margin-bottom: 1.5vh;
+    color: #334281;
+  }
+  .tab_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tab_left{
+      display: flex;
+      p{
+        &:nth-child(1){
+          padding-right: 8PX;
+          margin-right: 8PX;
+        }
+        span{
+          color: #2B7EEC;
+        }
+        line-height: 1;
+      }
+
+    }
+    .tab_right{
+      display: flex;
+      p{
+        background: #F3F6FE;
+        padding: 5PX 10PX;
+        color: #497CE8;
+        line-height: 1;
+        border-radius: 5PX;
+        margin-left: 10PX;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/agriculturalTrusteeship/society/societyProjectList.vue b/src/views/agriculturalTrusteeship/society/societyProjectList.vue
index d186b325..1168bc4b 100644
--- a/src/views/agriculturalTrusteeship/society/societyProjectList.vue
+++ b/src/views/agriculturalTrusteeship/society/societyProjectList.vue
@@ -6,6 +6,7 @@
         <img src="../../../../static/images/agriculturalTrusteeship/return.png">
         <p>{{tt}}</p>
       </div>
+      <img src="../../../../static/images/agriculturalTrusteeship/insurance/head_icon.png" @click="show=true,mapClickLoading()">
     </div>
     <!--  头部结束  -->
 
@@ -61,16 +62,48 @@
       </div>
     </div>
     <!--  内容结束  -->
-
+    <van-popup v-model="show" round closeable close-icon="close" style="width: 90%;">
+      <div class="tt_box">
+        <p class="content_tt">{{entityForm.entityName}}</p>
+        <div class="tab_box">
+          <div class="tab_left">
+            <p>产品 <span>{{entityForm.supplyDemands==null?'0':entityForm.supplyDemands.length}}</span></p>
+            <p>订单 <span>{{entityForm.orderNum}}</span></p>
+          </div>
+          <div class="tab_right">
+            <p>{{entityForm.industryClassificationType}}</p>
+          </div>
+        </div>
+      </div>
+      <van-field readonly label="主体名称" v-model="entityForm.entityName" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="主体类别" v-model="entityForm.statisticsTypeId" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="生产种类" v-model="entityForm.industryClassificationType" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="成立时间" v-model="entityForm.registerTime" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="示范类型" v-model="entityForm.modelSocietyType" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="负责人" v-model="entityForm.principalName" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="联系电话" v-model="entityForm.tal" :border="false" input-align="right" value="内容" />
+      <van-field readonly label="主体地址" v-model="entityForm.entityAddress" :border="false" input-align="right" value="内容" />
+      <div style="padding: 0 4% 2vh;">
+        <van-uploader v-model="entityForm.masterMapList" :show-upload="false" :deletable="false" />
+      </div>
+      <div class="main_box" v-show="entityForm.theGeom">
+        <MapGisTag ref="clickLoading" :showBtn="false" :message="entityForm.theGeom"></MapGisTag>
+      </div>
+    </van-popup>
   </div>
 </template>
 <script>
   import Cookies from "js-cookie";
-  import {productTypes, supplyDemandList} from "@/api/agriculturalTrusteeship";
+  import {entityGet, productTypes, serviceGet, supplyDemandList} from "@/api/agriculturalTrusteeship";
+  import MapGisTag from "@/components/Map/MapGisTagDTG";
   export default {
     name: "agriculturalTrusteeshipInsuranceList",
+    components: {
+      MapGisTag
+    },
     data() {
       return {
+        show:false,
         activeKey: 0,
         active: 0,
         loading: false,
@@ -90,13 +123,21 @@
         },
         tt:'',
         searchInput:'',
+        entityForm:{}
       };
     },
     created() {
       this.query.entityId = this.$route.query.id;
       this.tt = this.$route.query.entityName
+      this.getDicts("newBusinessEntity_statistics_project").then(response => {
+        this.statisticsTypeIdOptions = response.data;
+      });
+      this.getDicts("model_society_type").then(response => {
+        this.modelSocietyTypeOptions = response.data;
+      });
       this.getDicts("Industrial_classification_type").then(response => {
         this.financialTypeOptions = response.data;
+        this.industryClassificationTypeOptions = response.data;
       });
       let query = {
         parentId : 0
@@ -104,8 +145,36 @@
       productTypes(query).then(response => {
         this.productList = response.data;
       });
+      this.getUser();
     },
     methods: {
+      //每个查看修改，新增  方法下引用下面方法
+      mapClickLoading(){
+        setTimeout(() => {
+          this.$refs.clickLoading.pointPaceCountryDarw();
+        }, 500);
+      },
+      getUser(){
+        entityGet(this.$route.query.id).then(res=>{
+          res.data.statisticsTypeId = this.selectDictLabel(this.statisticsTypeIdOptions, res.data.statisticsTypeId);
+          res.data.industryClassificationType = this.selectDictLabel(this.industryClassificationTypeOptions, res.data.industryClassificationType);
+          res.data.modelSocietyType = this.selectDictLabel(this.modelSocietyTypeOptions, res.data.modelSocietyType);
+
+          if (res.data.masterMap){
+            res.data.masterMapList = [];
+            var attachement = res.data.masterMap.split( "," );
+            this.mainImgArrEntity = res.data.masterMap.split( "," );
+            attachement.forEach(responseAttach=>{
+              res.data.masterMapList.push({
+                url:'/api' + responseAttach,
+                isImage: true
+              });
+            })
+          }
+          this.entityForm = res.data;
+          // this.mapClickLoading();
+        })
+      },
       getList(){
         supplyDemandList(this.query).then(response => {
           response.rows.map(res=>{
@@ -169,6 +238,60 @@
 <style scoped lang="scss">
 .home_wrapper{
   background: url("../../../../static/images/agriculturalTrusteeship/insurance/society_list_head.png") no-repeat;
+}
+.tt_box{
+  border-bottom: 1PX solid #D1D8EB;
+  padding: 2vh;
+  .content_tt{
+    font-size: .4rem;
+    margin-bottom: 1.5vh;
+    color: #334281;
+  }
+  .tab_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .tab_left{
+      display: flex;
+      p{
+        &:nth-child(1){
+          border-right: 1px solid;
+          padding-right: 8PX;
+          margin-right: 8PX;
+        }
+        span{
+          color: #2B7EEC;
+        }
+        line-height: 1;
+      }
+
+    }
+    .tab_right{
+      display: flex;
+      p{
+        background: #F3F6FE;
+        padding: 5PX 10PX;
+        color: #497CE8;
+        line-height: 1;
+        border-radius: 5PX;
+        margin-left: 10PX;
+      }
+    }
+  }
+}
+.main_box{
+  width: 92%;
+  margin: 2vh auto;
+  border-radius: 10PX;
+  overflow: hidden;
+  background-color: #FFF;
+  /deep/ .van-cell{
+    padding: 0;
+    margin-bottom: 10PX;
+    &:last-child{
+      margin-bottom: 0;
+    }
+  }
 }
   /*头部*/
   .header{
diff --git a/static/images/agriculturalTrusteeship/insurance/head_icon.png b/static/images/agriculturalTrusteeship/insurance/head_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a95fa51b4c4578c1c10592ca03747ff1390486a7
GIT binary patch
literal 753
zcmV<N0uKF&P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00004b3#c}2nYxW
zd<bNS00080Nkl<ZNK3t!J&PJq6o#F~kbo9RL=sk+#!ZtzG=;d;ied31sWmCYD)|Ay
zE>@-xM6e2^5H=PG{sEC?71OL$RM<3*%|^qfaIFM`)0p!P&PK=icCr@^gU-44x$n7W
z&YWRv`Ugv{56JG3*~#v&re4vNC!3O8lKs@PB%|R3z!S2^WViGzNIna)A7tmN4arVZ
z1Mky}kO80+fDL>jyO1L*fdPb4D+ZKzqzlP`56KB?tsH}u`s+2NU@MhMH@=~K9SoIF
zt2qjV!c&%I@8)v3&Tu&VqdDQ9!-;t2A{g2GN-dFmKHu$pJ|Bw3V$YpUCmtzVuh;7Y
z0)b-#U?kjEGF}8fqaU!X0br$4c^M1_Lw39U&UifL8jZ$TG#WjCv)Ah_834oeJ4^&;
z=m%79jc&J_@%#NDs4JJtr`2lp7o0|;(L0l1sQwHvOLnBRYb5~w_jo+}gTbKRZnyiT
zQmJp?yiWjD&15yO+wJx&7K^#V;SkPzGMS89t=3s8m1=2({~X{KWDoTyjzl5?pxJCr
z*Ef_-r}q+x#G`OHeBg4q_H-oOCBVpLhZdNiA32UI!;fK@w`!5larRdLzflXzIv|_P
z3KgwbEOI-7ZHB-~p;r1|O^_v_UM`oPw2nZsiK(IFQVO-6BancF<TCv@$t97_!Xi9Q
zrVGdpV4;9uWXLv3CK9GzufIoq)+h$Dw|SnQ$K&x2c;+Pz=+BN-UlO%iEkaev6nHk9
z&6CMwQ)X8iFA1o9Emdtssm2_r{X%yAT7<vqSzEM;twumx_kXrNLWo7sO*MNQ0o&_Q
zyNUL8L#di#@gC0naEF9LB0=SaTz=^Ngh6vJ+ZxF%3Lsip)1NTXH4y>vqYd9tLQ_Bk
j1p<8(uD_KON*DVJ%_uPG9`&{o00000NkvXXu0mjfN+eTe

literal 0
HcmV?d00001