冲突合并
This commit is contained in:
commit
33956d49cb
@ -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)));
|
||||
|
@ -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,
|
||||
|
@ -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,
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user