zxz 4 anos atrás
pai
commit
7612037849

+ 2 - 0
src/App.vue

@@ -65,4 +65,6 @@ body{
     position: relative;
   }
 }
+body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset,
+table, td, img, div, tr {margin:0; padding:0;}
 </style>

+ 154 - 17
src/assets/iconfont/iconfont.css

@@ -1,33 +1,170 @@
-@font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1584943280080'); /* IE9 */
-  src: url('iconfont.eot?t=1584943280080#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQQAAsAAAAACLgAAAPDAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqEQINpATYCJAMUCwwABCAFhG0HXRuKB8iemjwtLODBbRYLAHBxAkTwtdftu/K5uU/pDlSpEt/HR2FUFAqJcCBkhI4w4BA+46mSA733LyrpTcLUpBa2h6kd+YU1+z9nfwhqsxFmY1U1ogO0xZQgSwdCHTx/RhzK4HaQQDAN1Pqf+/m6FM9rz+ZSTdFFa9oZjUfROqCI/kEfpI8H0Afjv8huyUewThPo9ulB7j1O76KsQJMCMU21VFFOSJSK+NCEoWBlgXgFQkt16COAF+/34w9M4gJJzYBmTnZtiNmHfrHESJqECAcFrOFUENeRcQEU4rFQM5ULPBcwXf+7vGtC1yTpM/S153XmiyVNAxjcDYk7FhriHy8pxABIuMzgrwXl4FgUIfPZgxB8ziAk/izZD+acCjpGzAEsWPyBMB7N/XlTRAjH+QR5BUyE4uunKcnkpD9qpkE8sYsUS+jMrpeIEyWTexqm6NkvOZnNNz0vQwws8PI3zAH+PBvHT/BFCIPQ8XVLID2S/F3i0Bl0zUKoiZWDhr2jNSAZQZOnckNnDReKw+fpDEYAymQGstnBGIsVCr+z5Byv8+0Zw+2apYI0LFDzPBAxwfa8Yio36BUwOTi013AwMqyBQa/6WQgYXkHJGidn1OPaFZSoCQy4dUps/1X8C/DGXseXhKBksfN8Nv+SFIT/9K5UgsyiJaLvorWisyK1rw6n5OlRmYOTg+GW4ijPPc+oYqvMvUxvuJCLlyT3+33aaEtaRM4Gdpx+/Pzh5aI8KC6ee6Bp39LTM74kobnFLxk2oSevJCAsJyzgBMUQXl7Pz7S4EJPDZjn5THZo27vO/3lpPen5/zr7Mi08QRXpA/3tTcozDAekd+wfGGae2ucd3bL7x8Wb32ExnLvKSormuiadusgbZzXMKwYHSWvRsilTs1YT71OY9LKO92zY9DKMeKdxLKHZiSBZsgdZc4Au+AuoRpcwaK6gO+e5frQlT04UbuBMFUBYtwLJqjfI1j2hC/4Zql3fYLAeBt1DojuOjkrlcc1DldGAuFJIjY9Ck8i56se/opX6KsU5HuET6ezYwdjAKO3fYog0xJz8ImtcUGBCUl4UgAech74fQU5e5KLO/ZQCjiVDw6SiF+rHZwei6g5BKoYMIM4dSKWLhEynNKtmfv4VsqR8KqrIqVN/QuTM6R4YM2DUAL0Vho1yLuU5+S4sYwWYCSQhkQDwABXysScCcoqHuZCO9aV0cMUkhmyhpKbC/vTi4B7XQYcG10ARDMERAuGAtYMfKvtosqwSRdd20kaOZQuLipmJoeuEheLE0EiFAAA=') format('woff2'),
-  url('iconfont.woff?t=1584943280080') format('woff'),
-  url('iconfont.ttf?t=1584943280080') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1584943280080#iconfont') format('svg'); /* iOS 4.1- */
+@font-face {
+  font-family: "custom-icon"; /* Project id 2739320 */
+  src: url('//at.alicdn.com/t/font_2739320_wz13iiwd2mr.woff2?t=1632800436138') format('woff2'),
+       url('//at.alicdn.com/t/font_2739320_wz13iiwd2mr.woff?t=1632800436138') format('woff'),
+       url('//at.alicdn.com/t/font_2739320_wz13iiwd2mr.ttf?t=1632800436138') format('truetype');
 }
 
-.iconfont {
-  font-family: "iconfont" !important;
+.custom-icon {
+  font-family: "custom-icon" !important;
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-icon_left_arrow:before {
-  content: "\e697";
+.custom-icon-churukuan:before {
+  content: "\e622";
 }
 
-.icon-icon_right_arrow:before {
-  content: "\e6a7";
+.custom-icon-aite:before {
+  content: "\e623";
 }
 
-.icon-menjin:before {
-  content: "\e659";
+.custom-icon-qingdan:before {
+  content: "\e624";
 }
 
-.icon-wendu:before {
-  content: "\eb37";
+.custom-icon-shenhe_gaizhang:before {
+  content: "\e625";
 }
 
+.custom-icon-zuzhifuwu:before {
+  content: "\e626";
+}
+
+.custom-icon-md-assessment:before {
+  content: "\e621";
+}
+
+.custom-icon-md-info:before {
+  content: "\e615";
+}
+
+.custom-icon-md-assignment:before {
+  content: "\e618";
+}
+
+.custom-icon-a-md-location_onCopy:before {
+  content: "\e619";
+}
+
+.custom-icon-md-assignment_late:before {
+  content: "\e61a";
+}
+
+.custom-icon-a-fasfa-bellCopy:before {
+  content: "\e61b";
+}
+
+.custom-icon-antOutline-edit:before {
+  content: "\e61c";
+}
+
+.custom-icon-ze-close:before {
+  content: "\e61d";
+}
+
+.custom-icon-md-call:before {
+  content: "\e61e";
+}
+
+.custom-icon-md-account_box:before {
+  content: "\e61f";
+}
+
+.custom-icon-antOutline-cloud-download:before {
+  content: "\e620";
+}
+
+.custom-icon-md-person:before {
+  content: "\e613";
+}
+
+.custom-icon-a-md-person1:before {
+  content: "\e614";
+}
+
+.custom-icon-md-restore:before {
+  content: "\e603";
+}
+
+.custom-icon-a-md-visibilityCopy:before {
+  content: "\e602";
+}
+
+.custom-icon-renzhengtongguo:before {
+  content: "\e611";
+}
+
+.custom-icon-antOutline-mobile:before {
+  content: "\e604";
+}
+
+.custom-icon-riLine-file-text-line:before {
+  content: "\e605";
+}
+
+.custom-icon-mb-cog:before {
+  content: "\e606";
+}
+
+.custom-icon-antOutline-star:before {
+  content: "\e607";
+}
+
+.custom-icon-antOutline-eye:before {
+  content: "\e608";
+}
+
+.custom-icon-a-farfa-paper-plane:before {
+  content: "\e609";
+}
+
+.custom-icon-a-antOutline-messageCopy3:before {
+  content: "\e60a";
+}
+
+.custom-icon-antOutline-eye-invisible:before {
+  content: "\e60b";
+}
+
+.custom-icon-stLine-trash-l:before {
+  content: "\e60c";
+}
+
+.custom-icon-if-history:before {
+  content: "\e60d";
+}
+
+.custom-icon-a-antOutline-messageCopy5:before {
+  content: "\e60e";
+}
+
+.custom-icon-a-fasfa-star:before {
+  content: "\e60f";
+}
+
+.custom-icon-a-riLine-search-lineCopy:before {
+  content: "\e610";
+}
+
+.custom-icon-a-antOutline-homeCopy:before {
+  content: "\e612";
+}
+
+.custom-icon-a-mb-times-circle-filledCopy:before {
+  content: "\e616";
+}
+
+.custom-icon-dengdaishenhe:before {
+  content: "\e617";
+}
+
+.custom-icon-md-add_circle_outline:before {
+  content: "\e600";
+}
+
+.custom-icon-a-riLine-map-pin-2-line1:before {
+  content: "\e601";
+}

BIN
src/assets/iconfont/iconfont.eot


Diferenças do arquivo suprimidas por serem muito extensas
+ 0 - 0
src/assets/iconfont/iconfont.js


+ 0 - 37
src/assets/iconfont/iconfont.json

@@ -1,37 +0,0 @@
-{
-  "id": "1708149",
-  "name": "荆鹏云管家",
-  "font_family": "iconfont",
-  "css_prefix_text": "icon-",
-  "description": "",
-  "glyphs": [
-    {
-      "icon_id": "1624963",
-      "name": "icon_left_arrow",
-      "font_class": "icon_left_arrow",
-      "unicode": "e697",
-      "unicode_decimal": 59031
-    },
-    {
-      "icon_id": "1625003",
-      "name": "icon_right_arrow",
-      "font_class": "icon_right_arrow",
-      "unicode": "e6a7",
-      "unicode_decimal": 59047
-    },
-    {
-      "icon_id": "6368198",
-      "name": "门禁",
-      "font_class": "menjin",
-      "unicode": "e659",
-      "unicode_decimal": 58969
-    },
-    {
-      "icon_id": "7335567",
-      "name": "温度",
-      "font_class": "wendu",
-      "unicode": "eb37",
-      "unicode_decimal": 60215
-    }
-  ]
-}

+ 0 - 38
src/assets/iconfont/iconfont.svg

@@ -1,38 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<!--
-2013-9-30: Created.
--->
-<svg>
-<metadata>
-Created by iconfont
-</metadata>
-<defs>
-
-<font id="iconfont" horiz-adv-x="1024" >
-  <font-face
-    font-family="iconfont"
-    font-weight="500"
-    font-stretch="normal"
-    units-per-em="1024"
-    ascent="896"
-    descent="-128"
-  />
-    <missing-glyph />
-    
-    <glyph glyph-name="icon_left_arrow" unicode="&#59031;" d="M341.258291 14.530181a27.79095 27.79095 0 0 0-19.713994 8.16803c-10.887978 10.884908-10.887978 28.537963 0 39.423894l321.840032 321.845149-321.911663 321.910641c-10.887978 10.887978-10.887978 28.541033 0 39.429011 10.890025 10.884908 28.537963 10.884908 39.429011 0L702.524265 403.681248c10.890025-10.887978 10.890025-28.541033 0-39.429011L360.972285 22.698211a27.79095 27.79095 0 0 0-19.713994-8.16803z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="icon_right_arrow" unicode="&#59047;" d="M682.741709 14.530181c-7.133468 0-14.272052 2.723018-19.711947 8.16803L321.472666 364.252237c-10.887978 10.887978-10.887978 28.541033 0 39.429011l341.627704 341.625658c10.879792 10.884908 28.544103 10.884908 39.423895 0 10.890025-10.887978 10.890025-28.541033 0-39.429011L380.616694 383.967254l321.836962-321.845149c10.890025-10.884908 10.890025-28.537963 0-39.423894-5.439896-5.445012-12.57848-8.16803-19.711947-8.16803z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="menjin" unicode="&#58969;" d="M756.149 3.279h-488.1c-24.262 0-44 19.738-44 44V727.01c0 24.262 19.738 44 44 44h488.1c24.262 0 44-19.738 44-44v-679.73c0-24.262-19.738-44.001-44-44.001z m-468.099 64h448.1V707.01h-448.1v-639.731zM98.004 67.279h829.991v-64H98.004zM657.522 185.001H371c-6.6 0-12 5.4-12 12v202c0 6.6 5.4 12 12 12h286.522c6.6 0 12-5.4 12-12v-202c0-6.6-5.4-12-12-12zM515 278.001c-32.32 0-61.944 13.058-83.415 36.767C409.614 339.031 398 371.909 398 409.848c0 37.69 11.016 72.986 31.019 99.388 21.384 28.223 50.889 43.767 83.081 43.767 31.766 0 62.923-15.723 85.482-43.136C619.776 482.897 632 447.376 632 409.848c0-37.939-11.614-70.817-33.586-95.081-21.47-23.708-51.094-36.766-83.414-36.766z m-2.9 235.001c-41.551 0-74.1-45.311-74.1-103.154 0-54.079 31.664-91.847 77-91.847 45.337 0 77 37.769 77 91.847 0 55.916-36.59 103.154-79.9 103.154z"  horiz-adv-x="1024" />
-
-    
-    <glyph glyph-name="wendu" unicode="&#60215;" d="M512 768a192 192 0 0 1-192-192v-384a192 192 0 1 1 384 0V576a192 192 0 0 1-192 192z m128-288v-32a32 32 0 0 1 0-64v-32a32 32 0 0 1 0-64v-96a128 128 0 1 0-256 0v96a32 32 0 0 1 0 64v32a32 32 0 0 1 0 64v32a32 32 0 1 1 0 64v32a128 128 0 1 0 256 0v-32a32 32 0 1 1 0-64z m-160-232.576a64 64 0 1 1 64 0V576a32 32 0 1 1-64 0v-328.576z"  horiz-adv-x="1024" />
-
-    
-
-
-  </font>
-</defs></svg>

BIN
src/assets/iconfont/iconfont.ttf


BIN
src/assets/iconfont/iconfont.woff


BIN
src/assets/iconfont/iconfont.woff2


+ 174 - 7
src/views/job/index-HR.vue

@@ -1,32 +1,199 @@
 <template>
     <div class="mainDiv">
 		<div class="main-row">
-			<div class="mainContainer main-headImg">123123</div>
-			<div class="mainContainer main-dataNum">123123</div>
+			<div class="mainContainer main-headImg">
+				<el-avatar :size="50" :src="circleUrl"></el-avatar>
+				<div class="main-headImg-text">
+					<h3>你好,周强</h3>
+					<p>平台管理员</p>
+				</div>
+			</div>
+			<div class="mainContainer main-dataNum">
+				<div class="main-dataNum-item">
+					<div class="main-dataNum-icon">
+						<i class="custom-icon custom-icon-md-account_box"></i>
+					</div>
+					<div class="main-dataNum-text">
+						<h4>本月投递量</h4>
+						<p>190</p>
+					</div>
+				</div>
+				<div class="main-dataNum-item">
+					<div class="main-dataNum-icon">
+						<i class="custom-icon custom-icon-md-assignment_late"></i>
+					</div>
+					<div class="main-dataNum-text">
+						<h4>本月收藏量</h4>
+						<p>23</p>
+					</div>
+				</div>
+				<div class="main-dataNum-item">
+					<div class="main-dataNum-icon">
+						<i class="custom-icon custom-icon-md-assignment"></i>
+					</div>
+					<div class="main-dataNum-text">
+						<h4>昨日入职数</h4>
+						<p>5</p>
+					</div>
+				</div>
+				<div class="main-dataNum-item">
+					<div class="main-dataNum-icon">
+						<i class="custom-icon custom-icon-md-assessment"></i>
+					</div>
+					<div class="main-dataNum-text">
+						<h4>总入职数</h4>
+						<p>118</p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="mainContainer main-linkUrl">
+			<div class="mainContainer-title"><h4>快捷入口</h4></div>
+			<div class="main-linkUrl-main">
+				<div class="main-linkUrl-item">
+					<div class="main-linkUrl-icon main-linkUrl-icon-1">
+						<i class="custom-icon custom-icon-shenhe_gaizhang"></i>
+					</div>
+					<p>企业认证审核</p>
+				</div>
+				<div class="main-linkUrl-item">
+					<div class="main-linkUrl-icon main-linkUrl-icon-2">
+						<i class="custom-icon custom-icon-zuzhifuwu"></i>
+					</div>
+					<p>职位审核</p>
+				</div>
+				<div class="main-linkUrl-item">
+					<div class="main-linkUrl-icon main-linkUrl-icon-3">
+						<i class="custom-icon custom-icon-churukuan"></i>
+					</div>
+					<p>共享用工审核</p>
+				</div>
+			</div>
 		</div>
-		<div class="mainContainer main-linkUrl">123123</div>
 		<div class="main-row">
-			<div class="mainContainer main-chart1">123123</div>
-			<div class="mainContainer main-chart2">123123</div>
+			<div class="mainContainer main-chart1">
+				<div class="mainContainer-title"><h4>平台流量转化情况</h4></div>
+				<div class="main-chart1-main">
+					
+				</div>
+			</div>
+			<div class="mainContainer main-chart2">
+				<div class="mainContainer-title"><h4>审核办结数统计</h4></div>
+				<div class="main-chart2-main">
+					
+				</div>
+			</div>
 		</div>
     </div>
 </template>
 <script>
+ export default {
+	data () {
+	  return {
+		circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
+	  }
+	}
+  }
 </script>
 <style lang="scss" scoped>
+	.mainDiv{
+		padding: 20px;
+	}
 	.main-row{
 		display: flex;
 		justify-content: space-between;
+		margin-bottom: 20px;
 	}
 	.mainContainer{
 		border: 1px solid #ebebeb;
 		border-radius: 3px;
 		transition: .2s;
-		margin-bottom: 24px;
+		text-align: left;
+		padding: 20px;
 	}
 	.main-headImg{
 		height: 100px;
 		width: 260px;
 		margin-right: 20px;
+		display: flex;
+		padding: 0 20px;
+		align-items: center;
+		.main-headImg-text{
+			margin-left: 20px;
+			p{
+				font-size: 14px;
+				color:#999;
+				margin-top: 5px;
+			}
+		}
+	}
+	.main-dataNum{
+		flex: 1;
+		display: flex;
+		justify-content: space-between;
+		.main-dataNum-item{
+			display: flex;
+			align-items: center;
+			padding: 0 40px;
+			border-right: 1px solid #eee;
+			flex: 1;
+			&:last-child{
+				border: none;
+			}
+			i{
+				font-size: 45px;
+				margin-right: 10px;
+			}
+			.custom-icon-md-account_box{color:#007aff}
+			.custom-icon-md-assignment_late{color:#ff3a30}
+			.custom-icon-md-assignment{color:#ff9502}
+			.custom-icon-md-assessment{color:#34c758}
+		}
+	}
+	.main-linkUrl{
+		margin-bottom: 20px;
+	}
+	.main-chart1{
+		width:450px;
+		margin-right: 20px;
+	}
+	.main-chart2{
+		flex:1;
+	}
+	.mainContainer-title{
+		margin-bottom: 20px;
+	}
+	.main-linkUrl-main{
+		display: flex;
+		.main-linkUrl-item{
+			display: flex;
+			width: 200px;
+			border: 1px solid #eee;
+			border-radius: 5px;
+			padding:10px 20px;
+			margin-right: 20px;
+			align-items: center;
+			.main-linkUrl-icon{
+				height: 36px;
+				width: 36px;
+				border-radius: 5px;
+				margin-right: 10px;
+				text-align: center;
+				line-height: 36px;
+				color:#fff;
+				i{
+					font-size: 24px;
+				}
+			}
+			.main-linkUrl-icon-1{background-color:#e44722;}
+			.main-linkUrl-icon-2{background-color:#3385ff;}
+			.main-linkUrl-icon-3{background-color:#389e0d;}
+		}
+	}
+	.main-chart1-main{
+		height: 420px;
+	}
+	.main-chart2-main{
+		height: 420px;
 	}
-</style>
+</style>

Alguns arquivos não foram mostrados porque muitos arquivos mudaram nesse diff