12e66ec8
 刘淇
新增树
|
1
2
|
<template>
<view class="container">
|
|
03b006dc
刘淇
树修改
|
3
|
<!-- 顶部固定吸顶Tabs区域 -->
|
|
12e66ec8
刘淇
新增树
|
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<up-sticky bg-color="#ffffff">
<view class="header-wrap">
<up-tabs
v-model="activeTab"
:list="tabList"
active-color="#1989fa"
inactive-color="#666"
font-size="30rpx"
@click="handleTabChange"
:scrollable="false"
/>
</view>
</up-sticky>
|
|
8ddc6f6e
刘淇
登录 修改样式
|
17
|
|
|
ecbfbe06
刘淇
树巡检记录
|
18
|
<!-- Tab0 基本信息页面 -->
|
|
12e66ec8
刘淇
新增树
|
19
|
<view v-show="activeTab === 0" class="base-info-wrap">
|
|
03b006dc
刘淇
树修改
|
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
|
<up-form :model="formData" ref="formRef" label-width="140rpx" border-bottom>
<up-form-item label="名称" prop="treetype" required>
<up-input v-model.trim="formData.treetype" placeholder="请输入名称" maxlength="30" border="none"/>
</up-form-item>
<view class="form-row-wrap">
<up-row gutter="10">
<up-col span="6">
<up-form-item label="胸径" prop="dbh" required>
<up-input v-model.trim="formData.dbh" placeholder="请输入" maxlength="10" border="none"
input-align="left"/>
<template #right>
<text style="padding-left: 12rpx;color:#ccc;font-size:14px">厘米</text>
</template>
</up-form-item>
</up-col>
<up-col span="6">
<up-form-item label="高度" prop="treeheight">
<up-input v-model.trim="formData.treeheight" placeholder="请输入" maxlength="10" border="none"
input-align="left"/>
<template #right>
<text style="padding-left: 12rpx;color:#ccc;font-size:14px;">米</text>
</template>
</up-form-item>
</up-col>
</up-row>
</view>
<up-form-item label="位置" prop="growlocation" required class="location-form-item" @click="openMap">
<up-input v-model="formData.growlocation" placeholder="请选择" readonly border="none"/>
<template #right>
<up-icon name="map" size="22"></up-icon>
</template>
</up-form-item>
<up-row gutter="10">
<up-col span="6">
<up-form-item label="经度" :borderBottom="false">
<up-input v-model="formData.longitude" placeholder="" readonly border="none"/>
</up-form-item>
</up-col>
<up-col span="6">
<up-form-item label="纬度" :borderBottom="false">
<up-input v-model="formData.latitude" placeholder="" readonly border="none"/>
</up-form-item>
</up-col>
</up-row>
<up-form-item label="管护单位" prop="managedutyunit" required>
<up-input v-model.trim="formData.managedutyunit" placeholder="请输入" maxlength="30" border="none"/>
</up-form-item>
<up-form-item label="权属分类" prop="oldtreeownershipText" required arrow
@click="handleActionSheetOpen('ownership')">
<up-input v-model.trim="formData.oldtreeownershipText" placeholder="请选择" readonly border="none"
bg-color="transparent"/>
</up-form-item>
|
|
03b006dc
刘淇
树修改
|
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
<up-form-item label="图片信息" prop="treeImgList" required>
<up-upload
name="treeImgList"
:file-list="treeImgList.imgList.value"
@after-read="treeImgList.uploadImgs"
@delete="treeImgList.deleteImg"
multiple
:width="70"
:height="70"
:max-count="treeImgList.uploadConfig.maxCount"
:upload-text="treeImgList.uploadConfig.uploadText"
:size-type="treeImgList.uploadConfig.sizeType"
></up-upload>
</up-form-item>
<view
class="animated-area"
:style="{
height: isShow ? contentHeight + 'px' : '0',
opacity: isShow ? 1 : 0,
overflow: 'hidden'
}"
>
<up-row gutter="10">
<up-col span="6">
<up-form-item label="拉丁文" prop="latinname">
<up-input v-model.trim="formData.latinname" placeholder="请输入" maxlength="30" border="none"/>
</up-form-item>
</up-col>
<up-col span="6">
<up-form-item label="级别" arrow @click="handleActionSheetOpen('level')">
<up-input v-model.trim="formData.treeleveltext" placeholder="请选择" readonly border="none"
bg-color="transparent"/>
</up-form-item>
</up-col>
</up-row>
<up-form-item label="生长环境" prop="growthenvironment">
<up-input v-model.trim="formData.growthenvironment" placeholder="请输入" maxlength="50" border="none"/>
</up-form-item>
<view class="form-row-wrap">
<up-row gutter="10">
<up-col span="6">
|
|
ecbfbe06
刘淇
树巡检记录
|
122
123
124
|
<!-- 改成栽种年月+年月选择器 -->
<up-form-item label="栽种年月" arrow @click="openPlantDatePicker">
<up-input v-model.trim="formData.plantingDate" placeholder="请选择栽种年月" readonly border="none" bg-color="transparent"/>
|
|
03b006dc
刘淇
树修改
|
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
</up-form-item>
</up-col>
<up-col span="6">
<up-form-item label="干周" prop="weekday">
<up-input v-model.trim="formData.weekday" placeholder="请输入" maxlength="10" border="none"
input-align="left"/>
<template #right>
<text style="padding-left:12rpx;color:#ccc;font-size:14px">厘米</text>
</template>
</up-form-item>
</up-col>
</up-row>
</view>
<view class="form-row-wrap">
<up-row gutter="10">
<up-col span="6">
<up-form-item label="东西冠幅" prop="canopyeastwest">
<up-input v-model.trim="formData.canopyeastwest" placeholder="请输入" maxlength="10" border="none"
input-align="left"/>
<template #right>
<text style="padding-left:12rpx;color:#ccc;font-size:14px">米</text>
</template>
</up-form-item>
</up-col>
<up-col span="6">
<up-form-item label="南北冠幅" prop="canopysouthnorth">
<up-input v-model.trim="formData.canopysouthnorth" placeholder="请输入" maxlength="10" border="none"
input-align="left"/>
<template #right>
<text style="padding-left:12rpx;color:#ccc;font-size:14px">米</text>
</template>
</up-form-item>
</up-col>
</up-row>
|
|
12e66ec8
刘淇
新增树
|
160
161
|
</view>
</view>
|
|
03b006dc
刘淇
树修改
|
162
163
164
165
166
167
168
169
170
171
172
|
<up-button
@click="toggleArea"
type="primary"
plain
size="large"
style="margin-top:20rpx"
>
{{ isShow ? '- 隐藏区域' : '+ 显示区域' }}
</up-button>
</up-form>
|
|
12e66ec8
刘淇
新增树
|
173
|
</view>
|
|
8ddc6f6e
刘淇
登录 修改样式
|
174
|
|
|
ecbfbe06
刘淇
树巡检记录
|
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
|
<!-- Tab1 巡检记录页面 -->
<view v-show="activeTab === 1" class="inspect-wrap">
<up-empty v-if="inspectRows.length === 0" marginTop="100" text="暂无巡检记录"></up-empty>
<view class="record-wrap" v-else>
<up-card
v-for="item in inspectRows"
:key="item.id"
:border="false"
:show-head="false"
class="tree-card"
:foot-border-top="false"
@click="toInspectDetailPage(item)"
>
<template #body>
<view class="inspect-item">
<view class="inspect-row">巡检时间：{{ item.inspectionTime || '' }}</view>
<view class="inspect-row">巡检人：{{ item.inspectorName || '' }}</view>
<view class="inspect-row up-flex up-flex-between up-flex-items-center">
<text>风险评估结果：{{ item.result.normalResult.level || '无风险' }}</text>
<text class="detail-text">详情</text>
</view>
</view>
</template>
</up-card>
</view>
</view>
<!-- Tab2 变更日志页面 -->
<view v-show="activeTab === 2" class="log-wrap">
|
|
03b006dc
刘淇
树修改
|
204
|
<up-empty v-if="logRows.length === 0" marginTop="100" text="暂无变更日志"></up-empty>
|
|
12e66ec8
刘淇
新增树
|
205
206
207
208
209
210
211
212
|
<view class="record-wrap" v-else>
<up-card
v-for="item in logRows"
:key="item.id"
:border="false"
:show-head="false"
class="tree-card"
:foot-border-top="false"
|
|
c5fdc60a
刘淇
树详情
|
213
|
@click="toLogDetailPage(item)"
|
|
12e66ec8
刘淇
新增树
|
214
215
216
|
>
<template #body>
<view class="card-body-inner">
|
|
12e66ec8
刘淇
新增树
|
217
218
|
<view class="record-list-left" :style="`background-image: url(${item.treephotoone});`"></view>
<view class="record-list-right">
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
219
|
<view class="up-flex up-flex-items-center up-flex-between">
|
|
12e66ec8
刘淇
新增树
|
220
221
222
|
<view class="u-line-1 treetypeName">{{ item.treetype }}</view>
<view style="text-align: right">{{ timeFormat(item.updatetime) }}</view>
</view>
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
223
224
|
<view class=" fs-align__center" style="margin: 8px 0">
<img src="../../../static/imgs/tree/tree-high.png" style="width:12px;height:12px;margin-right:6px;"
|
|
03b006dc
刘淇
树修改
|
225
|
alt=""> 高度：{{ item.treeheight }} 米
|
|
12e66ec8
刘淇
新增树
|
226
227
|
</view>
<view class=" fs-align__center">
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
228
|
<img src="../../../static/imgs/tree/treearound.png" style="width:12px;height:12px;margin-right:6px;"
|
|
03b006dc
刘淇
树修改
|
229
|
alt="">胸径：{{ item.dbh }} 厘米
|
|
12e66ec8
刘淇
新增树
|
230
231
232
233
234
235
236
237
238
239
240
|
</view>
</view>
</view>
<view class="treenumber-no">
树木编号：{{ item.treenumber }}
</view>
</template>
</up-card>
</view>
</view>
|
|
ecbfbe06
刘淇
树巡检记录
|
241
242
|
<!-- 底部按钮区域 -->
<!-- 基本信息Tab：修改按钮 -->
|
|
03b006dc
刘淇
树修改
|
243
244
|
<view class="fixed-bottom-btn-wrap" v-show="activeTab === 0">
<up-button type="primary" @click="submit" :loading="loadingFlag" size="large" >修改树木信息</up-button>
|
|
12e66ec8
刘淇
新增树
|
245
|
</view>
|
|
8ddc6f6e
刘淇
登录 修改样式
|
246
|
|
|
ecbfbe06
刘淇
树巡检记录
|
247
248
249
250
251
|
<!-- 巡检记录Tab：新增巡检按钮 -->
<view class="fixed-bottom-btn-wrap" v-show="activeTab === 1">
<up-button type="primary" size="large" @click="toAddInspect">新增巡检记录</up-button>
</view>
|
|
03b006dc
刘淇
树修改
|
252
253
254
255
256
257
258
259
260
|
<!-- 字典选择弹窗 -->
<up-action-sheet
:show="showActionSheet"
:actions="currentActionSheetData.list"
:title="currentActionSheetData.title"
@close="handleActionSheetClose"
@select="handleActionSheetSelect"
></up-action-sheet>
|
|
ecbfbe06
刘淇
树巡检记录
|
261
262
263
264
265
266
267
268
269
270
|
<!-- 栽种年月选择弹窗 -->
<up-datetime-picker
v-model="plantingDate"
:show="showDatePicker"
:closeOnClickOverlay="true"
mode="year-month"
minDate="1000"
@confirm="onSelectPlantDate"
@cancel="showDatePicker=false"
></up-datetime-picker>
|
|
12e66ec8
刘淇
新增树
|
271
|
</view>
|
|
8ddc6f6e
刘淇
登录 修改样式
|
272
273
|
</template>
|
|
12e66ec8
刘淇
新增树
|
274
|
<script setup>
|
|
03b006dc
刘淇
树修改
|
275
|
import { ref, reactive, nextTick } from 'vue'
|
|
c5fdc60a
刘淇
树详情
|
276
|
import { onReady, onLoad, onShow, onUnload } from '@dcloudio/uni-app';
|
|
4f475013
刘淇
k线图
|
277
|
|
|
ecbfbe06
刘淇
树巡检记录
|
278
279
280
281
282
|
import { treeRoadReq, treeLogReq, treeDetailReq, updateTree, inspectionLogReq }
from "@/api/tree-archive/tree-archive.js";
// 引入巡检列表接口
// import { getInspectListReq } from "@/api/tree-archive/tree-archive.js";
|
|
03b006dc
刘淇
树修改
|
283
284
285
286
|
import { timeFormat } from '@/uni_modules/uview-plus';
import { useUploadImgs } from '@/common/utils/useUploadImgs'
import { useUserStore } from '@/pinia/user';
|
|
4f475013
刘淇
k线图
|
287
|
// ========== 常量配置区
|
|
03b006dc
刘淇
树修改
|
288
|
const CONST = {
|
|
03b006dc
刘淇
树修改
|
289
290
291
292
|
UPLOAD_CONFIG: { maxCount: 3, uploadText: '选择图片', sizeType: ['compressed'] }
}
// ========== 页面关闭统一跳转 ==========
|
|
c5fdc60a
刘淇
树详情
|
293
|
onUnload(() => {
|
|
03b006dc
刘淇
树修改
|
294
|
uni.reLaunch({url: '/pages-sub/data/tree-archive/index'})
|
|
c5fdc60a
刘淇
树详情
|
295
|
})
|
|
12e66ec8
刘淇
新增树
|
296
297
298
299
300
|
// ========== 基础变量 ==========
const rows = ref([])
const roadId = ref('')
const count = ref(0)
|
|
ecbfbe06
刘淇
树巡检记录
|
301
|
const treeId = ref('')
|
|
03b006dc
刘淇
树修改
|
302
|
const loadingFlag = ref(false)
|
|
ecbfbe06
刘淇
树巡检记录
|
303
304
305
306
307
308
309
310
311
312
313
|
const isInit = ref(false)
// 年月选择器开关
const showDatePicker = ref(false)
const plantingDate = ref(Date.now())
// ========== Tab切换变量（顺序：基本信息、巡检记录、变更日志） ==========
const activeTab = ref(0);
const tabList = ref([
{name: '基本信息'},
{name: '巡检记录'},
{name: '变更日志'}
]);
|
|
12e66ec8
刘淇
新增树
|
314
315
|
// ========== 数据变量 ==========
|
|
ecbfbe06
刘淇
树巡检记录
|
316
317
|
const logRows = ref([])
const inspectRows = ref([]) // 巡检记录列表
|
|
03b006dc
刘淇
树修改
|
318
319
320
321
322
323
324
325
326
|
const userStore = useUserStore();
const formRef = ref(null)
const isShow = ref(false)
const contentHeight = ref(200)
const treeOwnershipData = ref([])
const treeLevelData = ref([])
const showActionSheet = ref(false);
const currentActionSheetData = reactive({type: '', list: [], title: ''});
|
|
ecbfbe06
刘淇
树巡检记录
|
327
|
// ========== 图片上传配置 ==========
|
|
03b006dc
刘淇
树修改
|
328
329
330
331
332
|
const treeImgList = useUploadImgs({
...CONST.UPLOAD_CONFIG,
formRef: formRef,
fieldName: 'treeImgList'
})
|
|
03b006dc
刘淇
树修改
|
333
334
335
|
treeImgList.imgList.value = []
treeImgList.rawImgList.value = []
|
|
ecbfbe06
刘淇
树巡检记录
|
336
|
// ========== 表单数据 移除estimationtreeage，替换为plantingDate ==========
|
|
03b006dc
刘淇
树修改
|
337
|
const formData = reactive({
|
|
ecbfbe06
刘淇
树巡检记录
|
338
|
id: '',
|
|
12e66ec8
刘淇
新增树
|
339
340
341
|
treetype: '',
treeheight: '',
dbh: '',
|
|
03b006dc
刘淇
树修改
|
342
343
344
345
346
347
|
treelevel: '',
treeleveltext: '',
managedutyunit: '',
oldtreeownership: '',
oldtreeownershipText: '',
latinname: '',
|
|
ecbfbe06
刘淇
树巡检记录
|
348
|
plantingDate: '', //栽种年月 yyyy-MM
|
|
03b006dc
刘淇
树修改
|
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
|
canopysouthnorth: '',
canopyeastwest: '',
weekday: '',
growlocation: '',
growthenvironment: '',
treeImgList: [],
address: '',
latitude: '',
longitude: '',
road: '',
maintainunit: '',
treephotoone: '',
treephototwo: '',
treephotothree: '',
treephotofour: '',
treephotofive: ''
})
|
|
ecbfbe06
刘淇
树巡检记录
|
367
|
// ========== 表单校验规则 ==========
|
|
03b006dc
刘淇
树修改
|
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
|
const isPureZero = (val) => {
if (!val) return false;
const pureZeroReg = /^0+$/;
return pureZeroReg.test(val.trim());
};
const trimFormData = (obj) => {
for (const key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key) && typeof obj[key] === 'string') {
obj[key] = obj[key].trim();
}
}
};
const emojiReg = /[\uD83C\uD83D\uD83E][\uDC00-\uDFFF]+|[\u2702\u2705\u2708-\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763-\u2767\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299\ufe0f\u200d]+/g;
const filterEmoji = (val) => typeof val === 'string' ? val.replace(emojiReg, '') : val;
const hasEmoji = (val) => val && emojiReg.test(val);
const rules = reactive({
treetype: [
{
validator: (rule, val, callback) => hasEmoji(val) ? callback(new Error('禁止输入表情符号')) : callback(),
trigger: ['blur', 'change', 'input'],
priority: 10
},
{required: true, message: '请输入名称', trigger: ['blur', 'change', 'input']},
{max: 30, message: '名称最多输入30个字符', trigger: ['blur', 'change', 'input']}
],
treeheight: [
{max: 10, message: '树高不能超过10个字符', trigger: ['blur', 'change', 'input']},
{pattern: /^\d+(\.\d{1,2})?$/, message: '格式不正确，支持数字或两位小数', trigger: ['blur', 'change', 'input']},
{
validator: (rule, val, callback) => isPureZero(val) ? callback(new Error('不能输入纯0无效值')) : callback(),
trigger: ['blur', 'change', 'input']
}
],
dbh: [
{
validator: (rule, val, callback) => hasEmoji(val) ? callback(new Error('禁止输入表情符号')) : callback(),
trigger: ['blur', 'change', 'input'],
priority: 10
},
{required: true, message: '请输入胸径', trigger: ['blur', 'change', 'input']},
{max: 10, message: '胸径不能超过10个字符', trigger: ['blur', 'change', 'input']},
{pattern: /^\d+(\.\d{1,2})?$/, message: '格式不正确，支持数字或两位小数', trigger: ['blur', 'change', 'input']},
{
validator: (rule, val, callback) => isPureZero(val) ? callback(new Error('不能输入纯0无效值')) : callback(),
trigger: ['blur', 'change', 'input']
}
],
|
|
03b006dc
刘淇
树修改
|
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
|
weekday: [
{max: 10, message: '干周不能超过10个字符', trigger: ['blur', 'change', 'input']},
{pattern: /^\d+(\.\d{1,2})?$/, message: '格式不正确，支持数字或两位小数', trigger: ['blur', 'change', 'input']},
{
validator: (rule, val, callback) => isPureZero(val) ? callback(new Error('不能输入纯0无效值')) : callback(),
trigger: ['blur', 'change', 'input']
}
],
canopyeastwest: [
{max: 10, message: '东西冠幅不能超过10个字符', trigger: ['blur', 'change', 'input']},
{pattern: /^\d+(\.\d{1,2})?$/, message: '格式不正确，支持数字或两位小数', trigger: ['blur', 'change', 'input']},
{
validator: (rule, val, callback) => isPureZero(val) ? callback(new Error('不能输入纯0无效值')) : callback(),
trigger: ['blur', 'change', 'input']
}
],
canopysouthnorth: [
{max: 10, message: '南北冠幅不能超过10个字符', trigger: ['blur', 'change', 'input']},
{pattern: /^\d+(\.\d{1,2})?$/, message: '格式不正确，支持数字或两位小数', trigger: ['blur', 'change', 'input']},
{
validator: (rule, val, callback) => isPureZero(val) ? callback(new Error('不能输入纯0无效值')) : callback(),
trigger: ['blur', 'change', 'input']
}
],
growlocation: [{required: true, message: '请选择地图位置', trigger: ['blur', 'change', 'manual']}],
managedutyunit: [
{
validator: (rule, val, callback) => hasEmoji(val) ? callback(new Error('禁止输入表情符号')) : callback(),
trigger: ['blur', 'change', 'input'],
priority: 10
},
{required: true, message: '请输入管护单位', trigger: ['blur', 'change', 'input']},
{max: 30, message: '管护单位最多输入30个字符', trigger: ['blur', 'change', 'input']}
],
oldtreeownershipText: [{required: true, message: '请选择权属分类', trigger: ['blur', 'change']}],
latinname: [
{
validator: (rule, val, callback) => hasEmoji(val) ? callback(new Error('禁止输入表情符号')) : callback(),
trigger: ['blur', 'change', 'input'],
priority: 10
},
{max: 30, message: '拉丁文最多输入30个字符', trigger: ['blur', 'change', 'input']}
],
growthenvironment: [
{
validator: (rule, val, callback) => hasEmoji(val) ? callback(new Error('禁止输入表情符号')) : callback(),
trigger: ['blur', 'change', 'input'],
priority: 10
},
{max: 50, message: '生长环境最多输入50个字符', trigger: ['blur', 'change', 'input']}
],
treeImgList: [treeImgList.imgValidateRule]
|
|
12e66ec8
刘淇
新增树
|
467
|
})
|
|
12e66ec8
刘淇
新增树
|
468
469
470
471
472
473
|
// ========== 生命周期 ==========
onLoad((options) => {
console.log('编辑页入参', options)
roadId.value = options.roadId || ''
count.value = options.count || 0
|
|
ecbfbe06
刘淇
树巡检记录
|
474
475
476
477
|
treeId.value = options.id || ''
formData.id = treeId.value
formData.road = roadId.value
isInit.value = false
|
|
03b006dc
刘淇
树修改
|
478
479
480
481
482
|
});
onShow(async () => {
treeLevelData.value = uni.$dict.transformLabelValueToNameValue(uni.$dict.getDictSimpleList('tree_level'))
treeOwnershipData.value = uni.$dict.transformLabelValueToNameValue(uni.$dict.getDictSimpleList('tree_ownership'))
|
|
03b006dc
刘淇
树修改
|
483
484
|
if (activeTab.value === 0 && treeId.value && !isInit.value) {
await getTreeDetail()
|
|
ecbfbe06
刘淇
树巡检记录
|
485
486
487
488
489
|
isInit.value = true
}
if(treeId.value){
getTreeLogList()
getInspectList()
|
|
12e66ec8
刘淇
新增树
|
490
491
492
|
}
})
|
|
03b006dc
刘淇
树修改
|
493
494
495
|
onReady(() => {
nextTick(() => formRef.value?.setRules(rules));
});
|
|
c5fdc60a
刘淇
树详情
|
496
|
|
|
12e66ec8
刘淇
新增树
|
497
|
// ========== Tab切换事件 ==========
|
|
03b006dc
刘淇
树修改
|
498
|
const handleTabChange = async (item) => {
|
|
12e66ec8
刘淇
新增树
|
499
|
activeTab.value = item.index
|
|
ecbfbe06
刘淇
树巡检记录
|
500
501
502
503
|
// 切换Tab自动加载对应数据
if (activeTab.value === 1) {
getInspectList()
} else if (activeTab.value === 2) {
|
|
03b006dc
刘淇
树修改
|
504
|
getTreeLogList()
|
|
12e66ec8
刘淇
新增树
|
505
506
507
508
|
}
}
// ========== 接口请求 ==========
|
|
12e66ec8
刘淇
新增树
|
509
|
const treeRoadQuery = async () => {
|
|
03b006dc
刘淇
树修改
|
510
|
const res = await treeRoadReq({road: roadId.value})
|
|
12e66ec8
刘淇
新增树
|
511
512
513
|
rows.value = res.list
}
|
|
ecbfbe06
刘淇
树巡检记录
|
514
|
// 获取树木详情
|
|
03b006dc
刘淇
树修改
|
515
516
517
|
const getTreeDetail = async () => {
const res = await treeDetailReq({id: treeId.value})
Object.assign(formData, res)
|
|
03b006dc
刘淇
树修改
|
518
519
520
|
formData.oldtreeownershipText = uni.$dict.getDictLabel('tree_ownership', res.oldtreeownership)
formData.treeleveltext = uni.$dict.getDictLabel('tree_level', formData.treelevel)
|
|
03b006dc
刘淇
树修改
|
521
522
523
524
|
treeImgList.imgList.value = []
treeImgList.rawImgList.value = []
formData.treephotoone = ''
formData.treephototwo = ''
|
|
03b006dc
刘淇
树修改
|
525
526
527
528
|
formData.treephotothree = ''
formData.treephotofour = ''
formData.treephotofive = ''
|
|
03b006dc
刘淇
树修改
|
529
530
531
532
533
534
|
if (Array.isArray(res.treeImgList) && res.treeImgList.length > 0) {
const imgList = res.treeImgList.map((url, idx) => ({
url,
name: `renew_img_${idx}`,
status: 'success'
}));
|
|
03b006dc
刘淇
树修改
|
535
536
537
538
|
treeImgList.imgList.value = imgList
treeImgList.rawImgList.value = imgList
}
}
|
|
12e66ec8
刘淇
新增树
|
539
|
|
|
ecbfbe06
刘淇
树巡检记录
|
540
|
// 获取变更日志
|
|
12e66ec8
刘淇
新增树
|
541
|
const getTreeLogList = async () => {
|
|
03b006dc
刘淇
树修改
|
542
|
const res = await treeLogReq({treeid: treeId.value})
|
|
12e66ec8
刘淇
新增树
|
543
544
545
|
logRows.value = res.list
}
|
|
ecbfbe06
刘淇
树巡检记录
|
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
|
// 获取巡检记录列表
const getInspectList = async () => {
// 正式环境启用下面接口
const res = await inspectionLogReq({treeId: treeId.value,pageNo:1,pageSize:100})
console.log(res)
inspectRows.value = res.list || []
}
// ========== 年月选择方法 ==========
const openPlantDatePicker = () => {
showDatePicker.value = true
}
const onSelectPlantDate = (date) => {
// date自动 yyyy-MM
console.log(plantingDate.value)
console.log(timeFormat(plantingDate.value, 'yyyy-mm'))
// date格式：yyyy-MM
formData.plantingDate = timeFormat(plantingDate.value, 'yyyy-mm')
showDatePicker.value = false
}
|
|
03b006dc
刘淇
树修改
|
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
|
// ========== 表单相关方法 ==========
const toggleArea = () => isShow.value = !isShow.value
const handleActionSheetOpen = (type) => {
const configMap = {
ownership: {title: '请选择权属分类', list: treeOwnershipData.value},
level: {title: '请选择树木级别', list: treeLevelData.value}
};
Object.assign(currentActionSheetData, configMap[type], {type});
showActionSheet.value = true;
};
const handleActionSheetClose = () => {
showActionSheet.value = false;
Object.assign(currentActionSheetData, {type: '', list: [], title: ''});
};
const handleActionSheetSelect = (e) => {
const {type} = currentActionSheetData;
if (type === 'ownership') {
formData.oldtreeownership = e.value
formData.oldtreeownershipText = e.name
formRef.value?.validateField('oldtreeownershipText');
} else if (type === 'level') {
formData.treelevel = e.value
formData.treeleveltext = e.name
}
handleActionSheetClose();
};
// 地图选址
const openMap = () => {
uni.chooseLocation({
success: async (res) => {
formData.growlocation = res.address
formData.latitude = res.latitude
formData.longitude = res.longitude
await nextTick()
formRef.value?.validateField('growlocation');
},
fail: (err) => {
console.error('地图选择失败', err);
err.errMsg.includes('auth deny') && uni.showToast({title: '请授权位置权限', icon: 'none'});
}
});
|
|
12e66ec8
刘淇
新增树
|
612
613
|
}
|
|
ecbfbe06
刘淇
树巡检记录
|
614
|
// 表单提交
|
|
03b006dc
刘淇
树修改
|
615
616
|
const submit = async () => {
if (loadingFlag.value) return
|
|
03b006dc
刘淇
树修改
|
617
618
619
620
621
|
for (const key in formData) {
if (typeof formData[key] === 'string') {
formData[key] = filterEmoji(formData[key]).trim();
}
}
|
|
03b006dc
刘淇
树修改
|
622
623
|
const valid = await formRef.value.validate()
if (!valid) return
|
|
03b006dc
刘淇
树修改
|
624
625
626
627
628
629
630
631
632
633
634
635
636
637
|
const uploadImgUrls = treeImgList.getSuccessImgUrls()
formData.maintainunit = userStore.userInfo.user.companyId
formData.treeImgList = uploadImgUrls
loadingFlag.value = true
try {
await updateTree(formData)
uni.showToast({title: "修改成功", icon: "success"});
uni.redirectTo({url: '/pages-sub/data/tree-archive/index'});
} catch (err) {
uni.showToast({title: "修改失败，请重试", icon: "none"});
console.error(err)
} finally {
loadingFlag.value = false
}
|
|
12e66ec8
刘淇
新增树
|
638
639
|
}
|
|
03b006dc
刘淇
树修改
|
640
|
// ========== 页面跳转 ==========
|
|
ecbfbe06
刘淇
树巡检记录
|
641
|
// 变更日志详情
|
|
c5fdc60a
刘淇
树详情
|
642
|
const toLogDetailPage = (i) => {
|
|
12e66ec8
刘淇
新增树
|
643
|
uni.navigateTo({
|
|
c5fdc60a
刘淇
树详情
|
644
|
url: `/pages-sub/data/tree-archive/logDetail`,
|
|
c5fdc60a
刘淇
树详情
|
645
|
success: (res) => {
|
|
c5fdc60a
刘淇
树详情
|
646
647
|
res.eventChannel.emit('logData', i);
}
|
|
12e66ec8
刘淇
新增树
|
648
649
|
})
}
|
|
ecbfbe06
刘淇
树巡检记录
|
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
|
// 巡检详情页跳转
const toInspectDetailPage = (item) => {
uni.navigateTo({
url: `/pages-sub/data/tree-archive/addInspect?id=${item.id}&type=detail`
})
}
// 跳转到新增巡检页面
const toAddInspect = () => {
const firstItem = inspectRows.value.length > 0 ? inspectRows.value[0] : null
// 存入本地缓存
if (firstItem) {
uni.setStorageSync('temp_inspect_fill_data', JSON.stringify(firstItem))
} else {
// 没有数据先清空残留缓存
uni.removeStorageSync('temp_inspect_fill_data')
}
uni.navigateTo({
url: `/pages-sub/data/tree-archive/addInspect?treeId=${treeId.value}`
})
}
|
|
12e66ec8
刘淇
新增树
|
672
673
|
</script>
|
|
8ddc6f6e
刘淇
登录 修改样式
|
674
|
<style scoped lang="scss">
|
|
12e66ec8
刘淇
新增树
|
675
676
|
.container {
min-height: 100vh;
|
|
03b006dc
刘淇
树修改
|
677
|
padding-bottom: 100rpx;
|
|
12e66ec8
刘淇
新增树
|
678
679
|
}
|
|
12e66ec8
刘淇
新增树
|
680
681
682
|
.header-wrap {
background-color: #fff;
padding: 10rpx 0;
|
|
03b006dc
刘淇
树修改
|
683
|
box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.03);
|
|
12e66ec8
刘淇
新增树
|
684
685
|
}
|
|
12e66ec8
刘淇
新增树
|
686
|
.base-info-wrap {
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
687
688
|
padding: 15px 15px;
background: #fff;
|
|
12e66ec8
刘淇
新增树
|
689
690
|
}
|
|
ecbfbe06
刘淇
树巡检记录
|
691
|
.log-wrap, .inspect-wrap {
|
|
12e66ec8
刘淇
新增树
|
692
693
|
min-height: calc(100vh - 120rpx);
}
|
|
03b006dc
刘淇
树修改
|
694
|
|
|
12e66ec8
刘淇
新增树
|
695
696
697
698
699
700
|
.record-wrap {
padding-bottom: 20px;
}
.treetypeName {
flex: 1;
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
701
|
font-size: 14px;
|
|
12e66ec8
刘淇
新增树
|
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
|
font-weight: bold;
}
.record-list-left {
height: 70px;
width: 70px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
.record-list-right {
margin-left: 20px;
flex: 1;
overflow: hidden;
}
|
|
12e66ec8
刘淇
新增树
|
719
720
721
722
723
724
725
|
.treenumber-no {
padding: 3px 10px;
background: #bdefd0;
font-size: 12px;
margin-top: 8px;
}
|
|
03b006dc
刘淇
树修改
|
726
|
.card-body-inner {
|
|
12e66ec8
刘淇
新增树
|
727
|
display: flex;
|
|
cf70629b
刘淇
养护计划 照片 自己写样式
|
728
|
font-size: 12px;
|
|
12e66ec8
刘淇
新增树
|
729
730
|
}
|
|
03b006dc
刘淇
树修改
|
731
732
733
734
|
.fs-align__center {
display: flex;
align-items: center;
}
|
|
12e66ec8
刘淇
新增树
|
735
|
|
|
03b006dc
刘淇
树修改
|
736
737
738
|
.animated-area {
transition: all 0.3s ease-out;
margin-top: 10rpx;
|
|
12e66ec8
刘淇
新增树
|
739
740
|
}
|
|
03b006dc
刘淇
树修改
|
741
742
743
|
.location-form-item {
padding-right: 10rpx;
}
|
|
12e66ec8
刘淇
新增树
|
744
|
|
|
03b006dc
刘淇
树修改
|
745
746
|
.form-row-wrap {
width: 100%;
|
|
12e66ec8
刘淇
新增树
|
747
|
display: flex;
|
|
03b006dc
刘淇
树修改
|
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
|
flex-direction: column;
:deep(.u-form-item) {
position: relative;
margin-bottom: 0 !important;
}
:deep(.u-form-item__body__right__message ) {
position: absolute;
left: 0;
bottom: -20rpx;
line-height: 20rpx;
font-size: 22rpx;
color: #f56c6c;
width: 100%;
box-sizing: border-box;
}
|
|
12e66ec8
刘淇
新增树
|
765
|
}
|
|
8ddc6f6e
刘淇
登录 修改样式
|
766
|
|
|
03b006dc
刘淇
树修改
|
767
768
769
|
.form-row-wrap + .u-form-item {
margin-top: 25rpx !important;
}
|
|
ecbfbe06
刘淇
树巡检记录
|
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
|
/* 底部固定按钮 */
.fixed-bottom-btn-wrap {
// position: fixed;
// left: 0;
// right: 0;
// bottom: 0;
// padding: 15rpx 30rpx;
// background: #fff;
// box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.05);
}
/* 巡检记录样式 */
.inspect-row {
font-size: 14px;
line-height: 2.2;
}
.detail-text {
color: #1989fa;
font-size: 14px;
}
|
|
8ddc6f6e
刘淇
登录 修改样式
|
791
|
</style>
|
