xiaoy
/
wsxy-enrollment-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2023-2-22

Browse Source
master
xy 3 years ago
parent a8217344f6
commit 248a7bb07d
8 changed files with 448 additions and 198 deletions
Show Stats Download Patch File Download Diff File

100
src/views/dashboard/components/AreaChat.vue
Unescape View File

@ -0,0 +1,100 @@
<template>
<div :class="className" :style="{ height: height, width: width }" />
</template>
<script>
import echarts from "echarts";
import geoJson from "@/assets/china.json";
require("echarts/theme/macarons"); // echarts theme
export default {
props: {
className: {
type: String,
default: "chart",
},
width: {
type: String,
default: "100%",
},
height: {
type: String,
default: "500px",
},
chartData: {
type: [Object,Array],
},
},
data() {
return {}
},
methods: {
initChart() {
this.chart = echarts.init(this.$el, "macarons");
this.setOptions(this.chartData);
},
setOptions() {
let arr = []
for(let key in this.chartData){
arr.push(this.chartData[key])
}
// 绘制图表
this.chart.setOption({
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: arr.map(item => item.year)
},
yAxis: {
type: 'value'
},
series: [
{
name:"历年统招人数环比",
data: arr.map(item => item.total),
type: 'line',
areaStyle: {
color:"#8b9bd3"
},
lineStyle:{
color:"#8b9bd3"
}
}
]
});
},
},
computed: {},
watch: {
chartData: {
deep: true,
handler(val) {
this.setOptions(val);
},
},
},
beforeDestroy() {
if (!this.chart) {
return;
}
this.chart.dispose();
this.chart = null;
},
mounted() {
this.$nextTick(() => {
this.initChart();
});
},
}
</script>
<style scoped lang="scss">
</style>

106
src/views/dashboard/components/DoughnutChart.vue
Unescape View File

@ -0,0 +1,106 @@
<template>
<div :class="className" :style="{ height: height, width: width }" />
</template>
<script>
import echarts from "echarts";
import geoJson from "@/assets/china.json";
require("echarts/theme/macarons"); // echarts theme
export default {
props: {
className: {
type: String,
default: "chart",
},
width: {
type: String,
default: "100%",
},
height: {
type: String,
default: "500px",
},
chartData: {
type: [Object,Array],
},
},
data() {
return {}
},
methods: {
initChart() {
this.chart = echarts.init(this.$el, "macarons");
this.setOptions(this.chartData);
},
setOptions(chartdata) {
// 绘制图表
this.chart.setOption({
tooltip: {
trigger: 'item'
},
legend: {
top: '3%',
left: 'center'
},
series: [
{
name: '统招生源占比',
type: 'pie',
radius: ['40%', '70%'],
avoidLabelOverlap: false,
itemStyle: {
borderRadius: 10,
borderColor: '#fff',
borderWidth: 2
},
label: {
show: false,
position: 'center'
},
emphasis: {
label: {
show: true,
fontSize: 40,
fontWeight: 'bold'
}
},
labelLine: {
show: false
},
data: this.chartData.map(item => {
return {
value:item.rate,
name:item.province_name
}
})
}
]
});
},
},
computed: {},
watch: {
chartData: {
deep: true,
handler(val) {
this.setOptions(val);
},
},
},
beforeDestroy() {
if (!this.chart) {
return;
}
this.chart.dispose();
this.chart = null;
},
mounted() {
this.$nextTick(() => {
this.initChart();
});
},
}
</script>
<style scoped lang="scss">
</style>

271
src/views/dashboard/components/Map.vue
Unescape View File

@ -1,137 +1,136 @@
<template> <template>
<div :class="className" :style="{height:height,width:width}" /> <div :class="className" :style="{ height: height, width: width }" />
</template>
</template>
<script>
<script> import echarts from "echarts";
import echarts from 'echarts' require("echarts/theme/macarons"); // echarts theme
require('echarts/theme/macarons') // echarts theme import resize from "./mixins/resize";
import resize from './mixins/resize' import geoJson from "@/assets/china.json";
import geoJson from '@/assets/china.json'
const animationDuration = 6000;
const animationDuration = 6000
export default {
export default { //mixins: [resize],
mixins: [resize], props: {
props: { className: {
className: { type: String,
type: String, default: "chart",
default: 'chart' },
}, width: {
width: { type: String,
type: String, default: "100%",
default: '100%' },
}, height: {
height: { type: String,
type: String, default: "500px",
default: '500px' },
}, chartData: {
chartData: { type: [Object,Array],
type: Object },
} },
}, data() {
data() { return {
return { chart: null,
chart: null, statusArr:new Map([
statusArr: { [1,"待投档"],
"1": "待投档", [2,"录取中"],
"2": "录取中", [3,"录取结束"],
"3": "录取结束", [4,"已邮寄通知书"]
"4": "已邮寄通知书" ])
} };
},
} mounted() {
}, //console.log(geoJson);
mounted() { this.$nextTick(() => {
this.initChart();
console.log(geoJson) });
this.$nextTick(() => { },
this.initChart() watch: {
}) chartData: {
}, deep: true,
watch: { handler(val) {
chartData: { this.setOptions(val);
deep: true, },
handler(val) { },
this.setOptions(val) },
} beforeDestroy() {
} if (!this.chart) {
}, return;
beforeDestroy() { }
if (!this.chart) { this.chart.dispose();
return this.chart = null;
} },
this.chart.dispose() methods: {
this.chart = null initChart() {
}, this.chart = echarts.init(this.$el, "macarons");
methods: { this.setOptions(this.chartData);
},
initChart() { setOptions(chartdata) {
this.chart = echarts.init(this.$el, 'macarons'); echarts.registerMap("CHINA", geoJson);
this.setOptions(this.chartData); // 绘制图表
}, this.chart.setOption({
setOptions(chartdata) { backgroundColor: "#c3e2ee",
echarts.registerMap('CHINA', geoJson); zoom: 5,
let statusArr=this.statusArr;
// 绘制图表 tooltip: {
this.chart.setOption({ trigger: "item",
backgroundColor: "#c3e2ee", formatter: (val) => {
zoom: 5, return (
`省份：${val.name} <br>当前进度：${ this.statusArr.get(val.data?.itemStyle?.status) || "无" }`
tooltip: { ); //
trigger: "item", },
formatter: function(val) { },
return "省份:"+val.name+"<br>当前进度: " + statusArr[val.data.itemStyle.status]; // toolbox: {
}, show: true,
}, orient: "vertical",
toolbox: { left: "right",
show: true, top: "center",
orient: "vertical", feature: {
left: "right", dataView: {
top: "center", readOnly: false,
feature: { },
dataView: { restore: {},
readOnly: false saveAsImage: {},
}, },
restore: {}, },
saveAsImage: {}, series: [
}, {
}, type: "map",
series: [{ map: "CHINA", //这里需要注意呀,
type: "map", // 是否开启鼠标缩放和平移漫游 默认不开启
map: "CHINA", //这里需要注意呀, itemStyle: {
// 是否开启鼠标缩放和平移漫游 默认不开启 normal: {
itemStyle: { areaColor: "#e0e0e0",
normal: { borderColor: "#fff",
areaColor: "#e0e0e0", label: {
borderColor: "#fff", show: false,
label: { color: "blue",
show: false, },
color: "blue", },
}, emphasis: {
}, areaColor: "#fd5d02",
emphasis: { label: {
areaColor: "#fd5d02", show: true,
label: { color: "white",
show: true, },
color: "white", },
}, },
}, roam: true,
}, top: 70,
roam: true, label: {
top: 70, show: true, // 是否显示对应地名
label: { },
show: true, // 是否显示对应地名 data: chartdata,
}, },
data: chartdata ],
}], });
}); this.chart.on("click", function (params) {
this.chart.on("click", function(params) { //地图添加点击事件，当点击区域块的时候，params.name能够取到区域的名称：云南，北京... //地图添加点击事件，当点击区域块的时候，params.name能够取到区域的名称：云南，北京...
alert(params.data.code); alert(params.data.code);
console.log(JSON.stringify(params)); console.log(JSON.stringify(params));
}); });
},
} },
} };
}
</script> </script>

47
src/views/dashboard/index.vue
Unescape View File

@ -1,51 +1,46 @@
<template> <template>
<div> <div>
<div class="statistics">
</div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<Map :chartData="chartData" /> <Map :chartData="chartData" />
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div class="grid-content bg-purple"></div> <DoughnutChart :chart-data="homeData.rate_list"></DoughnutChart>
</el-col> </el-col>
</el-row> </el-row>
<div class="chart"> <el-row>
<el-col :span="24">
</div> <AreaChat :chart-data="homeData.year_list"></AreaChat>
</el-col>
</el-row>
</div> </div>
</template> </template>
<script> <script>
import echarts from "echarts"
import PanelGroup from './components/PanelGroup'
import Map from './components/Map' import Map from './components/Map'
import DoughnutChart from "./components/DoughnutChart.vue";
import AreaChat from "./components/AreaChat.vue";
import { import {
getChartsHome getChartsHome
} from "../../api/dashboard.js" } from "@/api/dashboard.js"
import { import {
index as indexprogress index as indexprogress
} from "../../api/unifiedRecruitment/progress" } from "@/api/unifiedRecruitment/progress"
export default { export default {
components: { components: {
PanelGroup, DoughnutChart,
Map Map,
AreaChat
}, },
data() { data() {
return { return {
col: '', homeData:{
line: '', rate_list:[],
business_data: [], year_list:[]
collect_data: [], },
list: {},
customerArr: [],
orderArr: [],
chartData: {}, chartData: {},
colorArr: { colorArr: {
"1": "#dbebf8", "1": "#dbebf8",
@ -61,6 +56,10 @@
methods: { methods: {
async loadData() { async loadData() {
this.loadPress() this.loadPress()
this.loadHomeData()
},
loadHomeData(){
getChartsHome().then(res => this.homeData = res)
}, },
loadPress() { loadPress() {
indexprogress({ indexprogress({
@ -72,7 +71,7 @@
arr.push({ arr.push({
name: mod.province.name, name: mod.province.name,
itemStyle: { itemStyle: {
areaColor: this.colorArr[mod.status_id], areaColor: this.colorArr[mod.status_id],
status:mod.status_id status:mod.status_id
} }
}) })
@ -203,4 +202,4 @@
} }
</style> </style>

24
src/views/recruitment/component/addRecruit.vue
Unescape View File

@ -1,4 +1,5 @@
<script> <script>
import { index as filedIndex} from "@/api/unifiedRecruitment/templateFiled"
import { show as templateShow } from "@/api/unifiedRecruitment/template"; import { show as templateShow } from "@/api/unifiedRecruitment/template";
import { show, save } from "@/api/unifiedRecruitment/recruit"; import { show, save } from "@/api/unifiedRecruitment/recruit";
@ -6,7 +7,7 @@ export default {
render(h) { render(h) {
return ( return (
<Modal <Modal
title={this.type === "add" ? "新增统招生" : "编辑统招生"} title={this.type === "add" ? "新增信息" : "编辑信息"}
width="54" width="54"
value={this.isShow} value={this.isShow}
on={{ on={{
@ -85,7 +86,7 @@ export default {
v-model={this.originalForm.province_id} v-model={this.originalForm.province_id}
placeholder="请选择省份" placeholder="请选择省份"
> >
{this.province_ids.map((item) => { {this.provincesFormat.map((item) => {
return ( return (
<el-option <el-option
value={item.id} value={item.id}
@ -248,14 +249,17 @@ export default {
}, },
methods: { methods: {
async getTemplate() { async getTemplate() {
const res = await templateShow( const res = await filedIndex(
{ {
year: this.originalForm.year, template_item_id: this.originalForm.template_item_id,
template_id:this.originalForm.template_id,
page:1,
page_size:999
}, },
true true
); );
if (res?.fileds) { if (res?.data) {
res?.fileds.forEach((item) => { res?.data.forEach((item) => {
Object.defineProperty(this.form, item.en, { Object.defineProperty(this.form, item.en, {
value: "", value: "",
writable: true, writable: true,
@ -277,10 +281,16 @@ export default {
}); });
} }
this.formInfo = res?.fileds ?? []; this.formInfo = res?.data ?? [];
this.$forceUpdate(); this.$forceUpdate();
}, },
}, },
computed:{
provincesFormat(){
return this.$route.meta.params.type == 2 ? this.province_ids.filter(item => item.name == '江苏') : this.province_ids
}
},
watch: { watch: {
async isShow(newVal) { async isShow(newVal) {
if (newVal) { if (newVal) {

2
src/views/recruitment/component/addTemplateItem.vue
Unescape View File

@ -42,7 +42,7 @@
:transfer="true" :transfer="true"
confirm confirm
title="确认要删除吗" title="确认要删除吗"
@on-ok="destroy"> @on-ok="destroy"
<Button type="error" ghost>删除</Button> <Button type="error" ghost>删除</Button>
</Poptip> </Poptip>
</template> </template>

29
src/views/recruitment/component/importRecruitInfo.vue
Unescape View File

@ -21,11 +21,17 @@
</el-select> </el-select>
</div> </div>
<div class="select__item"> <div class="select__item" v-if="$route.meta.params.type == 1">
<span></span> <span></span>
<span>更新统招进度为录取结束</span> <span>更新统招进度为录取结束</span>
<el-checkbox v-model="select.isEnd" :true-label="1" :false-label="0"></el-checkbox> <el-checkbox v-model="select.isEnd" :true-label="1" :false-label="0"></el-checkbox>
</div> </div>
<div class="select__item">
<span></span>
<span>更新邮寄信息</span>
<el-checkbox v-model="select.isEnd" :true-label="1" :false-label="0"></el-checkbox>
</div>
</div> </div>
<div class="upload"> <div class="upload">
@ -66,6 +72,7 @@ import {
} from '@/utils/auth' } from '@/utils/auth'
import {show as templateShow} from "@/api/unifiedRecruitment/template"; import {show as templateShow} from "@/api/unifiedRecruitment/template";
import { imports } from '@/api/unifiedRecruitment/recruit' import { imports } from '@/api/unifiedRecruitment/recruit'
import {index as filedIndex} from "@/api/unifiedRecruitment/templateFiled";
export default { export default {
props: { props: {
isShow: { isShow: {
@ -130,23 +137,21 @@ export default {
}, },
async getTemplate() { async getTemplate() {
const res = await templateShow( const res = await filedIndex({
{ template_item_id:this.select.template_item_id,
year: this.select.year, template_id:this.select.template_id,
type: this.$route.meta.params?.type, page:1,
}, page_size:999
true });
); let temp =
this.select.template_id = res.id; res?.data?.map((item) => {
this.newTable =
res?.fileds?.map((item) => {
return { return {
prop: item.en, prop: item.en,
label: item.name, label: item.name,
width: 140, width: 140,
}; };
}) ?? []; }) ?? [];
this.table = [...this.originalTable, ...this.newTable]; this.table = [...this.originalTable, ...temp];
}, },
submit(){ submit(){

67
src/views/recruitment/recruit.vue
Unescape View File

@ -24,6 +24,7 @@
></el-date-picker> ></el-date-picker>
<el-select <el-select
ref="templateSelect"
v-model="select.template_item_id" v-model="select.template_item_id"
size="small" size="small"
placeholder="模板类型" placeholder="模板类型"
@ -57,8 +58,8 @@
<Button <Button
type="primary" type="primary"
@click=" @click="
($refs['addRecruit'].form.template_id = select.template_id), ($refs['addRecruit'].originalForm.template_id = select.template_id),
($refs['addRecruit'].form.template_item_id = ($refs['addRecruit'].originalForm.template_item_id =
select.template_item_id), select.template_item_id),
($refs['addRecruit'].type = 'add'), ($refs['addRecruit'].type = 'add'),
(isShowAdd = true) (isShowAdd = true)
@ -90,11 +91,12 @@
<Button <Button
type="primary" type="primary"
@click=" @click="
isShowTip = true,
($refs['importRecruitInfo'].select.template_item_id = select.template_item_id), ($refs['importRecruitInfo'].select.template_item_id = select.template_item_id),
($refs['importRecruitInfo'].select.year = select.year), ($refs['importRecruitInfo'].select.year = select.year),
(isShowImportRecruitInfo = true) (isShowImportRecruitInfo = true)
" "
>导入录取信息</Button >导入信息</Button
> >
</template> </template>
</header-content> </header-content>
@ -134,6 +136,17 @@
:is-show.sync="isShowImportRecruitInfo" :is-show.sync="isShowImportRecruitInfo"
@refresh="getList" @refresh="getList"
></importRecruitInfo> ></importRecruitInfo>
<el-dialog
title="提示"
:visible.sync="isShowTip"
width="30%"
center>
<span>当前选择导入的模板为：{{ getTemplateItemName() }}</span>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="isShowTip = false">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
@ -141,6 +154,7 @@
import { index, destroy, exports } from "@/api/unifiedRecruitment/recruit"; import { index, destroy, exports } from "@/api/unifiedRecruitment/recruit";
import { authMixin } from "@/mixin/authMixin"; import { authMixin } from "@/mixin/authMixin";
import { index as provinceIndex } from "@/api/manage/province"; import { index as provinceIndex } from "@/api/manage/province";
import { index as filedIndex } from "@/api/unifiedRecruitment/templateFiled"
import { import {
show as templateShow, show as templateShow,
index as templateIndex, index as templateIndex,
@ -161,6 +175,8 @@ export default {
}, },
data() { data() {
return { return {
isShowTip:false,
tipTemplate:"",
isShowImportRecruitInfo: false, isShowImportRecruitInfo: false,
isShowAdd: false, isShowAdd: false,
provinces: [], provinces: [],
@ -219,6 +235,9 @@ export default {
index, index,
destroy, destroy,
getTemplateItemName(){
return this.$refs['templateSelect']?.selected?.label
},
async getTemplateItemDetail() { async getTemplateItemDetail() {
if (!this.select.template_item_id) { if (!this.select.template_item_id) {
this.$message({ this.$message({
@ -227,20 +246,14 @@ export default {
}); });
return; return;
} }
// const res = await templateItemShow({ const res = await filedIndex({
// id: this.select.template_item_id, template_item_id:this.select.template_item_id,
// }); template_id:this.select.template_id,
page:1,
const res = await templateShow( page_size:999
{ });
year: this.select.year,
type: this.$route.meta.params?.type,
},
false
);
this.select.template_id = res.id;
let temp = let temp =
res?.fileds?.map((item) => { res?.data?.map((item) => {
return { return {
prop: item.en, prop: item.en,
label: item.name, label: item.name,
@ -248,6 +261,24 @@ export default {
}; };
}) ?? []; }) ?? [];
this.table = [...this.originalTable, ...temp]; this.table = [...this.originalTable, ...temp];
// const res = await templateShow(
// {
// year: this.select.year,
// type: this.$route.meta.params?.type,
// },
// false
// );
// this.select.template_id = res.id;
// let temp =
// res?.fileds?.map((item) => {
// return {
// prop: item.en,
// label: item.name,
// width: 140,
// };
// }) ?? [];
// this.table = [...this.originalTable, ...temp];
}, },
async getList() { async getList() {
this.$refs["xyTable"].loading = true; this.$refs["xyTable"].loading = true;
@ -308,7 +339,7 @@ export default {
async search() { async search() {
//await this.getTemplate(); //await this.getTemplate();
//await this.getTemplateItemDetail(); await this.getTemplateItemDetail();
await this.getList(); await this.getList();
}, },
@ -330,7 +361,7 @@ export default {
await this.getTemplateItemDetail(); await this.getTemplateItemDetail();
await this.getProvinces(); await this.getProvinces();
await this.getList(); await this.getList();
}, }
}; };
</script> </script>

Write Preview
Loading…
Cancel
Save