安装

npm install [email protected]

使用小程序开发工具，找到工具，点击下拉选中构建npm，等待构建完成

构建完成后，小程序开发工具中会多出一个miniprogram_npm，打开后可以看到gago-add-land文件夹，就是我们需要的组件。

使用

1. 要正确使用gago-add-land组件，需将小程序开发工具的将JS编译成ES5和使用npm模块选项勾选上

2. 将域名https://dkdemo-test.gagogroup.cn，配置到小程序后台服务器域名-request合法域名和业务域名

3. 页面中引入

   {
     "usingComponents": {
       "gago-add-land": "gago-web-app/add-land/index"
     }
   }

4. 页面中使用

   1. 使用web-view组件，需要新建一个page页面放gago-add-land组件
   2. 参数
   • info：需要将下面 8 个入参字段在info对象中
   • bindmessage：通过e.detail获取，异常时返回msg

   // 入参
   const info= {
     loanType："1010", // 贷款类型
     areaName："河南省周口市郸城县",  // 所在地区名称
     areaCode："101040",  // 所在地区编码(必传)
     plantVariety："01", // 种植品种（必传）
     plantArea：2.0,  // 种植面积（必传）
     plantMethod："1",   // 种植方式
     preMu: 500,  // 亩产
     farmerCode："user0002",  // 农户编码（必传）
   }
   
   // 出参：
   plots: [{
    id："61139ff04ceab5d32fe32667",  // 地块编号
    area："1", // 地块面积（亩）
    latLon：[[[113.6, 25.6],[113.6, 25.6]]],  // 地块经纬度
    type: "delete", //操作类型: delete 删除，modify 修改，add 新增
   }]
   
   // 使用
   <gago-add-land info="{{info}}" bindmessage="onMessage"/>

5. 使用

   添加地块按钮所在页面

   <button bindtap="bindAdd">添加地块</button>

   bindAdd(){
     const {
        loanType,
        areaName,
        areaCode,
        plantVariety,
        plantArea,
        plantMethod,
        preMu,
        farmerCode,
     } = this.data
   
     wx.navigateTo({
       url: `/pages/add-land/add-land?loanType=${loanType}&areaName=${areaName}&areaCode=${areaCode}&plantVariety=${plantVariety}&plantArea=${plantArea}&plantMethod=${plantMethod}&preMu=${preMu}&farmerCode=${farmerCode}`,
     })
   }