Compare commits
No commits in common. "a8427ed66bcde5d6a3080235017b0444b2628121" and "81f831ae138aea1071348227abb90f2f91076ae4" have entirely different histories.
a8427ed66b
...
81f831ae13
@ -11,10 +11,7 @@ VITE_APP_SUB_GSS = '//localhost:9529/sub-government-screen-service/'
|
|||||||
VITE_APP_SUB_GSR = '//localhost:9530/new-digital-agriculture-screen/'
|
VITE_APP_SUB_GSR = '//localhost:9530/new-digital-agriculture-screen/'
|
||||||
# 接口
|
# 接口
|
||||||
VITE_APP_BASE_API = '/apis'
|
VITE_APP_BASE_API = '/apis'
|
||||||
VITE_APP_UPLOAD_API = '/uploadApis'
|
# VITE_APP_BASE_URL = 'http://192.168.18.99:8080'
|
||||||
# 阿里云接口地址
|
|
||||||
# VITE_APP_BASE_URL = 'http://47.109.205.240:8080'
|
|
||||||
# VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9300'
|
|
||||||
# 内网接口地址
|
|
||||||
VITE_APP_BASE_URL = 'http://192.168.18.9:8080'
|
VITE_APP_BASE_URL = 'http://192.168.18.9:8080'
|
||||||
VITE_APP_UPLOAD_URL = 'http://192.168.18.9:9300'
|
VITE_APP_UPLOAD_API = '/uploadApis'
|
||||||
|
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:8080'
|
@ -4,14 +4,9 @@ VITE_MODE = 'DEV'
|
|||||||
VITE_APP_MIAN = 'daimp-front-main'
|
VITE_APP_MIAN = 'daimp-front-main'
|
||||||
VITE_APP_MIAN_URL = 'http://localhost:9000'
|
VITE_APP_MIAN_URL = 'http://localhost:9000'
|
||||||
VITE_APP_NAME = 'sub-government-affairs-service'
|
VITE_APP_NAME = 'sub-government-affairs-service'
|
||||||
|
|
||||||
VITE_APP_BASE_API = '/apis'
|
VITE_APP_BASE_API = '/apis'
|
||||||
|
# VITE_APP_BASE_URL = 'http://192.168.18.99:8080'
|
||||||
|
VITE_APP_BASE_URL = 'http://192.168.18.9:8080'
|
||||||
VITE_APP_UPLOAD_API = '/uploadApis'
|
VITE_APP_UPLOAD_API = '/uploadApis'
|
||||||
|
|
||||||
# 阿里云接口地址
|
|
||||||
# VITE_APP_BASE_URL = 'http://47.109.205.240:8080'
|
|
||||||
# VITE_APP_UPLOAD_URL = 'http://47.109.205.240:9300'
|
|
||||||
|
|
||||||
# 内网接口地址
|
|
||||||
VITE_APP_BASE_URL = 'http://192.168.18.99:8080'
|
|
||||||
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:9300'
|
VITE_APP_UPLOAD_URL = 'http://192.168.18.99:9300'
|
||||||
|
# VITE_APP_UPLOAD_URL = 'http://192.168.18.14:8080'
|
@ -1,140 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="area-cascader-container">
|
|
||||||
<div v-if="label" class="area-cascader-label">{{ label }}</div>
|
|
||||||
<div style="display: flex; gap: 8px" :style="{ width: width + 'px' }">
|
|
||||||
<el-cascader
|
|
||||||
v-model="selectedAreaCode"
|
|
||||||
:options="areaOptions"
|
|
||||||
:props="cascaderProps"
|
|
||||||
:placeholder="areaPlaceholder"
|
|
||||||
style="flex: 1"
|
|
||||||
clearable
|
|
||||||
/>
|
|
||||||
<el-select v-model="selectedGridName" :placeholder="gridPlaceholder" style="flex: 1" clearable :disabled="!selectedAreaCode">
|
|
||||||
<el-option v-for="item in gridOptions" :key="item.gridName" :label="item.gridName" :value="item.gridName" />
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, watch, onMounted, computed } from 'vue';
|
|
||||||
import { ElCascader, ElSelect, ElOption } from 'element-plus';
|
|
||||||
import axios from 'axios';
|
|
||||||
import { useUserStore } from '@/store/modules/user';
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
value: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({}),
|
|
||||||
},
|
|
||||||
label: {
|
|
||||||
type: String,
|
|
||||||
default: '所属行政区域-网格:',
|
|
||||||
},
|
|
||||||
placeholder: {
|
|
||||||
type: String,
|
|
||||||
default: '请选择区域',
|
|
||||||
},
|
|
||||||
width: {
|
|
||||||
type: [Number, String],
|
|
||||||
default: 300,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const emit = defineEmits(['update:value']);
|
|
||||||
|
|
||||||
const userStore = useUserStore();
|
|
||||||
|
|
||||||
const areaOptions = ref([]);
|
|
||||||
const gridOptions = ref([]);
|
|
||||||
|
|
||||||
const selectedAreaCode = ref('');
|
|
||||||
const selectedGridName = ref('');
|
|
||||||
|
|
||||||
// 获取行政区域数据
|
|
||||||
const fetchAreaData = async () => {
|
|
||||||
try {
|
|
||||||
const res = await axios.get(`${import.meta.env.VITE_APP_BASE_API}/system/area/region?areaCode=530000`, {
|
|
||||||
headers: {
|
|
||||||
authorization: userStore.token,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
areaOptions.value = res.data?.data ?? [];
|
|
||||||
} catch (err) {
|
|
||||||
console.error('区域数据加载失败', err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 获取网格列表
|
|
||||||
const fetchGridList = async (regionCode) => {
|
|
||||||
if (!regionCode) return;
|
|
||||||
try {
|
|
||||||
const res = await axios.get(`${import.meta.env.VITE_APP_BASE_API}/land-resource/gridManage/page?regionCode=${regionCode}`, {
|
|
||||||
headers: {
|
|
||||||
authorization: userStore.token,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
gridOptions.value = res.data?.data?.records ?? [];
|
|
||||||
} catch (err) {
|
|
||||||
console.error('网格数据加载失败', err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 监听行政区域变化,自动加载网格
|
|
||||||
watch(selectedAreaCode, (val) => {
|
|
||||||
selectedGridName.value = '';
|
|
||||||
fetchGridList(val);
|
|
||||||
updateValue();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 监听网格选择
|
|
||||||
watch(selectedGridName, () => {
|
|
||||||
updateValue();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 外部传入值处理
|
|
||||||
watch(
|
|
||||||
() => props.value,
|
|
||||||
(val) => {
|
|
||||||
selectedAreaCode.value = val.regionCode ?? '';
|
|
||||||
selectedGridName.value = val.gridName ?? '';
|
|
||||||
},
|
|
||||||
{ immediate: true }
|
|
||||||
);
|
|
||||||
|
|
||||||
// 更新外部 v-model:value
|
|
||||||
const updateValue = () => {
|
|
||||||
emit('update:value', {
|
|
||||||
regionCode: selectedAreaCode.value,
|
|
||||||
gridName: selectedGridName.value,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
fetchAreaData();
|
|
||||||
});
|
|
||||||
|
|
||||||
// 自定义字段映射
|
|
||||||
const cascaderProps = computed(() => ({
|
|
||||||
label: 'areaName',
|
|
||||||
value: 'areaCode',
|
|
||||||
children: 'areaChildVOS',
|
|
||||||
emitPath: false,
|
|
||||||
expandTrigger: 'hover',
|
|
||||||
}));
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.area-cascader-container {
|
|
||||||
display: flex;
|
|
||||||
/* flex-direction: column; */
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.area-cascader-label {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #606266;
|
|
||||||
align-self: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -9,12 +9,12 @@ const dictRoutes = [
|
|||||||
redirect: '/sub-government-affairs-service/region',
|
redirect: '/sub-government-affairs-service/region',
|
||||||
meta: { title: '基础信息维护', icon: 'DocumentRemove' },
|
meta: { title: '基础信息维护', icon: 'DocumentRemove' },
|
||||||
children: [
|
children: [
|
||||||
{
|
// {
|
||||||
path: '/sub-government-affairs-service/region',
|
// path: '/sub-government-affairs-service/region',
|
||||||
name: 'region',
|
// name: 'region',
|
||||||
component: () => import('@/views/dict/component/region/index.vue'),
|
// component: () => import('@/views/dict/component/region/index.vue'),
|
||||||
meta: { title: '行政信息', icon: '' },
|
// meta: { title: '行政信息', icon: '' },
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/landCassification',
|
path: '/sub-government-affairs-service/landCassification',
|
||||||
name: 'landCassification',
|
name: 'landCassification',
|
||||||
|
@ -9,24 +9,24 @@ const landsRoutes = [
|
|||||||
redirect: '/sub-government-affairs-service/plantPlan',
|
redirect: '/sub-government-affairs-service/plantPlan',
|
||||||
meta: { title: '土地管理', icon: 'Grape' },
|
meta: { title: '土地管理', icon: 'Grape' },
|
||||||
children: [
|
children: [
|
||||||
{
|
// {
|
||||||
path: '/sub-government-affairs-service/landsManage',
|
// path: '/sub-government-affairs-service/landsManage',
|
||||||
name: 'landsManage',
|
// name: 'landsManage',
|
||||||
component: () => import('@/views/landManage/component/landsManage/index.vue'),
|
// component: () => import('@/views/landManage/component/landsManage/index.vue'),
|
||||||
meta: { title: '土地信息登记', icon: '' },
|
// meta: { title: '土地信息登记', icon: '' },
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
path: '/sub-government-affairs-service/plantPlan',
|
// path: '/sub-government-affairs-service/plantPlan',
|
||||||
name: 'plantPlan',
|
// name: 'plantPlan',
|
||||||
component: () => import('@/views/landManage/component/plantPlan/index.vue'),
|
// component: () => import('@/views/landManage/component/plantPlan/index.vue'),
|
||||||
meta: { title: '种植计划', icon: '' },
|
// meta: { title: '种植计划', icon: '' },
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
path: '/sub-government-affairs-service/operationRecord',
|
// path: '/sub-government-affairs-service/operationRecord',
|
||||||
name: 'operationRecord',
|
// name: 'operationRecord',
|
||||||
component: () => import('@/views/landManage/component/operationRecord/index.vue'),
|
// component: () => import('@/views/landManage/component/operationRecord/index.vue'),
|
||||||
meta: { title: '作业记录', icon: '' },
|
// meta: { title: '作业记录', icon: '' },
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/landPartol',
|
path: '/sub-government-affairs-service/landPartol',
|
||||||
name: 'landPartol',
|
name: 'landPartol',
|
||||||
|
@ -31,12 +31,12 @@ export default [
|
|||||||
name: 'member',
|
name: 'member',
|
||||||
meta: { title: '新增网格员', icon: '' },
|
meta: { title: '新增网格员', icon: '' },
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
path: '/sub-government-affairs-service/grid--management',
|
// path: '/sub-government-affairs-service/grid--management',
|
||||||
component: () => import('@/views/resource/grid/GridManagement.vue'),
|
// component: () => import('@/views/resource/grid/GridManagement.vue'),
|
||||||
name: 'management',
|
// name: 'management',
|
||||||
meta: { title: '网格化管理', icon: '' },
|
// meta: { title: '网格化管理', icon: '' },
|
||||||
},
|
// },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
...annualplanRouters,
|
...annualplanRouters,
|
||||||
|
@ -116,7 +116,7 @@ const state = reactive({
|
|||||||
addBtnText: '',
|
addBtnText: '',
|
||||||
addBtn: false,
|
addBtn: false,
|
||||||
column: [
|
column: [
|
||||||
{ label: '计划编号', prop: 'id', width: '200px', search: true, showOverflowTooltip: true, addDisplay: false, editDisplay: false },
|
{ label: '计划编号', prop: 'id', width: '200px', showOverflowTooltip: true, addDisplay: false, editDisplay: false },
|
||||||
{
|
{
|
||||||
label: '计划名称',
|
label: '计划名称',
|
||||||
prop: 'planName',
|
prop: 'planName',
|
||||||
@ -129,18 +129,14 @@ const state = reactive({
|
|||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{ label: '种植作物', prop: 'cropsName', width: '120px', search: true, editDisplay: false },
|
|
||||||
{
|
{
|
||||||
label: '种植面积',
|
label: '种植面积(亩)',
|
||||||
prop: 'plantingArea',
|
prop: 'plantingArea',
|
||||||
append: '亩',
|
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
// formatter: (value) => `${value} 亩`,
|
|
||||||
formatter: (row, column, cellValue) => `${cellValue} 亩`,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '种植月份',
|
label: '种植月份',
|
||||||
@ -158,10 +154,9 @@ const state = reactive({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
formatter: (row, column, cellValue) => `${cellValue} 月`,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '生长周期',
|
label: '生长周期(周)',
|
||||||
prop: 'growthCycle',
|
prop: 'growthCycle',
|
||||||
width: '120px',
|
width: '120px',
|
||||||
viewDisabled: true,
|
viewDisabled: true,
|
||||||
@ -177,33 +172,20 @@ const state = reactive({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
formatter: (row, column, cellValue) => {
|
},
|
||||||
const unitMap = {
|
{
|
||||||
1: '天',
|
label: '备注',
|
||||||
2: '周',
|
prop: 'note',
|
||||||
3: '月',
|
width: '180px',
|
||||||
4: '年',
|
showOverflowTooltip: true,
|
||||||
};
|
rules: {
|
||||||
const unit = unitMap[row.growthCycleUnit] || '';
|
required: true,
|
||||||
return `${cellValue} ${unit}`;
|
message: '请输入',
|
||||||
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{ label: '所属行政区域', prop: 'regionName', width: '120px', search: true, searchLabelWidth: 100, addDisplay: false, editDisplay: false },
|
{ label: '计划进度', prop: 'planProgress', addDisplay: false, editDisplay: false },
|
||||||
{ label: '所属网格', prop: 'gridName', width: '120px', search: true, addDisplay: false, editDisplay: false },
|
{ label: '状态', prop: 'planStatus', addDisplay: false, editDisplay: false },
|
||||||
{ label: '当前进度', prop: 'currentProgress', width: '120px', addDisplay: false, editDisplay: false },
|
|
||||||
// {
|
|
||||||
// label: '备注',
|
|
||||||
// prop: 'note',
|
|
||||||
// width: '180px',
|
|
||||||
// showOverflowTooltip: true,
|
|
||||||
// rules: {
|
|
||||||
// required: true,
|
|
||||||
// message: '请输入',
|
|
||||||
// trigger: 'blur',
|
|
||||||
// },
|
|
||||||
// },
|
|
||||||
// { label: '计划进度', prop: 'planProgress', addDisplay: false, editDisplay: false },
|
|
||||||
// { label: '状态', prop: 'planStatus', addDisplay: false, editDisplay: false },
|
|
||||||
],
|
],
|
||||||
actions: [
|
actions: [
|
||||||
{
|
{
|
||||||
|
@ -1,37 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="grid-records"></div>
|
|
||||||
</template>
|
|
||||||
<script setup>
|
|
||||||
import { ref } from 'vue';
|
|
||||||
import { ElMessage } from 'element-plus';
|
|
||||||
|
|
||||||
const records = ref([
|
|
||||||
{
|
|
||||||
createTime: '2025-05-26 09:58:29',
|
|
||||||
createUser: '1',
|
|
||||||
updateTime: '2025-05-26T10:02:02.000+08:00',
|
|
||||||
updateUser: '1',
|
|
||||||
tenantId: 0,
|
|
||||||
id: '1926820200675004417', // 计划编号
|
|
||||||
year: null,
|
|
||||||
regionCode: null, // 区域编码
|
|
||||||
cropsId: null, // 作物id
|
|
||||||
gridId: null, // 网格id
|
|
||||||
planName: '大兴乡2025水稻种植计划', // 计划名称
|
|
||||||
plantingArea: 120, // 计划种植面积
|
|
||||||
plantingAreaActual: 335, // 实际种植面积
|
|
||||||
plantingMonths: '1', // 种植月份
|
|
||||||
growthCycle: '20', // 成长周期
|
|
||||||
growthCycleUnit: '1', // 成长周期单位 1:天 2:周 3:月 4:年
|
|
||||||
note: '暂无备注', // 备注
|
|
||||||
deleteFlag: '0', // 删除标志 0:未删除 1:已删除
|
|
||||||
cropsName: '', // 作物名称
|
|
||||||
gridName: null, // 网格名称
|
|
||||||
regionName: null, // 区域名称
|
|
||||||
currentProgress: 279.17, // 当前进度
|
|
||||||
actualFlag: '1', // 是否有实际填报内容 0:没有 1:有
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
@ -120,27 +120,44 @@ const option = reactive({
|
|||||||
menuWidth: 120,
|
menuWidth: 120,
|
||||||
selection: false,
|
selection: false,
|
||||||
column: [
|
column: [
|
||||||
// {
|
|
||||||
// hide: true,
|
|
||||||
// label: '用地分类',
|
|
||||||
// prop: 'landType',
|
|
||||||
// search: true,
|
|
||||||
// type: 'cascader',
|
|
||||||
// dicData: landTreeDic,
|
|
||||||
// clearable: false,
|
|
||||||
// value: [],
|
|
||||||
// addDisplay: false,
|
|
||||||
// display: false,
|
|
||||||
// editDisplay: false,
|
|
||||||
// },
|
|
||||||
{
|
{
|
||||||
label: '地块名称',
|
hide: true,
|
||||||
|
label: '用地分类',
|
||||||
|
prop: 'landType',
|
||||||
|
search: true,
|
||||||
|
type: 'cascader',
|
||||||
|
dicData: landTreeDic,
|
||||||
|
clearable: false,
|
||||||
|
value: [],
|
||||||
|
addDisplay: false,
|
||||||
|
display: false,
|
||||||
|
editDisplay: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '地块名',
|
||||||
prop: 'landName',
|
prop: 'landName',
|
||||||
|
search: true,
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
display: false,
|
display: false,
|
||||||
editDisplay: false,
|
editDisplay: false,
|
||||||
width: 200,
|
width: 200,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: '地址',
|
||||||
|
prop: 'address',
|
||||||
|
addDisplay: false,
|
||||||
|
display: false,
|
||||||
|
editDisplay: false,
|
||||||
|
width: 300,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '产权人',
|
||||||
|
prop: 'owner',
|
||||||
|
search: true,
|
||||||
|
addDisplay: false,
|
||||||
|
display: false,
|
||||||
|
editDisplay: false,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: '所属网格',
|
label: '所属网格',
|
||||||
prop: 'gridName',
|
prop: 'gridName',
|
||||||
@ -150,6 +167,16 @@ const option = reactive({
|
|||||||
display: false,
|
display: false,
|
||||||
editDisplay: false,
|
editDisplay: false,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
label: '农用地分类',
|
||||||
|
prop: 'landClassificationType',
|
||||||
|
select: 'select',
|
||||||
|
dicData: landTreeDic,
|
||||||
|
addDisplay: false,
|
||||||
|
display: false,
|
||||||
|
editDisplay: false,
|
||||||
|
width: 300,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: '面积',
|
label: '面积',
|
||||||
prop: 'area',
|
prop: 'area',
|
||||||
@ -165,39 +192,20 @@ const option = reactive({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '土地类型',
|
label: '坐标',
|
||||||
prop: 'landTypeName',
|
prop: 'coordinate',
|
||||||
search: true,
|
|
||||||
addDisplay: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '所属行政区域',
|
|
||||||
prop: 'regionName',
|
|
||||||
search: true,
|
|
||||||
addDisplay: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '具体位置',
|
|
||||||
prop: 'address',
|
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
display: false,
|
display: false,
|
||||||
editDisplay: false,
|
editDisplay: false,
|
||||||
width: 300,
|
width: 300,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '产权人姓名',
|
label: '是否流转土地',
|
||||||
prop: 'owner',
|
prop: 'landTransfer',
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
display: false,
|
display: false,
|
||||||
editDisplay: false,
|
editDisplay: false,
|
||||||
},
|
width: 140,
|
||||||
{
|
|
||||||
label: '产权人联系方式',
|
|
||||||
prop: 'ownerPhone',
|
|
||||||
addDisplay: false,
|
|
||||||
display: false,
|
|
||||||
editDisplay: false,
|
|
||||||
width: 300,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '产权编号',
|
label: '产权编号',
|
||||||
@ -207,10 +215,18 @@ const option = reactive({
|
|||||||
editDisplay: false,
|
editDisplay: false,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '信息录入时间',
|
label: '土壤类型',
|
||||||
prop: 'createTime',
|
prop: 'soilTypeName',
|
||||||
|
addDisplay: false,
|
||||||
|
editDisplay: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '是否上传附件',
|
||||||
|
prop: 'isUpload',
|
||||||
addDisplay: false,
|
addDisplay: false,
|
||||||
display: false,
|
display: false,
|
||||||
|
editDisplay: false,
|
||||||
|
width: 140,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
group: [
|
group: [
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
<script setup></script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div>123</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped></style>
|
|
@ -18,10 +18,6 @@
|
|||||||
@row-update="rowUpdate"
|
@row-update="rowUpdate"
|
||||||
@row-del="rowDel"
|
@row-del="rowDel"
|
||||||
>
|
>
|
||||||
<template #search="{ size }">
|
|
||||||
<AreaCascader v-model:value="state.query" placeholder="选择行政区域与网格" :width="400" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #menu-left>
|
<template #menu-left>
|
||||||
<el-button type="success" icon="download" @click="onExport">导出</el-button>
|
<el-button type="success" icon="download" @click="onExport">导出</el-button>
|
||||||
</template>
|
</template>
|
||||||
@ -29,23 +25,6 @@
|
|||||||
<template #menu="scope">
|
<template #menu="scope">
|
||||||
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
<custom-table-operate :actions="state.options.actions" :data="scope" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template #detail="scope">
|
|
||||||
<el-tabs type="border-card">
|
|
||||||
<el-tab-pane label="基本信息">
|
|
||||||
<avue-detail :option="baseDetailOption" :data="scope.row"></avue-detail>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane label="网格地图">
|
|
||||||
<div v-if="scope.row.mapUrl" style="height: 400px">
|
|
||||||
<img :src="scope.row.mapUrl" style="max-width: 100%; max-height: 100%" />
|
|
||||||
</div>
|
|
||||||
<el-empty v-else description="暂无地图数据"></el-empty>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane label="其他信息">
|
|
||||||
<avue-detail :option="otherDetailOption" :data="scope.row"></avue-detail>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</template>
|
|
||||||
</avue-crud>
|
</avue-crud>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -67,20 +46,31 @@ const state = reactive({
|
|||||||
query: {
|
query: {
|
||||||
current: 1,
|
current: 1,
|
||||||
size: 10,
|
size: 10,
|
||||||
gridName: '',
|
|
||||||
regionCode: '',
|
|
||||||
},
|
},
|
||||||
form: {},
|
form: {},
|
||||||
selection: [],
|
selection: [],
|
||||||
options: {
|
options: {
|
||||||
...CRUD_OPTIONS,
|
...CRUD_OPTIONS,
|
||||||
addBtnText: '添加网格',
|
// addBtnText: '添加网格',
|
||||||
// detail: true,
|
|
||||||
// detailTitle: '详情',
|
|
||||||
column: [
|
column: [
|
||||||
|
// {
|
||||||
|
// label: '网格区',
|
||||||
|
// prop: 'gridArea',
|
||||||
|
// search: true,
|
||||||
|
// width: 200,
|
||||||
|
// addDisplay: false,
|
||||||
|
// editDisplay: false,
|
||||||
|
// viewDisplay: true,
|
||||||
|
// rules: {
|
||||||
|
// required: true,
|
||||||
|
// message: '请输入',
|
||||||
|
// trigger: 'blur',
|
||||||
|
// },
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
label: '网格名称',
|
label: '网格名称',
|
||||||
prop: 'gridName',
|
prop: 'gridName',
|
||||||
|
search: true,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -88,10 +78,10 @@ const state = reactive({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '所属行政区域',
|
label: '网格区域',
|
||||||
prop: 'gridAreaName',
|
prop: 'gridAreaName',
|
||||||
addDisplay: false,
|
// width: 300,
|
||||||
viewDisplay: true,
|
display: false,
|
||||||
rules: {
|
rules: {
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入',
|
message: '请输入',
|
||||||
@ -99,16 +89,18 @@ const state = reactive({
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: '所属行政区域',
|
label: '网格区域',
|
||||||
prop: 'cities',
|
prop: 'cities',
|
||||||
type: 'cascader',
|
type: 'cascader',
|
||||||
hide: true,
|
hide: true,
|
||||||
span: 24,
|
|
||||||
width: 300,
|
|
||||||
addDisplay: true,
|
addDisplay: true,
|
||||||
editDisplay: true,
|
editDisplay: true,
|
||||||
viewDisplay: false,
|
viewDisplay: false,
|
||||||
emitPath: false,
|
// multiple: true,
|
||||||
|
// checkStrictly: true,
|
||||||
|
// collapseTags: true,
|
||||||
|
// emitPath: false,
|
||||||
|
// checkDescendants: false,
|
||||||
props: {
|
props: {
|
||||||
label: 'areaName',
|
label: 'areaName',
|
||||||
value: 'areaCode',
|
value: 'areaCode',
|
||||||
@ -125,31 +117,54 @@ const state = reactive({
|
|||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
|
||||||
label: '网格地图',
|
|
||||||
prop: 'mapUrl',
|
|
||||||
type: 'upload',
|
|
||||||
hide: true,
|
|
||||||
// action: `${VITE_APP_BASE_API}/system/file/upload`,
|
|
||||||
},
|
|
||||||
// {
|
// {
|
||||||
// label: '网格名称',
|
// label: '网格管理员',
|
||||||
// prop: 'gridName',
|
// prop: 'gridManager',
|
||||||
// type: 'select',
|
// rules: {
|
||||||
// addDisplay: false,
|
// required: true,
|
||||||
// hide: true,
|
// message: '请输入',
|
||||||
// // search: true,
|
// trigger: 'blur',
|
||||||
// searchLabelWidth: 100,
|
|
||||||
// dicUrl: `${VITE_APP_BASE_API}/land-resource/gridManage/page?regionCode={{key}}`,
|
|
||||||
// props: {
|
|
||||||
// label: 'gridName',
|
|
||||||
// value: 'gridName',
|
|
||||||
// },
|
// },
|
||||||
// dicHeaders: {
|
|
||||||
// authorization: UserStore.token,
|
|
||||||
// },
|
// },
|
||||||
// dicFormatter: (res) => res.data?.records,
|
// {
|
||||||
|
// label: '联系方式',
|
||||||
|
// prop: 'contactInfo',
|
||||||
|
// rules: {
|
||||||
|
// required: true,
|
||||||
|
// message: '请输入',
|
||||||
|
// trigger: 'blur',
|
||||||
// },
|
// },
|
||||||
|
// },
|
||||||
|
{
|
||||||
|
label: '省',
|
||||||
|
prop: 'provinceCode',
|
||||||
|
hide: true,
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '市',
|
||||||
|
prop: 'cityCode',
|
||||||
|
hide: true,
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '县/区',
|
||||||
|
prop: 'gridAreaCode',
|
||||||
|
hide: true,
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '乡镇',
|
||||||
|
prop: 'townCode',
|
||||||
|
hide: true,
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '乡镇',
|
||||||
|
prop: 'village',
|
||||||
|
hide: true,
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
label: '备注',
|
label: '备注',
|
||||||
prop: 'note',
|
prop: 'note',
|
||||||
@ -194,32 +209,6 @@ const state = reactive({
|
|||||||
data: [],
|
data: [],
|
||||||
currentRow: {},
|
currentRow: {},
|
||||||
});
|
});
|
||||||
const baseDetailOption = {
|
|
||||||
column: [
|
|
||||||
{
|
|
||||||
label: '网格名称',
|
|
||||||
prop: 'gridName',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '所属行政区域',
|
|
||||||
prop: 'gridAreaName',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '备注',
|
|
||||||
prop: 'note',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
const otherDetailOption = {
|
|
||||||
column: [
|
|
||||||
{
|
|
||||||
label: '创建时间',
|
|
||||||
prop: 'createTime',
|
|
||||||
},
|
|
||||||
// 可以添加更多字段...
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
// 加载
|
// 加载
|
||||||
const loadData = () => {
|
const loadData = () => {
|
||||||
|
@ -82,7 +82,7 @@ const state = reactive({
|
|||||||
type: 'select',
|
type: 'select',
|
||||||
width: 200,
|
width: 200,
|
||||||
search: true,
|
search: true,
|
||||||
dicData: [], // loadGridOptions 方法加载网格数据
|
dicData: [], // 初始为空,将在mounted中填充
|
||||||
props: {
|
props: {
|
||||||
label: 'gridName',
|
label: 'gridName',
|
||||||
value: 'id',
|
value: 'id',
|
||||||
@ -93,17 +93,17 @@ const state = reactive({
|
|||||||
trigger: 'change',
|
trigger: 'change',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// label: '管理员标识',
|
label: '管理员标识',
|
||||||
// prop: 'adminFlag',
|
prop: 'adminFlag',
|
||||||
// type: 'radio',
|
type: 'radio',
|
||||||
// dicData: [
|
dicData: [
|
||||||
// { label: '是', value: '1' },
|
{ label: '是', value: '1' },
|
||||||
// { label: '否', value: '0' },
|
{ label: '否', value: '0' },
|
||||||
// ],
|
],
|
||||||
// valueDefault: '0',
|
valueDefault: '0',
|
||||||
// hide: true, // 隐藏字段,如需显示可设置为false
|
hide: true, // 隐藏字段,如需显示可设置为false
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
label: '电话号码',
|
label: '电话号码',
|
||||||
prop: 'phone',
|
prop: 'phone',
|
||||||
|
@ -1,3 +0,0 @@
|
|||||||
<template>计划</template>
|
|
||||||
<script></script>
|
|
||||||
<style></style>
|
|
Loading…
x
Reference in New Issue
Block a user