调整目录结构使其能够被引用

components/AiLocateDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="locateDialog">
+  <section class="AiLocateDialog">
     <ai-dialog :visible.sync="dialog" title="标绘" @closed="$emit('visible',false),selected={}"
                @opened="$nextTick(()=>initMap())"
                @onConfirm="handleConfirm">
@@ -25,7 +25,7 @@
 import AMapLoader from '@amap/amap-jsapi-loader'
 
 export default {
-  name: "locateDialog",
+  name: "AiLocateDialog",
   model: {
     prop: "visible",
     event: "visible",
@@ -113,7 +113,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.locateDialog {
+.AiLocateDialog {
   ::v-deep .el-dialog__body {
     padding: 0;
     height: 480px;

packages/device/AppEquipmentManage/components/List.vue

@@ -20,7 +20,7 @@
             <template slot-scope="{ row }">
               <!-- <el-button type="text" @click="close(row.id)">停播</el-button> -->
               <el-button type="text" @click="toTaskList(row.deviceId)">任务列表</el-button>
-              <el-button type="text" @click="bind(row)" >绑定行政区划</el-button>
+              <el-button type="text" @click="bind(row)">绑定行政区划</el-button>
               <!-- <el-button type="text" @click="locate=true">地图标绘</el-button>-->
             </template>
           </el-table-column>
@@ -37,17 +37,15 @@
         <el-button type="primary" @click="bindArea">确 定</el-button>
       </span>
     </el-dialog>
-    <locate-dialog v-model="locate" :ins="instance" @confirm="bindLocate"/>
+    <ai-locate-dialog v-model="locate" :ins="instance" @confirm="bindLocate"/>
   </section>
 </template>
 
 <script>
 import {mapState} from 'vuex'
-import LocateDialog from "../../AppMonitor/components/locateDialog";
 
 export default {
   name: 'List',
-  components: {LocateDialog},
   props: {
     dict: Object,
     instance: Function,
@@ -98,7 +96,7 @@ export default {
           label: '是否绑定区划',
           align: 'center',
           render: (h, {row}) => {
-            return h('span', null, (row.areaId? '是': '否'))
+            return h('span', null, (row.areaId ? '是' : '否'))
           },
         },
         {
@@ -120,7 +118,7 @@ export default {
     ...mapState(['user']),
   },
 
-  created () {
+  created() {
     this.dict.load('dlbDevStatus', 'yesOrNo').then(() => {
       this.getList()
     })
@@ -196,7 +194,7 @@ export default {
         },
       })
     },
-    update () {
+    update() {
       this.btnLoading = true
       this.instance.post(`/app/appdlbquipment/sync`, null, {
         timeout: 1000000

packages/device/AppMonitor/AppMonitorDevice.vue

@@ -26,18 +26,17 @@
         </ai-table>
       </template>
     </ai-list>
-    <locate-dialog v-model="locate" :ins="instance" @confirm="v=>handleLocate(detail,v)"/>
+    <ai-locate-dialog v-model="locate" :ins="instance" @confirm="v=>handleLocate(detail,v)"/>
     <setting-dialog v-model="dialog" :ins="instance"/>
   </section>
 </template>
 
 <script>
-import LocateDialog from "./components/locateDialog";
 import SettingDialog from "./components/settingDialog";
 
 export default {
   name: "AppMonitorDevice",
-  components: {SettingDialog, LocateDialog},
+  components: {SettingDialog},
   label: "监控设备管理",
   props: {
     instance: Function,

packages/device/AppMonitor/AppMonitorManage.vue

@@ -25,20 +25,19 @@
         </el-form-item>
       </el-form>
     </ai-dialog>
-    <locate-dialog v-model="locate" :ins="instance" :latlng="latlng" @confirm="v=>handleLocate(selected,v)"/>
+    <ai-locate-dialog v-model="locate" :ins="instance" :latlng="latlng" @confirm="v=>handleLocate(selected,v)"/>
     <ai-area custom-clicker :input-clicker="false" v-model="selected.areaId" :hideLevel="disabledLevel" :instance="instance" ref="BindArea"
              @change="handleSubmit(selected)"/>
   </section>
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  import DeviceSlider from "./components/deviceSlider";
-  import LocateDialog from "./components/locateDialog";
+import {mapState} from 'vuex'
+import DeviceSlider from "./components/deviceSlider";
 
-  export default {
+export default {
   name: "AppMonitorManage",
-    components: {LocateDialog, DeviceSlider},
+  components: {DeviceSlider},
   label: "监控实况",
   props: {
     instance: Function,
@@ -79,7 +78,7 @@
     }
   },
 
-    created () {
+  created() {
     this.selected.areaId = this.user.info.areaId
     this.disabledLevel = this.user.info.areaList.length
   },
@@ -123,7 +122,7 @@
       })
     },
     renderTreeItem: function (h, {node, data}) {
-        let show = data.deviceStatus==1 ? 'show' : ''
+      let show = data.deviceStatus == 1 ? 'show' : ''
       if (node.isLeaf) {
         return (
             <div class="flexRow">
@@ -187,7 +186,7 @@
   beforeDestroy() {
     this.monitors = []
   }
-  }
+}
 </script>
 
 <style lang="scss" scoped>