|
|
@@ -2,11 +2,7 @@
|
|
|
<div class="tbqd">
|
|
|
<div>
|
|
|
<div class="headerInput">
|
|
|
- <el-input
|
|
|
- v-model="input"
|
|
|
- placeholder="请输入监测编号搜索"
|
|
|
- @keyup.enter.native="initNew(true)"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="input" placeholder="请输入监测编号搜索" @keyup.enter.native="initNew(true)"></el-input>
|
|
|
|
|
|
<span>共{{ total }}条</span>
|
|
|
</div>
|
|
|
@@ -55,81 +51,32 @@
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
|
|
|
:page-size="pageSize" layout="total, prev, pager, next, jumper" :total="total">
|
|
|
</el-pagination> -->
|
|
|
- <el-table
|
|
|
- :row-class-name="tableRowClassName"
|
|
|
- ref="singleTable"
|
|
|
- :data="tableData"
|
|
|
- style="width: 100%"
|
|
|
- height="64vh"
|
|
|
- :header-cell-style="{
|
|
|
+ <el-table :row-class-name="tableRowClassName" ref="singleTable" :data="tableData" style="width: 100%"
|
|
|
+ height="64vh" :header-cell-style="{
|
|
|
background: 'rgba(10, 25, 38, 0.6)',
|
|
|
color: '#66b1ff',
|
|
|
fontSize: '14px',
|
|
|
fontFamily: 'Microsoft YaHei',
|
|
|
fontWeight: '400',
|
|
|
- }"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- type="index"
|
|
|
- width="50"
|
|
|
- :index="tableIndex"
|
|
|
- label="序号"
|
|
|
- align="center"
|
|
|
- />
|
|
|
- <el-table-column
|
|
|
- prop="jcbh"
|
|
|
- label="监测编号"
|
|
|
- align="center"
|
|
|
- width="220"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ }">
|
|
|
+ <el-table-column type="index" width="50" :index="tableIndex" label="序号" align="center" />
|
|
|
+ <el-table-column prop="jcbh" label="监测编号" align="center" width="220" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="jcmj"
|
|
|
- label="监测面积(亩)"
|
|
|
- align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column prop="jcmj" label="监测面积(亩)" align="center" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="regioncode"
|
|
|
- label="地区编号"
|
|
|
- align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column prop="regioncode" label="地区编号" align="center" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="xmc"
|
|
|
- label="所属区县"
|
|
|
- align="center"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
+ <el-table-column prop="xmc" label="所属区县" align="center" show-overflow-tooltip>
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="90" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- @click="handleClick(scope.row)"
|
|
|
- type="text"
|
|
|
- size="small"
|
|
|
- >定位</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- size="small"
|
|
|
- @click="handleDetails(scope.row)"
|
|
|
- >详情</el-button
|
|
|
- >
|
|
|
+ <el-button @click="handleClick(scope.row)" type="text" size="small">定位</el-button>
|
|
|
+ <el-button type="text" size="small" @click="handleDetails(scope.row)">详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-pagination
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="pageNum"
|
|
|
- :page-size="pageSize"
|
|
|
- layout=" prev, next, jumper"
|
|
|
- :total="total"
|
|
|
- >
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum"
|
|
|
+ :page-size="pageSize" layout=" prev, next, jumper" :total="total">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -208,7 +155,7 @@ export default {
|
|
|
{
|
|
|
isfly: true,
|
|
|
fill_a: 0.01,
|
|
|
- sw: 0.001,
|
|
|
+ // sw: 0.001,
|
|
|
},
|
|
|
(data) => (data.name = "farmlandjc")
|
|
|
);
|
|
|
@@ -223,7 +170,7 @@ export default {
|
|
|
if (!item.geom) {
|
|
|
this.$message.warning("缺少定位图斑");
|
|
|
} else {
|
|
|
- loadGeoJSON(item.geom, "#43EDED", { isfly: true, sw: 5 }, (data) => {
|
|
|
+ loadGeoJSON(item.geom, "#43EDED", { isfly: true, sw: 5, fill_a: 0.0001, }, (data) => {
|
|
|
data.name = "farmlandjch";
|
|
|
data.entities.values.forEach((entity) => {
|
|
|
entity.properties = { type: "图斑上图", id: item.id };
|
|
|
@@ -251,7 +198,7 @@ export default {
|
|
|
getMapList(newVal) {
|
|
|
newVal.forEach((item) => {
|
|
|
if (item.geom) {
|
|
|
- loadGeoJSON(item.geom, "#ff0000", {}, (data) => {
|
|
|
+ loadGeoJSON(item.geom, "#ff0000", { fill_a: 0.0001, }, (data) => {
|
|
|
data.name = "farmlandjc";
|
|
|
data.entities.values.forEach((entity) => {
|
|
|
entity.properties = { type: "图斑上图", ...item };
|