冲突合并
This commit is contained in:
commit
33956d49cb
@ -49,30 +49,34 @@ export default {
|
|||||||
const chartRef = ref(null);
|
const chartRef = ref(null);
|
||||||
const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
|
const { setOptions, getInstance, startAutoPlay } = useEcharts(chartRef);
|
||||||
let option = reactive({
|
let option = reactive({
|
||||||
tooltip: {
|
// tooltip: {
|
||||||
trigger: 'axis',
|
// trigger: 'axis',
|
||||||
axisPointer: {
|
// axisPointer: {
|
||||||
type: 'shadow',
|
// type: 'shadow',
|
||||||
label: {
|
// label: {
|
||||||
show: true,
|
// show: true,
|
||||||
backgroundColor: '#333',
|
// backgroundColor: '#333',
|
||||||
},
|
// },
|
||||||
},
|
// },
|
||||||
},
|
// },
|
||||||
legend: {
|
// legend: {
|
||||||
top: 30,
|
// top: 30,
|
||||||
},
|
// },
|
||||||
grid: {
|
// grid: {
|
||||||
top: 60,
|
// top: 60,
|
||||||
},
|
// },
|
||||||
xAxis: {
|
// xAxis: {
|
||||||
type: 'category',
|
// type: 'category',
|
||||||
data: [],
|
// data: [],
|
||||||
},
|
// },
|
||||||
yAxis: {
|
// yAxis: {
|
||||||
type: 'value',
|
// type: 'value',
|
||||||
},
|
// },
|
||||||
series: [],
|
// series: [],
|
||||||
|
// isHorizontal: {
|
||||||
|
// type: Boolean,
|
||||||
|
// default: false,
|
||||||
|
// },
|
||||||
});
|
});
|
||||||
|
|
||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
@ -80,7 +84,9 @@ export default {
|
|||||||
});
|
});
|
||||||
|
|
||||||
function initCharts() {
|
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));
|
Object.assign(option, cloneDeep(props.option));
|
||||||
}
|
}
|
||||||
let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
|
let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
|
||||||
|
@ -72,6 +72,11 @@ const series = types.map((type, idx) => {
|
|||||||
borderRadius: 4,
|
borderRadius: 4,
|
||||||
formatter: '{@value}万亩',
|
formatter: '{@value}万亩',
|
||||||
z: 100,
|
z: 100,
|
||||||
|
normal: {
|
||||||
|
show: true,
|
||||||
|
position: 'inside',
|
||||||
|
formatter: '{c}%',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
emphasis: {
|
emphasis: {
|
||||||
focus: 'series',
|
focus: 'series',
|
||||||
@ -112,7 +117,7 @@ const state = reactive({
|
|||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'category', // 分类轴(横向条形图的标签)
|
type: 'category', // 分类轴(横向条形图的标签)
|
||||||
data: towns, // 分类数据放在 yAxis
|
data: [120, 230, 152, 136, 145, 17], // 分类数据放在 yAxis
|
||||||
axisTick: { show: false }, // 隐藏刻度线
|
axisTick: { show: false }, // 隐藏刻度线
|
||||||
},
|
},
|
||||||
color: colors,
|
color: colors,
|
||||||
|
@ -7,30 +7,36 @@ import dictRoutes from './dict';
|
|||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/resource',
|
path: '/sub-government-affairs-service/resource',
|
||||||
name: 'resource',
|
name: 'resourceManagement',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: '/sub-government-affairs-service/grid',
|
redirect: '/sub-government-affairs-service/grid',
|
||||||
meta: { title: '土地资源管理', icon: 'icon-test' },
|
meta: { title: '土地资源管理', icon: 'icon-test' },
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
redirect: '/sub-government-affairs-service/grid',
|
redirect: '/sub-government-affairs-service/add-grid',
|
||||||
path: '/sub-government-affairs-service/grid',
|
path: '/sub-government-affairs-service/grid',
|
||||||
component: () => import('@/views/resource/grid/index.vue'),
|
// component: () => import('@/views/resource/grid/index.vue'),
|
||||||
name: 'grid',
|
name: 'grid',
|
||||||
meta: { title: '网格化管理', icon: 'Memo' },
|
meta: { title: '网格化管理', icon: 'Memo' },
|
||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: '/sub-government-affairs-service/grid',
|
path: '/sub-government-affairs-service/add-grid',
|
||||||
component: () => import('@/views/resource/grid/index.vue'),
|
component: () => import('@/views/resource/grid/index.vue'),
|
||||||
name: 'grid1',
|
name: 'add',
|
||||||
meta: { title: '新增网格', icon: '' },
|
meta: { title: '新增网格', icon: '' },
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// path: '/sub-government-affairs-service/grid',
|
path: '/sub-government-affairs-service/add--grid-member',
|
||||||
// component: () => import('@/views/resource/grid/index.vue'),
|
component: () => import('@/views/resource/grid/AddGridMember.vue'),
|
||||||
// name: 'grid2',
|
name: 'member',
|
||||||
// meta: { title: '网格化地图', icon: '' },
|
meta: { title: '新增网格员', icon: '' },
|
||||||
// },
|
},
|
||||||
|
{
|
||||||
|
path: '/sub-government-affairs-service/grid--management',
|
||||||
|
component: () => import('@/views/resource/grid/GridManagement.vue'),
|
||||||
|
name: 'management',
|
||||||
|
meta: { title: '网格化管理', icon: '' },
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
...annualplanRouters,
|
...annualplanRouters,
|
||||||
|
@ -28,13 +28,34 @@ getApplyList().then((res) => {
|
|||||||
products.value = res.data;
|
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) {
|
function gotoApplication(id) {
|
||||||
router.push(`/sub-operation-service/brand/apply/${id}`);
|
router.push(`/sub-operation-service/brand/apply/${id}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// TODO: 对接口需要删除这个方法
|
||||||
|
function data() {
|
||||||
|
products.value = applyData;
|
||||||
|
}
|
||||||
|
|
||||||
// 组件挂载时获取数据
|
// 组件挂载时获取数据
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getApplyList;
|
// getApplyList;
|
||||||
|
data();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user