panhui 7 년 전
부모
커밋
f58d5b1aca
1개의 변경된 파일21개의 추가작업 그리고 22개의 파일을 삭제
  1. 21 22
      src/main/vue/src/pages/DrugArea.vue

+ 21 - 22
src/main/vue/src/pages/DrugArea.vue

@@ -24,7 +24,16 @@
           <el-form-item>
             <el-button type="danger" @click="bgMove=true">取消添加</el-button>
           </el-form-item>
-
+          <el-form-item>
+            <el-popover placement="right" width="400" trigger="hover">
+              <el-table :data="tableData" style="width: 100%" @row-click="rowClick">
+                <el-table-column prop="id" label="区域id"></el-table-column>
+                <el-table-column prop="cityId" label="城市ID"></el-table-column>
+                <el-table-column prop="areaName" label="区域名称"></el-table-column>
+              </el-table>
+              <el-button slot="reference" type="success" plain size="mini">区域表格</el-button>
+            </el-popover>
+          </el-form-item>
           <el-form-item>
             <el-button @click="saveMapInfo" type="warning">保存</el-button>
           </el-form-item>
@@ -40,16 +49,6 @@
         </div>
       </div>
     </el-main>
-
-    <el-aside width="400px" style="margin-top:50px">
-      <el-card class="box-card" shadow="always">
-        <el-table :data="tableData" style="width: 100%" @row-click="rowClick">
-          <el-table-column prop="id" label="区域id"></el-table-column>
-          <el-table-column prop="cityId" label="城市ID"></el-table-column>
-          <el-table-column prop="areaName" label="区域名称"></el-table-column>
-        </el-table>
-      </el-card>
-    </el-aside>
   </el-container>
 </template>
 <script>
@@ -59,16 +58,16 @@ import zh from 'date-fns/locale/zh_cn'
 export default {
   created() {
 
-       var data = {}
-      if (this.$route.query.column) {
-        var columnList = this.$route.query.column.split(';')
-        columnList.forEach(item => {
-          var tempColumn = item;
-          data[tempColumn.split(',')[1]] = tempColumn.split(',')[0];
-        })
+    var data = {}
+    if (this.$route.query.column) {
+      var columnList = this.$route.query.column.split(';')
+      columnList.forEach(item => {
+        var tempColumn = item;
+        data[tempColumn.split(',')[1]] = tempColumn.split(',')[0];
+      })
 
-      }
-      this.landmarkId=data.landmarkId
+    }
+    this.landmarkId = data.landmarkId
     this.mapHeight = this.totalHeight - 100
     if (this.$route.query.column) {
       this.$http.get({
@@ -104,7 +103,7 @@ export default {
       })
 
 
-   
+
 
 
       this.$http.get({
@@ -121,7 +120,7 @@ export default {
   },
   data() {
     return {
-      landmarkId:0,
+      landmarkId: 0,
       isDown: false,
       bgMove: false,
       bgPosition: {