冲突合并

This commit is contained in:
2090205686@qq.com 2025-05-22 15:43:17 +08:00
commit 33956d49cb
4 changed files with 76 additions and 38 deletions

View File

@ -49,30 +49,34 @@ export default {
const chartRef = ref(null);
const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
let option = reactive({
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
label: {
show: true,
backgroundColor: '#333',
},
},
},
legend: {
top: 30,
},
grid: {
top: 60,
},
xAxis: {
type: 'category',
data: [],
},
yAxis: {
type: 'value',
},
series: [],
// tooltip: {
// trigger: 'axis',
// axisPointer: {
// type: 'shadow',
// label: {
// show: true,
// backgroundColor: '#333',
// },
// },
// },
// legend: {
// top: 30,
// },
// grid: {
// top: 60,
// },
// xAxis: {
// type: 'category',
// data: [],
// },
// yAxis: {
// type: 'value',
// },
// series: [],
// isHorizontal: {
// type: Boolean,
// default: false,
// },
});
watchEffect(() => {
@ -80,7 +84,9 @@ export default {
});
function initCharts() {
if (props.option) {
if (props.option && props.option.grid.top == '15%') {
Object.assign(option, cloneDeep(props.option));
} else {
Object.assign(option, cloneDeep(props.option));
}
let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));

View File

@ -72,6 +72,11 @@ const series = types.map((type, idx) => {
borderRadius: 4,
formatter: '{@value}万亩',
z: 100,
normal: {
show: true,
position: 'inside',
formatter: '{c}%',
},
},
emphasis: {
focus: 'series',
@ -112,7 +117,7 @@ const state = reactive({
},
yAxis: {
type: 'category', //
data: towns, // yAxis
data: [120, 230, 152, 136, 145, 17], // yAxis
axisTick: { show: false }, // 线
},
color: colors,

View File

@ -7,30 +7,36 @@ import dictRoutes from './dict';
export default [
{
path: '/sub-government-affairs-service/resource',
name: 'resource',
name: 'resourceManagement',
component: Layout,
redirect: '/sub-government-affairs-service/grid',
meta: { title: '土地资源管理', icon: 'icon-test' },
children: [
{
redirect: '/sub-government-affairs-service/grid',
redirect: '/sub-government-affairs-service/add-grid',
path: '/sub-government-affairs-service/grid',
component: () => import('@/views/resource/grid/index.vue'),
// component: () => import('@/views/resource/grid/index.vue'),
name: 'grid',
meta: { title: '网格化管理', icon: 'Memo' },
children: [
{
path: '/sub-government-affairs-service/grid',
path: '/sub-government-affairs-service/add-grid',
component: () => import('@/views/resource/grid/index.vue'),
name: 'grid1',
name: 'add',
meta: { title: '新增网格', icon: '' },
},
// {
// path: '/sub-government-affairs-service/grid',
// component: () => import('@/views/resource/grid/index.vue'),
// name: 'grid2',
// meta: { title: '网格化地图', icon: '' },
// },
{
path: '/sub-government-affairs-service/add--grid-member',
component: () => import('@/views/resource/grid/AddGridMember.vue'),
name: 'member',
meta: { title: '新增网格员', icon: '' },
},
{
path: '/sub-government-affairs-service/grid--management',
component: () => import('@/views/resource/grid/GridManagement.vue'),
name: 'management',
meta: { title: '网格化管理', icon: '' },
},
],
},
...annualplanRouters,

View File

@ -28,13 +28,34 @@ getApplyList().then((res) => {
products.value = res.data;
});
const applyData = [
{ id: 1, name: '耿马绿色蔬菜', imageUrl: 'images/brand/11.png' },
{ id: 2, name: '云南高山茶', imageUrl: 'images/brand/12.png' },
{ id: 3, name: '新疆大枣', imageUrl: 'images/brand/13.png' },
{ id: 4, name: '东北大米', imageUrl: 'images/brand/14.png' },
{ id: 5, name: '山东苹果', imageUrl: 'images/brand/15.png' },
{ id: 6, name: '四川泡菜', imageUrl: 'images/brand/16.png' },
{ id: 7, name: '江苏阳澄湖大闸蟹', imageUrl: 'images/brand/11.png' },
{ id: 8, name: '海南椰子', imageUrl: 'images/brand/12.png' },
{ id: 9, name: '广东早茶', imageUrl: 'images/brand/13.png' },
{ id: 10, name: '北京烤鸭', imageUrl: 'images/brand/14.png' },
{ id: 11, name: '西藏青稞酒', imageUrl: 'images/brand/15.png' },
{ id: 12, name: '青海牦牛肉', imageUrl: 'images/brand/16.png' },
];
function gotoApplication(id) {
router.push(`/sub-operation-service/brand/apply/${id}`);
}
// TODO:
function data() {
products.value = applyData;
}
//
onMounted(() => {
getApplyList;
// getApplyList;
data();
});
</script>