添加假地图

src/views/wel/home/landTransportation/components/sales-trend.vue

@@ -23,10 +23,16 @@
               style="width: 100%;">
             <el-table-column
                 prop="billNo">
+              <template slot-scope="{row}">
+                <span class="el-button--text" style="cursor: pointer" @click="dialogVisible = true">{{row.billNo}}</span>
+              </template>
             </el-table-column>
             <el-table-column
                 width="90"
                 prop="plateNo">
+              <template slot-scope="{row}">
+                <span class="el-button--text" style="cursor: pointer" @click="dialogVisible = true">{{row.plateNo}}</span>
+              </template>
             </el-table-column>
             <el-table-column
                 width="80"
@@ -49,6 +55,13 @@
         </div>
       </div>
     </el-card>
+    <el-dialog
+        title="车辆轨迹"
+        append-to-body
+        :visible.sync="dialogVisible"
+        width="80%">
+      <img style="width: 100%" src="https://trade.tubaosoft.com/file/bladex/000000/1123598821738675201/222E5F45-10AF-42A6-A47E-628E1053EFAF.png" alt="">
+    </el-dialog>
   </div>
 </template>
 
@@ -61,6 +74,7 @@ export default {
   },
   data() {
     return {
+      dialogVisible:false,
       loading: false,
       tableData:[]
     };
@@ -113,4 +127,11 @@ export default {
 }
 .content {
 }
+
+::v-deep .el-dialog{
+  margin-top: 10vh !important;
+}
+::v-deep .el-dialog__body{
+  padding: 0 20px 10px 20px !important;
+}
 </style>