| | |
| | | <el-input class="ztzf-input inputName" v-model="formData.name" placeholder="请输入" /> |
| | | </div> |
| | | </div> |
| | | <div class="itemRow"> |
| | | <div class="itemRow" v-if="layerParams.addAnEditingFolder === 1 && layerParams.fileType !==2"> |
| | | <div class="label">关联算法</div> |
| | | <div> |
| | | <el-select |
| | |
| | | <div class="itemData"> |
| | | <div class="title">围栏总面积</div> |
| | | <div class="num"> |
| | | <span>{{ formData.total_area }}</span> m² |
| | | <span class="areaStyle">{{ formData.total_area }}</span> m² |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | clearAllData(); |
| | | }; |
| | | const submitHandle = () => { |
| | | if (!formData.value.name) { |
| | | ElMessage.error('请输入文件夹名称'); |
| | | return; |
| | | } |
| | | if (!formData.value.event_type && layerParams.value.fileType === 1) { |
| | | ElMessage.error('请选择类型'); |
| | | |
| | | if(!formData.value.name){ |
| | | ElMessage({ |
| | | message: '请输入文件夹名称', |
| | | type: 'error', |
| | | }); |
| | | return |
| | | } |
| | | if(!formData.value.event_type){ |
| | | ElMessage({ |
| | | message: '请选择类型', |
| | | type: 'error', |
| | | }); |
| | | return |
| | | } |
| | | if(!formData.value.algorithm_name){ |
| | | ElMessage({ |
| | | message: '请选择算法', |
| | | type: 'error', |
| | | }); |
| | | return |
| | | } |
| | | return; |
| | | } |
| | | if (!formData.value.algorithm_name && layerParams.value.fileType === 1) { |
| | | ElMessage.error('请选择算法'); |
| | | return; |
| | | } |
| | | const params = { |
| | | category_id: layerParams.value.fileType === 1 ? 1 : 2, |
| | | name: formData.value.name, |
| | |
| | | if (layerParams.value.addAnEditingFolder === 1) { |
| | | // 文件夹新增 |
| | | addFolderApi(params).then(res => { |
| | | ElMessage.success('新增成功'); |
| | | ElMessage.success('新增成功'); |
| | | }); |
| | | } else { |
| | | //文件夹编辑 |
| | | deitFolderApi(params).then(res => { |
| | | ElMessage.success('编辑成功'); |
| | | ElMessage.success('编辑成功'); |
| | | }); |
| | | } |
| | | clearAllData(); |
| | | }; |
| | | onMounted(async () => { |
| | | |
| | | await getTicketInfoData(); |
| | | const addOrEditStatus = layerParams.value.addAnEditingFolder || 1; |
| | | // 判断是否有编辑数据,有则回显 |
| | |
| | | name: editData.name, |
| | | event_type: editData.event_type, // 回显“关联算法类型”值 |
| | | algorithm_name: editData.algorithm_name, // 回显“算法”值 |
| | | |
| | | |
| | | total_count: editData.total_count, |
| | | total_area: editData.total_area, |
| | | create_time: editData.create_time ? dayjs(editData.create_time).format('YYYY年MM月DD日') : '', |
| | |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: 400; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | color: #DFDFDF; |
| | | margin-bottom: 23px; |
| | | .num { |
| | | span { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 20px; |
| | | font-size: 14px; |
| | | color: #ffffff; |
| | | } |
| | | .areaStyle { |
| | | font-family: Source Han Sans CN, Source Han Sans CN; |
| | | font-weight: bold; |
| | | font-size: 20px; |
| | | color: #FFFFFF; |
| | | } |
| | | } |
| | | .itemData { |
| | | width: 50%; |
| | | |
| | | } |
| | | } |
| | | } |