Browse Source

Merge branch 'develop' of http://39.106.8.246:3003/web/wanda-bm-guide into develop

shaun-sheep 4 years ago
parent
commit
baa3815b9c

+ 20 - 39
src/components/Legend/src/legend.vue

@@ -15,7 +15,7 @@
                             :loading='loading'
                             :viewTable='viewTable'
                             @changeSwitch='handleSwich'
-                            :editChange='editChange'
+                            :remarksText='remarksText'
                         ></lengend-view>
                     </div>
                 </div>
@@ -27,9 +27,10 @@
                         v-if='editTable.length>=0'
                         :loading='loading1'
                         ref='editLen'
+                        :editTable='editTable'
                         @saveNum='saveNum'
                         @cance='cance'
-                        :editTable='editTable'
+                        :remarksText='remarksText'
                     ></lengend-edit>
                 </div>
             </el-collapse-transition>
@@ -53,7 +54,7 @@
                     </span>
                 </el-tooltip>
             </div>
-            <legend-remarks ref='EditdMarks'></legend-remarks>
+            <legend-remarks @queryMarks='queryMarks' ref='EditdMarks'></legend-remarks>
         </div>
     </div>
 </template>
@@ -69,16 +70,10 @@ export default {
         return {
             remarksText: '', //查询出来的备注
             text1:
-                '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>',
-            text2: '<p>2.图例后×的数字,代表此位置的数量</p>',
+                '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>',
+            text2: '<p>2.图例后×的数字,代表此位置的数量</p>',
             show: false,
             show2: false,
-            dataSelect2: [
-                { id: 'test1', name: '选择项' },
-                { id: 'test2', name: '单平米' },
-                { id: 'test3', name: '下级分项' },
-                { id: 'test4', name: '滑动平均滑动平均' }
-            ],
             loading: true,
             loading1: true,
             viewTable: [],
@@ -94,6 +89,7 @@ export default {
     components: { lengendView, legendRemarks, lengendEdit },
     methods: {
         testClick(data) {},
+        // 编辑备注
         legendClik() {
             this.$refs.EditdMarks.showModal(this.remarksText)
         },
@@ -112,20 +108,15 @@ export default {
                 // 无备注->判断平面图->是否展示默认文案
                 if (res.data.Data[0].Note) {
                     let note = res.data.Data[0].Note
-                    if (1 == 1 && 2 == 2) {
-                        this.remarksText = `${this.text1}${this.text2}${note}`
-                    } else if (1 == 1) {
-                        this.remarksText = `${this.text1}${note}`
+                    if (note.search(this.text1) != 1) {
+                        this.remarksText = `${note}`
                     } else {
-                        this.remarksText = `${this.text2}${note}`
+                        this.remarksText = `${this.text1}${note}`
                     }
-                } else {
-                    if (1 == 1 && 2 == 2) {
-                        this.remarksText = `${this.text1}${this.text2}`
-                    } else if (1 == 1) {
-                        this.remarksText = `${this.text1}`
+                    if (note.search(this.text2) != -1) {
+                        this.remarksText = `${note}`
                     } else {
-                        this.remarksText = `${this.text2}`
+                        this.remarksText = `${this.text2}${note}`
                     }
                 }
             })
@@ -134,14 +125,13 @@ export default {
         editChange(val) {
             this.editText = val
         },
-        // 展示图例
+        // 点击展示图例
         showTl() {
             this.show = !this.show
             if (this.show) {
                 this.show2 = false
             }
             this.queryView(false)
-            this.queryMarks()
         },
         cance() {
             this.show2 = false
@@ -152,7 +142,6 @@ export default {
             this.queryEditNum(true)
         },
         handleSwich(val) {
-            console.log(val)
             this.queryView(!val)
         },
         handleSwich2(val) {
@@ -181,16 +170,11 @@ export default {
                 projectId: '1',
                 flag: flag
             }
-            queryStatis({ data, postParams })
-                .then(res => {
-                    console.log('编辑图例数', res)
-                    this.loading1 = false
-                    this.editTable = res.data.Data
-                    console.log(this.editTable)
-                })
-                .catch(err => {
-                    console.log(err)
-                })
+            queryStatis({ data, postParams }).then(res => {
+                console.log('编辑图例数', res)
+                this.loading1 = false
+                this.editTable = res.data.Data ? res.data.Data : []
+            })
         },
         // 编辑数量
         queryEdit(val) {
@@ -199,8 +183,6 @@ export default {
                     Content: val
                 }
             }
-            // console.log(postParams)
-            // return
             updateStatis(params).then(res => {
                 if (res.Result == 'success') {
                     console.log('更新图例', res)
@@ -218,12 +200,11 @@ export default {
             })
         },
         saveNum(val) {
-            // this.editSwitch = val
             this.queryEdit(val)
         }
     },
     mounted() {
-        // this.queryMarks()
+        this.queryMarks()
     }
 }
 </script>

+ 4 - 2
src/components/editLengend.vue

@@ -22,9 +22,10 @@
                         </el-table-column>
                         <el-table-column prop label='数量'>
                             <template slot-scope='{row}'>
-                                <div style='width:50px'>
+                                <div style='width:50px' v-if='row.Num!=0'>
                                     <el-input @change='changeTable(row)' v-model='row.Num' size='mini'></el-input>
                                 </div>
+                                <div v-else>{{row.Num}}</div>
                             </template>
                         </el-table-column>
                         <el-table-column prop label='单位' width='60'>
@@ -147,7 +148,8 @@ export default {
                 // }
             }
         }
-    }
+    },
+    mounted() {}
 }
 </script>
 <style lang="less" scoped>

+ 13 - 58
src/components/legendremarks.vue

@@ -6,32 +6,28 @@
 <template>
     <div class='editModel'>
         <a-modal v-model='visible' :title='title' @ok='handleOk' ok-text='保存' cancel-text='取消' :maskClosable='false' :width='648'>
-            <!-- <wd-editor :width='width' :height='height' :text='text' @updateNote='updateNote'></wd-editor> -->
-            <!-- <markEditorBar v-model='detail' :isClear='isClear' @change='change'></markEditorBar> -->
             <div class='edit_container' style='width:600px;height:156px'>
                 <quill-editor
-                    v-model='EditdMarks'
+                    v-model='remarksText'
                     :options='editorOption'
                     @blur='onEditorBlur($event)'
                     @focus='onEditorFocus($event)'
                     @change='onEditorChange($event)'
                     @ready='onEditorReady($event)'
                 ></quill-editor>
-                <p class='p1'>{{valLen}}/200</p>
+                <p class='p1'>{{valLen||remarksText.length}}/200</p>
             </div>
         </a-modal>
     </div>
 </template>
 <script>
-// import markEditorBar from '@/components/marksEnduit'
 import { updateRead } from '@/api/public.js'
 export default {
     name: 'EditdMarks',
     data() {
         return {
             valLen: 0, //输入字数限制
-            // inputVal: this.text.length,
-            // content: '',
+            remarksText: '', //展示的备注
             editorOption: {
                 modules: {
                     toolbar: [['bold', 'underline'], [{ color: [] }]]
@@ -39,38 +35,16 @@ export default {
                 theme: 'snow',
                 placeholder: '请输入内容...'
             },
-            EditdMarks: '', //传过来的查询备注
-            // editText: '',
             title: '编辑图例备注',
             visible: false
-            // width: '600px',
-            // height: '156px'
-            // content:
-            // '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>',
-            // isClear: false,
-            // detail: ''
         }
     },
-    // components: { markEditorBar },
     methods: {
-        // change(val) {
-        //     this.editText = this.detail + val
-        //     this.$emit('editChange', this.editText)
-        //     console.log('传给后台的', val)
-        //     console.log(typeof val)
-        // },
-
         // val为传过来的备注
         showModal(val) {
             this.visible = true
-            this.EditdMarks = val
-            console.log(val)
+            this.remarksText = val
         },
-        // updateNote(val) {
-        //     this.content = val
-        //     // this.markUpdate(val)
-        // },
-
         // 更新底图备注
         markUpdate(val) {
             let params = {
@@ -82,54 +56,35 @@ export default {
             }
             updateRead(params).then(res => {
                 console.log('更新备注', res)
-                // this.$message('更新成功')
                 this.$message({
                     showClose: true,
                     message: '更新成功',
                     type: 'success'
                 })
+                this.$emit('queryMarks')
+                this.visible = false
             })
         },
         // 点击保存
         handleOk() {
-            this.markUpdate(this.EditdMarks)
-            // this.visible = false
-        },
-        onEditorReady(editor) {
-            console.log(editor)
-        },
-        onEditorBlur(val) {
-            console.log(val)
-        },
-        onEditorFocus(val) {
-            console.log(val)
+            this.markUpdate(this.remarksText)
         },
+        onEditorReady(editor) {},
+        onEditorBlur(val) {},
+        onEditorFocus(val) {},
         onEditorChange(val) {
-            console.log(val.html)
             val.quill.deleteText(200, 6)
-            if (this.EditdMarks === '') {
+            if (this.remarksText === '') {
                 this.valLen = 0
             } else {
                 this.valLen = val.quill.getLength() - 1
             }
             if (val.html) {
-                this.EditdMarks = val.html
-                this.$emit('updateNote', this.EditdMarks)
+                this.remarksText = val.html
             }
         }
     },
-    mounted() {
-        // console.log(this.text)
-        // this.detail =
-        //     '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>' +
-        //     '<p>2.图例后×的数字,代表此位置的数量</p>'
-        // console.log(
-        //     this.detail.search(
-        //         '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>'
-        //     ) != -1
-        // ) // true
-        // this.content = this.text
-    }
+    mounted() {}
 }
 </script>
 

+ 5 - 29
src/components/viewLengend.vue

@@ -40,26 +40,19 @@
             <el-switch v-model='swich' @change='handleSwich(swich)'></el-switch>
             <span>隐藏数量为0的项目</span>
         </div>
-        <div class='remark'>
+        <div class='remark' v-if='remarksText'>
             <span class='remark-title'>注:</span>
-            <div v-html='markNote' class='remark-text'></div>
+            <div v-html='remarksText' class='remark-text'></div>
         </div>
     </div>
 </template>
 <script>
-import { queryRead } from '@/api/public.js'
 export default {
-    props: ['viewTable', 'loading', 'editText'],
+    props: ['viewTable', 'loading', 'remarksText'],
     data() {
         return {
             swich: true,
-            multipleSelection: [],
-            text1:
-                '<p>1.主要设备房包括:冷源机房,热源机房,开闭站,配变电所(室),发电机房,消防水泵房,消防高位水箱间,生活水泵房,慧云机房,垃圾房</p>',
-            text2: '<p>2.图例后×的数字,代表此位置的数量</p>',
-            // note: '',
-            markNote: '' //展示的备注
-            // textNote: ''
+            multipleSelection: []
         }
     },
     methods: {
@@ -68,26 +61,9 @@ export default {
         },
         handleSwich(val) {
             this.$emit('changeSwitch', val)
-        },
-        queryMarks() {
-            let params = {
-                postParams: {
-                    graphId: '1',
-                    projectId: '1'
-                }
-            }
-            queryRead(params).then(res => {
-                console.log('备注', res.data.Data[0].Note)
-                if (res.data.Data[0].Note) {
-                    console.log(res.data.Data[0].Note)
-                }
-            })
         }
     },
-    mounted() {
-        // this.queryMarks()
-        // this.textNote = `${this.text1}${this.text2}`
-    }
+    mounted() {}
 }
 </script>
 <style lang="less" scoped>

+ 0 - 3
src/views/other/gcfz1.vue

@@ -15,9 +15,6 @@
         <el-table-column prop label='面积(㎡)'>
             <template slot-scope='{row}'>{{row.area||'--'}}</template>
         </el-table-column>
-        <el-table-column prop label='工程经理(签字)'>
-            <template slot-scope='{row}'>{{'--'}}</template>
-        </el-table-column>
         <el-table-column prop label='记录日期'>
             <template slot-scope='{row}'>{{row.changedate||'--'}}</template>
         </el-table-column>

+ 1 - 10
src/views/other/gcfz2.vue

@@ -33,9 +33,6 @@
                 <el-table-column prop label='调整后库房总数(间)' width='170'>
                     <template slot-scope='{row}'>{{row.afterkf||'--'}}</template>
                 </el-table-column>
-                <el-table-column prop label='工程经理签字' width='130'>
-                    <template slot-scope='{row}'>{{'--'}}</template>
-                </el-table-column>
                 <el-table-column prop label='记录日期' width='130' :sortable='true'>
                     <template slot-scope='{row}'>{{row.changedate||'--'}}</template>
                 </el-table-column>
@@ -63,13 +60,7 @@ export default {
     data() {
         return {
             dateVal: '',
-            searVal: '',
-            dataSelect2: [
-                { id: 'test1', name: '选择项' },
-                { id: 'test2', name: '单平米' },
-                { id: 'test3', name: '下级分项' },
-                { id: 'test4', name: '滑动平均滑动平均' }
-            ]
+            searVal: ''
         }
     },
     computed: {

+ 6 - 5
src/views/other/gcfzDialog.vue

@@ -49,13 +49,14 @@ export default {
         // 辅助用房管理-汇总统计报
         query() {
             let getParams = {
-                plazaId: this.$store.state.plazaId
+                plazaId: '1000303'
+                // plazaId: this.$store.state.plazaId
             }
             querygcfzyfhz({ getParams }).then(res => {
                 if (res.result == 'success') {
                     console.log('汇总统计报', res)
                     this.loading = false
-                    this.hztjTable = res.data
+                    this.hztjTable = res.data ? res.data : []
                 }
             })
         },
@@ -63,8 +64,8 @@ export default {
         queryChange() {
             let getParams = {
                 plazaId: this.$store.state.plazaId,
-                page: 1,
-                size: 10,
+                page: this.page,
+                size: this.size,
                 floor: this.floor
             }
             queryfzyfchange({ getParams }).then(res => {
@@ -72,7 +73,7 @@ export default {
                     console.log('变更记录', res)
                     this.total = res.count
                     this.loading = false
-                    this.bgjlTable = res.data
+                    this.bgjlTable = res.data ? res.data : []
                 }
             })
         },

+ 0 - 1
src/views/other/otherDialog.vue

@@ -15,7 +15,6 @@
     </div>
 </template>
 <script>
-// import tableList from './table/eqListTable'
 import tableList from '../equipment/table/eqListTable'
 
 export default {

+ 0 - 20
src/views/other/zhsxOther.vue

@@ -29,7 +29,6 @@ import Select from '@/components/Select/Select.vue'
 import ZhsxDialog from './zhsxDialog'
 import zhsxOtherTable1 from './zhsxOtherTable1'
 import zhsxOtherTable2 from './zhsxOtherTable2'
-import { querySelect } from '@/api/public.js'
 export default {
     data() {
         return {
@@ -48,29 +47,10 @@ export default {
             } else if (tab.index == '1') {
                 this.$refs.tableZhsx2[0].dsfjc()
             }
-        },
-        changeSelect() {
-            let postParams = [
-                {
-                    columnName: { brand: 'brand', manufacturer: 'manufacturer' }, //列名称
-                    params: {
-                        // tab_code: '1572'
-                    },
-                    tableName: 'glsms_asset' //视图名称
-                }
-            ]
-            let data = {
-                // major: '弱电',
-                plazaId: '1001145'
-            }
-            querySelect({ data, postParams }).then(res => {
-                console.log('部门', res)
-            })
         }
     },
     mounted() {
         this.$refs.tableZhsx1[0].getZhjl()
-        this.changeSelect()
     }
 }
 </script>

+ 43 - 10
src/views/other/zhsxOtherTable1.vue

@@ -2,7 +2,16 @@
     <div class='tableZh'>
         <div class='tab-top'>
             <el-date-picker size='small' v-model='dateVal' type='date' style='margin-right:12px;width:140px' placeholder='日期'></el-date-picker>
-            <Select width='180' tipPlace='top' caption='政府部门' size='small' style='margin-right:12px' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
+            <Select
+                width='180'
+                tipPlace='top'
+                caption='政府部门'
+                size='small'
+                style='margin-right:12px'
+                v-if='department.length>0'
+                :selectdata='department'
+                :placeholder='"请选择"'
+            ></Select>
             <el-input placeholder='请按照记录事项搜索' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:200px'></el-input>
         </div>
         <el-table
@@ -48,6 +57,7 @@
 import moment from 'moment'
 import Select from '@/components/Select/Select.vue'
 import { queryGlams } from '@/api/other.js'
+import { querySelect } from '@/api/public.js'
 
 export default {
     data() {
@@ -55,16 +65,11 @@ export default {
             dateVal: '',
             loading: true,
             zhjlTable: [],
-            dataSelect2: [
-                { id: 'test1', name: '选择项' },
-                { id: 'test2', name: '单平米' },
-                { id: 'test3', name: '下级分项' },
-                { id: 'test4', name: '滑动平均滑动平均' }
-            ],
             searVal: '',
             total: 0,
             page: 1,
-            size: 10
+            size: 10,
+            department: []
         }
     },
     components: { Select },
@@ -83,7 +88,7 @@ export default {
                 if (res.result == 'success') {
                     this.loading = false
                     this.total = res.count
-                    this.zhjlTable = res.data
+                    this.zhjlTable = res.data ? res.data : []
                 }
                 console.log('综合记录', res)
             })
@@ -91,9 +96,37 @@ export default {
         pageChanged(page) {
             this.page = page
             this.getZhjl()
+        },
+        changeSelect() {
+            this.department = []
+            let postParams = [
+                {
+                    columnName: { department: 'department' },
+                    tableName: 'v_glsms_zhsxjl'
+                }
+            ]
+            let data = {
+                plazaId: this.$store.state.plazaId
+            }
+            querySelect({ data, postParams }).then(res => {
+                console.log('政府部门', res)
+                let department = []
+                department = res.data.data.v_glsms_zhsxjl.department ? res.data.data.v_glsms_zhsxjl.department : []
+                if (department.length > 0) {
+                    department.forEach(el => {
+                        let obj = {
+                            id: el.key,
+                            name: el.value
+                        }
+                        this.department.push(obj)
+                    })
+                }
+            })
         }
     },
-    mounted() {}
+    mounted() {
+        this.changeSelect()
+    }
 }
 </script>
 <style lang="less">

+ 87 - 5
src/views/other/zhsxOtherTable2.vue

@@ -1,9 +1,36 @@
 <template>
     <div class='tableZh'>
         <div class='tab-top'>
-            <Select width='146' tipPlace='top' caption='状态' size='small' style='margin-right:12px' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
-            <Select width='146' tipPlace='top' caption='部门' size='small' style='margin-right:12px' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
-            <Select width='180' tipPlace='top' caption='检测结论' size='small' style='margin-right:12px' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
+            <Select
+                width='146'
+                tipPlace='top'
+                caption='状态'
+                size='small'
+                style='margin-right:12px'
+                v-if='status2.length>0'
+                :selectdata='status2'
+                :placeholder='"请选择"'
+            ></Select>
+            <Select
+                width='146'
+                tipPlace='top'
+                caption='部门'
+                v-if='zgbm.length>0'
+                size='small'
+                style='margin-right:12px'
+                :selectdata='zgbm'
+                :placeholder='"请选择"'
+            ></Select>
+            <Select
+                width='180'
+                tipPlace='top'
+                caption='检测结论'
+                size='small'
+                style='margin-right:12px'
+                v-if='conclusion.length>0'
+                :selectdata='conclusion'
+                :placeholder='"请选择"'
+            ></Select>
             <el-input placeholder='请按照任务名称搜索' size='small' prefix-icon='el-icon-search' v-model='searVal' style='width:200px'></el-input>
         </div>
         <el-table
@@ -44,6 +71,7 @@
 <script>
 import Select from '@/components/Select/Select.vue'
 import { queryDsfrw } from '@/api/other.js'
+import { querySelect } from '@/api/public.js'
 
 export default {
     data() {
@@ -59,7 +87,10 @@ export default {
             dsfTable: [],
             total: 0,
             page: 1,
-            size: 10
+            size: 10,
+            status2: [],
+            zgbm: [],
+            conclusion: []
         }
     },
     components: { Select },
@@ -75,7 +106,7 @@ export default {
                 if (res.result == 'success') {
                     this.loading = false
                     this.total = res.count
-                    this.dsfTable = res.data
+                    this.dsfTable = res.data ? res.data : []
                 }
                 console.log('第三方', res)
             })
@@ -83,7 +114,58 @@ export default {
         pageChanged(page) {
             this.page = page
             this.dsfjc()
+        },
+        changeSelect() {
+            this.department = []
+            let postParams = [
+                {
+                    columnName: { status2: 'status2', zgbm: 'zgbm', conclusion: 'conclusion' },
+                    tableName: 'v_glsms_dsfrw'
+                }
+            ]
+            let data = {
+                plazaId: this.$store.state.plazaId
+            }
+            querySelect({ data, postParams }).then(res => {
+                console.log('下拉框', res)
+                let status2 = [],
+                    zgbm = [],
+                    conclusion = []
+                status2 = res.data.data.v_glsms_dsfrw.status2 ? res.data.data.v_glsms_dsfrw.status2 : []
+                zgbm = res.data.data.v_glsms_dsfrw.zgbm ? res.data.data.v_glsms_dsfrw.zgbm : []
+                conclusion = res.data.data.v_glsms_dsfrw.conclusion ? res.data.data.v_glsms_dsfrw.conclusion : []
+                if (status2.length > 0) {
+                    status2.forEach(el => {
+                        let obj = {
+                            id: el.key,
+                            name: el.value
+                        }
+                        this.status2.push(obj)
+                    })
+                }
+                if (zgbm.length > 0) {
+                    zgbm.forEach(el => {
+                        let obj = {
+                            id: el.key,
+                            name: el.value
+                        }
+                        this.zgbm.push(obj)
+                    })
+                }
+                if (conclusion.length > 0) {
+                    conclusion.forEach(el => {
+                        let obj = {
+                            id: el.key,
+                            name: el.value
+                        }
+                        this.conclusion.push(obj)
+                    })
+                }
+            })
         }
+    },
+    mounted() {
+        this.changeSelect()
     }
 }
 </script>

+ 1 - 1
src/views/room/detail.vue

@@ -167,7 +167,7 @@ export default {
             queryHxsbDetail({ data, postParams }).then(res => {
                 console.log('钻取表', res)
                 this.loadingDetail = false
-                this.detailData = res.data.data
+                this.detailData = res.data.data ? res.data.data : []
                 this.totalDetail = res.data.count
             })
         },

+ 2 - 2
src/views/room/index.vue

@@ -141,7 +141,7 @@ export default {
                 if (res.result == 'success') {
                     this.loading1 = false
                     this.total1 = res.count
-                    this.table2 = res.data
+                    this.table2 = res.data ? res.data : []
                     console.log('明细表', res)
                 }
             })
@@ -158,7 +158,7 @@ export default {
                 console.log('核心设备', res)
                 this.loading2 = false
                 this.total2 = res.data.count
-                this.table3 = res.data.data
+                this.table3 = res.data.data ? res.data.data : []
             })
         },
         Index2Emit(val) {

+ 1 - 0
src/views/room/room2.vue

@@ -6,6 +6,7 @@
         </div>
         <div class='compute-table'>
             <el-table
+                v-if='table2.length>=0'
                 v-loading='loading'
                 :data='table2'
                 style='width: 100%'

+ 18 - 15
vue.config.js

@@ -1,30 +1,33 @@
 module.exports = {
     devServer: {
         proxy: {
-            "/api": {
-                target: "http://192.168.200.87:9003",
+            '/api': {
+                target: 'http://192.168.200.87:9003',
                 changeOrigin: true,
                 secure: false,
                 pathRewrite: {
-                    "^/api": "",
+                    '^/api': '',
                 },
             },
-            "/wanda": {
-                target: "http://map.wanda.cn/editor/fmap/1001724_29",
+            '/wanda': {
+                target: 'http://map.wanda.cn/editor/fmap/1001724_29',
                 changeOrigin: true,
                 pathRewrite: {
-                    "^/wanda": "",
+                    '^/wanda': '',
                 },
             },
-            "/serve": {
-                target: "http://192.168.200.87:8088/topology-wanda",
+            '/serve': {
+                target: 'http://192.168.200.87:8088/topology-wanda',
                 changeOrigin: true,
                 secure: false,
                 pathRewrite: {
-                    "^/serve": "",
+                    '^/serve': '',
                 },
             },
         },
+        hot: true,
+        open: true,
+        port: 8080,
         // 关闭esline
         overlay: {
             warnings: false,
@@ -32,15 +35,15 @@ module.exports = {
         },
     },
     chainWebpack: (config) => {
-        const svgRule = config.module.rule("svg")
+        const svgRule = config.module.rule('svg')
         svgRule.uses.clear()
         svgRule
-            .use("babel-loader")
-            .loader("babel-loader")
+            .use('babel-loader')
+            .loader('babel-loader')
             .end()
-            .use("vue-svg-loader")
-            .loader("vue-svg-loader")
+            .use('vue-svg-loader')
+            .loader('vue-svg-loader')
     },
     lintOnSave: false,
-    publicPath: "/dist",
+    publicPath: '/dist',
 }