首页图表新增排序

刘淇
1 parent 3412aebc
Showing 8 changed files with 408 additions and 305 deletions
pages/index.vue
pages/work/case/maintain.vue
pages/work/case/task.vue
subPackages/treePage/addTree.vue
subPackages/treePage/editTreeIfo.vue
subPackages/treePage/treeInfo.vue
subPackages/treePage/treeLog.vue
subPackages/treePage/treeRecord.vue
 <template>
-	<view class="container">
-		<view class="fs-bg__primary fs-pt160 fs-pb120 fs-pl30 fs-color__white">
-			{{config.weather}} / {{config.city}} {{config.temperature}}°C
-		</view>
-		<view class="fs-pl30 fs-pr30 fs-mt-60">
-			<view class="fs-py36 fs-px30 fs-bg__white fs-radius__sm">
-				<tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false">
-					<view class="fs-flex__between">
-						<view>任务统计</view>
-						<view>
-							<tui-tag :type="summaryDate == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getSummary(7)">近7日</tui-tag>
-							<tui-tag :type="summaryDate == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getSummary(30)">近30日</tui-tag>
-						</view>
-					</view>
-				</tui-list-cell>
-				<view class="fs-flex__between fs-mt30 fs-size__h4">
-					<view class="fs-flex__column fs-items__center">
-						<tui-circular-progress :diam="70" progressColor="#577EE3" fontColor="#577EE3" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.patrolTaskCount"></tui-circular-progress>
-						<tui-text text="巡查任务数" color="#577EE3"></tui-text>
-					</view>
-					<view class="fs-flex__column fs-items__center">
-						<tui-circular-progress :diam="70" progressColor="#FF2B2B" fontColor="#FF2B2B" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.maintainTaskCount"></tui-circular-progress>
-						<tui-text text="养护任务数" color="#FF2B2B"></tui-text>
-					</view>
-					<view class="fs-flex__column fs-items__center">
-						<tui-circular-progress :diam="70" progressColor="#FFB703" fontColor="#FFB703" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.problemCreateCount"></tui-circular-progress>
-						<tui-text text="问题单数" color="#FFB703"></tui-text>
-					</view>
-					<view class="fs-flex__column fs-items__center">
-						<tui-circular-progress :diam="70" progressColor="#09BE4F" fontColor="#09BE4F" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.maintainOrderCount"></tui-circular-progress>
-						<tui-text text="养护单数" color="#09BE4F"></tui-text>
-					</view>
-				</view>
-			</view>
-			<view class="fs-mt30 fs-py36 fs-px30 fs-bg__white fs-radius__sm">
-				<tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false">
-					<view class="fs-flex__between">
-						<view>养护类型统计</view>
-						<view>
-							<tui-tag :type="summaryType == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getSummaryType(7)">近7日</tui-tag>
-							<tui-tag :type="summaryType == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getSummaryType(30)">近30日</tui-tag>
-						</view>
-					</view>
-				</tui-list-cell>
-				<view class="fs-p30">
-					<tui-charts-pie ref="tui_charts_pie" :type="2"></tui-charts-pie>
-				</view>
-				<tui-list-cell unlined padding="0" marginTop ="20" :size="30" color="#000" :hover="false">
-					<view class="fs-flex__between">
-						<view>员工养护类型统计</view>
-						<view>
-							<tui-tag :type="staffSummary == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getStaffSummary(7)">近7日</tui-tag>
-							<tui-tag :type="staffSummary == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getStaffSummary(30)">近30日</tui-tag>
-						</view>
-					</view>
-				</tui-list-cell>
-				<view class="fs-p30">
-					<tui-charts-bar ref="tui_charts_bar" tooltip width="420" :yAxis="staffSummaryList.yAxis" :max="staffSummaryList.max" :splitNumber="staffSummaryList.splitNumber"></tui-charts-bar>
-				</view>
-			</view>
-		</view>
-		<tui-white-space :height="30"></tui-white-space>
-<!--		<tui-modal :show="showModal" @click="handleModal" @cancel="hideModal" content="发现新版本，是否升级到最新版本？"></tui-modal>-->
-	</view>
+  <view class="container">
+    <view class="fs-bg__primary fs-pt160 fs-pb120 fs-pl30 fs-color__white">
+      {{ config.weather }} / {{ config.city }} {{ config.temperature }}°C
+    </view>
+    <view class="fs-pl30 fs-pr30 fs-mt-60">
+      <view class="fs-py36 fs-px30 fs-bg__white fs-radius__sm">
+        <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false">
+          <view class="fs-flex__between">
+            <view>任务统计</view>
+            <view>
+              <tui-tag :type="summaryDate == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20"
+                       @click="getSummary(7)">近7日
+              </tui-tag>
+              <tui-tag :type="summaryDate == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx"
+                       @click="getSummary(30)">近30日
+              </tui-tag>
+            </view>
+          </view>
+        </tui-list-cell>
+        <view class="fs-flex__between fs-mt30 fs-size__h4">
+          <view class="fs-flex__column fs-items__center">
+            <tui-circular-progress :diam="70" progressColor="#577EE3" fontColor="#577EE3" :lineWidth="5" :fontSize="16"
+                                   :percentage="summaryDateList.patrolTaskCount"></tui-circular-progress>
+            <tui-text text="巡查任务数" color="#577EE3"></tui-text>
+          </view>
+          <view class="fs-flex__column fs-items__center">
+            <tui-circular-progress :diam="70" progressColor="#FF2B2B" fontColor="#FF2B2B" :lineWidth="5" :fontSize="16"
+                                   :percentage="summaryDateList.maintainTaskCount"></tui-circular-progress>
+            <tui-text text="养护任务数" color="#FF2B2B"></tui-text>
+          </view>
+          <view class="fs-flex__column fs-items__center">
+            <tui-circular-progress :diam="70" progressColor="#FFB703" fontColor="#FFB703" :lineWidth="5" :fontSize="16"
+                                   :percentage="summaryDateList.problemCreateCount"></tui-circular-progress>
+            <tui-text text="问题单数" color="#FFB703"></tui-text>
+          </view>
+          <view class="fs-flex__column fs-items__center">
+            <tui-circular-progress :diam="70" progressColor="#09BE4F" fontColor="#09BE4F" :lineWidth="5" :fontSize="16"
+                                   :percentage="summaryDateList.maintainOrderCount"></tui-circular-progress>
+            <tui-text text="养护单数" color="#09BE4F"></tui-text>
+          </view>
+        </view>
+      </view>
+      <view class="fs-mt30 fs-py36 fs-px30 fs-bg__white fs-radius__sm">
+        <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false">
+          <view class="fs-flex__between">
+            <view>养护类型统计</view>
+            <view>
+              <tui-tag :type="summaryType == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20"
+                       @click="getSummaryType(7)">近7日
+              </tui-tag>
+              <tui-tag :type="summaryType == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx"
+                       @click="getSummaryType(30)">近30日
+              </tui-tag>
+            </view>
+          </view>
+        </tui-list-cell>
+        <view class="fs-p30">
+          <tui-charts-pie ref="tui_charts_pie" :type="2"></tui-charts-pie>
+        </view>
+        <!-- 员工养护类型统计 -->
+        <tui-list-cell unlined padding="0" marginTop="20" :size="30" color="#000" :hover="false">
+          <view class="fs-flex__between">
+            <view>员工养护类型统计</view>
+            <view>
+              <!-- 近7日/30日标签：用 :type 绑定状态，点击传递对应天数 -->
+              <tui-tag
+                  :type="staffSummary === 7 ? 'primary' : 'gray'"
+                  size="24rpx"
+                  padding="6rpx 15rpx"
+                  class="fs-mr20"
+                  @click="getStaffSummary(7, isAsc)"
+              >近7日
+              </tui-tag>
+              <tui-tag
+                  :type="staffSummary === 30 ? 'primary' : 'gray'"
+                  size="24rpx"
+                  padding="6rpx 15rpx"
+                  @click="getStaffSummary(30, isAsc)"
+              >近30日
+              </tui-tag>
+            </view>
+          </view>
+        </tui-list-cell>
+
+        <!-- 排序标签 -->
+        <tui-list-cell unlined padding="0" marginTop="40" :size="30" color="#000" :hover="false">
+          <view class="fs-flex__between">
+            <view></view>
+            <view>
+              <!-- 正序/倒序标签：修复为 :type 绑定状态，点击传递对应排序值（1/2） -->
+              <tui-tag
+                  :type="isAsc == 'asc' ? 'primary' : 'gray'"
+                  size="24rpx"
+                  padding="6rpx 15rpx"
+                  class="fs-mr20"
+                  @click="getStaffSummary(staffSummary, 'asc')"
+              >正序
+              </tui-tag>
+              <tui-tag
+                  :type="isAsc == 'desc' ? 'primary' : 'gray'"
+                  size="24rpx"
+                  padding="6rpx 15rpx"
+                  @click="getStaffSummary(staffSummary, 'desc')"
+              >倒序
+              </tui-tag>
+            </view>
+          </view>
+        </tui-list-cell>
+        <view class="fs-p30">
+          <view class="fs-flex__between">
+            <view style="width: 100px;height: 100%"></view>
+            <tui-charts-bar ref="tui_charts_bar" :tooltip="true" :width="400" :yAxis="staffSummaryList.yAxis"  :yAxisVal="staffSummaryList.yAxisLabel"
+                              :splitNumber="staffSummaryList.splitNumber" ></tui-charts-bar>
+          </view>
+
+        </view>
+      </view>
+    </view>
+    <tui-white-space :height="30"></tui-white-space>
+    <!--		<tui-modal :show="showModal" @click="handleModal" @cancel="hideModal" content="发现新版本，是否升级到最新版本？"></tui-modal>-->
+  </view>
 </template>
  
 <script>
@@ -71,148 +128,178 @@ import { apiVersion, apiGetSummary, apiSummaryType, apiStaffSummary } from &#39;@/ap
 import { apiGetUserInfo } from '@/api/user'
 import moment from 'moment'
 export default {
-	data() {
-		return {
-			summaryDate: 7,
-			summaryDateList: {},
-			summaryType: 7,
-			summaryTypeList: [
-				{
-					value: 0,
-					color: '#03ABBE',
-					name: '浇水'
-				},
-				{
-					value: 0,
-					color: '#EB0909',
-					name: '修剪'
-				},
-				{
-					value: 0,
-					color: '#FFD54F',
-					name: '有害生物防治'
-				},
-				{
-					value: 0,
-					color: '#07c160',
-					name: '中耕除草'
-				},
-				{
-					value: 0,
-					color: '#c084fc',
-					name: '补植'
-				},
-				{
-					value: 0,
-					color: '#409EFF',
-					name: '清理保洁'
-				},
-				{
-					value: 0,
-					color: '#e5e5e5',
-					name: '绿地巡视'
-				},
-				{
-					value: 0,
-					color: '#f59e0b',
-					name: '施肥'
-				},
+  data() {
+    return {
+      summaryDate: 7,
+      summaryDateList: {},
+      summaryType: 7,
+      isAsc: 'asc',
+      summaryTypeList: [
+        {
+          value: 0,
+          color: '#03ABBE',
+          name: '浇水'
+        },
+        {
+          value: 0,
+          color: '#EB0909',
+          name: '修剪'
+        },
+        {
+          value: 0,
+          color: '#FFD54F',
+          name: '有害生物防治'
+        },
+        {
+          value: 0,
+          color: '#07c160',
+          name: '中耕除草'
+        },
+        {
+          value: 0,
+          color: '#c084fc',
+          name: '补植'
+        },
+        {
+          value: 0,
+          color: '#409EFF',
+          name: '清理保洁'
+        },
+        {
+          value: 0,
+          color: '#e5e5e5',
+          name: '绿地巡视'
+        },
+        {
+          value: 0,
+          color: '#f59e0b',
+          name: '施肥'
+        },
         {
           value: 0,
           color: '#999',
           name: '树池篦子'
         }
-			],
-			staffSummary: 7,
-			staffSummaryList:  {
-				yAxis: [],
-				dataset: [{
-					name: '',
-					color: '#5677fc',
-					source: []
-				}],
-				max: 50,
-				splitNumber: 10
-			},
-			showModal: false,
-			downloadUrl: ''
-		}
-	},
-	onLoad() {
-		this.getUserInfo()
-		// this.upgradation()
-		this.getSummary(this.summaryDate)
-		this.getSummaryType(this.summaryType)
-		this.getStaffSummary(this.staffSummary)
-	},
-	methods: {
-		// 获取用户基本信息
-		getUserInfo() {
-			apiGetUserInfo().then(res => {
-				this.setUserInfo(res.user)
-			})
-		},
-		// 获取统计数据
-		getSummary(type) {
-			this.summaryDate = type
-			const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
-			const endTime = moment().format('YYYY-MM-DD 23:59:59')
-			apiGetSummary({data:{beginTime, endTime}}).then(res => {
-				this.summaryDateList = res.data
-			})
-		},
-		// 养护类型统计
-		getSummaryType(type) {
-			this.summaryType = type
-			const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
-			const endTime = moment().format('YYYY-MM-DD 23:59:59')
-			apiSummaryType({data:{beginTime, endTime}}).then(res => {
+      ],
+      staffSummary: 7,
+      staffSummaryList: {
+        yAxis: [],
+        dataset: [{
+          name: '',
+          color: '#5677fc',
+          source: []
+        }],
+        max: 120,
+        splitNumber: 20,
+        yAxisLabel:{
+          width: 100,  // 限制文字最大宽度，超出则换行（根据需求调整数值）
+          breakWord: true,  // 开启自动换行
+          lineHeight: 16  // 换行后行高，保证文字不重叠（根据字体大小调整）
+        }
+      },
+      showModal: false,
+      downloadUrl: ''
+    }
+  },
+  onLoad() {
+    this.getUserInfo()
+    // this.upgradation()
+    this.getSummary(this.summaryDate)
+    this.getSummaryType(this.summaryType)
+    this.getStaffSummary(this.staffSummary, this.isAsc)
+  },
+  methods: {
+    // 获取用户基本信息
+    getUserInfo() {
+      apiGetUserInfo().then(res => {
+        this.setUserInfo(res.user)
+      })
+    },
+    // 获取统计数据
+    getSummary(type) {
+      this.summaryDate = type
+      const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
+      const endTime = moment().format('YYYY-MM-DD 23:59:59')
+      apiGetSummary({data: {beginTime, endTime}}).then(res => {
+        this.summaryDateList = res.data
+      })
+    },
+    // 养护类型统计
+    getSummaryType(type) {
+      this.summaryType = type
+      const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
+      const endTime = moment().format('YYYY-MM-DD 23:59:59')
+      apiSummaryType({data: {beginTime, endTime}}).then(res => {
         // console.log(res.data)
-				res.data.forEach((item, index) => {
+        res.data.forEach((item, index) => {
           console.log(this.summaryTypeList[index])
-					this.summaryTypeList[index].value = item.countNum
-				})
+          this.summaryTypeList[index].value = item.countNum
+        })
         // console.log(this.summaryTypeList)
-				this.$refs.tui_charts_pie.draw(this.summaryTypeList)
-			})
-		},
-		// 按员工养护类型统计
-		getStaffSummary(type) {
-			this.staffSummary = type
-			const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
-			const endTime = moment().format('YYYY-MM-DD 23:59:59')
-			apiStaffSummary({data:{beginTime, endTime}}).then(res => {
-				res.data.forEach((item, index) => {
-					this.staffSummaryList.yAxis[index] = item.userName
-					this.staffSummaryList.dataset[0].source[index] = item.countNum
-				})
-				this.$refs.tui_charts_bar.draw(this.staffSummaryList.dataset)
-			})
-		},
-		// 检查升级
-		upgradation() {
-			// 检查版本更新
-			apiVersion().then(res => {
-				const newVersion = res.data.version
-				this.downloadUrl = OSSURL + res.data.url
-				if (version < newVersion) {
-					this.showModal = true
-				}
-			})
-		},
-		// 确定升级
-		handleModal(event) {
-			this.hideModal()
-			if (event.index == 1) {
-				// 打开系统浏览器下载
-				plus.runtime.openURL(this.downloadUrl)
-			}
-		},
-		// 取消升级
-		hideModal() {
-			this.showModal = false
-		}
-	}
+        this.$refs.tui_charts_pie.draw(this.summaryTypeList)
+      })
+    },
+    truncateText(text, maxLength = 8) {
+      if (text.length <= maxLength) return text;
+      return text.slice(0, maxLength) + '...';
+    },
+    // 按员工养护类型统计
+    getStaffSummary(type, isAsc) {
+      this.staffSummary = type
+      this.isAsc = isAsc
+      console.log(type)
+      console.log(isAsc)
+      const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00')
+      const endTime = moment().format('YYYY-MM-DD 23:59:59')
+      const pageNum = 1
+      const pageSize = 10
+      const pageReq = {
+        "isAsc": this.isAsc,
+        // "orderBy": "",
+        // "orderByColumn": "user_id",
+        // "pageNum": 1,
+        // "pageSize": 10
+      }
+      apiStaffSummary({data: {beginTime, endTime, pageReq}}).then(res => {
+        res.data.forEach((item, index) => {
+          this.staffSummaryList.yAxis[index] = item.userName
+          // this.staffSummaryList.yAxis[index] = this.truncateText(item.userName, 7);
+          this.staffSummaryList.dataset[0].source[index] = item.countNum
+          this.staffSummaryList.tooltip = {
+            formatter: (params) => {
+              // params 中可获取当前项索引，进而拿到原始完整文字
+              const fullText = item.userName[params.dataIndex];
+              return `${fullText}: ${params.value}`; // tooltip 显示完整文字
+            }
+          };
+        })
+        this.$refs.tui_charts_bar.draw(this.staffSummaryList.dataset)
+      })
+    },
+    // 检查升级
+    upgradation() {
+      // 检查版本更新
+      apiVersion().then(res => {
+        const newVersion = res.data.version
+        this.downloadUrl = OSSURL + res.data.url
+        if (version < newVersion) {
+          this.showModal = true
+        }
+      })
+    },
+    // 确定升级
+    handleModal(event) {
+      this.hideModal()
+      if (event.index == 1) {
+        // 打开系统浏览器下载
+        plus.runtime.openURL(this.downloadUrl)
+      }
+    },
+    // 取消升级
+    hideModal() {
+      this.showModal = false
+    }
+  }
 }
 </script>
  
@@ -30,8 +30,12 @@
 					</view>
 					<view class="fs-mt16 fs-flex__between">
 						<view class="fs-ellipsis fs-mr20">养护类型：{{item.maintainTypeName}}</view>
-						<view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view>
+<!--						<view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view>-->
 					</view>
+          <view class="fs-mt16 fs-flex__between">
+<!--            <view class="fs-ellipsis fs-mr20">养护类型：{{item.maintainTypeName}}</view>-->
+            <view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view>
+          </view>
 					<view class="fs-mt16">道路名称：{{item.roadName}}</view>
 					<view class="fs-mt16 fs-ellipsis__2">任务描述：{{item.taskRemark}}</view>
 					<view class="fs-mt16">提交日期：{{item.createTime}}</view>
@@ -13,7 +13,7 @@
 			<view class="fs-flex__between"><view>养护类型</view><view>{{info.maintainTypeName}}</view></view>
 		</tui-list-cell>
 		<tui-list-cell :hover="false">
-			<view class="fs-flex__between"><view>植物类型</view><view>{{info.plantTypeName}}</view></view>
+			<view class="fs-flex__between"><view class="fs-mr16">植物类型</view><view class="fs-ellipsis fs-flex__1">{{info.plantTypeName}}</view></view>
 		</tui-list-cell>
 		<tui-list-cell :hover="false">
 			<view class="fs-flex__between"><view>养护组长</view><view>{{info.userName}}</view></view>
 <template>
-  <view class="container">
+  <view class="container" >
  
     <tui-form ref="form" :show-message="false" :model="formData">
-      <tui-form-item asterisk label="名称" prop="treetype">
-        <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30"
+      <tui-form-item asterisk label="名称" prop="treetype"  :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30"  :size="32"
                    v-model="formData.treetype"></tui-input>
       </tui-form-item>
  
       <tui-row>
  
         <tui-col :span="12">
-          <tui-form-item label="胸径" asterisk prop="dbh" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"    textLeft
+          <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"   textLeft
                        v-model="formData.dbh"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size:12px">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size:12px">厘米</text>
             </template>
           </tui-form-item>
         </tui-col>
         <tui-col :span="12">
-          <tui-form-item label="高度"  prop="treeheight" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"    textLeft
+          <tui-form-item label="高度"  prop="treeheight" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"  textLeft
                        v-model="formData.treeheight"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size:12px;">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text>
             </template>
           </tui-form-item>
         </tui-col>
@@ -36,11 +36,12 @@
           class="location-form-item"
           @click="openMap"
           prop="growlocation"
+          :labelSize="32"
       >
-        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32"
                    v-model="formData.growlocation"></tui-input>
         <template v-slot:right>
-          <tui-icon name="gps" :size="20"></tui-icon>
+          <tui-icon name="gps" :size="22"></tui-icon>
         </template>
       </tui-form-item>
  
@@ -51,8 +52,9 @@
             class="location-form-item"
             prop="latitude"
             :bottomBorder="false"
+            :labelSize="32"
         >
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32"
                      v-model="formData.longitude"></tui-input>
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>-->
         </tui-form-item>
@@ -64,28 +66,29 @@
             labelColor="#ccc"
             class="location-form-item"
             prop="latitude"
+            :labelSize="32"
         >
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32"
                      v-model="formData.latitude"></tui-input>
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>-->
         </tui-form-item>
       </tui-col>
  
  
-      <tui-form-item asterisk label="管护单位" prop="managedutyunit">
+      <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32">
  
-        <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"
+        <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32"
                    v-model="formData.managedutyunit"></tui-input>
  
         <!--        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled-->
         <!--                   backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>-->
       </tui-form-item>
-      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow">
-        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32"
                    backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input>
       </tui-form-item>
  
-      <tui-form-item label="图片信息" asterisk prop="treeImgList">
+      <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32">
         <!-- 使用ThorUI的tui-upload组件 -->
         <!--           @remove="handleRemove"   :multiple="true"    :value="formData.treeImgList"-->
         <tui-upload
@@ -117,41 +120,41 @@
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="拉丁文" prop="latinname">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"
+            <tui-form-item label="拉丁文" prop="latinname" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32"
                          v-model="formData.latinname"></tui-input>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow">
-              <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+            <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32"
                          backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input>
             </tui-form-item>
           </tui-col>
         </tui-row>
  
-        <tui-form-item label="生长环境" prop="growthenvironment">
-          <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50"
+        <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32">
+          <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50" :size="32"
                      v-model="formData.growthenvironment"></tui-input>
         </tui-form-item>
  
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10" :size="32"
                          v-model="formData.estimationtreeage"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text>
               </template>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="干周" prop="weekday" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10" :size="32"
                          v-model="formData.weekday"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text>
               </template>
             </tui-form-item>
           </tui-col>
@@ -160,20 +163,20 @@
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10" :size="32"
                          v-model="formData.canopyeastwest"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
               </template>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10" :size="32"
                          v-model="formData.canopysouthnorth"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
               </template>
             </tui-form-item>
           </tui-col>
@@ -441,6 +444,7 @@ export default {
       uni.chooseLocation({
         // ...options,
         success: (res) => {
+          type: 'gcj02', // 高德地图使用国测局坐标（gcj02）
           console.log(res)
           // 选择成功后更新位置信息
           this.formData.growlocation = res.address
@@ -476,4 +480,6 @@ export default {
   height: 200rpx;
   transition: all 0.3s ease-out; /* 动画过渡效果 */
 }
+
+
 </style>
 \ No newline at end of file
 <template>
   <view class="container">
     <tui-form ref="form" :show-message="false" :model="formData">
-      <tui-form-item asterisk label="名称" prop="treetype">
-        <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30"
+      <tui-form-item asterisk label="名称" prop="treetype" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30"  :size="32"
                    v-model="formData.treetype"></tui-input>
       </tui-form-item>
  
       <tui-row>
  
         <tui-col :span="12">
-          <tui-form-item label="胸径" asterisk prop="dbh" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+          <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                        v-model="formData.dbh"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size:14px">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size:14px">厘米</text>
             </template>
           </tui-form-item>
         </tui-col>
         <tui-col :span="12">
-          <tui-form-item label="高度"  prop="treeheight" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+          <tui-form-item label="高度"  prop="treeheight" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                        v-model="formData.treeheight"></tui-input>
             <template v-slot:right>
               <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text>
@@ -33,8 +33,9 @@
           class="location-form-item"
           @click="openMap"
           prop="growlocation"
+          :labelSize="32"
       >
-        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled  :size="32"
                    v-model="formData.growlocation"></tui-input>
         <template v-slot:right>
           <tui-icon name="gps" :size="20"></tui-icon>
@@ -46,9 +47,10 @@
             labelColor="#ccc"
             class="location-form-item"
             prop="latitude"
+            :labelSize="32"
         >
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>-->
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled  :size="32"
                      v-model="formData.longitude"></tui-input>
         </tui-form-item>
       </tui-col>
@@ -59,29 +61,30 @@
             label="纬度"
             class="location-form-item"
             prop="latitude"
+            :labelSize="32"
         >
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>-->
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled  :size="32"
                      v-model="formData.latitude"></tui-input>
         </tui-form-item>
       </tui-col>
  
  
  
-      <tui-form-item asterisk label="管护单位" prop="managedutyunit">
+      <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32">
  
-        <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"
+        <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"  :size="32"
                    v-model="formData.managedutyunit"></tui-input>
  
         <!--        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled-->
         <!--                   backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>-->
       </tui-form-item>
-      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow">
-        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled  :size="32"
                    backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input>
       </tui-form-item>
  
-      <tui-form-item label="图片信息" asterisk prop="treeImgList">
+      <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32">
         <!-- 使用ThorUI的tui-upload组件 -->
         <!--           @remove="handleRemove"   :multiple="true"    :value="formData.treeImgList"-->
         <tui-upload
@@ -124,41 +127,41 @@
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="拉丁文" prop="latinname">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"
+            <tui-form-item label="拉丁文" prop="latinname" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30"  :size="32"
                          v-model="formData.latinname"></tui-input>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow">
-              <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled
+            <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled  :size="32"
                          backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input>
             </tui-form-item>
           </tui-col>
         </tui-row>
  
-        <tui-form-item label="生长环境" prop="growthenvironment">
-          <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50"
+        <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32">
+          <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50"  :size="32"
                      v-model="formData.growthenvironment"></tui-input>
         </tui-form-item>
  
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                          v-model="formData.estimationtreeage"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text>
               </template>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="干周" prop="weekday" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                          v-model="formData.weekday"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text>
               </template>
             </tui-form-item>
           </tui-col>
@@ -167,20 +170,20 @@
  
         <tui-row>
           <tui-col :span="12">
-            <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                          v-model="formData.canopyeastwest"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
               </template>
             </tui-form-item>
           </tui-col>
           <tui-col :span="12">
-            <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2">
-              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"
+            <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32">
+              <tui-input padding="0" :borderBottom="false" placeholder="请输入"  maxlength="10"  :size="32"
                          v-model="formData.canopysouthnorth"></tui-input>
               <template v-slot:right>
-                <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+                <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
               </template>
             </tui-form-item>
           </tui-col>
 <template>
   <view class="container">
     <tui-form ref="form" :show-message="false" :model="formData">
-      <tui-form-item asterisk label="名称" prop="treetype">
-        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"
+      <tui-form-item asterisk label="名称" prop="treetype" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"  :size="32"
                    v-model="formData.treetype"></tui-input>
       </tui-form-item>
  
       <tui-row>
  
         <tui-col :span="12">
-          <tui-form-item label="胸径" asterisk prop="dbh" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.dbh"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size:12px">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size:14px">厘米</text>
             </template>
           </tui-form-item>
         </tui-col>
  
         <tui-col :span="12">
-          <tui-form-item label="高度"  prop="treeheight" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="高度"  prop="treeheight" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.treeheight"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size:12px;">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text>
             </template>
           </tui-form-item>
         </tui-col>
@@ -35,8 +35,9 @@
           label="位置"
           class="location-form-item"
           prop="growlocation"
+          :labelSize="32"
       >
-        <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"
+        <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"  :size="32"
                    v-model="formData.growlocation"></tui-input>
         <template v-slot:right>
           <tui-icon name="gps" :size="20"></tui-icon>
@@ -49,8 +50,9 @@
             class="location-form-item"
             prop="latitude"
             labelColor="#ccc"
+            :labelSize="32"
         >
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled  :size="32"
                      v-model="formData.longitude"></tui-input>
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>-->
         </tui-form-item>
@@ -62,28 +64,29 @@
             class="location-form-item"
             labelColor="#ccc"
             prop="latitude"
+            :labelSize="32"
         >
-          <tui-input padding="0" :borderBottom="false" placeholder="" disabled
+          <tui-input padding="0" :borderBottom="false" placeholder="" disabled  :size="32"
                      v-model="formData.latitude"></tui-input>
 <!--          <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>-->
         </tui-form-item>
       </tui-col>
  
  
-      <tui-form-item asterisk label="管护单位" prop="managedutyunit">
+      <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32">
  
-        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"
+        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"  :size="32"
                    v-model="formData.managedutyunit"></tui-input>
  
         <!--        <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled-->
         <!--                   backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>-->
       </tui-form-item>
-      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText">
-        <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"
+      <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"  :size="32"
                    backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input>
       </tui-form-item>
  
-      <tui-form-item label="图片信息" asterisk prop="treeImgList">
+      <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32">
  
         <!--        <tui-image-group :imageList="formData.treeImgList" radius="0"></tui-image-group>-->
  
@@ -128,41 +131,41 @@
  
       <tui-row>
         <tui-col :span="12">
-          <tui-form-item label="拉丁文" prop="latinname">
-            <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"
+          <tui-form-item label="拉丁文" prop="latinname" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true"  :size="32"
                        v-model="formData.latinname"></tui-input>
           </tui-form-item>
         </tui-col>
         <tui-col :span="12">
-          <tui-form-item label="级别" arrow highlight prop="treeleveltext">
-            <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"
+          <tui-form-item label="级别" arrow highlight prop="treeleveltext" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true"  :size="32"
                        backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input>
           </tui-form-item>
         </tui-col>
       </tui-row>
  
-      <tui-form-item label="生长环境" prop="growthenvironment">
-        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="50" :disabled="true"
+      <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32">
+        <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="50" :disabled="true"  :size="32"
                    v-model="formData.growthenvironment"></tui-input>
       </tui-form-item>
  
  
       <tui-row>
         <tui-col :span="12">
-          <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.estimationtreeage"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text>
             </template>
           </tui-form-item>
         </tui-col>
         <tui-col :span="12">
-          <tui-form-item label="干周" prop="weekday" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.weekday"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text>
             </template>
           </tui-form-item>
         </tui-col>
@@ -171,20 +174,20 @@
  
       <tui-row>
         <tui-col :span="12">
-          <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.canopyeastwest"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
             </template>
           </tui-form-item>
         </tui-col>
         <tui-col :span="12">
-          <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2">
-            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"
+          <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32">
+            <tui-input padding="0" :borderBottom="false" placeholder=""  maxlength="10" :disabled="true"  :size="32"
                        v-model="formData.canopysouthnorth"></tui-input>
             <template v-slot:right>
-              <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text>
+              <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text>
             </template>
           </tui-form-item>
         </tui-col>
@@ -17,7 +17,7 @@
             </view>
             <view class="fs-mt8 fs-align__center">
               <img src="/static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;"
-                   alt="">胸径：{{ i.dbh }} 米
+                   alt="">胸径：{{ i.dbh }} 厘米
             </view>
           </view>
         </view>
@@ -16,7 +16,7 @@
             </view>
             <view class="fs-mt8 fs-align__center">
               <img src="../../static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;"
-                   alt="">胸径：{{ i.dbh }} 米
+                   alt="">胸径：{{ i.dbh }} 厘米
             </view>
           </view>
         </view>