|
@@ -1,14 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
- <el-form-item label="路径" prop="path">
|
|
|
|
- <el-input
|
|
|
|
- v-model="queryParams.path"
|
|
|
|
- placeholder="请输入路径"
|
|
|
|
- clearable
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
<el-form-item label="中文名称" prop="areaName">
|
|
<el-form-item label="中文名称" prop="areaName">
|
|
<el-input
|
|
<el-input
|
|
v-model="queryParams.areaName"
|
|
v-model="queryParams.areaName"
|
|
@@ -17,26 +9,18 @@
|
|
@keyup.enter.native="handleQuery"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="英文名称" prop="nameEn">
|
|
|
|
- <el-input
|
|
|
|
- v-model="queryParams.nameEn"
|
|
|
|
- placeholder="请输入英文名称"
|
|
|
|
- clearable
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="中文拼音" prop="namePinyin">
|
|
|
|
|
|
+ <el-form-item label="维度" prop="lat">
|
|
<el-input
|
|
<el-input
|
|
- v-model="queryParams.namePinyin"
|
|
|
|
- placeholder="请输入中文拼音"
|
|
|
|
|
|
+ v-model="queryParams.lat"
|
|
|
|
+ placeholder="请输入维度"
|
|
clearable
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="代码" prop="code">
|
|
|
|
|
|
+ <el-form-item label="经度" prop="lng">
|
|
<el-input
|
|
<el-input
|
|
- v-model="queryParams.code"
|
|
|
|
- placeholder="请输入代码"
|
|
|
|
|
|
+ v-model="queryParams.lng"
|
|
|
|
+ placeholder="请输入经度"
|
|
clearable
|
|
clearable
|
|
@keyup.enter.native="handleQuery"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
/>
|
|
@@ -95,14 +79,12 @@
|
|
|
|
|
|
<el-table v-loading="loading" :data="areaList" @selection-change="handleSelectionChange">
|
|
<el-table v-loading="loading" :data="areaList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
- <el-table-column label="编号" align="center" prop="areaId" />
|
|
|
|
- <el-table-column label="父编号" align="center" prop="areaParentId" />
|
|
|
|
- <el-table-column label="路径" align="center" prop="path" />
|
|
|
|
|
|
+ <el-table-column label="主键" align="center" prop="areaId" />
|
|
|
|
+ <el-table-column label="父ID" align="center" prop="areaParentId" />
|
|
<el-table-column label="层级" align="center" prop="areaDeep" />
|
|
<el-table-column label="层级" align="center" prop="areaDeep" />
|
|
<el-table-column label="中文名称" align="center" prop="areaName" />
|
|
<el-table-column label="中文名称" align="center" prop="areaName" />
|
|
- <el-table-column label="英文名称" align="center" prop="nameEn" />
|
|
|
|
- <el-table-column label="中文拼音" align="center" prop="namePinyin" />
|
|
|
|
- <el-table-column label="代码" align="center" prop="code" />
|
|
|
|
|
|
+ <el-table-column label="维度" align="center" prop="lat" />
|
|
|
|
+ <el-table-column label="经度" align="center" prop="lng" />
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
<el-button
|
|
@@ -131,23 +113,17 @@
|
|
@pagination="getList"
|
|
@pagination="getList"
|
|
/>
|
|
/>
|
|
|
|
|
|
- <!-- 添加或修改世界国家区域对话框 -->
|
|
|
|
|
|
+ <!-- 添加或修改全球地区库对话框 -->
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
- <el-form-item label="路径" prop="path">
|
|
|
|
- <el-input v-model="form.path" placeholder="请输入路径" />
|
|
|
|
- </el-form-item>
|
|
|
|
<el-form-item label="中文名称" prop="areaName">
|
|
<el-form-item label="中文名称" prop="areaName">
|
|
<el-input v-model="form.areaName" placeholder="请输入中文名称" />
|
|
<el-input v-model="form.areaName" placeholder="请输入中文名称" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="英文名称" prop="nameEn">
|
|
|
|
- <el-input v-model="form.nameEn" placeholder="请输入英文名称" />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="中文拼音" prop="namePinyin">
|
|
|
|
- <el-input v-model="form.namePinyin" placeholder="请输入中文拼音" />
|
|
|
|
|
|
+ <el-form-item label="维度" prop="lat">
|
|
|
|
+ <el-input v-model="form.lat" placeholder="请输入维度" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="代码" prop="code">
|
|
|
|
- <el-input v-model="form.code" placeholder="请输入代码" />
|
|
|
|
|
|
+ <el-form-item label="经度" prop="lng">
|
|
|
|
+ <el-input v-model="form.lng" placeholder="请输入经度" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -177,7 +153,7 @@ export default {
|
|
showSearch: true,
|
|
showSearch: true,
|
|
// 总条数
|
|
// 总条数
|
|
total: 0,
|
|
total: 0,
|
|
- // 世界国家区域表格数据
|
|
|
|
|
|
+ // 全球地区库表格数据
|
|
areaList: [],
|
|
areaList: [],
|
|
// 弹出层标题
|
|
// 弹出层标题
|
|
title: "",
|
|
title: "",
|
|
@@ -188,12 +164,10 @@ export default {
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
areaParentId: null,
|
|
areaParentId: null,
|
|
- path: null,
|
|
|
|
areaDeep: null,
|
|
areaDeep: null,
|
|
areaName: null,
|
|
areaName: null,
|
|
- nameEn: null,
|
|
|
|
- namePinyin: null,
|
|
|
|
- code: null
|
|
|
|
|
|
+ lat: null,
|
|
|
|
+ lng: null
|
|
},
|
|
},
|
|
// 表单参数
|
|
// 表单参数
|
|
form: {},
|
|
form: {},
|
|
@@ -206,7 +180,7 @@ export default {
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- /** 查询世界国家区域列表 */
|
|
|
|
|
|
+ /** 查询全球地区库列表 */
|
|
getList() {
|
|
getList() {
|
|
this.loading = true
|
|
this.loading = true
|
|
listArea(this.queryParams).then(response => {
|
|
listArea(this.queryParams).then(response => {
|
|
@@ -225,12 +199,10 @@ export default {
|
|
this.form = {
|
|
this.form = {
|
|
areaId: null,
|
|
areaId: null,
|
|
areaParentId: null,
|
|
areaParentId: null,
|
|
- path: null,
|
|
|
|
areaDeep: null,
|
|
areaDeep: null,
|
|
areaName: null,
|
|
areaName: null,
|
|
- nameEn: null,
|
|
|
|
- namePinyin: null,
|
|
|
|
- code: null
|
|
|
|
|
|
+ lat: null,
|
|
|
|
+ lng: null
|
|
}
|
|
}
|
|
this.resetForm("form")
|
|
this.resetForm("form")
|
|
},
|
|
},
|
|
@@ -254,7 +226,7 @@ export default {
|
|
handleAdd() {
|
|
handleAdd() {
|
|
this.reset()
|
|
this.reset()
|
|
this.open = true
|
|
this.open = true
|
|
- this.title = "添加世界国家区域"
|
|
|
|
|
|
+ this.title = "添加全球地区库"
|
|
},
|
|
},
|
|
/** 修改按钮操作 */
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
handleUpdate(row) {
|
|
@@ -263,7 +235,7 @@ export default {
|
|
getArea(areaId).then(response => {
|
|
getArea(areaId).then(response => {
|
|
this.form = response.data
|
|
this.form = response.data
|
|
this.open = true
|
|
this.open = true
|
|
- this.title = "修改世界国家区域"
|
|
|
|
|
|
+ this.title = "修改全球地区库"
|
|
})
|
|
})
|
|
},
|
|
},
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
@@ -289,7 +261,7 @@ export default {
|
|
/** 删除按钮操作 */
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
handleDelete(row) {
|
|
const areaIds = row.areaId || this.ids
|
|
const areaIds = row.areaId || this.ids
|
|
- this.$modal.confirm('是否确认删除世界国家区域编号为"' + areaIds + '"的数据项?').then(function() {
|
|
|
|
|
|
+ this.$modal.confirm('是否确认删除全球地区库编号为"' + areaIds + '"的数据项?').then(function() {
|
|
return delArea(areaIds)
|
|
return delArea(areaIds)
|
|
}).then(() => {
|
|
}).then(() => {
|
|
this.getList()
|
|
this.getList()
|