diff --git a/src/views/board/device/createEditDialog.vue b/src/views/board/device/createEditDialog.vue index b3efa22b..85120a38 100644 --- a/src/views/board/device/createEditDialog.vue +++ b/src/views/board/device/createEditDialog.vue @@ -25,7 +25,16 @@ show-word-limit /> - + + + + - + - + @@ -46,6 +55,23 @@ + + + + + + + + + + + @@ -94,7 +120,10 @@ const formData = ref({ deviceAttribute: undefined, deviceEnable: undefined, //设备启用禁用 设备启用禁用(0:禁用、1:启用) devicePort: undefined, //端口 - deviceIp: undefined //设备IP + deviceIp: undefined, //设备IP + cameraType:undefined, //摄像头类型 + deviceLocation:undefined, //设备位置 + cameraCode:undefined //摄像头编号 }) const formRules = reactive({ @@ -105,7 +134,9 @@ const formRules = reactive({ pictureConfig: [{ required: true, message: '设备图配置不能为空', trigger: 'blur' }], url: [{ required: true, message: '设备图片不能为空', trigger: 'blur' }], deviceAttribute: [{ required: true, message: '充电类型不能为空', trigger: 'blur' }], - deviceEnable: [{ required: true, message: '是否启用不能为空', trigger: 'blur' }] + deviceEnable: [{ required: true, message: '是否启用不能为空', trigger: 'blur' }], + cameraType: [{ required: true, message: '摄像头类型不能为空', trigger: 'blur' }], + cameraCode: [{ required: true, message: '摄像头编号不能为空', trigger: 'blur' }], }) const formRef = ref() // 表单 Ref @@ -126,7 +157,10 @@ const open = async (type, id) => { formData.value.mapImageUrl = res ? res : undefined }) } - console.log(data) + // 根据设备类型设置 cameraType + if (formData.value.deviceType !== 9) { + formData.value.cameraType = undefined; + } } else { title.value = '新建' } @@ -169,6 +203,11 @@ const deviceTypeChange = (e) => { // console.log(res) formData.value.mapImageUrl = res ? res : undefined }) + if (e === 9) { + formData.value.cameraType = '1'; + } else { + formData.value.cameraType = undefined; + } } //前往任务管理页面 const { push } = useRouter() @@ -223,7 +262,10 @@ const resetForm = () => { mapImageUrl: undefined, //设备在地图上图标 pictureConfig: undefined, // 图片设置(1:默认图片、2:上传图片、 3:不显示图片) url: undefined, //上传图片附件 - deviceAttribute: undefined + deviceAttribute: undefined,//充电桩类型 + cameraType:undefined, //摄像头类型 + deviceLocation:undefined, //设备位置 + cameraCode:undefined, //摄像头编号 } formRef.value?.resetFields() @@ -234,6 +276,7 @@ const resetForm = () => { ::v-deep .el-dialog { padding: 0 !important; } + ::v-deep .el-dialog__header { border-bottom: 1px solid #e8e8e8 !important; } @@ -254,10 +297,11 @@ const resetForm = () => { .circular { display: inline; - height: 30px; width: 30px; + height: 30px; animation: loading-rotate 2s linear infinite; } + .path { animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; @@ -272,20 +316,24 @@ const resetForm = () => { transform: rotate(360deg); } } + @keyframes loading-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } + 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } + 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } + @keyframes custom-spin-move { to { opacity: 1;