lijiaqi 5 months ago
commit e998c80678
  1. 2
      .env.development
  2. 2
      src/api/courseChaptersApi.ts
  3. 178
      src/views/course/CourseObjectives.vue

@ -1,4 +1,4 @@
# 变量必须以 VITE_ 为前缀才能暴露给外部读取 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
NODE_ENV = 'development' NODE_ENV = 'development'
VITE_APP_TITLE = '无糖运营平台' VITE_APP_TITLE = '无糖运营平台'
VITE_APP_BASE_API = 'http://39.106.16.162:8080' VITE_APP_BASE_API = 'http://127.0.0.1:8080'

@ -98,6 +98,6 @@ export const getCourseInfo = (params: any) => {
return request({ return request({
url: '/objective_contents/' + params.id, url: '/objective_contents/' + params.id,
method: 'get', method: 'get',
params, // params
}) })
} }

@ -11,7 +11,16 @@ import {
deleteCourse, deleteCourse,
getCourseInfo, getCourseInfo,
} from '@/api/courseChaptersApi' } from '@/api/courseChaptersApi'
import { useRoute, useRouter } from 'vue-router'
import {
getCourseList,
addCourse,
editCourse,
deleteCourse,
getCourseInfo,
} from '@/api/courseChaptersApi'
const route = useRoute() const route = useRoute()
const router = useRouter()
// id id // id id
// targetId // targetId
@ -154,6 +163,9 @@ const getList = async () => {
const data = ref({}) const data = ref({})
const courseId = ref(0) const courseId = ref(0)
onMounted(async () => { onMounted(async () => {
if (!Object.keys(route.query).length) {
return router.push('/curriculumCenter/basicCourseInformation')
}
courseId.value = route.query.id courseId.value = route.query.id
console.log(courseId.value) console.log(courseId.value)
getList() getList()
@ -162,35 +174,155 @@ onMounted(async () => {
let myChart = echarts.init(chartDom) let myChart = echarts.init(chartDom)
let option let option
option = { option = {
title: { radar: [
text: '分目标', {
}, nameGap: 20,
legend: { indicator: [
data: ['Allocated Budget', 'Actual Spending'], {
}, text: '目标一\n',
radar: { max: 100,
// shape: 'circle', },
indicator: [ {
{ name: 'Sales', max: 6500 }, text: '目标五\n\n',
{ name: 'Administration', max: 16000 }, max: 100,
{ name: 'Information Technology', max: 30000 }, },
{ name: 'Customer Support', max: 38000 }, {
{ name: 'Development', max: 52000 }, text: '目标四\n\n',
{ name: 'Marketing', max: 25000 }, max: 100,
], },
}, {
text: '目标三\n\n',
max: 100,
},
{
text: '目标二\n\n',
max: 100,
},
],
center: ['50%', '50%'],
radius: 100,
startAngle: 90,
splitNumber: 6,
shape: 'circle',
name: {
formatter: '{value}',
textStyle: {
color: '#333333',
fontSize: 20,
},
gap: 60,
},
splitArea: {
areaStyle: {
color: [
'transparent',
'transparent',
'rgba(114, 172, 209, 0)',
'transparent',
'rgba(114, 172, 209, 0)',
],
},
},
// 线
axisLine: {
lineStyle: {
color: '#C8D9FF',
},
},
splitLine: {
lineStyle: {
color: '#DADADA',
width: 3,
type: 'dashed', //dashed solid dotted 线线 线
},
},
},
{
nameGap: 20,
indicator: [
{
text: '达成度',
max: 100,
},
{
text: '达成度',
max: 100,
},
{
text: '达成度',
max: 100,
},
{
text: '达成度',
max: 100,
},
{
text: '达成度',
max: 100,
},
],
center: ['50%', '50%'],
radius: 100,
startAngle: 90,
splitNumber: 1,
shape: 'circle',
splitArea: {
show: false,
},
axisLine: {
show: false,
},
name: {
formatter: '{value}',
textStyle: {
color: 'rgba(0,0,0,0.4)',
fontSize: 18,
},
},
splitLine: {
lineStyle: {
color: '#6093FF',
type: 'solid',
width: 8,
},
},
},
],
series: [ series: [
{ {
name: 'Budget vs spending',
type: 'radar', type: 'radar',
emphasis: {
lineStyle: {
width: 50,
},
},
symbol: 'none',
data: [ data: [
{ {
value: [4200, 3000, 20000, 35000, 50000, 18000], value: [74, 60, 80, 60, 74],
name: 'Allocated Budget', name: 'Data C',
areaStyle: {
color: '#DBE4F9',
},
},
],
},
{
type: 'radar',
emphasis: {
lineStyle: {
width: 50,
}, },
},
symbol: 'none',
data: [
{ {
value: [5000, 14000, 28000, 26000, 42000, 21000], value: [74, 60, 80, 40, 74],
name: 'Actual Spending', name: 'Data B',
areaStyle: {
color: '#0052FF',
},
}, },
], ],
}, },
@ -332,7 +464,7 @@ const li
<style lang="scss" scoped> <style lang="scss" scoped>
#main { #main {
padding: 15px; padding: 10px;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }

Loading…
Cancel
Save