大托管

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>

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{