From 6159a5216fc8e9e789b4640c29e0a416008e7e4f Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期日, 22 十二月 2024 21:46:27 +0800 Subject: [PATCH] 1.行政区划对接-高德 2.行政区划对接-腾讯 --- pages/district/tengxun/index.vue | 93 +++++++++++++++++++++++ pages/district/gaode/index.vue | 114 ++++++++++++++++++++++++++++ 2 files changed, 207 insertions(+), 0 deletions(-) diff --git a/pages/district/gaode/index.vue b/pages/district/gaode/index.vue new file mode 100644 index 0000000..72a241a --- /dev/null +++ b/pages/district/gaode/index.vue @@ -0,0 +1,114 @@ +<template> + <div class="custom-crud-page"> + <el-bus-crud ref="crud" v-bind="crudConfig"></el-bus-crud> + </div> +</template> + +<script> +export default { + data() { + return { + crudConfig: { + url: 'flower/v2/district-gaode/list', + newUrl: 'flower/v2/district-gaode', + viewUrl: 'flower/v2/district-gaode', + viewOnPath: true, + editUrl: 'flower/v2/district-gaode', + editMethodType: 'put', + editOnPath: true, + deleteUrl: 'flower/v2/district-gaode', + deleteMethodType: 'delete', + deleteOnPath: true, + hasPagination: false, + saveQuery: false, + isTree: true, + hasView: false, + hasOperation:true, + hasNew:true, + deleteMessage: () => '此操作将会删除所有子区划, 是否继续?', + beforeOpen(row, isNew) { + if (isNew && row.name) { + row.parentName = row.name + } + if (!isNew) { + row.parentName = '' + } + }, + extraParentKeys: ['parentName'], + tableAttrs: { + rowKey: 'id', + lazy:true, + load: (row, resolve) => { + alert(1) + }, + }, + columns: [ + { label: '名称', prop: 'name' }, + {label: '区域编码',prop: 'adcode',}, + {label: '行政区划级别',prop: 'level',}, + {label: '城市编码',prop: 'citycode',}, + {label: '区域中心点',prop: 'center',}, + ], + form: [ + { + label: '父级节点:', + id: 'parentName', + type: 'input', + readonly: true, + hidden: (row) => !row.parentName, + }, + { + label: '名称:', + id: 'name', + type: 'input', + el: { placeholder: '请输入名称:' }, + rules: { required: true, message: '请输入名称:', trigger: 'blur' }, + }, + { + label: '区域编码:', + id: 'adcode', + type: 'input', + el: { + min: 0, + precision: 0, + controlsPosition: 'right', + placeholder: '请输入区域编码:', + }, + rules: { required: true, message: '请输入区域编码', trigger: 'blur' }, + }, + { + label: '城市编码', + id: 'citycode', + type: 'input', + el: { + min: 0, + precision: 0, + controlsPosition: 'right', + placeholder: '请输入城市编码:', + }, + }, + + { + label: '区域中心点', + id: 'center', + type: 'input', + el: { placeholder: '请输入区域中心点' }, + + }, + { + label: '行政区划级别', + id: 'level', + type: 'input', + el: { placeholder: '请输入行政区划级别' }, + }, + ], + }, + } + }, + head() { + return { + title: '高德行政区划管理', + } + }, +} +</script> diff --git a/pages/district/tengxun/index.vue b/pages/district/tengxun/index.vue new file mode 100644 index 0000000..49fdb26 --- /dev/null +++ b/pages/district/tengxun/index.vue @@ -0,0 +1,93 @@ +<template> + <div class="custom-crud-page"> + <el-bus-crud ref="crud" v-bind="crudConfig"></el-bus-crud> + </div> +</template> + +<script> +export default { + data() { + return { + crudConfig: { + url: 'flower/v2/district-tengxun/list', + newUrl: 'flower/v2/district-tengxun', + viewUrl: 'flower/v2/district-tengxun', + viewOnPath: true, + editUrl: 'flower/v2/district-tengxun', + editMethodType: 'put', + editOnPath: true, + deleteUrl: 'flower/v2/district-tengxun', + deleteMethodType: 'delete', + deleteOnPath: true, + hasPagination: false, + saveQuery: false, + isTree: true, + hasView: false, + hasOperation:true, + hasNew:true, + deleteMessage: () => '此操作将会删除所有子行政区划, 是否继续?', + beforeOpen(row, isNew) { + if (isNew && row.name) { + row.parentName = row.name + } + if (!isNew) { + row.parentName = '' + } + }, + extraParentKeys: ['parentName'], + tableAttrs: { + rowKey: 'id', + }, + columns: [ + { label: '名称', prop: 'name' }, + {label: '全称',prop: 'fullname',}, + {label: '编码',prop: 'code',}, + {label: '层级',prop: 'level',}, + ], + form: [ + { + label: '父级节点:', + id: 'parentName', + type: 'input', + readonly: true, + hidden: (row) => !row.parentName, + }, + { + label: '名称:', + id: 'name', + type: 'input', + el: { placeholder: '请输入名称:' }, + rules: { required: true, message: '请输入名称:', trigger: 'blur' }, + }, + { + label: '全称', + id: 'fullname', + type: 'input', + el: { placeholder: '请输入全称:' }, + rules: { required: true, message: '请输入全称', trigger: 'blur' }, + }, + { + label: '编码', + id: 'code', + type: 'input', + el: { placeholder: '请输入编码' }, + rules: { required: true, message: '请输入编码', trigger: 'blur' }, + }, + { + label: '层级', + id: 'level', + type: 'input-number', + el: { placeholder: '请输入层级' }, + // rules: {required: true,message: '请输入层级',trigger: 'blur',}, + }, + ], + }, + } + }, + head() { + return { + title: '腾讯行政区划管理', + } + }, +} +</script> -- Gitblit v1.9.3