guoxiaohuan 4 vuotta sitten
vanhempi
commit
df615dd3e9

+ 11 - 11
src/api/equipmentList.js

@@ -1,50 +1,50 @@
-import httputils from "@/api/httputils"
+import httputils from '@/api/httputils'
 
 // 设备设施-主要设备清单
 export function queryEquipmentList({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/glsms_asset/queryStatistics`, data, postParams)
+    return httputils.fetchJson(`/data/data/glsms_asset/queryStatistics`, data, postParams)
 }
 
 // 设备设施-主要设备清单详情
 export function queryAsset({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/glsms_asset/query`, data, postParams)
+    return httputils.fetchJson(`/data/data/glsms_asset/query`, data, postParams)
 }
 // 设备设施-主要材料清单
 export function queryMaterialList({ getParams }) {
-    return httputils.getJson(`/api/data/gcglsms_material/query`, getParams)
+    return httputils.getJson(`/data/data/gcglsms_material/query`, getParams)
 }
 
 // 设备设施-维保事项
 export function queryWbsms({ data, getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_wbsms/query`, data, getParams)
+    return httputils.getJson(`/data/data/v_glsms_wbsms/query`, data, getParams)
 }
 
 // 设备设施-维修事项
 export function queryWx({ data, getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_wx/query`, data, getParams)
+    return httputils.getJson(`/data/data/v_glsms_wx/query`, data, getParams)
 }
 
 // 设备设施-专维
 export function queryZw({ data, getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_zw/query`, data, getParams)
+    return httputils.getJson(`/data/data/v_glsms_zw/query`, data, getParams)
 }
 
 // 设备设施-其他事项
 export function queryQtsx({ getParams }) {
-    return httputils.getJson(`/api/data/glsms_qtsx/query`, getParams)
+    return httputils.getJson(`/data/data/glsms_qtsx/query`, getParams)
 }
 
 // 设备设施-记录事项
 export function queryxx({ getParams }) {
-    return httputils.getJson(`/api/xx`, getParams)
+    return httputils.getJson(`/data/xx`, getParams)
 }
 
 // 设备设施=查看图纸
 export function queryxxx({ getParams }) {
-    return httputils.getJson(`/api/xxX`, getParams)
+    return httputils.getJson(`/data/xxX`, getParams)
 }
 
 // 设备设施-楼层电井口(间)控制商铺范围清单
 export function queryx({ getParams }) {
-    return httputils.getJson(`/api/X`, getParams)
+    return httputils.getJson(`/data/X`, getParams)
 }

+ 12 - 12
src/api/legendLibrary.js

@@ -1,45 +1,45 @@
-import httputils from "@/api/httputils"
+import httputils from '@/api/httputils'
 // 图例库-查询
 export function queryLegend({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/query`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/query`, postParams)
 }
 // 图例库-新增
 export function createLegend({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/create`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/create`, postParams)
 }
 //图例库-更新
 export function updateLegend({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/update`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/update`, postParams)
 }
 //图例库-作废
 export function deleteLegend({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/deleteByFlag`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/deleteByFlag`, postParams)
 }
 //图例库-系统tree查询
 export function getLegendTree({ getParams }) {
-    return httputils.getJson(`/serve/graphCategory/queryByGroup`, getParams)
+    return httputils.getJson(`/serve/topology-wanda/graphCategory/queryByGroup`, getParams)
 }
 //图例库-系统tree相关表格查询
 export function queryRelation({ data, postParams }) {
-    return httputils.fetchJson(`/serve/graphRelation/query`, data, postParams)
+    return httputils.fetchJson(`/serve/topology-wanda/graphRelation/query`, data, postParams)
 }
 //图例库-更新关系图
 export function updateRelation({ postParams }) {
-    return httputils.postJson(`/serve/graphRelation/update`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphRelation/update`, postParams)
 }
 //图例库-系统tree相关表格删除
 export function deleteRelation({ postParams }) {
-    return httputils.postJson(`/serve/graphRelation/delete`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphRelation/delete`, postParams)
 }
 //图例库-上传图片
 export function uploadImg({ postParams }) {
-    return httputils.postJson(`/serve/Picture/create`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/Picture/create`, postParams)
 }
 //图例库-穿梭框的搜索
 export function getTransfer({ getParams }) {
-    return httputils.getJson(`/serve/graphElement/search`, getParams)
+    return httputils.getJson(`/serve/topology-wanda/graphElement/search`, getParams)
 }
 //图例库typeId
 export function queryTypeId({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/type/query`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/type/query`, postParams)
 }

+ 2 - 2
src/api/login.js

@@ -2,9 +2,9 @@
 import httputils from '@/api/httputils'
 
 export function login(params) {
-    return httputils.getJson(`/api/auth/check`, params)
+    return httputils.getJson(`/data/auth/check`, params)
 }
 // 查询楼层清单
 export function queryFloor(params) {
-    return httputils.getJson(`/api/plaza/floor`, params)
+    return httputils.getJson(`/data/plaza/floor`, params)
 }

+ 5 - 5
src/api/other.js

@@ -1,23 +1,23 @@
 import httputils from '@/api/httputils'
 // 综合事项记录
 export function queryGlams({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_zhsxjl/query`, getParams)
+    return httputils.getJson(`/data/data/v_glsms_zhsxjl/query`, getParams)
 }
 // 第三方检测事项
 export function queryDsfrw({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_dsfrw/query`, getParams)
+    return httputils.getJson(`/data/data/v_glsms_dsfrw/query`, getParams)
 }
 //综合事项管理-综合记录事项弹框
 export function xx({ getParams }) {
-    return httputils.getJson(`/api/xx`, getParams)
+    return httputils.getJson(`/data/xx`, getParams)
 }
 
 // 辅助用房管理-广场辅助用房汇总统计报
 export function querygcfzyfhz({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_gcfzyfhz/query`, getParams)
+    return httputils.getJson(`/data/data/v_glsms_gcfzyfhz/query`, getParams)
 }
 
 // 辅助用房管理-广场辅助用房调改变更记录
 export function queryfzyfchange({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_fzyfchange/query`, getParams)
+    return httputils.getJson(`/data/data/v_glsms_fzyfchange/query`, getParams)
 }

+ 1 - 1
src/api/overview.js

@@ -1,5 +1,5 @@
 import httputils from '@/api/httputils'
 // 查询广场概况
 export function queryFact({ getParams }) {
-    return httputils.getJson(`/api/plaza/fact`, getParams)
+    return httputils.getJson(`/data/plaza/fact`, getParams)
 }

+ 8 - 8
src/api/public.js

@@ -1,38 +1,38 @@
 import httputils from '@/api/httputils'
 // 查询图片
 export function queryPic({ data, getParams }) {
-    return httputils.getJson(`/api/data/glsms_proimgup/query`, data, getParams)
+    return httputils.getJson(`/data/data/glsms_proimgup/query`, data, getParams)
 }
 
 // 查询下拉框
 export function querySelect({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/base/queryOptions`, data, postParams)
+    return httputils.fetchJson(`/data/data/base/queryOptions`, data, postParams)
 }
 
 // 查询Tab数据统计数量
 export function queryTab({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/base/queryTabStatistics`, data, postParams)
+    return httputils.fetchJson(`/data/data/base/queryTabStatistics`, data, postParams)
 }
 
 // 查询图例统计信息
 export function queryStatis({ data, postParams }) {
-    return httputils.fetchJson(`/serve/graphElement/statistic/query`, data, postParams)
+    return httputils.fetchJson(`/serve/topology-wanda/graphElement/statistic/query`, data, postParams)
 }
 
 // 图例-查询图片
-//  /serve/Picture/eqruy/{id}
+//  /serve/topology-wanda/Picture/eqruy/{id}
 
 // 更新图例系统信息
 export function updateStatis({ postParams }) {
-    return httputils.postJson(`/serve/graphElement/statistic/update`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graphElement/statistic/update`, postParams)
 }
 
 // 查询系统图备注-(后期可能不需要)
 export function queryRead({ postParams }) {
-    return httputils.fetchJson(`/serve/graph/read`, postParams)
+    return httputils.fetchJson(`/serve/topology-wanda/graph/read`, postParams)
 }
 
 // 修改系统图备注
 export function updateRead({ postParams }) {
-    return httputils.postJson(`/serve/graph/updateNote`, postParams)
+    return httputils.postJson(`/serve/topology-wanda/graph/updateNote`, postParams)
 }

+ 8 - 8
src/api/room.js

@@ -2,30 +2,30 @@ import httputils from '@/api/httputils'
 
 // 机房-机房布置图
 export function xx({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_zhsxjl/query`, getParams)
+    return httputils.getJson(`/data/data/v_glsms_zhsxjl/query`, getParams)
 }
 
 // 机房-配电室低压柜及出线明细表
 export function queryDygjcxline({ getParams }) {
-    return httputils.getJson(`/api/data/glsms_dygjcxline/query`, getParams)
+    return httputils.getJson(`/data/data/glsms_dygjcxline/query`, getParams)
 }
 
 // 机房-机房内核心设备
 export function queryHxsb({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/glsms_asset/queryStatistics`, data, postParams)
+    return httputils.fetchJson(`/data/data/glsms_asset/queryStatistics`, data, postParams)
 }
 
 // 机房-机房内核心设备钻取表
 export function queryHxsbDetail({ data, postParams }) {
-    return httputils.fetchJson(`/api/data/glsms_asset/query`, data, postParams)
+    return httputils.fetchJson(`/data/data/glsms_asset/query`, data, postParams)
 }
 
 // 机房-维修记录
-export function xxx({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_zhsxjl/query`, getParams)
+export function queryWxjf({ getParams }) {
+    return httputils.getJson(`/data/data/v_glsms_wx/query`, getParams)
 }
 
 // 机房-维保记录
-export function xxxx({ getParams }) {
-    return httputils.getJson(`/api/data/v_glsms_zhsxjl/query`, getParams)
+export function queryWb({ data, postParams }) {
+    return httputils.fetchJson(`/data/data/v_glsms_wbzy/query`, data, postParams)
 }

+ 33 - 11
src/components/Legend/src/legend.vue

@@ -16,11 +16,12 @@
                             :viewTable='viewTable'
                             @changeSwitch='handleSwich'
                             :remarksText='remarksText'
+                            ref='viewLengend'
                         ></lengend-view>
                     </div>
                 </div>
             </el-collapse-transition>
-            <el-collapse-transition>
+            <el-collapse-transition @isShow2='isShow2'>
                 <div v-if='show2'>
                     <lengend-edit
                         @handleSwich2='handleSwich2'
@@ -36,12 +37,6 @@
             </el-collapse-transition>
         </div>
         <div class='edit_map'>
-            <el-tooltip class='item' effect='dark' content='编辑平面图' placement='left'>
-                <span class='edit-icon'>
-                    <a-icon type='edit' style='color:#fff' />
-                </span>
-            </el-tooltip>
-
             <div class='hover-div'>
                 <!-- 备注编辑器 -->
                 <span @click='legendClik'>
@@ -54,6 +49,15 @@
                     </span>
                 </el-tooltip>
             </div>
+            <!-- 编辑平面图 -->
+            <el-tooltip v-if='editPmt' class='item' effect='dark' content='编辑平面图' placement='left'>
+                <span class='edit-icon'>
+                    <a-icon type='edit' style='color:#fff' />
+                </span>
+            </el-tooltip>
+            <span v-else class='edit-icon2'>
+                <a-icon type='edit' style='color:#fff' />
+            </span>
             <legend-remarks @queryMarks='queryMarks' ref='EditdMarks'></legend-remarks>
         </div>
     </div>
@@ -83,7 +87,8 @@ export default {
             tbData3: [],
             multipleSelection: [],
             editText: '',
-            editSwitch: false
+            editSwitch: false,
+            editPmt: false
         }
     },
     components: { lengendView, legendRemarks, lengendEdit },
@@ -141,6 +146,10 @@ export default {
             this.show2 = true
             this.queryEditNum(true)
         },
+        isShow2() {
+            console.log(this.isShow2)
+            this.show2 = !this.show2
+        },
         handleSwich(val) {
             this.queryView(!val)
         },
@@ -159,7 +168,12 @@ export default {
             queryStatis({ data, postParams }).then(res => {
                 this.loading = false
                 console.log('图例', res)
-                this.viewTable = res.data.Data
+                this.viewTable = res.data.Data ? res.data.Data : []
+                this.$nextTick(() => {
+                    if (this.$refs.viewLengend) {
+                        this.$refs.viewLengend.setSelected()
+                    }
+                })
             })
         },
         // 查询编辑状态图例
@@ -200,7 +214,12 @@ export default {
             })
         },
         saveNum(val) {
-            this.queryEdit(val)
+            if (val) {
+                this.queryEdit(val)
+                this.isShow2()
+            } else {
+                this.isShow2()
+            }
         }
     },
     mounted() {
@@ -254,7 +273,8 @@ export default {
     position: fixed;
     bottom: 28px;
     z-index: 1;
-    .edit-icon {
+    .edit-icon,
+    .edit-icon2 {
         width: 48px;
         height: 48px;
         background: linear-gradient(180deg, rgba(54, 156, 247, 1) 0%, rgba(2, 91, 170, 1) 100%);
@@ -263,6 +283,8 @@ export default {
         text-align: center;
         line-height: 48px;
         display: inline-block;
+    }
+    .edit-icon {
         cursor: pointer;
     }
     .hover-div {

+ 46 - 8
src/components/editLengend.vue

@@ -22,10 +22,23 @@
                         </el-table-column>
                         <el-table-column prop label='数量'>
                             <template slot-scope='{row}'>
-                                <div style='width:50px' v-if='row.Num!=0'>
+                                <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>
+                                <div v-else-if='row.Num==1' class='nullData'>
+                                    <el-input @change='changeTable(row)' v-model='row.Num' size='mini'></el-input>
+                                </div>
+                                <div v-else-if='row.Num==2' class='redData'>
+                                    <el-tooltip class='item' effect='dark' :content='`当前图例 ${row.Num} 与平面图中的不一致,平面图中为xx`' placement='top'>
+                                        <el-input @change='changeTable(row)' v-model='row.Num' size='mini'></el-input>
+                                    </el-tooltip>
+                                </div>
+                                <!-- 第二部分数据 -->
+                                <div v-else>
+                                    <el-tooltip class='item' effect='dark' :content='`当前图例 ${row.Num},从平面图中直接获取,如需编辑请修改平面图`' placement='top'>
+                                        <div class='dataTwo'>{{row.Num}}</div>
+                                    </el-tooltip>
+                                </div>
                             </template>
                         </el-table-column>
                         <el-table-column prop label='单位' width='60'>
@@ -34,7 +47,7 @@
                         <el-table-column prop label='图例'>
                             <template slot-scope='{row}'>
                                 <div v-if='row.Url' class='Url-img'>
-                                    <img :src='`/serve/Picture/query/${row.Url}`' alt />
+                                    <img :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
                                 </div>
                                 <div v-else>{{'--'}}</div>
                             </template>
@@ -93,7 +106,6 @@ export default {
     data() {
         return {
             value: false,
-            showT: false,
             tbData1: [],
             tbData2: [],
             tbData3: [],
@@ -116,13 +128,24 @@ export default {
             }, [])
         },
         changeSwitch(val) {
-            console.log(val)
             this.$emit('handleSwich2', val)
-            console.log(val)
         },
         save() {
-            console.log(this.editNum)
-            this.$emit('saveNum', this.editNum)
+            this.$confirm('图例中的数据发生变化, 是否需要保存?', {
+                confirmButtonText: '保存',
+                cancelButtonText: '放弃修改',
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$emit('saveNum', this.editNum)
+                })
+                .catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已放弃修改'
+                    })
+                    this.$emit('saveNum')
+                })
         },
         init() {
             this.tbData1 = []
@@ -176,6 +199,11 @@ export default {
             }
         }
     }
+
+    .dataTwo {
+        padding: 0 5px;
+        cursor: pointer;
+    }
     .swich {
         position: absolute;
         right: 16px;
@@ -212,5 +240,15 @@ export default {
     .legend-container .el-table th {
         padding: 6px 0 !important;
     }
+    .nullData {
+        .el-input__inner {
+            color: #ccc !important;
+        }
+    }
+    .redData {
+        .el-input__inner {
+            border: 1px solid rgba(255, 77, 79, 0.5) !important;
+        }
+    }
 }
 </style>

+ 6 - 1
src/components/viewLengend.vue

@@ -30,7 +30,7 @@
             <el-table-column prop='Url' label='图例'>
                 <template slot-scope='{row}'>
                     <div v-if='row.Url' class='Url-img'>
-                        <img :src='`/serve/Picture/query/${row.Url}`' alt />
+                        <img :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
                     </div>
                     <div v-else>{{'--'}}</div>
                 </template>
@@ -61,6 +61,11 @@ export default {
         },
         handleSwich(val) {
             this.$emit('changeSwitch', val)
+        },
+        setSelected() {
+            this.viewTable.forEach(t => {
+                this.$refs.dataTable.toggleRowSelection(t, true)
+            })
         }
     },
     mounted() {}

+ 2 - 2
src/views/legendLibrary/addForm.vue

@@ -18,7 +18,7 @@
             </div>
             <div class='input-right' ref='graph' v-show='ruleForm.Type=="Zone" || ruleForm.Type=="Image" || ruleForm.Type =="Line"'>
                 <div v-if=' ruleForm.Type=="Image" && ruleForm.Url' class='input-right'>
-                    <img :src='`/serve/Picture/query/${ruleForm.Url}`' alt />
+                    <img :src='`/serve/topology-wanda/Picture/query/${ruleForm.Url}`' alt />
                 </div>
                 <canvas id='canvas' :width='canvasWidth' :height='canvasHeight' v-else></canvas>
             </div>
@@ -169,7 +169,7 @@ export default {
                 }
             ],
             fileList: [],
-            // this.ruleForm.Url 图标的key,/serve/Picture/query/${this.ruleForm.Url}
+            // this.ruleForm.Url 图标的key,/serve/topology-wanda/Picture/query/${this.ruleForm.Url}
             value: '',
             linepxObject: {
                 src: ''

+ 1 - 1
src/views/legendLibrary/index.vue

@@ -66,7 +66,7 @@
                 </el-table-column>
                 <el-table-column prop='style' label='图例样式'>
                     <template slot-scope='{row}'>
-                        <img v-if='row.Url' class='img' :src='`/serve/Picture/query/${row.Url}`' alt />
+                        <img v-if='row.Url' class='img' :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
                         <span v-else>{{'--'}}</span>
                     </template>
                 </el-table-column>

+ 1 - 1
src/views/legendRules/index.vue

@@ -17,7 +17,7 @@
                     </el-table-column>
                     <el-table-column prop='Url' label='图例样式'>
                         <template slot-scope='{row}'>
-                            <img v-if='row.Url' class='img' :src='`/serve/Picture/query/${row.Url}`' alt />
+                            <img v-if='row.Url' class='img' :src='`/serve/topology-wanda/Picture/query/${row.Url}`' alt />
                             <span v-else>{{'--'}}</span>
                         </template>
                     </el-table-column>

+ 38 - 4
src/views/room/index.vue

@@ -63,7 +63,7 @@
 </template>
 <script>
 import { queryEquipmentList } from '@/api/equipmentList.js'
-import { queryDygjcxline, queryHxsb } from '@/api/room.js'
+import { queryDygjcxline, queryHxsb, queryWxjf, queryWb } from '@/api/room.js'
 import roomTable1 from './room1'
 import roomTable2 from './room2'
 import roomTable3 from './room3'
@@ -116,6 +116,7 @@ export default {
     },
     methods: {
         handleClick(tab) {
+            console.log(tab.index)
             if (tab.index == '0') {
                 this.Index()
             } else if (tab.index == '1') {
@@ -124,7 +125,7 @@ export default {
                 this.Index2()
             } else if (tab.index == '3') {
                 this.Index3()
-            } else {
+            } else if (tab.index == '4') {
                 this.Index4()
             }
         },
@@ -150,6 +151,7 @@ export default {
         Index2() {
             let postParams = {}
             let data = {
+                location: '1198',
                 plazaId: this.$store.state.plazaId,
                 page: this.page2,
                 size: this.size2
@@ -165,8 +167,40 @@ export default {
             this.page2 = val
             this.Index2()
         },
-        Index3() {},
-        Index4() {},
+        // 维修
+        Index3() {
+            let getParams = {
+                location: '1198',
+                plazaId: this.$store.state.plazaId,
+                page: this.page3,
+                size: this.size3
+            }
+            queryWxjf({ getParams }).then(res => {
+                console.log('维修', res)
+                if (res.result == 'success') {
+                    this.loading3 = false
+                    this.total3 = res.count
+                    this.table4 = res.data ? res.data : []
+                }
+            })
+        },
+        // 维保
+        Index4() {
+            let postParams = {}
+            let data = {
+                location: '1198',
+                plazaId: this.$store.state.plazaId,
+                page: this.page4,
+                size: this.size4
+                // smsxt: '1001'
+            }
+            queryWb({ data, postParams }).then(res => {
+                console.log('维保', res)
+                this.loading4 = false
+                this.total4 = res.data.count
+                this.table5 = res.data.data ? res.data.data : []
+            })
+        },
         open(name) {
             this.visible = true
             this.systemName = name

+ 15 - 16
vue.config.js

@@ -1,27 +1,26 @@
 module.exports = {
     devServer: {
         proxy: {
-            "/api": {
-                target: "http://192.168.200.87:9003",
+            '/data': {
+                target: 'http://192.168.200.87:9003',
                 changeOrigin: true,
                 secure: false,
                 pathRewrite: {
-                    "^/api": "",
+                    '^/data': '',
                 },
             },
-            "/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',
                 changeOrigin: true,
-                secure: false,
                 pathRewrite: {
-                    "^/serve": "",
+                    '^/serve': '',
                 },
             },
         },
@@ -35,15 +34,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: "/",
+    publicPath: '/',
 }