humanResources.js 69 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791
  1. Vue.use(scroll)
  2. let app = new Vue({
  3. el: "#app",
  4. data() {
  5. return {
  6. title: "内部人才市场双选服务平台",
  7. treeList: [{
  8. name: "岗位发布",
  9. flag: true,
  10. src: "./images/humanResources/post.png",
  11. onSrc: "./images/humanResources/post_on.png",
  12. style: {
  13. top: "65%",
  14. left: "13%",
  15. backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
  16. },
  17. onStyle: {
  18. top: "65%",
  19. left: "13%",
  20. backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
  21. }
  22. },
  23. {
  24. name: "简历投递",
  25. flag: false,
  26. src: "./images/humanResources/notes.png",
  27. onSrc: "./images/humanResources/notes_on.png",
  28. style: {
  29. top: "30%",
  30. left: "22%",
  31. backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
  32. },
  33. onStyle: {
  34. top: "30%",
  35. left: "22%",
  36. backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
  37. }
  38. },
  39. {
  40. name: "资格审查",
  41. flag: false,
  42. src: "./images/humanResources/qualification.png",
  43. onSrc: "./images/humanResources/qualification_on.png",
  44. style: {
  45. top: "125px",
  46. left: "calc(50% - 202px)",
  47. backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
  48. },
  49. onStyle: {
  50. top: "125px",
  51. left: "calc(50% - 202px)",
  52. backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
  53. }
  54. },
  55. {
  56. name: "综合测评",
  57. flag: false,
  58. src: "./images/humanResources/comprehensive.png",
  59. onSrc: "./images/humanResources/comprehensive_on.png",
  60. style: {
  61. top: "30%",
  62. right: "22%",
  63. backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
  64. },
  65. onStyle: {
  66. top: "30%",
  67. right: "22%",
  68. backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
  69. }
  70. },
  71. {
  72. name: "录用公示",
  73. flag: false,
  74. src: "./images/humanResources/publicity.png",
  75. onSrc: "./images/humanResources/publicity_on.png",
  76. style: {
  77. top: "65%",
  78. right: "13%",
  79. backgroundImage: "url(./images/humanResources/icon_bg_blue.png)"
  80. },
  81. onStyle: {
  82. top: "65%",
  83. right: "13%",
  84. backgroundImage: "url(./images/humanResources/iconBg_yellow.png)"
  85. }
  86. },
  87. ],
  88. treeIndex: 0,
  89. rollFlag: true,
  90. config1: {
  91. waitTime: 7300,
  92. header: ["招聘单位", "招聘岗位", "招聘人数", "投递人数", "发布时间"],
  93. headerHeight: 55,
  94. columnWidth: [230, 170, 100, 100],
  95. rowNum: 10,
  96. data: [
  97. ["西山煤电屯兰矿", '井下普工', '50', '100', "2023.07.01"],
  98. ["西山煤电斜沟煤矿", '井下钻探工', '10', '30', "2023.07.01"],
  99. ["汾西矿业高阳煤矿", '井下安全检查员', '5', '10', "2023.07.01"],
  100. ["汾西矿业柳湾煤矿", '井下设备管理员', '10', '50', "2023.07.01"],
  101. ["霍州煤电辛置煤矿", '矿井维修电工', '10', '30', "2023.07.01"],
  102. ["霍州煤电恒兴煤业", '生产调度员', '4', '10', "2023.07.01"],
  103. ["霍州煤电吕梁山煤电公司", '汽车驾驶员', '5', '10', "2023.07.01"],
  104. ["山煤国际凌志达煤业", '电工', '5', '16', "2023.07.01"],
  105. ["华晋焦煤沙曲一号煤矿", '井下普工', '40', '120', "2023.07.01"],
  106. ["山西焦化", '技术员', '2', '12', "2023.07.01"],
  107. ["汾西矿业高阳煤矿", '井下安全检查员', '5', '10', "2023.07.01"],
  108. ],
  109. align: ["center", "center", "center", "center", "center"],
  110. headerBGC: "#69c1ff2d",
  111. oddRowBGC: "rgba(105, 193, 255, 0)",
  112. evenRowBGC: "#69c1ff21",
  113. hoverPause: false,
  114. },
  115. configIndex: 1,
  116. config2: {
  117. waitTime: 2000,
  118. header: ["序号", "单位名称", "招聘岗位数"],
  119. headerHeight: 55,
  120. rowNum: 5,
  121. data: [
  122. ["<span class='yellow'>01</span>", "<span class='yellow'>西山煤电</span>", "<span class='yellow'>30个</span>"],
  123. ["<span class='red'>02</span>", "<span class='red'>山煤国际</span>", "<span class='red'>25个</span>"],
  124. ["<span class='green'>03</span>", "<span class='green'>汾西矿业</span>", "<span class='green'>20个</span>"],
  125. ["04", "汾西矿业", "10个"],
  126. ["05", "汾西矿业", "8个"],
  127. ["<span class='yellow'>01</span>", "<span class='yellow'>西山煤电</span>", "<span class='yellow'>30个</span>"],
  128. ["<span class='red'>02</span>", "<span class='red'>山煤国际</span>", "<span class='red'>25个</span>"],
  129. ["<span class='green'>03</span>", "<span class='green'>汾西矿业</span>", "<span class='green'>20个</span>"],
  130. ["06", "汾西矿业", "4个"],
  131. ["07", "山煤国际", "4个"],
  132. ],
  133. align: ["center", "center", "center", "center", "center"],
  134. headerBGC: "#69c1ff2d",
  135. oddRowBGC: "rgba(105, 193, 255, 0)",
  136. evenRowBGC: "#69c1ff21",
  137. carousel: 'page'
  138. },
  139. targetIndex: 0,
  140. classChange: false,
  141. listData: [{
  142. 'title': '无缝滚动第一行无缝滚动第一行',
  143. 'date': '2017-12-16'
  144. }, {
  145. 'title': '无缝滚动第二行无缝滚动第二行',
  146. 'date': '2017-12-16'
  147. }, {
  148. 'title': '无缝滚动第三行无缝滚动第三行',
  149. 'date': '2017-12-16'
  150. }, {
  151. 'title': '无缝滚动第四行无缝滚动第四行',
  152. 'date': '2017-12-16'
  153. }, {
  154. 'title': '无缝滚动第五行无缝滚动第五行',
  155. 'date': '2017-12-16'
  156. }, {
  157. 'title': '无缝滚动第六行无缝滚动第六行',
  158. 'date': '2017-12-16'
  159. }, {
  160. 'title': '无缝滚动第七行无缝滚动第七行',
  161. 'date': '2017-12-16'
  162. }, {
  163. 'title': '无缝滚动第八行无缝滚动第八行',
  164. 'date': '2017-12-16'
  165. }, {
  166. 'title': '无缝滚动第九行无缝滚动第九行',
  167. 'date': '2017-12-16'
  168. }],
  169. classOption: {
  170. step: 2
  171. },
  172. configMark: {
  173. waitTime: 2000,
  174. header: ["头像", "姓名", "投递岗位", "时间"],
  175. rowNum: 6,
  176. headerHeight: 55,
  177. columnWidth: [120],
  178. data: [
  179. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>王伟</span>", "<span class=''>技术员</span>", "<span class=''>2023.07.29</span>"],
  180. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>李丽丽</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.26</span>"],
  181. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>王亮</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.18</span>"],
  182. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>李星</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.11</span>"],
  183. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>韩梅</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.08</span>"],
  184. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>郑凯</span>", "<span class=''>生产调度员</span>", "<span class=''>2023.07.01</span>"],
  185. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>吉宇晟</span>", "<span class=''>技术员</span>", "<span class=''>2023.06.29</span>"],
  186. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>李志桐</span>", "<span class=''>技术员</span>", "<span class=''>2023.07.29</span>"],
  187. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>赵建国</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.26</span>"],
  188. ["<img class='list_img' src='https://www.bootcdn.cn/assets/img/m-react.png' alt=''>", "<span class=''>杜勇</span>", "<span class=''>井下钻探工</span>", "<span class=''>2023.07.18</span>"],
  189. ],
  190. align: ["center", "center", "center", "center", "center"],
  191. headerBGC: "#69c1ff2d",
  192. oddRowBGC: "rgba(105, 193, 255, 0)",
  193. evenRowBGC: "#69c1ff21",
  194. },
  195. configInterview: {
  196. waitTime: 2000,
  197. header: ["序号", "姓名", "会议厅", "场次", "时间"],
  198. headerHeight: 55,
  199. columnWidth: [70, 120, 170, 200],
  200. rowNum: 6,
  201. data: [
  202. ["01", '陈英', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  203. ["02", '李小曼', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  204. ["03", '王亮', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  205. ["04", '李鑫', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  206. ["05", '王伟', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  207. ["06", '张强', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  208. ["07", '王强', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  209. ["08", '程丽', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  210. ["09", '韩赢', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  211. ["10", '王丽', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  212. ],
  213. align: ["center", "center", "center", "center", "center"],
  214. headerBGC: "#69c1ff2d",
  215. oddRowBGC: "rgba(105, 193, 255, 0)",
  216. evenRowBGC: "#69c1ff21",
  217. },
  218. configWritten: {
  219. waitTime: 2000,
  220. header: ["序号", "姓名", "会议厅", "场次", "时间"],
  221. headerHeight: 55,
  222. columnWidth: [70, 120, 170, 200],
  223. rowNum: 6,
  224. data: [
  225. ["01", '陈英', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  226. ["02", '李小曼', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  227. ["03", '王亮', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  228. ["04", '李鑫', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  229. ["05", '王伟', '洽谈室1', '杜儿坪矿', "2023.07.01 09:30-10:30"],
  230. ["06", '张强', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  231. ["07", '王强', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  232. ["08", '程丽', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  233. ["08", '韩赢', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  234. ["09", '王丽', '洽谈室1', '杜儿坪矿', "2023.07.05 09:30-10:30"],
  235. ],
  236. align: ["center", "center", "center", "center", "center"],
  237. headerBGC: "#69c1ff2d",
  238. oddRowBGC: "rgba(105, 193, 255, 0)",
  239. evenRowBGC: "#69c1ff21",
  240. },
  241. mainList: [{
  242. name: "双选场次",
  243. value: 30,
  244. unit: "场",
  245. icon: "./images/humanResources/times.png"
  246. },
  247. {
  248. name: "参与人数",
  249. value: 3000,
  250. unit: "人",
  251. icon: "./images/humanResources/user.png"
  252. }
  253. ],
  254. employmentList1: {
  255. waitTime: 2000,
  256. header: ["序号", "姓名", "性别", "身份证号", "拟录单位"],
  257. rowNum: 5,
  258. headerHeight: 55,
  259. columnWidth: [100, 100, 100, 280],
  260. data: [],
  261. align: ["center", "center", "center", "center", "center"],
  262. headerBGC: "#69c1ff2d",
  263. oddRowBGC: "rgba(105, 193, 255, 0)",
  264. evenRowBGC: "#69c1ff21",
  265. hoverPause: false,
  266. },
  267. employmentList2: {
  268. waitTime: 2000,
  269. header: ["序号", "姓名", "性别", "身份证号", "拟录单位"],
  270. rowNum: 5,
  271. headerHeight: 55,
  272. columnWidth: [100, 100, 100, 280],
  273. data: [],
  274. align: ["center", "center", "center", "center", "center"],
  275. headerBGC: "#69c1ff2d",
  276. oddRowBGC: "rgba(105, 193, 255, 0)",
  277. evenRowBGC: "#69c1ff21",
  278. hoverPause: false,
  279. },
  280. typeList: {
  281. waitTime: 2000,
  282. header: ["单位名称", "岗位名称", "报名人数"],
  283. rowNum: 6,
  284. headerHeight: 55,
  285. columnWidth: [100, 200, 400,],
  286. data: [
  287. ["汾西矿业", "综合管理岗", "40"],
  288. ["西山煤电", "综合管理岗", "35"],
  289. ["西山煤电", "财务管理岗", "30"],
  290. ["汾西矿业", "综合管理岗", "25"],
  291. ["西山煤电", "综合管理岗", "20"],
  292. ["西山煤电", "财务管理岗", "15"],
  293. ["汾西矿业", "综合管理岗", "10"],
  294. ],
  295. align: ["center", "center", "center", "center", "center"],
  296. index: true,
  297. headerBGC: "#69c1ff2d",
  298. oddRowBGC: "rgba(105, 193, 255, 0)",
  299. evenRowBGC: "#69c1ff21",
  300. hoverPause: false,
  301. },
  302. vitaEcharts: null,
  303. newList: [],
  304. showMark: false,
  305. showSelect: false,
  306. showMonth: false,
  307. monthList,
  308. monthItem: "07",
  309. timeList1: ["2022-07", "2023-07"],
  310. timeList2: ["2022-07", "2023-07"],
  311. from: "",
  312. type: 0,
  313. echartsIndex: 1,
  314. downholeFlag: true,
  315. markStyle: {
  316. bottom: "4%",
  317. right: "5%"
  318. },
  319. rightList: [{
  320. name: "当前数",
  321. flag: true,
  322. num1: 100,
  323. num2: 60,
  324. num3: 60,
  325. }, {
  326. name: "累计数",
  327. flag: false,
  328. num1: 500,
  329. num2: 400,
  330. num3: 80,
  331. }],
  332. rightIndex: 0,
  333. leftList: [{
  334. name: "招聘岗位",
  335. flag: true
  336. }, {
  337. name: "招聘岗位种类",
  338. flag: false
  339. }],
  340. leftIndex: 0,
  341. roseEcharts: null,
  342. leftFlag: true,
  343. rollTitle: "西山煤电屯兰矿井下普工工招聘公告",
  344. leftTime: null,
  345. rightTime: null,
  346. recruitInfoList: [],
  347. vitaData: {
  348. x: ['4月', '5月', '6月', '7月', '8月', '9月'],
  349. y: [56, 32, 64, 81, 43, 13]
  350. },
  351. isChangeList: false,
  352. imageList: ["./images/humanResources/ppt1.jpg","",""],
  353. imageIndex: 0,
  354. imageFlag: false,
  355. pageFlag: true,
  356. }
  357. },
  358. created() {
  359. this.newList = listToChange(yearList, monthList)
  360. if (employmentList.length % 2 != 0) {
  361. employmentList.push([])
  362. }
  363. employmentList.forEach((item, index) => {
  364. if (index % 2 == 0) {
  365. this.employmentList1.data.push(item)
  366. } else {
  367. this.employmentList2.data.push(item)
  368. }
  369. })
  370. this.keyDown()
  371. },
  372. watch: {
  373. imageIndex() {
  374. let that = this
  375. if (this.imageIndex == this.imageList.length) {
  376. that.downhole.dispose()
  377. that.vitaEcharts.dispose()
  378. setTimeout(()=>{
  379. let pageBtm = that.$refs.pageBtm
  380. that.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })
  381. let vita = that.$refs.vita
  382. that.initVitaEcharts(vita)
  383. })
  384. this.imageIndex = 0
  385. this.imageFlag = false
  386. }
  387. },
  388. },
  389. mounted() {
  390. let that = this;
  391. this.$nextTick(() => {
  392. let rightOne = this.$refs.rightOne
  393. this.initLineRight(rightOne, { value: 50, total: 118 })
  394. let rightTwo = this.$refs.rightTwo
  395. this.initLineRight(rightTwo, { value: 30, total: 118 })
  396. let rightThree = this.$refs.rightThree
  397. this.initLineRight(rightThree, { value: 20, total: 118 })
  398. let rightFour = this.$refs.rightFour
  399. this.initLineRight(rightFour, { value: 12, total: 118 })
  400. let rightFive = this.$refs.rightFive
  401. this.initLineRight(rightFive, { value: 6, total: 118 })
  402. // let c1 = this.$refs.c1
  403. // this.initRightCycle(c1, 40)
  404. // let c2 = this.$refs.c2
  405. // this.initRightCycle(c2, 25)
  406. // let c3 = this.$refs.c3
  407. // this.initRightCycle(c3, 20)
  408. // let c4 = this.$refs.c4
  409. // this.initRightCycle(c4, 10)
  410. // let c5 = this.$refs.c5
  411. // this.initRightCycle(c5, 5)
  412. setTimeout(() => {
  413. let itemContent = document.getElementById("itemContent")
  414. let target = itemContent.getElementsByClassName("row-item")
  415. let targetList = target.item(0)
  416. targetList.style.background = "#302e2d50"
  417. targetList.style.color = "#E1AF27"
  418. }, 0)
  419. setTimeout(() => {
  420. that.classChange = true
  421. }, 5000);
  422. setInterval(() => {
  423. let that = this
  424. that.treeList.forEach(item => {
  425. item.flag = false
  426. })
  427. if (that.treeIndex > that.treeList.length - 1) {
  428. that.treeIndex = 0
  429. that.treeList[that.treeIndex].flag = true
  430. } else {
  431. that.treeList[that.treeIndex].flag = true
  432. that.treeIndex = that.treeIndex + 1
  433. }
  434. }, 2000)
  435. // setInterval(()=>{
  436. // if(that.configIndex > that.config1.data.length - 1){
  437. // that.configIndex = 0
  438. // return
  439. // } else {
  440. // that.configIndex = that.configIndex + 1
  441. // return
  442. // }
  443. // },5000)
  444. })
  445. this.leftTime = setInterval(() => {
  446. that.leftList.forEach((item, index) => {
  447. item.flag = !item.flag
  448. if (item.flag) {
  449. if (index == 0) {
  450. that.leftFlag = true
  451. } else {
  452. that.leftFlag = false
  453. setTimeout(() => {
  454. let leftChange = that.$refs.leftChange
  455. that.initRoseEcharts(leftChange)
  456. })
  457. }
  458. }
  459. })
  460. }, 5000)
  461. this.rightTime = setInterval(() => {
  462. that.rightList.forEach((item, index) => {
  463. item.flag = !item.flag
  464. if (item.flag) {
  465. that.rightIndex = index
  466. }
  467. })
  468. }, 5000)
  469. // localEnvAppToken().then(res => {
  470. // localStorage.setItem("app_token", res.app_token)
  471. // getLocalEnvAccessToken().then(res => {
  472. // localStorage.setItem("access_token", res.access_token)
  473. // that.getPlayers()
  474. // that.getPostDetail()
  475. // that.getHalfYearDelivcv()
  476. // that.getHotDelivcv()
  477. // that.arrToListArr()
  478. // that.getDelivcvAndApply()
  479. // that.getreviewarrange()
  480. // })
  481. // }).catch(err => {
  482. this.isChangeList = true
  483. let pageBtm = this.$refs.pageBtm
  484. this.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })
  485. let vita = this.$refs.vita
  486. that.initVitaEcharts(vita)
  487. // that.getPostDetail()
  488. // })
  489. },
  490. methods: {
  491. // 监听键盘
  492. keyDown() {
  493. let that = this;
  494. document.onkeydown = (e) => {
  495. //事件对象兼容
  496. if (this.imageFlag) {
  497. let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
  498. //键盘按键判断:左箭头-37;上箭头-38;右箭头-39;下箭头-40
  499. if (e1 && e1.keyCode == 37) {
  500. if (that.imageIndex != 0) {
  501. that.imageIndex = that.imageIndex - 1
  502. }
  503. } else if (e1 && e1.keyCode == 38) {
  504. // that.imageIndex = that.imageIndex - 1
  505. if (that.imageIndex != 0) {
  506. that.imageIndex = that.imageIndex - 1
  507. }
  508. } else if(e1 && e1.keyCode == 39){
  509. that.imageIndex = that.imageIndex + 1
  510. } else if(e1 && e1.keyCode == 40){
  511. that.imageIndex = that.imageIndex + 1
  512. }
  513. }
  514. }
  515. },
  516. handleChangeImage() {
  517. this.imageIndex += 1
  518. },
  519. fullScreen() {
  520. let docElm = document.documentElement;
  521. if (docElm.requestFullscreen) {
  522. docElm.requestFullscreen();
  523. } else if (docElm.msRequestFullscreen) {
  524. docElm.msRequestFullscreen();
  525. } else if (docElm.mozRequestFullScreen) {
  526. docElm.mozRequestFullScreen();
  527. } else if (docElm.webkitRequestFullScreen) {
  528. docElm.webkitRequestFullScreen();
  529. }
  530. this.imageFlag = true
  531. this.pageFlag = false
  532. },
  533. initDownholeEcharts(el, data) {
  534. this.downhole = echarts.init(el);
  535. let series = []
  536. let grid = {
  537. top: "15%",
  538. bottom: 50, //也可设置left和right设置距离来控制图表的大小
  539. left: "3%",
  540. right: "1%"
  541. }
  542. option = {
  543. tooltip: {
  544. backgroundColor: 'rgba(0, 0, 0, 0.3)',
  545. borderColor: "rgba(0,0,0,0.5)",
  546. show: true,
  547. trigger: 'axis',
  548. textStyle: {
  549. fontSize: 30,
  550. color: '#A3E2F4'
  551. },
  552. axisPointer: { // 坐标轴指示器,坐标轴触发有效
  553. type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  554. }
  555. },
  556. grid,
  557. legend: {
  558. data: ["招聘人数", "报名人数", "录用人数"],
  559. align: 'left',
  560. itemGap: 50,
  561. right: 500,
  562. y: '2%',
  563. icon: 'rect',
  564. textStyle: {
  565. color: "#fff",
  566. fontSize: 30
  567. }
  568. },
  569. xAxis: {
  570. axisTick: {
  571. show: false,
  572. },
  573. axisLine: {
  574. show: false,
  575. },
  576. axisLabel: {
  577. interval: 0,
  578. show: true,
  579. fontSize: 30,
  580. textStyle: {
  581. color: "#fff" //X轴文字颜色
  582. },
  583. },
  584. data: data.x,
  585. },
  586. yAxis: {
  587. type: "value",
  588. name: "人",
  589. gridIndex: 0,
  590. // splitNumber: 4,
  591. splitLine: {
  592. show: false,
  593. lineStyle: {
  594. color: '#A3C0DF',
  595. width: 1
  596. },
  597. },
  598. nameTextStyle: {
  599. fontSize: 30,
  600. },
  601. axisTick: {
  602. show: false
  603. },
  604. axisLine: {
  605. show: false,
  606. lineStyle: {
  607. color: '#A3C0DF'
  608. }
  609. },
  610. axisLabel: {
  611. show: true,
  612. margin: 14,
  613. fontSize: 28,
  614. textStyle: {
  615. color: "#fff" //X轴文字颜色
  616. }
  617. },
  618. },
  619. series: [{
  620. type: 'bar',
  621. name: "招聘人数",
  622. barWidth: 26,
  623. itemStyle: {
  624. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
  625. offset: 1,
  626. color: '#40A9FF',
  627. },
  628. {
  629. offset: 0,
  630. color: '#082049',
  631. },
  632. ]),
  633. },
  634. data: data.y1,
  635. }, {
  636. type: 'bar',
  637. name: "报名人数",
  638. barWidth: 26,
  639. itemStyle: {
  640. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
  641. offset: 1,
  642. color: '#EAE179',
  643. },
  644. {
  645. offset: 0,
  646. color: '#082049',
  647. },
  648. ]),
  649. },
  650. data: data.y2,
  651. }, {
  652. type: 'bar',
  653. name: "录用人数",
  654. barWidth: 26,
  655. itemStyle: {
  656. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
  657. offset: 1,
  658. color: '#6A83FF',
  659. },
  660. {
  661. offset: 0,
  662. color: '#082049',
  663. },
  664. ]),
  665. },
  666. data: data.y3,
  667. }]
  668. };
  669. this.downhole.setOption(option);
  670. tools.loopShowTooltip(this.downhole, option, {
  671. nterval: 2000,
  672. loopSeries: true,
  673. });
  674. },
  675. scrollChange(index) {
  676. this.rollFlag = false;
  677. let listIndex = index
  678. if (listIndex >= this.config1.data.length) {
  679. listIndex = index - 11
  680. }
  681. this.rollTitle = this.config1.data[listIndex][0] + this.config1.data[listIndex][1] + "招聘公告"
  682. setTimeout(() => {
  683. this.rollFlag = true
  684. })
  685. },
  686. initRightCycle(el, data) {
  687. var getvalue = [data];
  688. let chat = echarts.init(el)
  689. option = {
  690. title: {
  691. text: getvalue + '%',
  692. textStyle: {
  693. color: '#fff',
  694. fontSize: 20
  695. },
  696. itemGap: 20,
  697. left: '55%',
  698. top: '38%'
  699. },
  700. // tooltip: {
  701. // formatter: function (params) {
  702. // return '<span style="color: #fff;">综合得分:' + getvalue + '分</span>';
  703. // }
  704. // },
  705. angleAxis: {
  706. max: 100,
  707. clockwise: true, // 逆时针
  708. // 隐藏刻度线
  709. show: false
  710. },
  711. radiusAxis: {
  712. type: 'category',
  713. show: true,
  714. axisLabel: {
  715. show: false,
  716. },
  717. axisLine: {
  718. show: false,
  719. },
  720. axisTick: {
  721. show: false
  722. },
  723. },
  724. polar: {
  725. center: ['70%', '50%'],
  726. radius: ['60%', '75%'],
  727. // radius: '100%' //图形大小
  728. },
  729. series: [{
  730. type: 'bar',
  731. data: getvalue,
  732. showBackground: true,
  733. backgroundStyle: {
  734. color: '#BDEBFF',
  735. },
  736. coordinateSystem: 'polar',
  737. roundCap: true,
  738. barWidth: 30,
  739. itemStyle: {
  740. normal: {
  741. opacity: 1,
  742. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  743. offset: 0,
  744. color: '#25BFFF'
  745. }, {
  746. offset: 1,
  747. color: '#5284DE'
  748. }]),
  749. shadowBlur: 5,
  750. shadowColor: '#2A95F9',
  751. }
  752. },
  753. }]
  754. };
  755. chat.setOption(option)
  756. },
  757. initLineRight(el, data) {
  758. let that = this;
  759. let myChart = echarts.init(el);
  760. let nameList = ["a"];
  761. let valueList = [data.value];
  762. let total = data.total; // 数据总数
  763. var category = nameList.map((item, index) => {
  764. return {
  765. value: valueList[index],
  766. itemStyle: {
  767. color: new echarts.graphic.LinearGradient(
  768. 1,
  769. 0,
  770. 0,
  771. 1, [{
  772. offset: 0,
  773. color: "#40A9FF50",
  774. },
  775. {
  776. offset: 1,
  777. color: "#40A9FF",
  778. },
  779. ],
  780. false
  781. ),
  782. },
  783. };
  784. });
  785. var totalList = [];
  786. var totalBorderList = [];
  787. nameList.map((item, index) => {
  788. totalList.push({
  789. value: total,
  790. itemStyle: {
  791. color: "rgba(51, 147, 236, 0.29)",
  792. },
  793. });
  794. totalBorderList.push({
  795. value: total,
  796. itemStyle: {
  797. borderColor: "rgba(51, 147, 236, 0.29)",
  798. color: "transparent",
  799. },
  800. });
  801. });
  802. var datas = [];
  803. category.forEach((value) => {
  804. datas.push(value.value);
  805. });
  806. option = {
  807. // backgroundColor: 'rgb(231,238,249)',
  808. xAxis: {
  809. max: total,
  810. splitLine: {
  811. show: false,
  812. },
  813. axisLine: {
  814. show: false,
  815. },
  816. axisLabel: {
  817. show: false,
  818. },
  819. axisTick: {
  820. show: false,
  821. },
  822. },
  823. grid: {
  824. left: "1%",
  825. top: 20, // 设置条形图的边距
  826. right: "40%",
  827. bottom: 20,
  828. },
  829. yAxis: [{
  830. type: "category",
  831. inverse: false,
  832. data: nameList,
  833. axisLine: {
  834. show: false,
  835. },
  836. axisTick: {
  837. show: false,
  838. },
  839. axisLabel: {
  840. show: false,
  841. },
  842. },],
  843. series: [{
  844. // 内
  845. type: "bar",
  846. barWidth: 16,
  847. barGap: "20%",
  848. silent: true,
  849. // label: {
  850. // normal: {
  851. // formatter: (item) => {
  852. // return `${item['name']}:${item['value']} `;
  853. // },
  854. // textStyle: {
  855. // color: 'rgba(105, 120, 136, 1)',
  856. // fontSize: 14,
  857. // },
  858. // position: [0, '-25px'],
  859. // show: true,
  860. // },
  861. // },
  862. data: category,
  863. z: 1,
  864. itemStyle: {
  865. normal: {
  866. color: new echarts.graphic.LinearGradient(
  867. 1,
  868. 0,
  869. 0,
  870. 1, [{
  871. offset: 0,
  872. color: "rgba(81, 193, 156, 1)",
  873. },
  874. {
  875. offset: 1,
  876. color: "rgba(234, 177, 100, 1)",
  877. },
  878. ],
  879. false
  880. ),
  881. },
  882. },
  883. animationEasing: "elasticOut",
  884. },
  885. {
  886. // 分隔
  887. type: "pictorialBar",
  888. itemStyle: {
  889. normal: {
  890. color: "#143362",
  891. },
  892. },
  893. symbolRepeat: "fixed",
  894. symbolMargin: 8,
  895. symbol: "rect",
  896. symbolClip: false,
  897. symbolSize: [4, 20],
  898. symbolPosition: "start",
  899. symbolOffset: [0, -2],
  900. symbolBoundingData: total,
  901. data: [total, total, total, total],
  902. z: 2,
  903. animationEasing: "elasticOut",
  904. },
  905. {
  906. // label
  907. type: "pictorialBar",
  908. symbolBoundingData: total,
  909. itemStyle: {
  910. normal: {
  911. color: "none",
  912. },
  913. },
  914. label: {
  915. normal: {
  916. formatter: (params) => {
  917. var text;
  918. text = `${(params.value <= 9 ? " " + params.value : params.value)}人 | ${(((params.value) / total) * 100).toFixed(0)}%`;
  919. return text;
  920. },
  921. textStyle: {
  922. // 图列内容样式
  923. fontSize: "30",
  924. fontWeight: 800,
  925. },
  926. position: "right",
  927. offset: [0, -3],
  928. distance: 10, // 向右偏移位置
  929. show: true,
  930. color: "#FFF",
  931. },
  932. },
  933. data: datas,
  934. z: 0,
  935. },
  936. {
  937. name: "外框",
  938. type: "bar",
  939. barGap: "-130%", // 设置外框粗细
  940. data: totalBorderList,
  941. barWidth: 26,
  942. itemStyle: {
  943. normal: {
  944. // barBorderRadius: [5, 5, 5, 5],
  945. borderWidth: 1, // 边框宽度
  946. borderColor: "rgb(51, 147, 236)", // 边框色
  947. color: "rgb(231,238,249)",
  948. },
  949. },
  950. z: 0,
  951. },
  952. ],
  953. };
  954. //轮播
  955. // tools.loopShowTooltip(leftEcharts1, option, {
  956. // interval: 2000,
  957. // loopSeries: true,
  958. // });
  959. //注册
  960. myChart.setOption(option);
  961. },
  962. initVitaEcharts(el, data) {
  963. let that = this;
  964. this.vitaEcharts = echarts.init(el)
  965. let dataList = [...that.vitaData.y]
  966. let max = dataList.sort(function (a, b) {
  967. return b - a
  968. })[0]
  969. let maxList = []
  970. this.vitaData.x.forEach(item => {
  971. maxList.push(max)
  972. })
  973. option = {
  974. tooltip: {
  975. show: true,
  976. backgroundColor: 'rgba(0, 0, 0, 0.3)',
  977. borderColor: "rgba(0,0,0,0.5)",
  978. trigger: 'axis',
  979. textStyle: {
  980. fontSize: 30,
  981. color: '#A3E2F4'
  982. },
  983. axisPointer: { // 坐标轴指示器,坐标轴触发有效
  984. type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
  985. },
  986. formatter: "{a} : {c}份"
  987. },
  988. animation: true,
  989. grid: {
  990. top: "12%",
  991. bottom: "8%",
  992. right: "2%"
  993. },
  994. xAxis: {
  995. data: that.vitaData.x,
  996. axisLine: {
  997. show: false //隐藏X轴轴线
  998. },
  999. axisTick: {
  1000. show: false //隐藏X轴轴线
  1001. },
  1002. splitLine: {
  1003. show: false,
  1004. lineStyle: {
  1005. color: "rgba(77, 128, 254, 0.2)",
  1006. width: 2
  1007. }
  1008. },
  1009. axisLabel: {
  1010. show: true,
  1011. interval: 0,
  1012. fontSize: 24,
  1013. textStyle: {
  1014. color: "#fff" //X轴文字颜色
  1015. }
  1016. }
  1017. },
  1018. yAxis: [{
  1019. name: "投递/份",
  1020. type: "value",
  1021. gridIndex: 0,
  1022. min: 0,
  1023. max: 100,
  1024. interval: 25,
  1025. // splitNumber: 4,
  1026. splitLine: {
  1027. show: false,
  1028. lineStyle: {
  1029. color: "rgba(77, 128, 254, 0.2)",
  1030. width: 2
  1031. }
  1032. },
  1033. axisTick: {
  1034. show: false
  1035. },
  1036. nameTextStyle: {
  1037. fontSize: 28,
  1038. color: "#B6BFCE"
  1039. },
  1040. axisLine: {
  1041. show: false,
  1042. lineStyle: {
  1043. color: "rgba(77, 128, 254, 0.2)"
  1044. }
  1045. },
  1046. axisLabel: {
  1047. show: true,
  1048. margin: 14,
  1049. fontSize: 26,
  1050. textStyle: {
  1051. color: "#65D5FF"
  1052. }
  1053. }
  1054. }],
  1055. series: [{
  1056. name: "简历投递数",
  1057. type: "bar",
  1058. barWidth: 16,
  1059. itemStyle: {
  1060. normal: {
  1061. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  1062. offset: 1,
  1063. color: "#004E8E"
  1064. },
  1065. {
  1066. offset: 0,
  1067. color: "#40A9FF"
  1068. }
  1069. ])
  1070. }
  1071. },
  1072. data: that.vitaData.y,
  1073. z: 10,
  1074. zlevel: 0
  1075. },
  1076. {
  1077. // 分隔
  1078. type: "pictorialBar",
  1079. itemStyle: {
  1080. normal: {
  1081. color: "#0F375F"
  1082. }
  1083. },
  1084. symbolRepeat: "fixed",
  1085. symbolMargin: 6,
  1086. symbol: "rect",
  1087. symbolClip: true,
  1088. symbolSize: [18, 2],
  1089. symbolPosition: "start",
  1090. symbolOffset: [1, 1],
  1091. data: that.vitaData.y,
  1092. width: 2,
  1093. z: 0,
  1094. zlevel: 1
  1095. },
  1096. {
  1097. name: "外框",
  1098. type: "bar",
  1099. barGap: "-110%", // 设置外框粗细
  1100. data: maxList,
  1101. barWidth: 16,
  1102. itemStyle: {
  1103. normal: {
  1104. color: "transparent", // 填充色
  1105. // barBorderRadius: 0, //圆角半径
  1106. label: {
  1107. // 标签显示位置
  1108. show: false,
  1109. position: "top" // insideTop 或者横向的 insideLeft
  1110. }
  1111. }
  1112. },
  1113. z: 0
  1114. },
  1115. {
  1116. name: "背影",
  1117. type: "line",
  1118. smooth: true, //平滑曲线显示
  1119. showAllSymbol: false, //显示所有图形。
  1120. symbolSize: 0,
  1121. lineStyle: {
  1122. width: 0
  1123. },
  1124. areaStyle: {
  1125. color: "rgba(0, 151, 251, 0.1)"
  1126. },
  1127. data: that.vitaData.y,
  1128. z: 5
  1129. }
  1130. ],
  1131. dataZoom: [{
  1132. type: "slider",
  1133. show: false,
  1134. xAxisIndex: [0],
  1135. endValue: 12,
  1136. startValue: 0
  1137. }]
  1138. }
  1139. this.vitaEcharts.setOption(option)
  1140. tools.loopShowTooltip(this.vitaEcharts, option, {
  1141. nterval: 2000,
  1142. loopSeries: true,
  1143. });
  1144. },
  1145. initRoseEcharts(el, myData = {
  1146. number: ['10', '13', '20'],
  1147. titlename: ["地面", "辅助", "一线"],
  1148. }) {
  1149. this.roseEcharts = echarts.init(el)
  1150. var colorArr = ["#218de0", "#01cbb3", "#85e647", "#5d5cda", "#f6d54a", "#f845f1"];
  1151. var colorAlpha = ['rgba(60,170,211,0.05)', 'rgba(1,203,179,0.05)', 'rgba(133,230,71,0.05)', 'rgba(93,92,218,0.05)', 'rgba(5,197,176,0.05)', 'rgba(194,153,39,0.05)'];
  1152. var myProperty = {
  1153. titlefontsize: 30,
  1154. polarradius: '60%',
  1155. pieradius: '60%',
  1156. length1: 10,
  1157. length2: 55,
  1158. };
  1159. var data = [];
  1160. var total = 0;
  1161. for (var i = 0; i < myData.number.length; i++) {
  1162. total += (Number)(myData.number[i]);
  1163. }
  1164. for (let index = 0; index < myData.titlename.length; index++) {
  1165. data.push({
  1166. value: myData.number[index],
  1167. name: myData.titlename[index],
  1168. itemStyle: {
  1169. normal: {
  1170. borderColor: colorArr[index],
  1171. borderWidth: 2,
  1172. shadowBlur: 20,
  1173. shadowColor: colorArr[index],
  1174. shadowOffsetx: 25,
  1175. shadowOffsety: 20,
  1176. color: colorAlpha[index]
  1177. }
  1178. },
  1179. label: {
  1180. normal: {
  1181. formatter: ['{b|{b}: {c}个}', '{d| {d}%}'].join('\n'), //join函数将数组中的元素用选择的分隔符拼接成一个字符串
  1182. rich: {
  1183. b: {
  1184. color: colorArr[index],
  1185. fontSize: myProperty.titlefontsize,
  1186. lineHeight: 20
  1187. },
  1188. d: {
  1189. color: '#d0fffc',
  1190. fontSize: myProperty.titlefontsize, //手动输入的字体大小
  1191. height: 50,
  1192. align: 'center', //这里是控制文本的位置 此时是居中
  1193. },
  1194. },
  1195. }
  1196. },
  1197. })
  1198. }
  1199. option = {
  1200. grid: {
  1201. left: -100,
  1202. top: 50,
  1203. bottom: 10,
  1204. right: 10,
  1205. containLabel: true
  1206. },
  1207. tooltip: {
  1208. show: true,
  1209. backgroundColor: 'rgba(0, 0, 0, 0.3)',
  1210. borderColor: "rgba(0,0,0,0.5)",
  1211. trigger: 'item',
  1212. textStyle: {
  1213. fontSize: 30,
  1214. color: '#A3E2F4'
  1215. },
  1216. },
  1217. polar: {
  1218. // radius: ['0%','60%'],
  1219. //radius:[0,200]
  1220. radius: myProperty.polarradius,
  1221. },
  1222. angleAxis: {
  1223. interval: 1,
  1224. type: 'category',
  1225. data: [],
  1226. z: 10,
  1227. axisLine: {
  1228. show: false,
  1229. lineStyle: {
  1230. color: "#0B4A6B",
  1231. width: 1,
  1232. type: "solid"
  1233. },
  1234. },
  1235. axisLabel: {
  1236. interval: 0,
  1237. show: true,
  1238. color: "#0B4A6B",
  1239. margin: 8,
  1240. fontSize: 16
  1241. },
  1242. },
  1243. radiusAxis: {
  1244. min: 20,
  1245. max: 120,
  1246. interval: 20,
  1247. axisLine: {
  1248. show: false,
  1249. lineStyle: {
  1250. color: "#0B3E5E",
  1251. width: 1,
  1252. type: "solid"
  1253. },
  1254. },
  1255. axisLabel: {
  1256. formatter: '{value} %',
  1257. show: false,
  1258. padding: [0, 0, 20, 0],
  1259. color: "#0B3E5E",
  1260. fontSize: 16
  1261. },
  1262. splitLine: {
  1263. lineStyle: {
  1264. color: "#07385e",
  1265. width: 2,
  1266. type: "dashed"
  1267. }
  1268. },
  1269. },
  1270. calculable: true,
  1271. series: [{
  1272. stack: 'a',
  1273. type: 'pie',
  1274. radius: myProperty.pieradius,
  1275. roseType: 'radius',
  1276. zlevel: 10,
  1277. startAngle: 100,
  1278. labelLine: {
  1279. normal: {
  1280. show: true,
  1281. length: myProperty.length1,
  1282. length2: myProperty.length2,
  1283. lineStyle: {
  1284. color: '#0096b1'
  1285. }
  1286. },
  1287. emphasis: {
  1288. show: false
  1289. }
  1290. },
  1291. data: data,
  1292. },]
  1293. };
  1294. this.roseEcharts.setOption(option)
  1295. tools.loopShowTooltip(this.roseEcharts, option, {
  1296. nterval: 2000,
  1297. loopSeries: true,
  1298. });
  1299. },
  1300. handleClick(from, type) {
  1301. this.handleMark()
  1302. this.from = from
  1303. this.type = type
  1304. let that = this;
  1305. if (from == "timeList1" && type == 1) {
  1306. that.markStyle = {
  1307. right: "1%",
  1308. bottom: "4%"
  1309. }
  1310. } else if (from == "timeList1" && type == 0) {
  1311. that.markStyle = {
  1312. right: "5%",
  1313. bottom: "4%"
  1314. }
  1315. } else if (from == "timeList2" && type == 0) {
  1316. that.markStyle = {
  1317. right: "87%",
  1318. bottom: "43%"
  1319. }
  1320. } else if (from == "timeList2" && type == 1) {
  1321. that.markStyle = {
  1322. right: "84%",
  1323. bottom: "43%"
  1324. }
  1325. }
  1326. this.showMark = true
  1327. this.showSelect = true
  1328. },
  1329. handleMark() {
  1330. this.showMark = false
  1331. this.showSelect = false
  1332. this.showMonth = false
  1333. },
  1334. handleOption(item) {
  1335. this[this.from][this.type] = item
  1336. this.handleMark()
  1337. },
  1338. handleMonthOption(item) {
  1339. this.monthItem = item
  1340. this.handleMark()
  1341. },
  1342. handleMonth() {
  1343. this.handleMark()
  1344. this.showMark = true
  1345. this.showMonth = true
  1346. },
  1347. ortherEcharts(el, data) {
  1348. this.vitaEcharts = echarts.init(el);
  1349. option = {
  1350. tooltip: {
  1351. show: true,
  1352. trigger: 'axis',
  1353. textStyle: {
  1354. fontSize: 30,
  1355. color: '#A3E2F4'
  1356. },
  1357. axisPointer: { // 坐标轴指示器,坐标轴触发有效
  1358. type: 'none' // 默认为直线,可选为:'line' | 'shadow'
  1359. }
  1360. },
  1361. grid: {
  1362. top: '8%',
  1363. left: '1%',
  1364. right: '1%',
  1365. bottom: '8%',
  1366. containLabel: true,
  1367. },
  1368. xAxis: [{
  1369. type: 'category',
  1370. boundaryGap: false,
  1371. axisLine: { //坐标轴轴线相关设置。数学上的x轴
  1372. show: false,
  1373. lineStyle: {
  1374. color: '#233e64'
  1375. },
  1376. },
  1377. axisLabel: { //坐标轴刻度标签的相关设置
  1378. textStyle: {
  1379. color: '#fff',
  1380. fontSize: 26,
  1381. margin: 15,
  1382. },
  1383. },
  1384. axisTick: { show: false, },
  1385. data: ['6.1', '6.2', '6.3', '6.4', '6.5', '6.6', '6.7'],
  1386. }],
  1387. yAxis: [{
  1388. type: 'value',
  1389. min: 0,
  1390. max: 140,
  1391. splitLine: {
  1392. show: true,
  1393. lineStyle: {
  1394. color: '#233e64'
  1395. }
  1396. },
  1397. axisLine: { show: false, },
  1398. axisLabel: {
  1399. margin: 20,
  1400. textStyle: {
  1401. color: '#fff',
  1402. fontSize: 24,
  1403. },
  1404. },
  1405. axisTick: { show: false, },
  1406. }],
  1407. series: [{
  1408. name: '异常流量',
  1409. type: 'line',
  1410. smooth: true, //是否平滑曲线显示
  1411. symbol: 'circle', // 默认是空心圆(中间是白色的),改成实心圆
  1412. symbolSize: 0,
  1413. lineStyle: {
  1414. normal: {
  1415. color: "#3deaff" // 线条颜色
  1416. }
  1417. },
  1418. areaStyle: { //区域填充样式
  1419. normal: {
  1420. //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
  1421. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  1422. { offset: 0, color: 'rgba(61,234,255, 0.9)' },
  1423. { offset: 0.7, color: 'rgba(61,234,255, 0.1)' }
  1424. ], false),
  1425. shadowColor: 'rgba(53,142,215, 0.9)', //阴影颜色
  1426. shadowBlur: 20 //shadowBlur设图形阴影的模糊大小。配合shadowColor,shadowOffsetX/Y, 设置图形的阴影效果。
  1427. }
  1428. },
  1429. data: [90, 105, 84, 125, 110, 92, 98]
  1430. }]
  1431. };
  1432. this.vitaEcharts.setOption(option);
  1433. tools.loopShowTooltip(this.vitaEcharts, option, {
  1434. nterval: 2000,
  1435. loopSeries: true,
  1436. });
  1437. },
  1438. hanleIcon() {
  1439. this.vitaEcharts.dispose()
  1440. this.downholeFlag = !this.downholeFlag
  1441. if (this.downholeFlag) {
  1442. setTimeout(() => {
  1443. let vita = this.$refs.vita
  1444. this.initVitaEcharts(vita)
  1445. })
  1446. }
  1447. // if (this.echartsIndex == 1) {
  1448. // this.ortherEcharts(vita)
  1449. // this.echartsIndex = 2
  1450. // } else {
  1451. // this.echartsIndex = 1
  1452. // }
  1453. },
  1454. handleChangeType(type, index) {
  1455. let that = this;
  1456. if (type) {
  1457. that.rightTime && clearInterval(that.rightTime)
  1458. that.rightList.forEach(item => {
  1459. item.flag = false
  1460. })
  1461. that.rightList[index].flag = true
  1462. that.rightIndex = index
  1463. this.rightTime = setInterval(() => {
  1464. that.rightList.forEach((item, index) => {
  1465. item.flag = !item.flag
  1466. if (item.flag) {
  1467. that.rightIndex = index
  1468. }
  1469. })
  1470. }, 5000)
  1471. } else {
  1472. that.leftTime && clearInterval(that.leftTime)
  1473. that.leftList.forEach(item => {
  1474. item.flag = false
  1475. })
  1476. that.leftList[index].flag = true
  1477. that.leftIndex = index
  1478. if (index == 0) {
  1479. that.leftFlag = true
  1480. } else {
  1481. that.leftFlag = false
  1482. setTimeout(() => {
  1483. let leftChange = that.$refs.leftChange
  1484. that.initRoseEcharts(leftChange)
  1485. })
  1486. }
  1487. that.leftTime = setInterval(() => {
  1488. that.leftList.forEach((item, index) => {
  1489. item.flag = !item.flag
  1490. if (item.flag) {
  1491. if (index == 0) {
  1492. that.leftFlag = true
  1493. } else {
  1494. that.leftFlag = false
  1495. setTimeout(() => {
  1496. let leftChange = that.$refs.leftChange
  1497. that.initRoseEcharts(leftChange)
  1498. })
  1499. }
  1500. }
  1501. })
  1502. }, 5000)
  1503. }
  1504. },
  1505. getPlayers() {
  1506. let that = this;
  1507. let data = {};
  1508. fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Players", data).then(res => {
  1509. if (res) {
  1510. that.mainList[1].value = res.value
  1511. }
  1512. })
  1513. },
  1514. getPostDetail() {
  1515. let that = this;
  1516. let data = {};
  1517. fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/PostDetail", data).then(res => {
  1518. })
  1519. let res = {
  1520. data: [
  1521. [
  1522. "山西焦煤集团有限责任公司",
  1523. "事业部副总经理",
  1524. "1",
  1525. "6",
  1526. "2022.12.07",
  1527. "一、招聘原则:\r\n无&二、招聘对象:\r\n1.工作年限:不限,2.学历要求:不限,3.招聘范围:不限.&三、招聘人数:\r\n共计1人.&四、工作地点:&五、工作职责:\r\n1、统筹负责焦煤事业部的全面生产及经营等工作,重点保障公司冶金板块三个生产基地的焦煤供给;\n2、负责周边焦煤市场资源的开拓、整合与合作等工作;\n3、负责阿克苏周边地区煤矿资源的开发获取等;\n4、推进内部焦煤产品的市场化收益等工作。&六、招聘条件:\r\n1、大专及以上学历,有焦煤行业全盘管理经验,熟悉焦煤市场运营,尤其熟悉新疆市场;\n2、有相关人员和企业的管理经验,具备一定的前瞻性规划及统筹能力;\n3、有0到1的从业经验,具备较强的整合能力,有较好的事业成就动机。&七、报名方式:八、招聘流程:\r\n&九、有关说明:\r\n"
  1528. ],
  1529. [
  1530. "山西焦煤集团有限责任公司",
  1531. "营运部长",
  1532. "2",
  1533. "35",
  1534. "2022.11.25",
  1535. "一、招聘原则:\r\n无&二、招聘对象:\r\n1.工作年限:0年以上,2.学历要求:不限,3.招聘范围:不限.&三、招聘人数:\r\n共计2人.&四、工作地点:&五、工作职责:\r\n1、全面负责商场营运管控,确保现场营运良好秩序;\n2、监督销售数据统计工作,并根据销售数据及客流统计,召开部门分析会,提出合理化建议,对商场业态调整提供数据支持;\n3、制定并完善部门管理手册及各项规章制度并监督执行;\n4、负责监督商户的设计、装修、审批、进场流程和整体协调工作;\n5、负责商户培训、召开店长会及收集各商铺促销信息的工作;\n6、负责商户租金、物业费及水电费等相关费用的催缴工作,安排人员按时完成;\n7、定期监督收集商户资料,完善商户档案管理;\n8、定期组织员工进行市场调研,掌握品牌动向和新品上市;\n9、负责服务台客诉处理及日常政府职能部门的检查工作;&六、招聘条件:\r\n任职资格:\n1、年龄在38岁以内,男女不限,本科以上学历;\n2、五年以上商业运营工作经验,三年以上中层管理经验;\n3. 具备较强的谈判能力、协调能力及人际交往能力,熟悉百货或购物中心市场调研、销售分析、现场管理、业务日常管理等工作;\n4、具备相应的统筹规划、运营管理等专业知识,熟悉商业规划设计理念、大型商业综合体业态规划、品类搭配和精准定位,敏锐的市场洞察力及数据分析力;\n5、熟悉公文写作格式,具备基本商务信函写作能力,熟练运用各种办公软件(如office办公软件等);&七、报名方式:\r\n线上&八、招聘流程:\r\n&九、有关说明:\r\n无"
  1536. ]
  1537. ]
  1538. }
  1539. let list = []
  1540. let a = []
  1541. res.data.forEach((item, index) => {
  1542. list.push([item[0], item[1], item[2], item[3], item[4]])
  1543. a[index] = []
  1544. item[5].split("&").forEach(i => {
  1545. let infos = i.split("\r\n")
  1546. let obj = {
  1547. title: infos[0],
  1548. content: infos[1]
  1549. }
  1550. a[index].push(obj)
  1551. })
  1552. })
  1553. that.recruitInfoList.push(...a)
  1554. },
  1555. getHalfYearDelivcv() {
  1556. let that = this;
  1557. let data = {};
  1558. // fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/HalfYearDelivcv",data).then(res=>{
  1559. // console.log(res);
  1560. // })
  1561. let res = {
  1562. data: [
  1563. {
  1564. 2: 90
  1565. },
  1566. {
  1567. 3: 58
  1568. },
  1569. {
  1570. 4: 100
  1571. },
  1572. {
  1573. 5: 30
  1574. },
  1575. {
  1576. 6: 10
  1577. },
  1578. {
  1579. 7: 30
  1580. }
  1581. ]
  1582. }
  1583. let vita = this.$refs.vita
  1584. let nameList = [];
  1585. let valueList = [];
  1586. res.data.forEach(item => {
  1587. for (let k in item) {
  1588. nameList.push(k + "月")
  1589. valueList.push(item[k])
  1590. }
  1591. })
  1592. that.vitaData.x = nameList
  1593. that.vitaData.y = valueList
  1594. that.initVitaEcharts(vita)
  1595. },
  1596. getHotDelivcv() {
  1597. let that = this;
  1598. let data = {};
  1599. // fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/HotDelivcv",data).then(res => {})
  1600. let res = {
  1601. data: [
  1602. [
  1603. "山西焦煤集团有限责任公司",
  1604. "营运部长",
  1605. 35
  1606. ],
  1607. [
  1608. "山西焦煤集团有限责任公司",
  1609. "合同管理员",
  1610. 24
  1611. ],
  1612. [
  1613. "",
  1614. "java开发",
  1615. 7
  1616. ]
  1617. ]
  1618. }
  1619. that.typeList.data = res.data
  1620. },
  1621. arrToListArr() {
  1622. this.isChangeList = false
  1623. let arr = [
  1624. {
  1625. value: [
  1626. "http://localhost:8080/ierp/attachment/downloadImage/fe1bc8750ca94a95bf9c6a64579a7cca.jpg",
  1627. "http://localhost:8080/ierp/attachment/downloadImage/",
  1628. "http://localhost:8080/ierp/attachment/downloadImage/fe1bc8750ca94a95bf9c6a64579a7cca.jpg",
  1629. "http://localhost:8080/ierp/attachment/downloadImage/fe1bc8750ca94a95bf9c6a64579a7cca.jpg"
  1630. ],
  1631. key: "头像地址"
  1632. },
  1633. {
  1634. value: [
  1635. "胡军军",
  1636. "胡军军",
  1637. "胡军军",
  1638. "测试触发003"
  1639. ],
  1640. key: "姓名"
  1641. },
  1642. {
  1643. value: [
  1644. "java开发",
  1645. "java开发",
  1646. "java开发",
  1647. "123"
  1648. ],
  1649. key: "投递岗位"
  1650. },
  1651. {
  1652. value: [
  1653. "2022-10-19",
  1654. "2023-08-27",
  1655. "2023-08-27",
  1656. "2023-08-27"
  1657. ],
  1658. key: "申请时间"
  1659. }
  1660. ]
  1661. let that = this;
  1662. let data = {}
  1663. fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/Delivcv", data).then(res => { })
  1664. let imageList = []
  1665. let nameList = []
  1666. let stationList = []
  1667. let timeList = []
  1668. let dataList = []
  1669. arr.forEach(item => {
  1670. if (item.key == "头像地址") {
  1671. imageList.push(...item.value)
  1672. }
  1673. if (item.key == "姓名") {
  1674. nameList.push(...item.value)
  1675. }
  1676. if (item.key == "投递岗位") {
  1677. stationList.push(...item.value)
  1678. }
  1679. if (item.key == "申请时间") {
  1680. timeList.push(...item.value)
  1681. }
  1682. })
  1683. nameList.forEach((item, index) => {
  1684. dataList.push(["<img class='list_img' src='" + imageList[index] + "' alt=''>", item, stationList[index], timeList[index]])
  1685. })
  1686. this.configMark.data = dataList
  1687. console.log(this.configMark.data);
  1688. this.isChangeList = true
  1689. delete imageList
  1690. delete nameList
  1691. delete stationList
  1692. delete timeList
  1693. },
  1694. getDelivcvAndApply() {
  1695. let that = this;
  1696. let data = {
  1697. flag: true
  1698. };
  1699. let pageBtm = this.$refs.pageBtm
  1700. fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/DelivcvAndApply", data).then(res => {
  1701. if (res) {
  1702. res.data.forEach(item => {
  1703. if (item.key == "单位名称") {
  1704. admissionList.x = item.value
  1705. console.log(item.value);
  1706. }
  1707. if (item.key == "招聘人数") {
  1708. admissionList.y1 = item.value
  1709. }
  1710. if (item.key == "报名人数") {
  1711. admissionList.y2 = item.value
  1712. }
  1713. if (item.key == "录用人数") {
  1714. admissionList.y3 = item.value
  1715. }
  1716. })
  1717. }
  1718. console.log(admissionList);
  1719. this.initDownholeEcharts(pageBtm, { x: admissionList.x, y1: admissionList.y1, y2: admissionList.y2, y3: admissionList.y3 })
  1720. })
  1721. },
  1722. getreviewarrange() {
  1723. let that = this;
  1724. let data = {
  1725. flag: false
  1726. };
  1727. fetchPostMethods("/ierp/kapi/v2/mdnb/mdnb_control/getreviewarrange", data).then(res => {
  1728. console.log(res);
  1729. })
  1730. }
  1731. },
  1732. })