diff --git a/src/assets/img/lightning.png b/src/assets/img/lightning.png
new file mode 100644
index 00000000..a0231536
Binary files /dev/null and b/src/assets/img/lightning.png differ
diff --git a/src/components/baInput/index.vue b/src/components/baInput/index.vue
index 1d9846cd..7cfa6abf 100644
--- a/src/components/baInput/index.vue
+++ b/src/components/baInput/index.vue
@@ -1,414 +1,414 @@
-<script lang="ts">
-import type { PropType, VNode } from 'vue'
-import type { modelValueTypes, InputAttr, InputData } from '@/components/baInput'
-import { createVNode, resolveComponent, defineComponent, computed, reactive } from 'vue'
-import { inputTypes } from '@/components/baInput'
-import Array from '@/components/baInput/components/array.vue'
-import RemoteSelect from '@/components/baInput/components/remoteSelect.vue'
-import IconSelector from '@/components/baInput/components/iconSelector.vue'
-import Editor from '@/components/baInput/components/editor.vue'
-import { getArea } from '@/api/common'
-
-export default defineComponent({
-    name: 'baInput',
-    props: {
-        // 输入框类型,支持的输入框见 inputTypes
-        type: {
-            type: String,
-            required: true,
-            validator: (value: string) => {
-                return inputTypes.includes(value)
-            },
-        },
-        // 双向绑定值
-        modelValue: {
-            type: null,
-            required: true,
-        },
-        // 输入框的附加属性
-        attr: {
-            type: Object as PropType<InputAttr>,
-            default: () => {},
-        },
-        // 额外数据,radio、checkbox的选项等数据
-        data: {
-            type: Object as PropType<InputData>,
-            default: () => {},
-        },
-    },
-    emits: ['update:modelValue'],
-    setup(props, { emit }) {
-        const onValueUpdate = (value: modelValueTypes) => {
-            emit('update:modelValue', value)
-        }
-
-        // 子级元素属性
-        let childrenAttr = props.data && props.data.childrenAttr ? props.data.childrenAttr : {}
-
-        // string number textarea password
-        const sntp = () => {
-            return () =>
-                createVNode(resolveComponent('el-input'), {
-                    type: props.type == 'string' ? 'text' : props.type,
-                    ...props.attr,
-                    modelValue: props.modelValue,
-                    'onUpdate:modelValue': onValueUpdate,
-                })
-        }
-        // radio checkbox
-        const rc = () => {
-            if (!props.data || !props.data.content) {
-                console.warn('请传递 ' + props.type + '的 content')
-            }
-            let vNode: VNode[] = []
-            for (const key in props.data.content) {
-                vNode.push(
-                    createVNode(
-                        resolveComponent('el-' + props.type),
-                        {
-                            label: key,
-                            ...childrenAttr,
-                        },
-                        () => props.data.content[key]
-                    )
-                )
-            }
-            return () => {
-                const valueComputed = computed(() => {
-                    if (props.type == 'radio') {
-                        if (props.modelValue == undefined) return ''
-                        return '' + props.modelValue
-                    } else {
-                        let modelValueArr: anyObj = []
-                        for (const key in props.modelValue) {
-                            modelValueArr[key] = '' + props.modelValue[key]
-                        }
-                        return modelValueArr
-                    }
-                })
-                return createVNode(
-                    resolveComponent('el-' + props.type + '-group'),
-                    {
-                        ...props.attr,
-                        modelValue: valueComputed.value,
-                        'onUpdate:modelValue': onValueUpdate,
-                    },
-                    () => vNode
-                )
-            }
-        }
-        // select selects
-        const select = () => {
-            let vNode: VNode[] = []
-            if (!props.data || !props.data.content) {
-                console.warn('请传递 ' + props.type + '的 content')
-            }
-            for (const key in props.data.content) {
-                vNode.push(
-                    createVNode(resolveComponent('el-option'), {
-                        key: key,
-                        label: props.data.content[key],
-                        value: key,
-                        ...childrenAttr,
-                    })
-                )
-            }
-            return () => {
-                const valueComputed = computed(() => {
-                    if (props.type == 'select') {
-                        if (props.modelValue == undefined) return ''
-                        return '' + props.modelValue
-                    } else {
-                        let modelValueArr: anyObj = []
-                        for (const key in props.modelValue) {
-                            modelValueArr[key] = '' + props.modelValue[key]
-                        }
-                        return modelValueArr
-                    }
-                })
-                return createVNode(
-                    resolveComponent('el-select'),
-                    {
-                        class: 'w100',
-                        multiple: props.type == 'select' ? false : true,
-                        clearable: true,
-                        ...props.attr,
-                        modelValue: valueComputed.value,
-                        'onUpdate:modelValue': onValueUpdate,
-                    },
-                    () => vNode
-                )
-            }
-        }
-        // datetime
-        const datetime = () => {
-            let valueFormat = 'YYYY-MM-DD HH:mm:ss'
-            switch (props.type) {
-                case 'date':
-                    valueFormat = 'YYYY-MM-DD'
-                    break
-                case 'year':
-                    valueFormat = 'YYYY'
-                    break
-            }
-            return () =>
-                createVNode(resolveComponent('el-date-picker'), {
-                    class: 'w100',
-                    type: props.type,
-                    'value-format': valueFormat,
-                    ...props.attr,
-                    modelValue: props.modelValue,
-                    'onUpdate:modelValue': onValueUpdate,
-                })
-        }
-        // remoteSelect remoteSelects
-        const remoteSelect = () => {
-            return () =>
-                createVNode(RemoteSelect, {
-                    modelValue: props.modelValue,
-                    'onUpdate:modelValue': onValueUpdate,
-                    multiple: props.type == 'remoteSelect' ? false : true,
-                    ...props.attr,
-                })
-        }
-
-        const buildFun = new Map([
-            ['string', sntp],
-            ['number', sntp],
-            ['textarea', sntp],
-            ['password', sntp],
-            ['radio', rc],
-            ['checkbox', rc],
-            [
-                'switch',
-                () => {
-                    const valueType = computed(() => typeof props.modelValue)
-                    const valueComputed = computed(() => {
-                        if (valueType.value === 'boolean') {
-                            return props.modelValue
-                        } else {
-                            let valueTmp = parseInt(props.modelValue as string)
-                            return isNaN(valueTmp) || valueTmp <= 0 ? false : true
-                        }
-                    })
-                    return () =>
-                        createVNode(resolveComponent('el-switch'), {
-                            ...props.attr,
-                            modelValue: valueComputed.value,
-                            'onUpdate:modelValue': (value: boolean) => {
-                                let newValue: boolean | string | number = value
-                                switch (valueType.value) {
-                                    case 'string':
-                                        newValue = value ? '1' : '0'
-                                        break
-                                    case 'number':
-                                        newValue = value ? 1 : 0
-                                }
-                                emit('update:modelValue', newValue)
-                            },
-                        })
-                },
-            ],
-            ['datetime', datetime],
-            [
-                'year',
-                () => {
-                    return () => {
-                        const valueComputed = computed(() => (!props.modelValue ? null : '' + props.modelValue))
-                        return createVNode(resolveComponent('el-date-picker'), {
-                            class: 'w100',
-                            type: props.type,
-                            'value-format': 'YYYY',
-                            ...props.attr,
-                            modelValue: valueComputed.value,
-                            'onUpdate:modelValue': onValueUpdate,
-                        })
-                    }
-                },
-            ],
-            ['date', datetime],
-            [
-                'time',
-                () => {
-                    const valueComputed = computed(() => {
-                        if (props.modelValue instanceof Date) {
-                            return props.modelValue
-                        } else if (!props.modelValue) {
-                            return ''
-                        } else {
-                            let date = new Date()
-                            return new Date(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + props.modelValue)
-                        }
-                    })
-                    return () =>
-                        createVNode(resolveComponent('el-time-picker'), {
-                            class: 'w100',
-                            clearable: true,
-                            format: 'HH:mm:ss',
-                            ...props.attr,
-                            modelValue: valueComputed.value,
-                            'onUpdate:modelValue': onValueUpdate,
-                        })
-                },
-            ],
-            ['select', select],
-            ['selects', select],
-            [
-                'array',
-                () => {
-                    return () =>
-                        createVNode(Array, {
-                            modelValue: props.modelValue,
-                            'onUpdate:modelValue': onValueUpdate,
-                            ...props.attr,
-                        })
-                },
-            ],
-            ['remoteSelect', remoteSelect],
-            ['remoteSelects', remoteSelect],
-            [
-                'city',
-                () => {
-                    type Node = { value?: number; label?: string; leaf?: boolean }
-                    let maxLevel = props.data && props.data.level ? props.data.level - 1 : 2
-                    const lastLazyValue: {
-                        value: string | number[] | unknown
-                        nodes: Node[]
-                        key: string
-                        currentRequest: any
-                    } = reactive({
-                        value: 'ready',
-                        nodes: [],
-                        key: '',
-                        currentRequest: null,
-                    })
-
-                    // 请求到的node备份-s
-                    let nodeEbak: anyObj = {}
-                    const getNodes = (level: number, key: string) => {
-                        if (nodeEbak[level] && nodeEbak[level][key]) {
-                            return nodeEbak[level][key]
-                        }
-                        return false
-                    }
-                    const setNodes = (level: number, key: string, nodes: Node[] = []) => {
-                        if (!nodeEbak[level]) {
-                            nodeEbak[level] = {}
-                        }
-                        nodeEbak[level][key] = nodes
-                    }
-                    // 请求到的node备份-e
-
-                    return () =>
-                        createVNode(resolveComponent('el-cascader'), {
-                            modelValue: props.modelValue,
-                            'onUpdate:modelValue': onValueUpdate,
-                            class: 'w100',
-                            clearable: true,
-                            props: {
-                                lazy: true,
-                                lazyLoad(node: any, resolve: any) {
-                                    // lazyLoad会频繁触发,在本地存储请求结果,供重复触发时直接读取
-                                    const { level, pathValues } = node
-                                    let key = pathValues.join(',')
-                                    key = key ? key : 'init'
-
-                                    let locaNode = getNodes(level, key)
-                                    if (locaNode) {
-                                        return resolve(locaNode)
-                                    }
-
-                                    if (lastLazyValue.key == key && lastLazyValue.value == props.modelValue) {
-                                        if (lastLazyValue.currentRequest) {
-                                            return lastLazyValue.currentRequest
-                                        }
-                                        return resolve(lastLazyValue.nodes)
-                                    }
-
-                                    let nodes: Node[] = []
-                                    lastLazyValue.key = key
-                                    lastLazyValue.value = props.modelValue
-                                    lastLazyValue.currentRequest = getArea(pathValues).then((res) => {
-                                        let toStr = false
-                                        if (props.modelValue && typeof (props.modelValue as anyObj)[0] === 'string') {
-                                            toStr = true
-                                        }
-                                        for (const key in res.data) {
-                                            if (toStr) {
-                                                res.data[key].value = res.data[key].value.toString()
-                                            }
-                                            res.data[key].leaf = level >= maxLevel
-                                            nodes.push(res.data[key])
-                                        }
-                                        lastLazyValue.nodes = nodes
-                                        lastLazyValue.currentRequest = null
-                                        setNodes(level, key, nodes)
-                                        resolve(nodes)
-                                    })
-                                },
-                            },
-                            ...props.attr,
-                        })
-                },
-            ],
-            ['image', upload],
-            ['images', upload],
-            ['file', upload],
-            ['files', upload],
-            [
-                'icon',
-                () => {
-                    return () =>
-                        createVNode(IconSelector, {
-                            modelValue: props.modelValue,
-                            'onUpdate:modelValue': onValueUpdate,
-                            ...props.attr,
-                        })
-                },
-            ],
-            [
-                'color',
-                () => {
-                    return () =>
-                        createVNode(resolveComponent('el-color-picker'), {
-                            modelValue: props.modelValue,
-                            'onUpdate:modelValue': onValueUpdate,
-                            ...props.attr,
-                        })
-                },
-            ],
-            [
-                'editor',
-                () => {
-                    return () =>
-                        createVNode(Editor, {
-                            modelValue: props.modelValue,
-                            'onUpdate:modelValue': onValueUpdate,
-                            ...props.attr,
-                        })
-                },
-            ],
-            [
-                'default',
-                () => {
-                    console.warn('暂不支持' + props.type + '的输入框类型，你可以自行在 BaInput 组件内添加逻辑')
-                },
-            ],
-        ])
-
-        let action = buildFun.get(props.type) || buildFun.get('default')
-        return action!.call(this)
-    },
-})
-</script>
-
-<style scoped lang="scss">
-.ba-upload-image :deep(.el-upload--picture-card) {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-.ba-upload-file :deep(.el-upload-list) {
-    margin-left: -10px;
-}
-</style>
+<script lang="ts">
+import type { PropType, VNode } from 'vue'
+import type { modelValueTypes, InputAttr, InputData } from '@/components/baInput'
+import { createVNode, resolveComponent, defineComponent, computed, reactive } from 'vue'
+import { inputTypes } from '@/components/baInput'
+import Array from '@/components/baInput/components/array.vue'
+import RemoteSelect from '@/components/baInput/components/remoteSelect.vue'
+import IconSelector from '@/components/baInput/components/iconSelector.vue'
+import Editor from '@/components/baInput/components/editor.vue'
+// import { getArea } from '@/api/common'
+
+export default defineComponent({
+    name: 'baInput',
+    props: {
+        // 输入框类型,支持的输入框见 inputTypes
+        type: {
+            type: String,
+            required: true,
+            validator: (value: string) => {
+                return inputTypes.includes(value)
+            },
+        },
+        // 双向绑定值
+        modelValue: {
+            type: null,
+            required: true,
+        },
+        // 输入框的附加属性
+        attr: {
+            type: Object as PropType<InputAttr>,
+            default: () => {},
+        },
+        // 额外数据,radio、checkbox的选项等数据
+        data: {
+            type: Object as PropType<InputData>,
+            default: () => {},
+        },
+    },
+    emits: ['update:modelValue'],
+    setup(props, { emit }) {
+        const onValueUpdate = (value: modelValueTypes) => {
+            emit('update:modelValue', value)
+        }
+
+        // 子级元素属性
+        let childrenAttr = props.data && props.data.childrenAttr ? props.data.childrenAttr : {}
+
+        // string number textarea password
+        const sntp = () => {
+            return () =>
+                createVNode(resolveComponent('el-input'), {
+                    type: props.type == 'string' ? 'text' : props.type,
+                    ...props.attr,
+                    modelValue: props.modelValue,
+                    'onUpdate:modelValue': onValueUpdate,
+                })
+        }
+        // radio checkbox
+        const rc = () => {
+            if (!props.data || !props.data.content) {
+                console.warn('请传递 ' + props.type + '的 content')
+            }
+            let vNode: VNode[] = []
+            for (const key in props.data.content) {
+                vNode.push(
+                    createVNode(
+                        resolveComponent('el-' + props.type),
+                        {
+                            label: key,
+                            ...childrenAttr,
+                        },
+                        () => props.data.content[key]
+                    )
+                )
+            }
+            return () => {
+                const valueComputed = computed(() => {
+                    if (props.type == 'radio') {
+                        if (props.modelValue == undefined) return ''
+                        return '' + props.modelValue
+                    } else {
+                        let modelValueArr: anyObj = []
+                        for (const key in props.modelValue) {
+                            modelValueArr[key] = '' + props.modelValue[key]
+                        }
+                        return modelValueArr
+                    }
+                })
+                return createVNode(
+                    resolveComponent('el-' + props.type + '-group'),
+                    {
+                        ...props.attr,
+                        modelValue: valueComputed.value,
+                        'onUpdate:modelValue': onValueUpdate,
+                    },
+                    () => vNode
+                )
+            }
+        }
+        // select selects
+        const select = () => {
+            let vNode: VNode[] = []
+            if (!props.data || !props.data.content) {
+                console.warn('请传递 ' + props.type + '的 content')
+            }
+            for (const key in props.data.content) {
+                vNode.push(
+                    createVNode(resolveComponent('el-option'), {
+                        key: key,
+                        label: props.data.content[key],
+                        value: key,
+                        ...childrenAttr,
+                    })
+                )
+            }
+            return () => {
+                const valueComputed = computed(() => {
+                    if (props.type == 'select') {
+                        if (props.modelValue == undefined) return ''
+                        return '' + props.modelValue
+                    } else {
+                        let modelValueArr: anyObj = []
+                        for (const key in props.modelValue) {
+                            modelValueArr[key] = '' + props.modelValue[key]
+                        }
+                        return modelValueArr
+                    }
+                })
+                return createVNode(
+                    resolveComponent('el-select'),
+                    {
+                        class: 'w100',
+                        multiple: props.type == 'select' ? false : true,
+                        clearable: true,
+                        ...props.attr,
+                        modelValue: valueComputed.value,
+                        'onUpdate:modelValue': onValueUpdate,
+                    },
+                    () => vNode
+                )
+            }
+        }
+        // datetime
+        const datetime = () => {
+            let valueFormat = 'YYYY-MM-DD HH:mm:ss'
+            switch (props.type) {
+                case 'date':
+                    valueFormat = 'YYYY-MM-DD'
+                    break
+                case 'year':
+                    valueFormat = 'YYYY'
+                    break
+            }
+            return () =>
+                createVNode(resolveComponent('el-date-picker'), {
+                    class: 'w100',
+                    type: props.type,
+                    'value-format': valueFormat,
+                    ...props.attr,
+                    modelValue: props.modelValue,
+                    'onUpdate:modelValue': onValueUpdate,
+                })
+        }
+        // remoteSelect remoteSelects
+        const remoteSelect = () => {
+            return () =>
+                createVNode(RemoteSelect, {
+                    modelValue: props.modelValue,
+                    'onUpdate:modelValue': onValueUpdate,
+                    multiple: props.type == 'remoteSelect' ? false : true,
+                    ...props.attr,
+                })
+        }
+
+        const buildFun = new Map([
+            ['string', sntp],
+            ['number', sntp],
+            ['textarea', sntp],
+            ['password', sntp],
+            ['radio', rc],
+            ['checkbox', rc],
+            [
+                'switch',
+                () => {
+                    const valueType = computed(() => typeof props.modelValue)
+                    const valueComputed = computed(() => {
+                        if (valueType.value === 'boolean') {
+                            return props.modelValue
+                        } else {
+                            let valueTmp = parseInt(props.modelValue as string)
+                            return isNaN(valueTmp) || valueTmp <= 0 ? false : true
+                        }
+                    })
+                    return () =>
+                        createVNode(resolveComponent('el-switch'), {
+                            ...props.attr,
+                            modelValue: valueComputed.value,
+                            'onUpdate:modelValue': (value: boolean) => {
+                                let newValue: boolean | string | number = value
+                                switch (valueType.value) {
+                                    case 'string':
+                                        newValue = value ? '1' : '0'
+                                        break
+                                    case 'number':
+                                        newValue = value ? 1 : 0
+                                }
+                                emit('update:modelValue', newValue)
+                            },
+                        })
+                },
+            ],
+            ['datetime', datetime],
+            [
+                'year',
+                () => {
+                    return () => {
+                        const valueComputed = computed(() => (!props.modelValue ? null : '' + props.modelValue))
+                        return createVNode(resolveComponent('el-date-picker'), {
+                            class: 'w100',
+                            type: props.type,
+                            'value-format': 'YYYY',
+                            ...props.attr,
+                            modelValue: valueComputed.value,
+                            'onUpdate:modelValue': onValueUpdate,
+                        })
+                    }
+                },
+            ],
+            ['date', datetime],
+            [
+                'time',
+                () => {
+                    const valueComputed = computed(() => {
+                        if (props.modelValue instanceof Date) {
+                            return props.modelValue
+                        } else if (!props.modelValue) {
+                            return ''
+                        } else {
+                            let date = new Date()
+                            return new Date(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + props.modelValue)
+                        }
+                    })
+                    return () =>
+                        createVNode(resolveComponent('el-time-picker'), {
+                            class: 'w100',
+                            clearable: true,
+                            format: 'HH:mm:ss',
+                            ...props.attr,
+                            modelValue: valueComputed.value,
+                            'onUpdate:modelValue': onValueUpdate,
+                        })
+                },
+            ],
+            ['select', select],
+            ['selects', select],
+            [
+                'array',
+                () => {
+                    return () =>
+                        createVNode(Array, {
+                            modelValue: props.modelValue,
+                            'onUpdate:modelValue': onValueUpdate,
+                            ...props.attr,
+                        })
+                },
+            ],
+            ['remoteSelect', remoteSelect],
+            ['remoteSelects', remoteSelect],
+            [
+                'city',
+                () => {
+                    type Node = { value?: number; label?: string; leaf?: boolean }
+                    let maxLevel = props.data && props.data.level ? props.data.level - 1 : 2
+                    const lastLazyValue: {
+                        value: string | number[] | unknown
+                        nodes: Node[]
+                        key: string
+                        currentRequest: any
+                    } = reactive({
+                        value: 'ready',
+                        nodes: [],
+                        key: '',
+                        currentRequest: null,
+                    })
+
+                    // 请求到的node备份-s
+                    let nodeEbak: anyObj = {}
+                    const getNodes = (level: number, key: string) => {
+                        if (nodeEbak[level] && nodeEbak[level][key]) {
+                            return nodeEbak[level][key]
+                        }
+                        return false
+                    }
+                    const setNodes = (level: number, key: string, nodes: Node[] = []) => {
+                        if (!nodeEbak[level]) {
+                            nodeEbak[level] = {}
+                        }
+                        nodeEbak[level][key] = nodes
+                    }
+                    // 请求到的node备份-e
+
+                    return () =>
+                        createVNode(resolveComponent('el-cascader'), {
+                            modelValue: props.modelValue,
+                            'onUpdate:modelValue': onValueUpdate,
+                            class: 'w100',
+                            clearable: true,
+                            props: {
+                                lazy: true,
+                                lazyLoad(node: any, resolve: any) {
+                                    // lazyLoad会频繁触发,在本地存储请求结果,供重复触发时直接读取
+                                    const { level, pathValues } = node
+                                    let key = pathValues.join(',')
+                                    key = key ? key : 'init'
+
+                                    let locaNode = getNodes(level, key)
+                                    if (locaNode) {
+                                        return resolve(locaNode)
+                                    }
+
+                                    if (lastLazyValue.key == key && lastLazyValue.value == props.modelValue) {
+                                        if (lastLazyValue.currentRequest) {
+                                            return lastLazyValue.currentRequest
+                                        }
+                                        return resolve(lastLazyValue.nodes)
+                                    }
+
+                                    let nodes: Node[] = []
+                                    lastLazyValue.key = key
+                                    lastLazyValue.value = props.modelValue
+                                    lastLazyValue.currentRequest = getArea(pathValues).then((res) => {
+                                        let toStr = false
+                                        if (props.modelValue && typeof (props.modelValue as anyObj)[0] === 'string') {
+                                            toStr = true
+                                        }
+                                        for (const key in res.data) {
+                                            if (toStr) {
+                                                res.data[key].value = res.data[key].value.toString()
+                                            }
+                                            res.data[key].leaf = level >= maxLevel
+                                            nodes.push(res.data[key])
+                                        }
+                                        lastLazyValue.nodes = nodes
+                                        lastLazyValue.currentRequest = null
+                                        setNodes(level, key, nodes)
+                                        resolve(nodes)
+                                    })
+                                },
+                            },
+                            ...props.attr,
+                        })
+                },
+            ],
+            ['image', upload],
+            ['images', upload],
+            ['file', upload],
+            ['files', upload],
+            [
+                'icon',
+                () => {
+                    return () =>
+                        createVNode(IconSelector, {
+                            modelValue: props.modelValue,
+                            'onUpdate:modelValue': onValueUpdate,
+                            ...props.attr,
+                        })
+                },
+            ],
+            [
+                'color',
+                () => {
+                    return () =>
+                        createVNode(resolveComponent('el-color-picker'), {
+                            modelValue: props.modelValue,
+                            'onUpdate:modelValue': onValueUpdate,
+                            ...props.attr,
+                        })
+                },
+            ],
+            [
+                'editor',
+                () => {
+                    return () =>
+                        createVNode(Editor, {
+                            modelValue: props.modelValue,
+                            'onUpdate:modelValue': onValueUpdate,
+                            ...props.attr,
+                        })
+                },
+            ],
+            [
+                'default',
+                () => {
+                    console.warn('暂不支持' + props.type + '的输入框类型，你可以自行在 BaInput 组件内添加逻辑')
+                },
+            ],
+        ])
+
+        let action = buildFun.get(props.type) || buildFun.get('default')
+        return action!.call(this)
+    },
+})
+</script>
+
+<style scoped lang="scss">
+.ba-upload-image :deep(.el-upload--picture-card) {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+.ba-upload-file :deep(.el-upload-list) {
+    margin-left: -10px;
+}
+</style>
diff --git a/src/components/cockpit/dataCleaning/index.vue b/src/components/cockpit/dataCleaning/index.vue
index 3a14c82e..048a12da 100644
--- a/src/components/cockpit/dataCleaning/index.vue
+++ b/src/components/cockpit/dataCleaning/index.vue
@@ -202,6 +202,8 @@ const tableStore: any = new TableStore({
     }
 })
 tableStore.table.params.deptId = dictData.state.area[0].id
+tableStore.table.params.alarmDayLimit = 5
+tableStore.table.params.warnDayLimit = 1
 const echart = () => {
     percentage.value = {
         color: ['#FF9100'],
diff --git a/src/components/formContainer/index.vue b/src/components/formContainer/index.vue
index 4c286b06..1348be2b 100644
--- a/src/components/formContainer/index.vue
+++ b/src/components/formContainer/index.vue
@@ -1,54 +1,54 @@
-<template>
-    <el-dialog v-if="isModal" size="50%" v-model="visibles" @cancel="cancel" v-bind="$attrs" :append-to-body="true">
-        <template v-for="slotKey in slotKeys" #[slotKey]>
-            <slot :name="slotKey" />
-        </template>
-    </el-dialog>
-    <el-drawer v-else size="50%"  v-model="visibles" v-bind="$attrs"  :append-to-body="true" :footer-style="{ textAlign: 'right' }">
-        <template v-for="slotKey in slotKeys" #[slotKey]>
-            <slot :name="slotKey" />
-        </template>
-    </el-drawer>
-</template>
-
-<script>
-import { mapState } from 'pinia'
-import { globalStore } from '@/stores/indexs'
-
-const FormContainerTypeEnum = {
-    DRAWER: 'drawer',
-    MODAL: 'modal'
-}
-export default {
-    inheritAttrs: false,
-    props: {
-        visible: {
-            type: Boolean,
-            default: false,
-            required: true
-        }
-    },
-    computed: {
-        ...mapState(globalStore, ['formStyle']),
-        slotKeys() {
-            return Object.keys(this.$slots)
-        },
-        isModal() {
-            return FormContainerTypeEnum.MODAL === this.formStyle
-        }
-    },
-    data() {
-        return {
-            visibles: ''
-        }
-    },
-    methods: {
-        cancel() {
-            this.$emit('close')
-        }
-    },
-    mounted() {
-        this.visibles = this.visible
-    }
-}
-</script>
+<template>
+    <el-dialog v-if="isModal" size="50%" v-model="visibles" @cancel="cancel" v-bind="$attrs" :append-to-body="true">
+        <template v-for="slotKey in slotKeys" #[slotKey]>
+            <slot :name="slotKey" />
+        </template>
+    </el-dialog>
+    <el-drawer v-else size="50%"  v-model="visibles" v-bind="$attrs"  :append-to-body="true" :footer-style="{ textAlign: 'right' }">
+        <template v-for="slotKey in slotKeys" #[slotKey]>
+            <slot :name="slotKey" />
+        </template>
+    </el-drawer>
+</template>
+
+<script>
+import { mapState } from 'pinia'
+// import { globalStore } from '@/stores/indexs'
+
+const FormContainerTypeEnum = {
+    DRAWER: 'drawer',
+    MODAL: 'modal'
+}
+export default {
+    inheritAttrs: false,
+    props: {
+        visible: {
+            type: Boolean,
+            default: false,
+            required: true
+        }
+    },
+    computed: {
+        // ...mapState(globalStore, ['formStyle']),
+        slotKeys() {
+            return Object.keys(this.$slots)
+        },
+        isModal() {
+            return FormContainerTypeEnum.MODAL === this.formStyle
+        }
+    },
+    data() {
+        return {
+            visibles: ''
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit('close')
+        }
+    },
+    mounted() {
+        this.visibles = this.visible
+    }
+}
+</script>
diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index edecbff2..901e7c59 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -9,7 +9,7 @@
                 label-position="left"
                 :inline="true"
             >
-                <el-form-item v-if="datePicker" style="grid-column: span 2; max-width: 620px">
+                <el-form-item v-if="datePicker" style="grid-column: span 2; max-width: 630px">
                     <template #label>
                         <el-checkbox v-if="showTimeAll" v-model="timeAll" label="时间" />
                         <span v-else>{{ dateLabel }}</span>
diff --git a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
index 68b5ab17..ff67f57c 100644
--- a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
@@ -34,7 +34,11 @@
                             <div class="divBox">
                                 <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
                                 <span class="divBox_title">监测点总数</span>
-                                <span class="divBox_num text-style" style="color: #57bc6e" @click="totalTable(101, '')">
+                                <span
+                                    class="divBox_num text-style"
+                                    style="color: #57bc6e"
+                                    @click="totalTable(100001, '')"
+                                >
                                     {{ monitoringPoints.runNum }}
                                 </span>
                             </div>
@@ -105,7 +109,7 @@
                             <span
                                 style="width: 90px; color: #388e3c"
                                 class="text text-style"
-                                @click="renderTable(o.detailList, 101, o.citName + '_')"
+                                @click="renderTable(o.detailList, 100001, o.citName + '_')"
                             >
                                 {{ o.citTotalNum }}
                             </span>
@@ -156,7 +160,7 @@
                                 </span>
                             </template>
                         </vxe-column>
-                        <vxe-column field="cit" title="参数地市" width="110px"></vxe-column>
+                        <vxe-column field="cit" title="所在地市" width="110px"></vxe-column>
                         <vxe-column field="company" title="供电公司"></vxe-column>
                         <vxe-column field="subStation" title="变电站"></vxe-column>
                         <vxe-column field="manufacturer" title="终端厂家"></vxe-column>
@@ -242,7 +246,6 @@ const runFlagList = [
     { id: 3, name: '调试' },
     { id: 4, name: '退运' }
 ]
-// Statistical_Type
 
 const segmented = ref('Power_Network')
 
@@ -261,7 +264,6 @@ const tableStore = new TableStore({
         tableStore.table.params.statisticalType = segmentedList.filter(item => item.code === segmented.value)[0]
     },
     loadCallback: () => {
-        // tableStore.table.data
         monitoringPoints.value.runNum = tableStore.table.data.totalNum
         monitoringPoints.value.abnormalNum = tableStore.table.data.belowNum
         monitoringPoints.value.totalOnlineRate = tableStore.table.data.totalOnlineRate - 0
@@ -272,14 +274,14 @@ const tableStore = new TableStore({
                 .map((item: any) => item.detailList)
                 .flat()
                 .reduce((map: any, item: any) => {
-                    if (!map.has(item.deviceId)) {
-                        map.set(item.deviceId, item)
+                    if (!map.has(item.lineId)) {
+                        map.set(item.lineId, item)
                     }
                     return map
                 }, new Map())
                 .values()
         )
-        totalTable(101, '')
+        totalTable(100001, '')
         echart()
     }
 })
@@ -346,7 +348,7 @@ const echart = () => {
                     name: '异常占比',
                     type: 'bar',
                     barWidth: 13,
-                    data: [monitoringPoints.value.totalOnlineRate ==0?'':monitoringPoints.value.totalOnlineRate],
+                    data: [monitoringPoints.value.totalOnlineRate == 0 ? '' : monitoringPoints.value.totalOnlineRate],
                     z: 0,
                     zlevel: 0,
                     itemStyle: {
diff --git a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
index 14af25b6..fe99b14b 100644
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
@@ -34,7 +34,7 @@
                             <div class="divBox">
                                 <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
                                 <span class="divBox_title">终端总数</span>
-                                <span class="divBox_num text-style" style="color: #57bc6e" @click="totalTable(101, '')">
+                                <span class="divBox_num text-style" style="color: #57bc6e" @click="totalTable(100001, '')">
                                     {{ monitoringPoints.runNum }}
                                 </span>
                             </div>
@@ -105,7 +105,7 @@
                             <span
                                 style="width: 90px; color: #388e3c"
                                 class="text text-style"
-                                @click="renderTable(o.detailList, 101, o.citName + '_')"
+                                @click="renderTable(o.detailList, 100001, o.citName + '_')"
                             >
                                 {{ o.citTotalNum }}
                             </span>
@@ -156,7 +156,7 @@
                                 </span>
                             </template>
                         </vxe-column>
-                        <vxe-column field="cit" title="参数地市" width="110px"></vxe-column>
+                        <vxe-column field="cit" title="所在地市" width="110px"></vxe-column>
                         <vxe-column field="company" title="供电公司"></vxe-column>
                         <vxe-column field="subStation" title="变电站"></vxe-column>
                         <vxe-column field="manufacturer" title="终端厂家"></vxe-column>
@@ -259,7 +259,6 @@ const tableStore = new TableStore({
         tableStore.table.params.statisticalType = segmentedList.filter(item => item.code === segmented.value)[0]
     },
     loadCallback: () => {
-        // tableStore.table.data
         monitoringPoints.value.runNum = tableStore.table.data.totalNum
         monitoringPoints.value.abnormalNum = tableStore.table.data.belowNum
         monitoringPoints.value.totalOnlineRate = tableStore.table.data.totalOnlineRate - 0
@@ -278,7 +277,7 @@ const tableStore = new TableStore({
                 .values()
         )
 
-        totalTable(101, '')
+        totalTable(100001, '')
         echart()
     }
 })
diff --git a/src/views/pqs/runManage/runEvaluate/index_JB.vue b/src/views/pqs/runManage/runEvaluate/index_JB.vue
index 3099e326..22fb3761 100644
--- a/src/views/pqs/runManage/runEvaluate/index_JB.vue
+++ b/src/views/pqs/runManage/runEvaluate/index_JB.vue
@@ -138,7 +138,7 @@
                                 </span>
                             </template>
                         </vxe-column>
-                        <vxe-column field="cit" title="参数地市" width="110px"></vxe-column>
+                        <vxe-column field="cit" title="所在地市" width="110px"></vxe-column>
                         <vxe-column field="company" title="供电公司"></vxe-column>
                         <vxe-column field="subName" title="变电站"></vxe-column>
                         <vxe-column field="manufacturer" title="终端厂家"></vxe-column>