Commit c42a36b8ddcdd784c7f7432c3bc5b7d8aa4e43c7
1 parent
3412aebc
首页 图表新增排序
Showing
8 changed files
with
408 additions
and
305 deletions
pages/index.vue
| 1 | <template> | 1 | <template> |
| 2 | - <view class="container"> | ||
| 3 | - <view class="fs-bg__primary fs-pt160 fs-pb120 fs-pl30 fs-color__white"> | ||
| 4 | - {{config.weather}} / {{config.city}} {{config.temperature}}°C | ||
| 5 | - </view> | ||
| 6 | - <view class="fs-pl30 fs-pr30 fs-mt-60"> | ||
| 7 | - <view class="fs-py36 fs-px30 fs-bg__white fs-radius__sm"> | ||
| 8 | - <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false"> | ||
| 9 | - <view class="fs-flex__between"> | ||
| 10 | - <view>任务统计</view> | ||
| 11 | - <view> | ||
| 12 | - <tui-tag :type="summaryDate == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getSummary(7)">近7日</tui-tag> | ||
| 13 | - <tui-tag :type="summaryDate == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getSummary(30)">近30日</tui-tag> | ||
| 14 | - </view> | ||
| 15 | - </view> | ||
| 16 | - </tui-list-cell> | ||
| 17 | - <view class="fs-flex__between fs-mt30 fs-size__h4"> | ||
| 18 | - <view class="fs-flex__column fs-items__center"> | ||
| 19 | - <tui-circular-progress :diam="70" progressColor="#577EE3" fontColor="#577EE3" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.patrolTaskCount"></tui-circular-progress> | ||
| 20 | - <tui-text text="巡查任务数" color="#577EE3"></tui-text> | ||
| 21 | - </view> | ||
| 22 | - <view class="fs-flex__column fs-items__center"> | ||
| 23 | - <tui-circular-progress :diam="70" progressColor="#FF2B2B" fontColor="#FF2B2B" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.maintainTaskCount"></tui-circular-progress> | ||
| 24 | - <tui-text text="养护任务数" color="#FF2B2B"></tui-text> | ||
| 25 | - </view> | ||
| 26 | - <view class="fs-flex__column fs-items__center"> | ||
| 27 | - <tui-circular-progress :diam="70" progressColor="#FFB703" fontColor="#FFB703" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.problemCreateCount"></tui-circular-progress> | ||
| 28 | - <tui-text text="问题单数" color="#FFB703"></tui-text> | ||
| 29 | - </view> | ||
| 30 | - <view class="fs-flex__column fs-items__center"> | ||
| 31 | - <tui-circular-progress :diam="70" progressColor="#09BE4F" fontColor="#09BE4F" :lineWidth="5" :fontSize="16" :percentage="summaryDateList.maintainOrderCount"></tui-circular-progress> | ||
| 32 | - <tui-text text="养护单数" color="#09BE4F"></tui-text> | ||
| 33 | - </view> | ||
| 34 | - </view> | ||
| 35 | - </view> | ||
| 36 | - <view class="fs-mt30 fs-py36 fs-px30 fs-bg__white fs-radius__sm"> | ||
| 37 | - <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false"> | ||
| 38 | - <view class="fs-flex__between"> | ||
| 39 | - <view>养护类型统计</view> | ||
| 40 | - <view> | ||
| 41 | - <tui-tag :type="summaryType == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getSummaryType(7)">近7日</tui-tag> | ||
| 42 | - <tui-tag :type="summaryType == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getSummaryType(30)">近30日</tui-tag> | ||
| 43 | - </view> | ||
| 44 | - </view> | ||
| 45 | - </tui-list-cell> | ||
| 46 | - <view class="fs-p30"> | ||
| 47 | - <tui-charts-pie ref="tui_charts_pie" :type="2"></tui-charts-pie> | ||
| 48 | - </view> | ||
| 49 | - <tui-list-cell unlined padding="0" marginTop ="20" :size="30" color="#000" :hover="false"> | ||
| 50 | - <view class="fs-flex__between"> | ||
| 51 | - <view>员工养护类型统计</view> | ||
| 52 | - <view> | ||
| 53 | - <tui-tag :type="staffSummary == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" @click="getStaffSummary(7)">近7日</tui-tag> | ||
| 54 | - <tui-tag :type="staffSummary == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" @click="getStaffSummary(30)">近30日</tui-tag> | ||
| 55 | - </view> | ||
| 56 | - </view> | ||
| 57 | - </tui-list-cell> | ||
| 58 | - <view class="fs-p30"> | ||
| 59 | - <tui-charts-bar ref="tui_charts_bar" tooltip width="420" :yAxis="staffSummaryList.yAxis" :max="staffSummaryList.max" :splitNumber="staffSummaryList.splitNumber"></tui-charts-bar> | ||
| 60 | - </view> | ||
| 61 | - </view> | ||
| 62 | - </view> | ||
| 63 | - <tui-white-space :height="30"></tui-white-space> | ||
| 64 | -<!-- <tui-modal :show="showModal" @click="handleModal" @cancel="hideModal" content="发现新版本，是否升级到最新版本？"></tui-modal>--> | ||
| 65 | - </view> | 2 | + <view class="container"> |
| 3 | + <view class="fs-bg__primary fs-pt160 fs-pb120 fs-pl30 fs-color__white"> | ||
| 4 | + {{ config.weather }} / {{ config.city }} {{ config.temperature }}°C | ||
| 5 | + </view> | ||
| 6 | + <view class="fs-pl30 fs-pr30 fs-mt-60"> | ||
| 7 | + <view class="fs-py36 fs-px30 fs-bg__white fs-radius__sm"> | ||
| 8 | + <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false"> | ||
| 9 | + <view class="fs-flex__between"> | ||
| 10 | + <view>任务统计</view> | ||
| 11 | + <view> | ||
| 12 | + <tui-tag :type="summaryDate == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" | ||
| 13 | + @click="getSummary(7)">近7日 | ||
| 14 | + </tui-tag> | ||
| 15 | + <tui-tag :type="summaryDate == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" | ||
| 16 | + @click="getSummary(30)">近30日 | ||
| 17 | + </tui-tag> | ||
| 18 | + </view> | ||
| 19 | + </view> | ||
| 20 | + </tui-list-cell> | ||
| 21 | + <view class="fs-flex__between fs-mt30 fs-size__h4"> | ||
| 22 | + <view class="fs-flex__column fs-items__center"> | ||
| 23 | + <tui-circular-progress :diam="70" progressColor="#577EE3" fontColor="#577EE3" :lineWidth="5" :fontSize="16" | ||
| 24 | + :percentage="summaryDateList.patrolTaskCount"></tui-circular-progress> | ||
| 25 | + <tui-text text="巡查任务数" color="#577EE3"></tui-text> | ||
| 26 | + </view> | ||
| 27 | + <view class="fs-flex__column fs-items__center"> | ||
| 28 | + <tui-circular-progress :diam="70" progressColor="#FF2B2B" fontColor="#FF2B2B" :lineWidth="5" :fontSize="16" | ||
| 29 | + :percentage="summaryDateList.maintainTaskCount"></tui-circular-progress> | ||
| 30 | + <tui-text text="养护任务数" color="#FF2B2B"></tui-text> | ||
| 31 | + </view> | ||
| 32 | + <view class="fs-flex__column fs-items__center"> | ||
| 33 | + <tui-circular-progress :diam="70" progressColor="#FFB703" fontColor="#FFB703" :lineWidth="5" :fontSize="16" | ||
| 34 | + :percentage="summaryDateList.problemCreateCount"></tui-circular-progress> | ||
| 35 | + <tui-text text="问题单数" color="#FFB703"></tui-text> | ||
| 36 | + </view> | ||
| 37 | + <view class="fs-flex__column fs-items__center"> | ||
| 38 | + <tui-circular-progress :diam="70" progressColor="#09BE4F" fontColor="#09BE4F" :lineWidth="5" :fontSize="16" | ||
| 39 | + :percentage="summaryDateList.maintainOrderCount"></tui-circular-progress> | ||
| 40 | + <tui-text text="养护单数" color="#09BE4F"></tui-text> | ||
| 41 | + </view> | ||
| 42 | + </view> | ||
| 43 | + </view> | ||
| 44 | + <view class="fs-mt30 fs-py36 fs-px30 fs-bg__white fs-radius__sm"> | ||
| 45 | + <tui-list-cell unlined padding="0" :size="30" color="#000" :hover="false"> | ||
| 46 | + <view class="fs-flex__between"> | ||
| 47 | + <view>养护类型统计</view> | ||
| 48 | + <view> | ||
| 49 | + <tui-tag :type="summaryType == 7 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" class="fs-mr20" | ||
| 50 | + @click="getSummaryType(7)">近7日 | ||
| 51 | + </tui-tag> | ||
| 52 | + <tui-tag :type="summaryType == 30 ? 'primary' : 'gray'" size="24rpx" padding="6rpx 15rpx" | ||
| 53 | + @click="getSummaryType(30)">近30日 | ||
| 54 | + </tui-tag> | ||
| 55 | + </view> | ||
| 56 | + </view> | ||
| 57 | + </tui-list-cell> | ||
| 58 | + <view class="fs-p30"> | ||
| 59 | + <tui-charts-pie ref="tui_charts_pie" :type="2"></tui-charts-pie> | ||
| 60 | + </view> | ||
| 61 | + <!-- 员工养护类型统计 --> | ||
| 62 | + <tui-list-cell unlined padding="0" marginTop="20" :size="30" color="#000" :hover="false"> | ||
| 63 | + <view class="fs-flex__between"> | ||
| 64 | + <view>员工养护类型统计</view> | ||
| 65 | + <view> | ||
| 66 | + <!-- 近7日/30日标签：用 :type 绑定状态，点击传递对应天数 --> | ||
| 67 | + <tui-tag | ||
| 68 | + :type="staffSummary === 7 ? 'primary' : 'gray'" | ||
| 69 | + size="24rpx" | ||
| 70 | + padding="6rpx 15rpx" | ||
| 71 | + class="fs-mr20" | ||
| 72 | + @click="getStaffSummary(7, isAsc)" | ||
| 73 | + >近7日 | ||
| 74 | + </tui-tag> | ||
| 75 | + <tui-tag | ||
| 76 | + :type="staffSummary === 30 ? 'primary' : 'gray'" | ||
| 77 | + size="24rpx" | ||
| 78 | + padding="6rpx 15rpx" | ||
| 79 | + @click="getStaffSummary(30, isAsc)" | ||
| 80 | + >近30日 | ||
| 81 | + </tui-tag> | ||
| 82 | + </view> | ||
| 83 | + </view> | ||
| 84 | + </tui-list-cell> | ||
| 85 | + | ||
| 86 | + <!-- 排序标签 --> | ||
| 87 | + <tui-list-cell unlined padding="0" marginTop="40" :size="30" color="#000" :hover="false"> | ||
| 88 | + <view class="fs-flex__between"> | ||
| 89 | + <view></view> | ||
| 90 | + <view> | ||
| 91 | + <!-- 正序/倒序标签：修复为 :type 绑定状态，点击传递对应排序值（1/2） --> | ||
| 92 | + <tui-tag | ||
| 93 | + :type="isAsc == 'asc' ? 'primary' : 'gray'" | ||
| 94 | + size="24rpx" | ||
| 95 | + padding="6rpx 15rpx" | ||
| 96 | + class="fs-mr20" | ||
| 97 | + @click="getStaffSummary(staffSummary, 'asc')" | ||
| 98 | + >正序 | ||
| 99 | + </tui-tag> | ||
| 100 | + <tui-tag | ||
| 101 | + :type="isAsc == 'desc' ? 'primary' : 'gray'" | ||
| 102 | + size="24rpx" | ||
| 103 | + padding="6rpx 15rpx" | ||
| 104 | + @click="getStaffSummary(staffSummary, 'desc')" | ||
| 105 | + >倒序 | ||
| 106 | + </tui-tag> | ||
| 107 | + </view> | ||
| 108 | + </view> | ||
| 109 | + </tui-list-cell> | ||
| 110 | + <view class="fs-p30"> | ||
| 111 | + <view class="fs-flex__between"> | ||
| 112 | + <view style="width: 100px;height: 100%"></view> | ||
| 113 | + <tui-charts-bar ref="tui_charts_bar" :tooltip="true" :width="400" :yAxis="staffSummaryList.yAxis" :yAxisVal="staffSummaryList.yAxisLabel" | ||
| 114 | + :splitNumber="staffSummaryList.splitNumber" ></tui-charts-bar> | ||
| 115 | + </view> | ||
| 116 | + | ||
| 117 | + </view> | ||
| 118 | + </view> | ||
| 119 | + </view> | ||
| 120 | + <tui-white-space :height="30"></tui-white-space> | ||
| 121 | + <!-- <tui-modal :show="showModal" @click="handleModal" @cancel="hideModal" content="发现新版本，是否升级到最新版本？"></tui-modal>--> | ||
| 122 | + </view> | ||
| 66 | </template> | 123 | </template> |
| 67 | 124 | ||
| 68 | <script> | 125 | <script> |
| @@ -71,148 +128,178 @@ import { apiVersion, apiGetSummary, apiSummaryType, apiStaffSummary } from '@/ap | @@ -71,148 +128,178 @@ import { apiVersion, apiGetSummary, apiSummaryType, apiStaffSummary } from '@/ap | ||
| 71 | import { apiGetUserInfo } from '@/api/user' | 128 | import { apiGetUserInfo } from '@/api/user' |
| 72 | import moment from 'moment' | 129 | import moment from 'moment' |
| 73 | export default { | 130 | export default { |
| 74 | - data() { | ||
| 75 | - return { | ||
| 76 | - summaryDate: 7, | ||
| 77 | - summaryDateList: {}, | ||
| 78 | - summaryType: 7, | ||
| 79 | - summaryTypeList: [ | ||
| 80 | - { | ||
| 81 | - value: 0, | ||
| 82 | - color: '#03ABBE', | ||
| 83 | - name: '浇水' | ||
| 84 | - }, | ||
| 85 | - { | ||
| 86 | - value: 0, | ||
| 87 | - color: '#EB0909', | ||
| 88 | - name: '修剪' | ||
| 89 | - }, | ||
| 90 | - { | ||
| 91 | - value: 0, | ||
| 92 | - color: '#FFD54F', | ||
| 93 | - name: '有害生物防治' | ||
| 94 | - }, | ||
| 95 | - { | ||
| 96 | - value: 0, | ||
| 97 | - color: '#07c160', | ||
| 98 | - name: '中耕除草' | ||
| 99 | - }, | ||
| 100 | - { | ||
| 101 | - value: 0, | ||
| 102 | - color: '#c084fc', | ||
| 103 | - name: '补植' | ||
| 104 | - }, | ||
| 105 | - { | ||
| 106 | - value: 0, | ||
| 107 | - color: '#409EFF', | ||
| 108 | - name: '清理保洁' | ||
| 109 | - }, | ||
| 110 | - { | ||
| 111 | - value: 0, | ||
| 112 | - color: '#e5e5e5', | ||
| 113 | - name: '绿地巡视' | ||
| 114 | - }, | ||
| 115 | - { | ||
| 116 | - value: 0, | ||
| 117 | - color: '#f59e0b', | ||
| 118 | - name: '施肥' | ||
| 119 | - }, | 131 | + data() { |
| 132 | + return { | ||
| 133 | + summaryDate: 7, | ||
| 134 | + summaryDateList: {}, | ||
| 135 | + summaryType: 7, | ||
| 136 | + isAsc: 'asc', | ||
| 137 | + summaryTypeList: [ | ||
| 138 | + { | ||
| 139 | + value: 0, | ||
| 140 | + color: '#03ABBE', | ||
| 141 | + name: '浇水' | ||
| 142 | + }, | ||
| 143 | + { | ||
| 144 | + value: 0, | ||
| 145 | + color: '#EB0909', | ||
| 146 | + name: '修剪' | ||
| 147 | + }, | ||
| 148 | + { | ||
| 149 | + value: 0, | ||
| 150 | + color: '#FFD54F', | ||
| 151 | + name: '有害生物防治' | ||
| 152 | + }, | ||
| 153 | + { | ||
| 154 | + value: 0, | ||
| 155 | + color: '#07c160', | ||
| 156 | + name: '中耕除草' | ||
| 157 | + }, | ||
| 158 | + { | ||
| 159 | + value: 0, | ||
| 160 | + color: '#c084fc', | ||
| 161 | + name: '补植' | ||
| 162 | + }, | ||
| 163 | + { | ||
| 164 | + value: 0, | ||
| 165 | + color: '#409EFF', | ||
| 166 | + name: '清理保洁' | ||
| 167 | + }, | ||
| 168 | + { | ||
| 169 | + value: 0, | ||
| 170 | + color: '#e5e5e5', | ||
| 171 | + name: '绿地巡视' | ||
| 172 | + }, | ||
| 173 | + { | ||
| 174 | + value: 0, | ||
| 175 | + color: '#f59e0b', | ||
| 176 | + name: '施肥' | ||
| 177 | + }, | ||
| 120 | { | 178 | { |
| 121 | value: 0, | 179 | value: 0, |
| 122 | color: '#999', | 180 | color: '#999', |
| 123 | name: '树池篦子' | 181 | name: '树池篦子' |
| 124 | } | 182 | } |
| 125 | - ], | ||
| 126 | - staffSummary: 7, | ||
| 127 | - staffSummaryList: { | ||
| 128 | - yAxis: [], | ||
| 129 | - dataset: [{ | ||
| 130 | - name: '', | ||
| 131 | - color: '#5677fc', | ||
| 132 | - source: [] | ||
| 133 | - }], | ||
| 134 | - max: 50, | ||
| 135 | - splitNumber: 10 | ||
| 136 | - }, | ||
| 137 | - showModal: false, | ||
| 138 | - downloadUrl: '' | ||
| 139 | - } | ||
| 140 | - }, | ||
| 141 | - onLoad() { | ||
| 142 | - this.getUserInfo() | ||
| 143 | - // this.upgradation() | ||
| 144 | - this.getSummary(this.summaryDate) | ||
| 145 | - this.getSummaryType(this.summaryType) | ||
| 146 | - this.getStaffSummary(this.staffSummary) | ||
| 147 | - }, | ||
| 148 | - methods: { | ||
| 149 | - // 获取用户基本信息 | ||
| 150 | - getUserInfo() { | ||
| 151 | - apiGetUserInfo().then(res => { | ||
| 152 | - this.setUserInfo(res.user) | ||
| 153 | - }) | ||
| 154 | - }, | ||
| 155 | - // 获取统计数据 | ||
| 156 | - getSummary(type) { | ||
| 157 | - this.summaryDate = type | ||
| 158 | - const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 159 | - const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 160 | - apiGetSummary({data:{beginTime, endTime}}).then(res => { | ||
| 161 | - this.summaryDateList = res.data | ||
| 162 | - }) | ||
| 163 | - }, | ||
| 164 | - // 养护类型统计 | ||
| 165 | - getSummaryType(type) { | ||
| 166 | - this.summaryType = type | ||
| 167 | - const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 168 | - const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 169 | - apiSummaryType({data:{beginTime, endTime}}).then(res => { | 183 | + ], |
| 184 | + staffSummary: 7, | ||
| 185 | + staffSummaryList: { | ||
| 186 | + yAxis: [], | ||
| 187 | + dataset: [{ | ||
| 188 | + name: '', | ||
| 189 | + color: '#5677fc', | ||
| 190 | + source: [] | ||
| 191 | + }], | ||
| 192 | + max: 120, | ||
| 193 | + splitNumber: 20, | ||
| 194 | + yAxisLabel:{ | ||
| 195 | + width: 100, // 限制文字最大宽度，超出则换行（根据需求调整数值） | ||
| 196 | + breakWord: true, // 开启自动换行 | ||
| 197 | + lineHeight: 16 // 换行后行高，保证文字不重叠（根据字体大小调整） | ||
| 198 | + } | ||
| 199 | + }, | ||
| 200 | + showModal: false, | ||
| 201 | + downloadUrl: '' | ||
| 202 | + } | ||
| 203 | + }, | ||
| 204 | + onLoad() { | ||
| 205 | + this.getUserInfo() | ||
| 206 | + // this.upgradation() | ||
| 207 | + this.getSummary(this.summaryDate) | ||
| 208 | + this.getSummaryType(this.summaryType) | ||
| 209 | + this.getStaffSummary(this.staffSummary, this.isAsc) | ||
| 210 | + }, | ||
| 211 | + methods: { | ||
| 212 | + // 获取用户基本信息 | ||
| 213 | + getUserInfo() { | ||
| 214 | + apiGetUserInfo().then(res => { | ||
| 215 | + this.setUserInfo(res.user) | ||
| 216 | + }) | ||
| 217 | + }, | ||
| 218 | + // 获取统计数据 | ||
| 219 | + getSummary(type) { | ||
| 220 | + this.summaryDate = type | ||
| 221 | + const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 222 | + const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 223 | + apiGetSummary({data: {beginTime, endTime}}).then(res => { | ||
| 224 | + this.summaryDateList = res.data | ||
| 225 | + }) | ||
| 226 | + }, | ||
| 227 | + // 养护类型统计 | ||
| 228 | + getSummaryType(type) { | ||
| 229 | + this.summaryType = type | ||
| 230 | + const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 231 | + const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 232 | + apiSummaryType({data: {beginTime, endTime}}).then(res => { | ||
| 170 | // console.log(res.data) | 233 | // console.log(res.data) |
| 171 | - res.data.forEach((item, index) => { | 234 | + res.data.forEach((item, index) => { |
| 172 | console.log(this.summaryTypeList[index]) | 235 | console.log(this.summaryTypeList[index]) |
| 173 | - this.summaryTypeList[index].value = item.countNum | ||
| 174 | - }) | 236 | + this.summaryTypeList[index].value = item.countNum |
| 237 | + }) | ||
| 175 | // console.log(this.summaryTypeList) | 238 | // console.log(this.summaryTypeList) |
| 176 | - this.$refs.tui_charts_pie.draw(this.summaryTypeList) | ||
| 177 | - }) | ||
| 178 | - }, | ||
| 179 | - // 按员工养护类型统计 | ||
| 180 | - getStaffSummary(type) { | ||
| 181 | - this.staffSummary = type | ||
| 182 | - const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 183 | - const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 184 | - apiStaffSummary({data:{beginTime, endTime}}).then(res => { | ||
| 185 | - res.data.forEach((item, index) => { | ||
| 186 | - this.staffSummaryList.yAxis[index] = item.userName | ||
| 187 | - this.staffSummaryList.dataset[0].source[index] = item.countNum | ||
| 188 | - }) | ||
| 189 | - this.$refs.tui_charts_bar.draw(this.staffSummaryList.dataset) | ||
| 190 | - }) | ||
| 191 | - }, | ||
| 192 | - // 检查升级 | ||
| 193 | - upgradation() { | ||
| 194 | - // 检查版本更新 | ||
| 195 | - apiVersion().then(res => { | ||
| 196 | - const newVersion = res.data.version | ||
| 197 | - this.downloadUrl = OSSURL + res.data.url | ||
| 198 | - if (version < newVersion) { | ||
| 199 | - this.showModal = true | ||
| 200 | - } | ||
| 201 | - }) | ||
| 202 | - }, | ||
| 203 | - // 确定升级 | ||
| 204 | - handleModal(event) { | ||
| 205 | - this.hideModal() | ||
| 206 | - if (event.index == 1) { | ||
| 207 | - // 打开系统浏览器下载 | ||
| 208 | - plus.runtime.openURL(this.downloadUrl) | ||
| 209 | - } | ||
| 210 | - }, | ||
| 211 | - // 取消升级 | ||
| 212 | - hideModal() { | ||
| 213 | - this.showModal = false | ||
| 214 | - } | ||
| 215 | - } | 239 | + this.$refs.tui_charts_pie.draw(this.summaryTypeList) |
| 240 | + }) | ||
| 241 | + }, | ||
| 242 | + truncateText(text, maxLength = 8) { | ||
| 243 | + if (text.length <= maxLength) return text; | ||
| 244 | + return text.slice(0, maxLength) + '...'; | ||
| 245 | + }, | ||
| 246 | + // 按员工养护类型统计 | ||
| 247 | + getStaffSummary(type, isAsc) { | ||
| 248 | + this.staffSummary = type | ||
| 249 | + this.isAsc = isAsc | ||
| 250 | + console.log(type) | ||
| 251 | + console.log(isAsc) | ||
| 252 | + const beginTime = moment().subtract(type, 'days').format('YYYY-MM-DD 00:00:00') | ||
| 253 | + const endTime = moment().format('YYYY-MM-DD 23:59:59') | ||
| 254 | + const pageNum = 1 | ||
| 255 | + const pageSize = 10 | ||
| 256 | + const pageReq = { | ||
| 257 | + "isAsc": this.isAsc, | ||
| 258 | + // "orderBy": "", | ||
| 259 | + // "orderByColumn": "user_id", | ||
| 260 | + // "pageNum": 1, | ||
| 261 | + // "pageSize": 10 | ||
| 262 | + } | ||
| 263 | + apiStaffSummary({data: {beginTime, endTime, pageReq}}).then(res => { | ||
| 264 | + res.data.forEach((item, index) => { | ||
| 265 | + this.staffSummaryList.yAxis[index] = item.userName | ||
| 266 | + // this.staffSummaryList.yAxis[index] = this.truncateText(item.userName, 7); | ||
| 267 | + this.staffSummaryList.dataset[0].source[index] = item.countNum | ||
| 268 | + this.staffSummaryList.tooltip = { | ||
| 269 | + formatter: (params) => { | ||
| 270 | + // params 中可获取当前项索引，进而拿到原始完整文字 | ||
| 271 | + const fullText = item.userName[params.dataIndex]; | ||
| 272 | + return `${fullText}: ${params.value}`; // tooltip 显示完整文字 | ||
| 273 | + } | ||
| 274 | + }; | ||
| 275 | + }) | ||
| 276 | + this.$refs.tui_charts_bar.draw(this.staffSummaryList.dataset) | ||
| 277 | + }) | ||
| 278 | + }, | ||
| 279 | + // 检查升级 | ||
| 280 | + upgradation() { | ||
| 281 | + // 检查版本更新 | ||
| 282 | + apiVersion().then(res => { | ||
| 283 | + const newVersion = res.data.version | ||
| 284 | + this.downloadUrl = OSSURL + res.data.url | ||
| 285 | + if (version < newVersion) { | ||
| 286 | + this.showModal = true | ||
| 287 | + } | ||
| 288 | + }) | ||
| 289 | + }, | ||
| 290 | + // 确定升级 | ||
| 291 | + handleModal(event) { | ||
| 292 | + this.hideModal() | ||
| 293 | + if (event.index == 1) { | ||
| 294 | + // 打开系统浏览器下载 | ||
| 295 | + plus.runtime.openURL(this.downloadUrl) | ||
| 296 | + } | ||
| 297 | + }, | ||
| 298 | + // 取消升级 | ||
| 299 | + hideModal() { | ||
| 300 | + this.showModal = false | ||
| 301 | + } | ||
| 302 | + } | ||
| 216 | } | 303 | } |
| 217 | </script> | 304 | </script> |
| 218 | 305 |
pages/work/case/maintain.vue
| @@ -30,8 +30,12 @@ | @@ -30,8 +30,12 @@ | ||
| 30 | </view> | 30 | </view> |
| 31 | <view class="fs-mt16 fs-flex__between"> | 31 | <view class="fs-mt16 fs-flex__between"> |
| 32 | <view class="fs-ellipsis fs-mr20">养护类型：{{item.maintainTypeName}}</view> | 32 | <view class="fs-ellipsis fs-mr20">养护类型：{{item.maintainTypeName}}</view> |
| 33 | - <view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view> | 33 | +<!-- <view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view>--> |
| 34 | </view> | 34 | </view> |
| 35 | + <view class="fs-mt16 fs-flex__between"> | ||
| 36 | +<!-- <view class="fs-ellipsis fs-mr20">养护类型：{{item.maintainTypeName}}</view>--> | ||
| 37 | + <view class="fs-ellipsis fs-flex__1">植物类型：{{item.plantTypeName}}</view> | ||
| 38 | + </view> | ||
| 35 | <view class="fs-mt16">道路名称：{{item.roadName}}</view> | 39 | <view class="fs-mt16">道路名称：{{item.roadName}}</view> |
| 36 | <view class="fs-mt16 fs-ellipsis__2">任务描述：{{item.taskRemark}}</view> | 40 | <view class="fs-mt16 fs-ellipsis__2">任务描述：{{item.taskRemark}}</view> |
| 37 | <view class="fs-mt16">提交日期：{{item.createTime}}</view> | 41 | <view class="fs-mt16">提交日期：{{item.createTime}}</view> |
pages/work/case/task.vue
| @@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
| 13 | <view class="fs-flex__between"><view>养护类型</view><view>{{info.maintainTypeName}}</view></view> | 13 | <view class="fs-flex__between"><view>养护类型</view><view>{{info.maintainTypeName}}</view></view> |
| 14 | </tui-list-cell> | 14 | </tui-list-cell> |
| 15 | <tui-list-cell :hover="false"> | 15 | <tui-list-cell :hover="false"> |
| 16 | - <view class="fs-flex__between"><view>植物类型</view><view>{{info.plantTypeName}}</view></view> | 16 | + <view class="fs-flex__between"><view class="fs-mr16">植物类型</view><view class="fs-ellipsis fs-flex__1">{{info.plantTypeName}}</view></view> |
| 17 | </tui-list-cell> | 17 | </tui-list-cell> |
| 18 | <tui-list-cell :hover="false"> | 18 | <tui-list-cell :hover="false"> |
| 19 | <view class="fs-flex__between"><view>养护组长</view><view>{{info.userName}}</view></view> | 19 | <view class="fs-flex__between"><view>养护组长</view><view>{{info.userName}}</view></view> |
subPackages/treePage/addTree.vue
| 1 | <template> | 1 | <template> |
| 2 | - <view class="container"> | 2 | + <view class="container" > |
| 3 | 3 | ||
| 4 | <tui-form ref="form" :show-message="false" :model="formData"> | 4 | <tui-form ref="form" :show-message="false" :model="formData"> |
| 5 | - <tui-form-item asterisk label="名称" prop="treetype"> | ||
| 6 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30" | 5 | + <tui-form-item asterisk label="名称" prop="treetype" :labelSize="32"> |
| 6 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30" :size="32" | ||
| 7 | v-model="formData.treetype"></tui-input> | 7 | v-model="formData.treetype"></tui-input> |
| 8 | </tui-form-item> | 8 | </tui-form-item> |
| 9 | 9 | ||
| 10 | <tui-row> | 10 | <tui-row> |
| 11 | 11 | ||
| 12 | <tui-col :span="12"> | 12 | <tui-col :span="12"> |
| 13 | - <tui-form-item label="胸径" asterisk prop="dbh" :position="2"> | ||
| 14 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" textLeft | 13 | + <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32"> |
| 14 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" textLeft | ||
| 15 | v-model="formData.dbh"></tui-input> | 15 | v-model="formData.dbh"></tui-input> |
| 16 | <template v-slot:right> | 16 | <template v-slot:right> |
| 17 | - <text style="padding-left: 12rpx;color:#ccc;font-size:12px">米</text> | 17 | + <text style="padding-left: 12rpx;color:#ccc;font-size:12px">厘米</text> |
| 18 | </template> | 18 | </template> |
| 19 | </tui-form-item> | 19 | </tui-form-item> |
| 20 | </tui-col> | 20 | </tui-col> |
| 21 | <tui-col :span="12"> | 21 | <tui-col :span="12"> |
| 22 | - <tui-form-item label="高度" prop="treeheight" :position="2"> | ||
| 23 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" textLeft | 22 | + <tui-form-item label="高度" prop="treeheight" :position="2" :labelSize="32"> |
| 23 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" textLeft | ||
| 24 | v-model="formData.treeheight"></tui-input> | 24 | v-model="formData.treeheight"></tui-input> |
| 25 | <template v-slot:right> | 25 | <template v-slot:right> |
| 26 | - <text style="padding-left: 12rpx;color:#ccc;font-size:12px;">米</text> | 26 | + <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text> |
| 27 | </template> | 27 | </template> |
| 28 | </tui-form-item> | 28 | </tui-form-item> |
| 29 | </tui-col> | 29 | </tui-col> |
| @@ -36,11 +36,12 @@ | @@ -36,11 +36,12 @@ | ||
| 36 | class="location-form-item" | 36 | class="location-form-item" |
| 37 | @click="openMap" | 37 | @click="openMap" |
| 38 | prop="growlocation" | 38 | prop="growlocation" |
| 39 | + :labelSize="32" | ||
| 39 | > | 40 | > |
| 40 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 41 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" |
| 41 | v-model="formData.growlocation"></tui-input> | 42 | v-model="formData.growlocation"></tui-input> |
| 42 | <template v-slot:right> | 43 | <template v-slot:right> |
| 43 | - <tui-icon name="gps" :size="20"></tui-icon> | 44 | + <tui-icon name="gps" :size="22"></tui-icon> |
| 44 | </template> | 45 | </template> |
| 45 | </tui-form-item> | 46 | </tui-form-item> |
| 46 | 47 | ||
| @@ -51,8 +52,9 @@ | @@ -51,8 +52,9 @@ | ||
| 51 | class="location-form-item" | 52 | class="location-form-item" |
| 52 | prop="latitude" | 53 | prop="latitude" |
| 53 | :bottomBorder="false" | 54 | :bottomBorder="false" |
| 55 | + :labelSize="32" | ||
| 54 | > | 56 | > |
| 55 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 57 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 56 | v-model="formData.longitude"></tui-input> | 58 | v-model="formData.longitude"></tui-input> |
| 57 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> | 59 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> |
| 58 | </tui-form-item> | 60 | </tui-form-item> |
| @@ -64,28 +66,29 @@ | @@ -64,28 +66,29 @@ | ||
| 64 | labelColor="#ccc" | 66 | labelColor="#ccc" |
| 65 | class="location-form-item" | 67 | class="location-form-item" |
| 66 | prop="latitude" | 68 | prop="latitude" |
| 69 | + :labelSize="32" | ||
| 67 | > | 70 | > |
| 68 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 71 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 69 | v-model="formData.latitude"></tui-input> | 72 | v-model="formData.latitude"></tui-input> |
| 70 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> | 73 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> |
| 71 | </tui-form-item> | 74 | </tui-form-item> |
| 72 | </tui-col> | 75 | </tui-col> |
| 73 | 76 | ||
| 74 | 77 | ||
| 75 | - <tui-form-item asterisk label="管护单位" prop="managedutyunit"> | 78 | + <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32"> |
| 76 | 79 | ||
| 77 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" | 80 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32" |
| 78 | v-model="formData.managedutyunit"></tui-input> | 81 | v-model="formData.managedutyunit"></tui-input> |
| 79 | 82 | ||
| 80 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> | 83 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> |
| 81 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> | 84 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> |
| 82 | </tui-form-item> | 85 | </tui-form-item> |
| 83 | - <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow"> | ||
| 84 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 86 | + <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow" :labelSize="32"> |
| 87 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" | ||
| 85 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> | 88 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> |
| 86 | </tui-form-item> | 89 | </tui-form-item> |
| 87 | 90 | ||
| 88 | - <tui-form-item label="图片信息" asterisk prop="treeImgList"> | 91 | + <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32"> |
| 89 | <!-- 使用ThorUI的tui-upload组件 --> | 92 | <!-- 使用ThorUI的tui-upload组件 --> |
| 90 | <!-- @remove="handleRemove" :multiple="true" :value="formData.treeImgList"--> | 93 | <!-- @remove="handleRemove" :multiple="true" :value="formData.treeImgList"--> |
| 91 | <tui-upload | 94 | <tui-upload |
| @@ -117,41 +120,41 @@ | @@ -117,41 +120,41 @@ | ||
| 117 | 120 | ||
| 118 | <tui-row> | 121 | <tui-row> |
| 119 | <tui-col :span="12"> | 122 | <tui-col :span="12"> |
| 120 | - <tui-form-item label="拉丁文" prop="latinname"> | ||
| 121 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" | 123 | + <tui-form-item label="拉丁文" prop="latinname" :labelSize="32"> |
| 124 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32" | ||
| 122 | v-model="formData.latinname"></tui-input> | 125 | v-model="formData.latinname"></tui-input> |
| 123 | </tui-form-item> | 126 | </tui-form-item> |
| 124 | </tui-col> | 127 | </tui-col> |
| 125 | <tui-col :span="12"> | 128 | <tui-col :span="12"> |
| 126 | - <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow"> | ||
| 127 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 129 | + <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow" :labelSize="32"> |
| 130 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" | ||
| 128 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> | 131 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> |
| 129 | </tui-form-item> | 132 | </tui-form-item> |
| 130 | </tui-col> | 133 | </tui-col> |
| 131 | </tui-row> | 134 | </tui-row> |
| 132 | 135 | ||
| 133 | - <tui-form-item label="生长环境" prop="growthenvironment"> | ||
| 134 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50" | 136 | + <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32"> |
| 137 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50" :size="32" | ||
| 135 | v-model="formData.growthenvironment"></tui-input> | 138 | v-model="formData.growthenvironment"></tui-input> |
| 136 | </tui-form-item> | 139 | </tui-form-item> |
| 137 | 140 | ||
| 138 | 141 | ||
| 139 | <tui-row> | 142 | <tui-row> |
| 140 | <tui-col :span="12"> | 143 | <tui-col :span="12"> |
| 141 | - <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2"> | ||
| 142 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 144 | + <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32"> |
| 145 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 143 | v-model="formData.estimationtreeage"></tui-input> | 146 | v-model="formData.estimationtreeage"></tui-input> |
| 144 | <template v-slot:right> | 147 | <template v-slot:right> |
| 145 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text> | 148 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text> |
| 146 | </template> | 149 | </template> |
| 147 | </tui-form-item> | 150 | </tui-form-item> |
| 148 | </tui-col> | 151 | </tui-col> |
| 149 | <tui-col :span="12"> | 152 | <tui-col :span="12"> |
| 150 | - <tui-form-item label="干周" prop="weekday" :position="2"> | ||
| 151 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 153 | + <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32"> |
| 154 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 152 | v-model="formData.weekday"></tui-input> | 155 | v-model="formData.weekday"></tui-input> |
| 153 | <template v-slot:right> | 156 | <template v-slot:right> |
| 154 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text> | 157 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text> |
| 155 | </template> | 158 | </template> |
| 156 | </tui-form-item> | 159 | </tui-form-item> |
| 157 | </tui-col> | 160 | </tui-col> |
| @@ -160,20 +163,20 @@ | @@ -160,20 +163,20 @@ | ||
| 160 | 163 | ||
| 161 | <tui-row> | 164 | <tui-row> |
| 162 | <tui-col :span="12"> | 165 | <tui-col :span="12"> |
| 163 | - <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2"> | ||
| 164 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 166 | + <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32"> |
| 167 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 165 | v-model="formData.canopyeastwest"></tui-input> | 168 | v-model="formData.canopyeastwest"></tui-input> |
| 166 | <template v-slot:right> | 169 | <template v-slot:right> |
| 167 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 170 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 168 | </template> | 171 | </template> |
| 169 | </tui-form-item> | 172 | </tui-form-item> |
| 170 | </tui-col> | 173 | </tui-col> |
| 171 | <tui-col :span="12"> | 174 | <tui-col :span="12"> |
| 172 | - <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2"> | ||
| 173 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 175 | + <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32"> |
| 176 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 174 | v-model="formData.canopysouthnorth"></tui-input> | 177 | v-model="formData.canopysouthnorth"></tui-input> |
| 175 | <template v-slot:right> | 178 | <template v-slot:right> |
| 176 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 179 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 177 | </template> | 180 | </template> |
| 178 | </tui-form-item> | 181 | </tui-form-item> |
| 179 | </tui-col> | 182 | </tui-col> |
| @@ -441,6 +444,7 @@ export default { | @@ -441,6 +444,7 @@ export default { | ||
| 441 | uni.chooseLocation({ | 444 | uni.chooseLocation({ |
| 442 | // ...options, | 445 | // ...options, |
| 443 | success: (res) => { | 446 | success: (res) => { |
| 447 | + type: 'gcj02', // 高德地图使用国测局坐标（gcj02） | ||
| 444 | console.log(res) | 448 | console.log(res) |
| 445 | // 选择成功后更新位置信息 | 449 | // 选择成功后更新位置信息 |
| 446 | this.formData.growlocation = res.address | 450 | this.formData.growlocation = res.address |
| @@ -476,4 +480,6 @@ export default { | @@ -476,4 +480,6 @@ export default { | ||
| 476 | height: 200rpx; | 480 | height: 200rpx; |
| 477 | transition: all 0.3s ease-out; /* 动画过渡效果 */ | 481 | transition: all 0.3s ease-out; /* 动画过渡效果 */ |
| 478 | } | 482 | } |
| 483 | + | ||
| 484 | + | ||
| 479 | </style> | 485 | </style> |
| 480 | \ No newline at end of file | 486 | \ No newline at end of file |
subPackages/treePage/editTreeIfo.vue
| 1 | <template> | 1 | <template> |
| 2 | <view class="container"> | 2 | <view class="container"> |
| 3 | <tui-form ref="form" :show-message="false" :model="formData"> | 3 | <tui-form ref="form" :show-message="false" :model="formData"> |
| 4 | - <tui-form-item asterisk label="名称" prop="treetype"> | ||
| 5 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30" | 4 | + <tui-form-item asterisk label="名称" prop="treetype" :labelSize="32"> |
| 5 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入名称" maxlength="30" :size="32" | ||
| 6 | v-model="formData.treetype"></tui-input> | 6 | v-model="formData.treetype"></tui-input> |
| 7 | </tui-form-item> | 7 | </tui-form-item> |
| 8 | 8 | ||
| 9 | <tui-row> | 9 | <tui-row> |
| 10 | 10 | ||
| 11 | <tui-col :span="12"> | 11 | <tui-col :span="12"> |
| 12 | - <tui-form-item label="胸径" asterisk prop="dbh" :position="2"> | ||
| 13 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 12 | + <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32"> |
| 13 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 14 | v-model="formData.dbh"></tui-input> | 14 | v-model="formData.dbh"></tui-input> |
| 15 | <template v-slot:right> | 15 | <template v-slot:right> |
| 16 | - <text style="padding-left: 12rpx;color:#ccc;font-size:14px">米</text> | 16 | + <text style="padding-left: 12rpx;color:#ccc;font-size:14px">厘米</text> |
| 17 | </template> | 17 | </template> |
| 18 | </tui-form-item> | 18 | </tui-form-item> |
| 19 | </tui-col> | 19 | </tui-col> |
| 20 | <tui-col :span="12"> | 20 | <tui-col :span="12"> |
| 21 | - <tui-form-item label="高度" prop="treeheight" :position="2"> | ||
| 22 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 21 | + <tui-form-item label="高度" prop="treeheight" :position="2" :labelSize="32"> |
| 22 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 23 | v-model="formData.treeheight"></tui-input> | 23 | v-model="formData.treeheight"></tui-input> |
| 24 | <template v-slot:right> | 24 | <template v-slot:right> |
| 25 | <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text> | 25 | <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text> |
| @@ -33,8 +33,9 @@ | @@ -33,8 +33,9 @@ | ||
| 33 | class="location-form-item" | 33 | class="location-form-item" |
| 34 | @click="openMap" | 34 | @click="openMap" |
| 35 | prop="growlocation" | 35 | prop="growlocation" |
| 36 | + :labelSize="32" | ||
| 36 | > | 37 | > |
| 37 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 38 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" |
| 38 | v-model="formData.growlocation"></tui-input> | 39 | v-model="formData.growlocation"></tui-input> |
| 39 | <template v-slot:right> | 40 | <template v-slot:right> |
| 40 | <tui-icon name="gps" :size="20"></tui-icon> | 41 | <tui-icon name="gps" :size="20"></tui-icon> |
| @@ -46,9 +47,10 @@ | @@ -46,9 +47,10 @@ | ||
| 46 | labelColor="#ccc" | 47 | labelColor="#ccc" |
| 47 | class="location-form-item" | 48 | class="location-form-item" |
| 48 | prop="latitude" | 49 | prop="latitude" |
| 50 | + :labelSize="32" | ||
| 49 | > | 51 | > |
| 50 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> | 52 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> |
| 51 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 53 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 52 | v-model="formData.longitude"></tui-input> | 54 | v-model="formData.longitude"></tui-input> |
| 53 | </tui-form-item> | 55 | </tui-form-item> |
| 54 | </tui-col> | 56 | </tui-col> |
| @@ -59,29 +61,30 @@ | @@ -59,29 +61,30 @@ | ||
| 59 | label="纬度" | 61 | label="纬度" |
| 60 | class="location-form-item" | 62 | class="location-form-item" |
| 61 | prop="latitude" | 63 | prop="latitude" |
| 64 | + :labelSize="32" | ||
| 62 | > | 65 | > |
| 63 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> | 66 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> |
| 64 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 67 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 65 | v-model="formData.latitude"></tui-input> | 68 | v-model="formData.latitude"></tui-input> |
| 66 | </tui-form-item> | 69 | </tui-form-item> |
| 67 | </tui-col> | 70 | </tui-col> |
| 68 | 71 | ||
| 69 | 72 | ||
| 70 | 73 | ||
| 71 | - <tui-form-item asterisk label="管护单位" prop="managedutyunit"> | 74 | + <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32"> |
| 72 | 75 | ||
| 73 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" | 76 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32" |
| 74 | v-model="formData.managedutyunit"></tui-input> | 77 | v-model="formData.managedutyunit"></tui-input> |
| 75 | 78 | ||
| 76 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> | 79 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> |
| 77 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> | 80 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> |
| 78 | </tui-form-item> | 81 | </tui-form-item> |
| 79 | - <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow"> | ||
| 80 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 82 | + <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" @click="pickerShow" :labelSize="32"> |
| 83 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" | ||
| 81 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> | 84 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> |
| 82 | </tui-form-item> | 85 | </tui-form-item> |
| 83 | 86 | ||
| 84 | - <tui-form-item label="图片信息" asterisk prop="treeImgList"> | 87 | + <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32"> |
| 85 | <!-- 使用ThorUI的tui-upload组件 --> | 88 | <!-- 使用ThorUI的tui-upload组件 --> |
| 86 | <!-- @remove="handleRemove" :multiple="true" :value="formData.treeImgList"--> | 89 | <!-- @remove="handleRemove" :multiple="true" :value="formData.treeImgList"--> |
| 87 | <tui-upload | 90 | <tui-upload |
| @@ -124,41 +127,41 @@ | @@ -124,41 +127,41 @@ | ||
| 124 | 127 | ||
| 125 | <tui-row> | 128 | <tui-row> |
| 126 | <tui-col :span="12"> | 129 | <tui-col :span="12"> |
| 127 | - <tui-form-item label="拉丁文" prop="latinname"> | ||
| 128 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" | 130 | + <tui-form-item label="拉丁文" prop="latinname" :labelSize="32"> |
| 131 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="30" :size="32" | ||
| 129 | v-model="formData.latinname"></tui-input> | 132 | v-model="formData.latinname"></tui-input> |
| 130 | </tui-form-item> | 133 | </tui-form-item> |
| 131 | </tui-col> | 134 | </tui-col> |
| 132 | <tui-col :span="12"> | 135 | <tui-col :span="12"> |
| 133 | - <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow"> | ||
| 134 | - <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled | 136 | + <tui-form-item label="级别" arrow highlight prop="treeleveltext" @click="pickerLevelShow" :labelSize="32"> |
| 137 | + <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled :size="32" | ||
| 135 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> | 138 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> |
| 136 | </tui-form-item> | 139 | </tui-form-item> |
| 137 | </tui-col> | 140 | </tui-col> |
| 138 | </tui-row> | 141 | </tui-row> |
| 139 | 142 | ||
| 140 | - <tui-form-item label="生长环境" prop="growthenvironment"> | ||
| 141 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50" | 143 | + <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32"> |
| 144 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="50" :size="32" | ||
| 142 | v-model="formData.growthenvironment"></tui-input> | 145 | v-model="formData.growthenvironment"></tui-input> |
| 143 | </tui-form-item> | 146 | </tui-form-item> |
| 144 | 147 | ||
| 145 | 148 | ||
| 146 | <tui-row> | 149 | <tui-row> |
| 147 | <tui-col :span="12"> | 150 | <tui-col :span="12"> |
| 148 | - <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2"> | ||
| 149 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 151 | + <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32"> |
| 152 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 150 | v-model="formData.estimationtreeage"></tui-input> | 153 | v-model="formData.estimationtreeage"></tui-input> |
| 151 | <template v-slot:right> | 154 | <template v-slot:right> |
| 152 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text> | 155 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text> |
| 153 | </template> | 156 | </template> |
| 154 | </tui-form-item> | 157 | </tui-form-item> |
| 155 | </tui-col> | 158 | </tui-col> |
| 156 | <tui-col :span="12"> | 159 | <tui-col :span="12"> |
| 157 | - <tui-form-item label="干周" prop="weekday" :position="2"> | ||
| 158 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 160 | + <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32"> |
| 161 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 159 | v-model="formData.weekday"></tui-input> | 162 | v-model="formData.weekday"></tui-input> |
| 160 | <template v-slot:right> | 163 | <template v-slot:right> |
| 161 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text> | 164 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text> |
| 162 | </template> | 165 | </template> |
| 163 | </tui-form-item> | 166 | </tui-form-item> |
| 164 | </tui-col> | 167 | </tui-col> |
| @@ -167,20 +170,20 @@ | @@ -167,20 +170,20 @@ | ||
| 167 | 170 | ||
| 168 | <tui-row> | 171 | <tui-row> |
| 169 | <tui-col :span="12"> | 172 | <tui-col :span="12"> |
| 170 | - <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2"> | ||
| 171 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 173 | + <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32"> |
| 174 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 172 | v-model="formData.canopyeastwest"></tui-input> | 175 | v-model="formData.canopyeastwest"></tui-input> |
| 173 | <template v-slot:right> | 176 | <template v-slot:right> |
| 174 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 177 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 175 | </template> | 178 | </template> |
| 176 | </tui-form-item> | 179 | </tui-form-item> |
| 177 | </tui-col> | 180 | </tui-col> |
| 178 | <tui-col :span="12"> | 181 | <tui-col :span="12"> |
| 179 | - <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2"> | ||
| 180 | - <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" | 182 | + <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32"> |
| 183 | + <tui-input padding="0" :borderBottom="false" placeholder="请输入" maxlength="10" :size="32" | ||
| 181 | v-model="formData.canopysouthnorth"></tui-input> | 184 | v-model="formData.canopysouthnorth"></tui-input> |
| 182 | <template v-slot:right> | 185 | <template v-slot:right> |
| 183 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 186 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 184 | </template> | 187 | </template> |
| 185 | </tui-form-item> | 188 | </tui-form-item> |
| 186 | </tui-col> | 189 | </tui-col> |
subPackages/treePage/treeInfo.vue
| 1 | <template> | 1 | <template> |
| 2 | <view class="container"> | 2 | <view class="container"> |
| 3 | <tui-form ref="form" :show-message="false" :model="formData"> | 3 | <tui-form ref="form" :show-message="false" :model="formData"> |
| 4 | - <tui-form-item asterisk label="名称" prop="treetype"> | ||
| 5 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" | 4 | + <tui-form-item asterisk label="名称" prop="treetype" :labelSize="32"> |
| 5 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" :size="32" | ||
| 6 | v-model="formData.treetype"></tui-input> | 6 | v-model="formData.treetype"></tui-input> |
| 7 | </tui-form-item> | 7 | </tui-form-item> |
| 8 | 8 | ||
| 9 | <tui-row> | 9 | <tui-row> |
| 10 | 10 | ||
| 11 | <tui-col :span="12"> | 11 | <tui-col :span="12"> |
| 12 | - <tui-form-item label="胸径" asterisk prop="dbh" :position="2"> | ||
| 13 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 12 | + <tui-form-item label="胸径" asterisk prop="dbh" :position="2" :labelSize="32"> |
| 13 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 14 | v-model="formData.dbh"></tui-input> | 14 | v-model="formData.dbh"></tui-input> |
| 15 | <template v-slot:right> | 15 | <template v-slot:right> |
| 16 | - <text style="padding-left: 12rpx;color:#ccc;font-size:12px">米</text> | 16 | + <text style="padding-left: 12rpx;color:#ccc;font-size:14px">厘米</text> |
| 17 | </template> | 17 | </template> |
| 18 | </tui-form-item> | 18 | </tui-form-item> |
| 19 | </tui-col> | 19 | </tui-col> |
| 20 | 20 | ||
| 21 | <tui-col :span="12"> | 21 | <tui-col :span="12"> |
| 22 | - <tui-form-item label="高度" prop="treeheight" :position="2"> | ||
| 23 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 22 | + <tui-form-item label="高度" prop="treeheight" :position="2" :labelSize="32"> |
| 23 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 24 | v-model="formData.treeheight"></tui-input> | 24 | v-model="formData.treeheight"></tui-input> |
| 25 | <template v-slot:right> | 25 | <template v-slot:right> |
| 26 | - <text style="padding-left: 12rpx;color:#ccc;font-size:12px;">米</text> | 26 | + <text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text> |
| 27 | </template> | 27 | </template> |
| 28 | </tui-form-item> | 28 | </tui-form-item> |
| 29 | </tui-col> | 29 | </tui-col> |
| @@ -35,8 +35,9 @@ | @@ -35,8 +35,9 @@ | ||
| 35 | label="位置" | 35 | label="位置" |
| 36 | class="location-form-item" | 36 | class="location-form-item" |
| 37 | prop="growlocation" | 37 | prop="growlocation" |
| 38 | + :labelSize="32" | ||
| 38 | > | 39 | > |
| 39 | - <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" | 40 | + <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" :size="32" |
| 40 | v-model="formData.growlocation"></tui-input> | 41 | v-model="formData.growlocation"></tui-input> |
| 41 | <template v-slot:right> | 42 | <template v-slot:right> |
| 42 | <tui-icon name="gps" :size="20"></tui-icon> | 43 | <tui-icon name="gps" :size="20"></tui-icon> |
| @@ -49,8 +50,9 @@ | @@ -49,8 +50,9 @@ | ||
| 49 | class="location-form-item" | 50 | class="location-form-item" |
| 50 | prop="latitude" | 51 | prop="latitude" |
| 51 | labelColor="#ccc" | 52 | labelColor="#ccc" |
| 53 | + :labelSize="32" | ||
| 52 | > | 54 | > |
| 53 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 55 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 54 | v-model="formData.longitude"></tui-input> | 56 | v-model="formData.longitude"></tui-input> |
| 55 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> | 57 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.longitude }}</span>--> |
| 56 | </tui-form-item> | 58 | </tui-form-item> |
| @@ -62,28 +64,29 @@ | @@ -62,28 +64,29 @@ | ||
| 62 | class="location-form-item" | 64 | class="location-form-item" |
| 63 | labelColor="#ccc" | 65 | labelColor="#ccc" |
| 64 | prop="latitude" | 66 | prop="latitude" |
| 67 | + :labelSize="32" | ||
| 65 | > | 68 | > |
| 66 | - <tui-input padding="0" :borderBottom="false" placeholder="" disabled | 69 | + <tui-input padding="0" :borderBottom="false" placeholder="" disabled :size="32" |
| 67 | v-model="formData.latitude"></tui-input> | 70 | v-model="formData.latitude"></tui-input> |
| 68 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> | 71 | <!-- <span style="color: #ccc;font-size: 14px"> {{ formData.latitude }}</span>--> |
| 69 | </tui-form-item> | 72 | </tui-form-item> |
| 70 | </tui-col> | 73 | </tui-col> |
| 71 | 74 | ||
| 72 | 75 | ||
| 73 | - <tui-form-item asterisk label="管护单位" prop="managedutyunit"> | 76 | + <tui-form-item asterisk label="管护单位" prop="managedutyunit" :labelSize="32"> |
| 74 | 77 | ||
| 75 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" | 78 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" :size="32" |
| 76 | v-model="formData.managedutyunit"></tui-input> | 79 | v-model="formData.managedutyunit"></tui-input> |
| 77 | 80 | ||
| 78 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> | 81 | <!-- <tui-input padding="0" :borderBottom="false" placeholder="请选择" disabled--> |
| 79 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> | 82 | <!-- backgroundColor="transparent" v-model="formData.managedutyunit"></tui-input>--> |
| 80 | </tui-form-item> | 83 | </tui-form-item> |
| 81 | - <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText"> | ||
| 82 | - <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" | 84 | + <tui-form-item asterisk label="权属分类" arrow highlight prop="oldtreeownershipText" :labelSize="32"> |
| 85 | + <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" :size="32" | ||
| 83 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> | 86 | backgroundColor="transparent" v-model="formData.oldtreeownershipText"></tui-input> |
| 84 | </tui-form-item> | 87 | </tui-form-item> |
| 85 | 88 | ||
| 86 | - <tui-form-item label="图片信息" asterisk prop="treeImgList"> | 89 | + <tui-form-item label="图片信息" asterisk prop="treeImgList" :labelSize="32"> |
| 87 | 90 | ||
| 88 | <!-- <tui-image-group :imageList="formData.treeImgList" radius="0"></tui-image-group>--> | 91 | <!-- <tui-image-group :imageList="formData.treeImgList" radius="0"></tui-image-group>--> |
| 89 | 92 | ||
| @@ -128,41 +131,41 @@ | @@ -128,41 +131,41 @@ | ||
| 128 | 131 | ||
| 129 | <tui-row> | 132 | <tui-row> |
| 130 | <tui-col :span="12"> | 133 | <tui-col :span="12"> |
| 131 | - <tui-form-item label="拉丁文" prop="latinname"> | ||
| 132 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" | 134 | + <tui-form-item label="拉丁文" prop="latinname" :labelSize="32"> |
| 135 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="30" :disabled="true" :size="32" | ||
| 133 | v-model="formData.latinname"></tui-input> | 136 | v-model="formData.latinname"></tui-input> |
| 134 | </tui-form-item> | 137 | </tui-form-item> |
| 135 | </tui-col> | 138 | </tui-col> |
| 136 | <tui-col :span="12"> | 139 | <tui-col :span="12"> |
| 137 | - <tui-form-item label="级别" arrow highlight prop="treeleveltext"> | ||
| 138 | - <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" | 140 | + <tui-form-item label="级别" arrow highlight prop="treeleveltext" :labelSize="32"> |
| 141 | + <tui-input padding="0" :borderBottom="false" placeholder="" :disabled="true" :size="32" | ||
| 139 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> | 142 | backgroundColor="transparent" v-model="formData.treeleveltext"></tui-input> |
| 140 | </tui-form-item> | 143 | </tui-form-item> |
| 141 | </tui-col> | 144 | </tui-col> |
| 142 | </tui-row> | 145 | </tui-row> |
| 143 | 146 | ||
| 144 | - <tui-form-item label="生长环境" prop="growthenvironment"> | ||
| 145 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="50" :disabled="true" | 147 | + <tui-form-item label="生长环境" prop="growthenvironment" :labelSize="32"> |
| 148 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="50" :disabled="true" :size="32" | ||
| 146 | v-model="formData.growthenvironment"></tui-input> | 149 | v-model="formData.growthenvironment"></tui-input> |
| 147 | </tui-form-item> | 150 | </tui-form-item> |
| 148 | 151 | ||
| 149 | 152 | ||
| 150 | <tui-row> | 153 | <tui-row> |
| 151 | <tui-col :span="12"> | 154 | <tui-col :span="12"> |
| 152 | - <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2"> | ||
| 153 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 155 | + <tui-form-item label="预估树龄" prop="estimationtreeage" :position="2" :labelSize="32"> |
| 156 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 154 | v-model="formData.estimationtreeage"></tui-input> | 157 | v-model="formData.estimationtreeage"></tui-input> |
| 155 | <template v-slot:right> | 158 | <template v-slot:right> |
| 156 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">年</text> | 159 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">年</text> |
| 157 | </template> | 160 | </template> |
| 158 | </tui-form-item> | 161 | </tui-form-item> |
| 159 | </tui-col> | 162 | </tui-col> |
| 160 | <tui-col :span="12"> | 163 | <tui-col :span="12"> |
| 161 | - <tui-form-item label="干周" prop="weekday" :position="2"> | ||
| 162 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 164 | + <tui-form-item label="干周" prop="weekday" :position="2" :labelSize="32"> |
| 165 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 163 | v-model="formData.weekday"></tui-input> | 166 | v-model="formData.weekday"></tui-input> |
| 164 | <template v-slot:right> | 167 | <template v-slot:right> |
| 165 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">厘米</text> | 168 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">厘米</text> |
| 166 | </template> | 169 | </template> |
| 167 | </tui-form-item> | 170 | </tui-form-item> |
| 168 | </tui-col> | 171 | </tui-col> |
| @@ -171,20 +174,20 @@ | @@ -171,20 +174,20 @@ | ||
| 171 | 174 | ||
| 172 | <tui-row> | 175 | <tui-row> |
| 173 | <tui-col :span="12"> | 176 | <tui-col :span="12"> |
| 174 | - <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2"> | ||
| 175 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 177 | + <tui-form-item label="东西冠幅" prop="canopyeastwest" :position="2" :labelSize="32"> |
| 178 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 176 | v-model="formData.canopyeastwest"></tui-input> | 179 | v-model="formData.canopyeastwest"></tui-input> |
| 177 | <template v-slot:right> | 180 | <template v-slot:right> |
| 178 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 181 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 179 | </template> | 182 | </template> |
| 180 | </tui-form-item> | 183 | </tui-form-item> |
| 181 | </tui-col> | 184 | </tui-col> |
| 182 | <tui-col :span="12"> | 185 | <tui-col :span="12"> |
| 183 | - <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2"> | ||
| 184 | - <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" | 186 | + <tui-form-item label="南北冠幅" prop="canopysouthnorth" :position="2" :labelSize="32"> |
| 187 | + <tui-input padding="0" :borderBottom="false" placeholder="" maxlength="10" :disabled="true" :size="32" | ||
| 185 | v-model="formData.canopysouthnorth"></tui-input> | 188 | v-model="formData.canopysouthnorth"></tui-input> |
| 186 | <template v-slot:right> | 189 | <template v-slot:right> |
| 187 | - <text style="padding-left: 12rpx;color:#ccc;font-size: 12px">米</text> | 190 | + <text style="padding-left: 12rpx;color:#ccc;font-size: 14px">米</text> |
| 188 | </template> | 191 | </template> |
| 189 | </tui-form-item> | 192 | </tui-form-item> |
| 190 | </tui-col> | 193 | </tui-col> |
subPackages/treePage/treeLog.vue
| @@ -17,7 +17,7 @@ | @@ -17,7 +17,7 @@ | ||
| 17 | </view> | 17 | </view> |
| 18 | <view class="fs-mt8 fs-align__center"> | 18 | <view class="fs-mt8 fs-align__center"> |
| 19 | <img src="/static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;" | 19 | <img src="/static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;" |
| 20 | - alt="">胸径：{{ i.dbh }} 米 | 20 | + alt="">胸径：{{ i.dbh }} 厘米 |
| 21 | </view> | 21 | </view> |
| 22 | </view> | 22 | </view> |
| 23 | </view> | 23 | </view> |
subPackages/treePage/treeRecord.vue
| @@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
| 16 | </view> | 16 | </view> |
| 17 | <view class="fs-mt8 fs-align__center"> | 17 | <view class="fs-mt8 fs-align__center"> |
| 18 | <img src="../../static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;" | 18 | <img src="../../static/images/tree/treearound.png" style="width: 14px;height: 14px;margin-right: 6px;" |
| 19 | - alt="">胸径：{{ i.dbh }} 米 | 19 | + alt="">胸径：{{ i.dbh }} 厘米 |
| 20 | </view> | 20 | </view> |
| 21 | </view> | 21 | </view> |
| 22 | </view> | 22 | </view> |