opc配置修改为弹出框

src/views/opc/Opc.vue

@@ -137,13 +137,15 @@ export default {
         this.imgUrl = res.data.opcImg
         console.log(this.imgUrl)
       })
+      console.log('0:' + new Date())
       queryRemoteOpc({ line: this.positionId })
         .then((res) => {
-          console.log(res.data)
+          console.log('1:' + new Date())
           this.dotList = res.data
           this.dotList.forEach(item => {
             item.isActive = false
           })
+          console.log('2:' + new Date())
         })
     },
     setTree (record = {}) {

src/views/remote/opc/RemoteOpc.vue

@@ -346,14 +346,12 @@ export default {
       })
     },
     handleAdd () {
-      this.visible = false
       const modal = this.$refs.baseModal
       modal.base({
         ...this.$route.query
       })
     },
     handleEdit (record) {
-      this.visible = false
       fetchRemoteOpc({ id: record.id }).then(res => {
         const modal = this.$refs.baseModal
         modal.base(res.data)

src/views/remote/opc/modules/BaseForm.vue

@@ -1,5 +1,12 @@
 <template>
-  <a-card :bordered="false" v-show="visible" class="card" :title="modalTitle">
+  <a-modal
+    :title="modalTitle"
+    :width="1200"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    class="ant-modal2"
+    @cancel="handleCancel"
+  >
     <a-row :gutter="48" slot="extra">
       <a-col :md="48" :sm="48">
         <span class="table-page-search-submitButtons" style="float: right">
@@ -278,7 +285,7 @@
       </row-list>
     </a-form>
     <sb-info-select-modal ref="sbInfoSelectModal" @selected="handleSbSelectd"/>
-  </a-card>
+  </a-modal>
 </template>
 
 <script>