<!--<template>-->
<!--  <div>-->

<!--    &lt;!&ndash;查询&ndash;&gt;-->
<!--    <el-form :inline="true" :model="fence" class="demo-form-inline">-->
<!--      <el-form-item label="围栏名称">-->
<!--        <el-input v-model="fence.fenceName" placeholder="围栏名称"></el-input>-->
<!--      </el-form-item>-->
<!--      <el-form-item label="业务类型">-->
<!--        <el-select v-model="fence.fenceType" placeholder="业务类型">-->
<!--          <el-option label="平台围栏" value="0"></el-option>-->
<!--          <el-option label="终端围栏" value="1"></el-option>-->
<!--        </el-select>-->
<!--&lt;!&ndash;        <el-input v-model="fence.fenceType" placeholder="业务类型"></el-input>&ndash;&gt;-->
<!--      </el-form-item>-->
<!--      <el-form-item label="围栏类型">-->
<!--        <el-select v-model="fence.typeName" placeholder="请选择">-->
<!--          <el-option-->
<!--            v-for="item in options"-->
<!--            :key="item.typeId"-->
<!--            :label="item.typeName"-->
<!--            :value="item.typeId">-->
<!--          </el-option>-->
<!--        </el-select>-->
<!--&lt;!&ndash;        <el-input v-model="fence.typeName" placeholder="围栏类型"></el-input>&ndash;&gt;-->
<!--      </el-form-item>-->
<!--      <el-form-item>-->
<!--        <el-button type="primary" @click="onSubmit">查询</el-button>-->
<!--      </el-form-item>-->
<!--    </el-form>-->

<!--    &lt;!&ndash;列表&ndash;&gt;-->
<!--    <el-table-->
<!--      :data="tableData"-->
<!--      style="width: 100%">-->
<!--      <el-table-column-->
<!--        label="序号"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.fenceId }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="电子围栏名称"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.fenceName }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="业务类型"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">-->
<!--            <p v-if="scope.row.fenceType==0">平台围栏</p>-->
<!--            <p v-if="scope.row.fenceType==1">终端围栏</p>-->
<!--            </span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="围栏类型"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.typeName }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="坐标"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.coordinates }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="描述"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.description }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="状态"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">-->
<!--            <p v-if="scope.row.status==0">运行</p>-->
<!--            <p v-if="scope.row.status==1">停止</p>-->
<!--          </span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="开始时间"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.startTime }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column-->
<!--        label="结束时间"-->
<!--        width="180">-->
<!--        <template slot-scope="scope">-->
<!--          <span style="margin-left: 10px">{{ scope.row.endTime }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="操作">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button-->
<!--            size="mini"-->
<!--            @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!--          <el-button-->
<!--            size="mini"-->
<!--            type="danger"-->
<!--            @click="handleDelete(scope.$index, scope.row)">删除</el-button>-->

<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->

<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,-->
<!--//例如：import 《组件名称》 from '《组件路径》,-->

<!--import Treeselect from '@riophae/vue-treeselect'-->
<!--import IconSelect from '@/components/IconSelect/index.vue'-->
<!--import { showList } from '@/api/car/car'-->
<!--import { showTypeList } from '../../../api/car/car'-->
<!--// import {cc} from 'public/map.html'-->

<!--export default {-->
<!--  name: "Market",-->
<!--  //import引入的组件需要注入到对象中才能使用"-->
<!--  components: { IconSelect, Treeselect },-->
<!--  props: {},-->
<!--  data() {-->
<!--    //这里存放数据"-->

<!--    return {-->
<!--      tableData:[],-->
<!--      fence:{},-->
<!--      options:[],-->


<!--    };-->
<!--  },-->
<!--  //计算属性 类似于data概念",-->
<!--  computed: {},-->
<!--  //监控data中的数据变化",-->
<!--  watch: {},-->
<!--  //方法集合",-->
<!--  methods: {-->
<!--    //列表-->
<!--    getList(){-->
<!--      showList(this.fence).then(res=>{-->
<!--        this.tableData=res.data;-->
<!--      })-->
<!--    },-->
<!--    //查询-->
<!--    onSubmit(){-->
<!--      this.getList();-->
<!--    },-->
<!--    //获取下拉框-->
<!--    selectType(){-->
<!--      showTypeList().then(res=>{-->
<!--        this.options=res.data;-->
<!--      })-->
<!--    }-->

<!--  },-->
<!--  //生命周期 - 创建完成（可以访问当前this实例）",-->
<!--  created() {-->
<!--      this.getList();-->
<!--      this.selectType();-->

<!--  },-->
<!--  //生命周期 - 挂载完成（可以访问DOM元素）",-->
<!--  mounted() {-->
<!--  },-->
<!--  beforeCreate() {-->
<!--  }, //生命周期 - 创建之前",-->
<!--  beforeMount() {-->
<!--  }, //生命周期 - 挂载之前",-->
<!--  beforeUpdate() {-->
<!--  }, //生命周期 - 更新之前",-->
<!--  updated() {-->
<!--  }, //生命周期 - 更新之后",-->
<!--  beforeDestroy() {-->
<!--  }, //生命周期 - 销毁之前",-->
<!--  destroyed() {-->
<!--  }, //生命周期 - 销毁完成",-->
<!--  activated() {-->
<!--  } //如果页面有keep-alive缓存功能，这个函数会触发",-->
<!--};-->
<!--</script>-->
<!--<style scoped>-->

<!--</style>-->
