微调

src/api/cs-harmonic-boot/datatrend.ts

@@ -20,3 +20,12 @@ export function getFileZip(params: any) {
         responseType: 'blob'
     })
 }
+
+export function exportModel(data: any) {
+    return createAxios({
+        url: '/cs-harmonic-boot/exportmodel/exportModel',
+        method: 'post',
+        data: data,
+        responseType: 'blob'
+    })
+}

src/components/cockpit/directionStatistics/index.vue

@@ -102,8 +102,8 @@ const tableStore: any = new TableStore({
             },
             legend: {
                 orient: 'vertical',
-                top: 'center',
+                top: '50',
-                right: '5%',
+                right: '10',
                 formatter: function (name: string) {
                     const item = chartData.value.find((i: any) => i.name === name)
                     return item ? `${name}   ${item.value}次` : name

src/components/cockpit/transientStatistics/index.vue

@@ -106,8 +106,8 @@ const eventEcharts = () => {
             },
             legend: {
                 orient: 'vertical',
-                top: 'center',
+                top: '50',
-                right: '5%',
+                right: '10',
                 formatter: function (e: any) {
                     return e + '   ' + data.value.filter((item: any) => item.name == e)[0].value + '次'
                 }

src/components/tree/govern/pointTreeWx.vue

@@ -1,26 +1,44 @@
 <template>
     <div>
         <div style="transition: all 0.3s; overflow: hidden; height: 100%">
-
             <div class="cn-tree">
                 <div style="display: flex; align-items: center" class="mb10">
-                    <el-input maxlength="32" show-word-limit v-model.trim="filterText" placeholder="请输入内容" clearable>
+                    <el-input
+                        maxlength="32"
+                        show-word-limit
+                        v-model.trim="filterText"
+                        placeholder="请输入内容"
+                        clearable
+                    >
                         <template #prefix>
                             <Icon name="el-icon-Search" style="font-size: 16px" />
                         </template>
                     </el-input>
                 </div>
-                <el-tree style="flex: 1; overflow: auto" :props="defaultProps" highlight-current
+                <el-tree
-                    :filter-node-method="filterNode" node-key="id" v-bind="$attrs" default-expand-all :data="tree"
+                    style="flex: 1; overflow: auto"
-                    ref="treRef" @node-click="clickNode" :expand-on-click-node="false">
+                    :props="defaultProps"
+                    highlight-current
+                    :filter-node-method="filterNode"
+                    node-key="id"
+                    v-bind="$attrs"
+                    default-expand-all
+                    :data="tree"
+                    ref="treRef"
+                    @node-click="clickNode"
+                    :expand-on-click-node="false"
+                >
                     <template #default="{ node, data }">
                         <span class="custom-tree-node">
-                            <div class="left">
+                            <div class="left" style="display: flex; align-items: center">
-                                <Icon :name="data.icon" style="font-size: 16px" :style="{ color: data.color }"
+                                <Icon
-                                    v-if="data.icon" />
+                                    :name="data.icon"
-                                <span>{{ node.label }}</span>
+                                    style="font-size: 16px"
+                                    :style="{ color: data.color }"
+                                    v-if="data.icon"
+                                />
+                                <span style="margin-left: 5px;">{{ node.label }}</span>
                             </div>
-
                         </span>
                     </template>
                 </el-tree>
@@ -43,12 +61,10 @@ defineOptions({
 
 interface Props {
     template?: boolean
-
 }
 const dictData = useDictData()
 const props = withDefaults(defineProps<Props>(), {
-    template: false,
+    template: false
-
 })
 const filterText = ref('')
 watch(filterText, val => {
@@ -94,7 +110,6 @@ const defaultProps = {
     value: 'id'
 }
 
-
 const emit = defineEmits(['init', 'checkChange', 'nodeChange', 'editNode', 'getChart', 'Policy'])
 const config = useConfig()
 const tree = ref()
@@ -141,18 +156,18 @@ const clickNode = (e: anyObj) => {
     emit('nodeChange', e)
 }
 
-
 if (props.template) {
-    getTemplateByDept({ id: dictData.state.area[0].id }).then((res: any) => {
+    getTemplateByDept({ id: dictData.state.area[0].id })
-        emit('Policy', res.data)
+        .then((res: any) => {
-        getTreeList()
+            emit('Policy', res.data)
-    }).catch(err => {
+            getTreeList()
-        getTreeList()
+        })
-    })
+        .catch(err => {
+            getTreeList()
+        })
 } else {
     getTreeList()
 }
-
 </script>
 <style lang="scss" scoped>
 .cn-tree {

src/views/govern/cloudDeviceEntry/index.vue

@@ -855,6 +855,31 @@
                                                     <el-option label="已治理" :value="1" />
                                                 </el-select>
                                             </el-form-item>
+                                            <el-form-item
+                                                class="form-item"
+                                                label="运行状态:"
+                                                :rules="{ required: true, message: '请选择运行状态', trigger: 'blur' }"
+                                            >
+                                            <!-- （0：运行；1：检修；2：停运；3：调试；4：退运） -->
+                                                <el-select
+                                                    filterable
+                                                    v-model="lineItem.runStatus"
+                                                    placeholder="请选择运行状态"
+                                                    :disabled="
+                                                        !(
+                                                            (nodeLevel == 4 && pageStatus == 3) ||
+                                                            ((nodeLevel == 3 || (nodeLevel == 2 && pageStatus == 2)) &&
+                                                                pageStatus == 2)
+                                                        )
+                                                    "
+                                                >
+                                                    <el-option label="运行" :value="0" />
+                                                    <el-option label="检修" :value="1" />
+                                                    <el-option label="停运" :value="2" />
+                                                    <el-option label="调试" :value="3" />
+                                                    <el-option label="退运" :value="4" />
+                                                </el-select>
+                                            </el-form-item>
                                         </div>
                                     </el-tab-pane>
                                 </el-tabs>
@@ -1059,6 +1084,7 @@ interface LineInfo {
     monitorUser: string
     monitorObj: string
     govern: string | number
+    runStatus: string | number
     basicCapacity: number
     shortCircuitCapacity: number
     devCapacity: number
@@ -1437,6 +1463,7 @@ const add = () => {
                 devMac: '',
                 monitorObj: '',
                 govern: 0,
+                runStatus: 0,
                 basicCapacity: 0,
                 shortCircuitCapacity: 0,
                 devCapacity: 0,
@@ -1612,6 +1639,7 @@ const updateLineFunc = (id: any) => {
         monitorUser: currentLine.monitorUser || '',
         monitorObj: currentLine.monitorObj || '',
         govern: currentLine.govern ,
+        runStatus: currentLine.runStatus ,
         basicCapacity: currentLine.basicCapacity || 0,
         shortCircuitCapacity: currentLine.shortCircuitCapacity || 0,
         devCapacity: currentLine.devCapacity || 0,
@@ -1805,6 +1833,7 @@ const next = async () => {
                 devMac: '',
                 monitorObj: '',
                 govern: 0,
+                runStatus: 0,
                 basicCapacity: 0,
                 shortCircuitCapacity: 0,
                 devCapacity: 0,
@@ -2215,6 +2244,7 @@ const resetAllForms = () => {
         line.monitorUser = ''
         line.monitorObj = ''
         line.govern = 0
+        line.runStatus = 0
         line.basicCapacity = 0
         line.shortCircuitCapacity = 0
         line.devCapacity = 0
@@ -2381,6 +2411,7 @@ const submitData = () => {
                         monitorUser: currentLine.monitorUser,
                         monitorObj: currentLine.monitorObj,
                         govern: currentLine.govern,
+                        runStatus: currentLine.runStatus,
                         basicCapacity: currentLine.basicCapacity,
                         shortCircuitCapacity: currentLine.shortCircuitCapacity,
                         devCapacity: currentLine.devCapacity,
@@ -2567,6 +2598,7 @@ const handleLineTabsEdit = (targetName: any, action: any) => {
             monitorUser: '',
             monitorObj: '',
             govern: 0,
+            runStatus: 0,
             basicCapacity: 0,
             shortCircuitCapacity: 0,
             devCapacity: 0,

src/views/govern/reportCore/report/index.vue

@@ -0,0 +1,180 @@
+<template>
+    <div class="default-main" :style="height">
+        <splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
+            <pane :size="size">
+                <!-- <pointTreeWx
+                    :default-expand-all="false"
+                    template
+                    @node-click="handleNodeClick"
+                    @init="handleNodeClick"
+                ></pointTreeWx> -->
+                <CloudDeviceEntryTree
+                    ref="TerminalRef"
+                    @node-click="handleNodeClick"
+                    @init="handleNodeClick"
+                ></CloudDeviceEntryTree>
+            </pane>
+            <pane style="background: #fff" :style="height">
+                <TableHeader ref="TableHeaderRef" datePicker :show-search="false">
+                    <template v-slot:select>
+                        <el-form-item label="客户名称">
+                            <el-input
+                                v-model="tableStore.table.params.crmName"
+                                maxlength="32"
+                                show-word-limit
+                                clearable
+                                placeholder="请输入客户名称"
+                            />
+                        </el-form-item>
+                        <el-form-item label="报表编号">
+                            <el-input
+                                v-model="tableStore.table.params.reportNumber"
+                                clearable
+                                placeholder="请输入报表编号"
+                                maxlength="12"
+                                show-word-limit
+                            />
+                        </el-form-item>
+                    </template>
+                    <template #operation>
+                        <el-upload
+                            :show-file-list="false"
+                            ref="uploadRef"
+                            action=""
+                            accept=".png,.jpg"
+                            :on-change="choose"
+                            :auto-upload="false"
+                        >
+                            <template #trigger>
+                                <el-button icon="el-icon-Upload" type="primary" class="mr10 ml10">上传接线图</el-button>
+                            </template>
+                        </el-upload>
+                        <el-button icon="el-icon-Download" type="primary" @click="exportEvent">生成</el-button>
+                    </template>
+                </TableHeader>
+                <div class="box">
+                    <div id="luckysheet">
+                        <img
+                            width="100%"
+                            :style="`height: calc(${tableStore.table.height} + 40px)`"
+                            src="@/assets/img/jss.png"
+                        />
+                    </div>
+                </div>
+            </pane>
+        </splitpanes>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref, provide } from 'vue'
+import 'splitpanes/dist/splitpanes.css'
+import { Splitpanes, Pane } from 'splitpanes'
+import TableStore from '@/utils/tableStore'
+import PointTree from '@/components/tree/pqs/pointTree.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+import pointTreeWx from '@/components/tree/govern/pointTreeWx.vue'
+import { genFileId, ElMessage, ElNotification } from 'element-plus'
+import type { UploadProps, UploadUserFile } from 'element-plus'
+import CloudDeviceEntryTree from '@/components/tree/govern/cloudDeviceEntryTree.vue'
+import { exportModel } from '@/api/cs-harmonic-boot/datatrend'
+defineOptions({
+    // name: 'harmonic-boot/report/word'
+})
+const height = mainHeight(20)
+const size = ref(0)
+const dictData = useDictData()
+const TableHeaderRef = ref()
+const dotList: any = ref({})
+const Template: any = ref({})
+const uploadList: any = ref([])
+
+const tableStore = new TableStore({
+    url: '',
+    method: 'POST',
+    column: [],
+    beforeSearchFun: () => {},
+    loadCallback: () => {}
+})
+provide('tableStore', tableStore)
+
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 100)
+    }
+})
+
+const handleNodeClick = (data: any, node: any) => {
+    dotList.value = data
+}
+// 上传
+const choose = (files: any) => {
+    const isJPG = files.raw.type === 'image/jpg'
+    const isJPEG = files.raw.type === 'image/jpeg'
+    const isPNG = files.raw.type === 'image/png'
+    if (!isJPG && !isPNG && !isJPEG) {
+        ElMessage.warning('上传文件只能是 JPG/PNG 格式!')
+        return false
+    }
+
+    uploadList.value = files
+    ElMessage.success('上传成功')
+}
+// 生成
+const exportEvent = () => {
+    console.log("🚀 ~ exportEvent ~ dotList.value:", dotList.value)
+    if (dotList.value?.level != 4) {
+        return ElMessage.warning('请选择监测点进行报告生成!')
+    }
+
+    let form = new FormData()
+    form.append('lineIndex', dotList.value.id)
+    form.append('name', dotList.value.name)
+    form.append('crmName', tableStore.table.params.crmName || '')
+    form.append('reportNumber', tableStore.table.params.reportNumber || '')
+    form.append('type', '0')
+    form.append('startTime', TableHeaderRef.value.datePickerRef.timeValue[0])
+    form.append('endTime', TableHeaderRef.value.datePickerRef.timeValue[1])
+    console.log('🚀 ~ exportEvent ~ uploadList.value:', uploadList.value?.raw)
+    form.append('file', uploadList.value?.raw || '')
+    // 特殊字符正则表达式
+    const specialCharRegex = /[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/
+    if (
+        specialCharRegex.test(tableStore.table.params.crmName) ||
+        specialCharRegex.test(tableStore.table.params.reportNumber)
+    ) {
+        ElNotification({
+            type: 'error',
+            message: '包含特殊字符，请注意修改!'
+        })
+    } else {
+        ElMessage('生成报告中...')
+        exportModel(form).then((res: any) => {
+            let blob = new Blob([res], {
+                type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=UTF-8'
+            })
+            // createObjectURL(blob); //创建下载的链接
+            const url = window.URL.createObjectURL(blob)
+            const link = document.createElement('a') // 创建a标签
+            link.href = url
+            link.download = dotList.value.name // 设置下载的文件名
+            document.body.appendChild(link)
+            link.click() //执行下载
+            document.body.removeChild(link)
+        })
+    }
+}
+</script>
+<style lang="scss">
+.splitpanes.default-theme .splitpanes__pane {
+    background: #eaeef1;
+}
+
+.box {
+    padding: 10px;
+}
+</style>