bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
902 Commits
28 Branches
2.3 GiB
 
 
 
 
 
 
Tree: 678c2a3b6e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '678c2a3b6e'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/notice2/list.vue

372 lines
10 KiB
Raw Blame History 

  1. <template>

  2. 	<view class="enSecBox">

  3. 	    <!-- 已完成 类名 sSec1Type1 图片   enter1-1 enter1-2 enter1-3 enter1-4 enter1-5-->

  4. 	    <!-- 未完成 类名 sSec1Type2 图片   enter2-1 enter2-2 enter2-3 enter2-4 enter2-5-->

  5. 	    <!-- 可以点击类名  sSec1Tap -->

  6. 	    <view class="ensHeader">

  7. 	        <view class="ensTime">{{ year }}</view>

  8. 	        <view class="ensHeadT">新生入校流程</view>

  9. 	    </view>

  10. 	    <view class="ensSec1">

  11. 	        <view class="eSec1Box">

  12. 	            <view class="eSec1Top">step<text>1</text></view>

  13. 	            <view :class="one? 'sSec1Type1' : 'sSec1Type2'" style="padding-top: 21px;padding-bottom:21px" class="sSec1Con" id="IsCompleteInfo" @click="tapList('../welcome/list')">

  14. 					<image src="@/static/img-notice2/stu-info.jpg" mode="widthFix"></image>

  15. 	                <view class="sSec1Txt">

  16. 	                    完善学生信息

  17. 	                </view>

  18. 					<view class="checkBoxRight">

  19. 						<view class="check-border-box">

  20. 							<view v-if="one" style="margin-left:2px;width: 32px;">

  21. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  22. 							</view>

  23. 						</view>

  24. 						<view class="sSec1State" v-if="one">完成</view>

  25. 						<view class="sSec1State" v-else>未完成</view>

  26. 					</view>

  27. 	                

  28. 	            </view>

  29. 	        </view>

  30. 	        <view class="eSec1Box">

  31. 				<image src="~@/common/images/enter1-6.png" class="sSecDown" mode="widthFix"></image>

  32. 	            <view class="eSec1Top">step<text>2</text></view>

  33. 	            <view :class="twoOne? 'sSec1Type1' : 'sSec1Type2'" class="sSec1Con" id="PayFeeStatus" @click="tapList('/pages/EducationalAdministration/StuInfoFresh/PayFee/list')">

  34. 					<image src="@/static/img-notice2/stu-pay.png" mode="widthFix"></image>

  35. 	                <view class="sSec1Txt">

  36. 	                    线上缴费

  37. 	                    <text>扫描二维码缴费</text>

  38. 	                </view>

  39. 					<view class="checkBoxRight">

  40. 						<view class="check-border-box" >

  41. 							<view v-if="twoOne" style="margin-left:2px;width: 32px;">

  42. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  43. 							</view>

  44. 						</view>

  45. 						<view class="sSec1State" v-if="twoOne">完成</view>

  46. 						<view class="sSec1State" v-else>未完成</view>

  47. 					</view>

  48. 	            </view>

  49. 	            <!-- <view :class="twoTwo? 'sSec1Type1' : 'sSec1Type2'" class="sSec1Con" id="StudentLoan" @click="tapList('../EducationalAdministration/StuInfoFresh/StudentLoan/list')">

  50. 					<image src="@/static/img-notice2/stu-daikuan.png" mode="widthFix"></image>

  51. 	                <view class="sSec1Txt">

  52. 	                    助学贷款

  53. 	                    <text>填写贷款回执码</text>

  54. 	                </view>

  55. 					<view class="checkBoxRight">

  56. 						<view class="check-border-box" >

  57. 							<view v-if="twoTwo" style="margin-left:2px;width: 32px;">

  58. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  59. 							</view>

  60. 						</view>

  61. 						<view class="sSec1State" v-if="twoTwo">完成</view>

  62. 						<view class="sSec1State" v-else>未完成</view>

  63. 					</view>

  64. 	            </view> -->

  65. 	            <view :class="twoThree? 'sSec1Type1' : 'sSec1Type2'" class="sSec1Con" id="OnsitePayFeeStatus">

  66. 					<image src="@/static/img-notice2/stu-jiaofei.png" mode="widthFix"></image>

  67. 	                <view class="sSec1Txt">

  68. 	                    现场缴费

  69. 	                    <text>学校现场缴费</text>

  70. 	                </view>

  71. 					<view class="checkBoxRight">

  72. 						<view class="check-border-box" >

  73. 							<view v-if="twoThree" style="margin-left:2px;width: 32px;">

  74. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  75. 							</view>

  76. 						</view>

  77. 						<view class="sSec1State" v-if="twoThree">完成</view>

  78. 						<view class="sSec1State" v-else>未完成</view>

  79. 					</view>

  80. 	            </view>

  81. 				<view :class="twoFour? 'sSec1Type1' : 'sSec1Type2'" class="sSec1Con" id="OnsitePayFeeStatus">

  82. 					<image src="@/static/img-notice2/stu-facecheck.png" mode="widthFix"></image>

  83. 				    <view class="sSec1Txt">

  84. 				        人脸核验

  85. 				        <text>进行人脸识别身份验证</text>

  86. 				    </view>

  87. 					<view class="checkBoxRight">

  88. 						<view class="check-border-box" >

  89. 							<view v-if="twoFour" style="margin-left:2px;width: 32px;">

  90. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  91. 							</view>

  92. 						</view>

  93. 						<view class="sSec1State" v-if="twoFour">完成</view>

  94. 						<view class="sSec1State" v-else>未完成</view>

  95. 					</view>

  96. 				</view>

  97. 	        </view>

  98. 	        <view class="eSec1Box">

  99. 	            <image src="~@/common/images/enter1-6.png" class="sSecDown" mode="widthFix"></image>

  100. 	            <view class="eSec1Top">step<text>3</text></view>

  101. 	            <view :class="three? 'sSec1Type1' : 'sSec1Type2'" class="sSec1Con" id="RegisterStatus" @click="()=>{if(twoFour){tapList('../EducationalAdministration/StuInfoFresh/RegisterQRCode/list')}else{TOAST('请核验人脸后再报到注册')}}">

  102. 					<image src="@/static/img-notice2/qrcode.png" mode="widthFix"></image>

  103. 	                <view class="sSec1Txt">

  104. 	                    报到注册

  105. 	                    <text>生成报到二维码，并显示报到教室</text>

  106. 	                </view>

  107. 					<view class="checkBoxRight">

  108. 						<view class="check-border-box" >

  109. 							<view v-if="twoThree" style="margin-left:2px;width: 32px;">

  110. 								<image src="@/static/img-notice2/right.png" mode="widthFix"></image>

  111. 							</view>

  112. 						</view>

  113. 						<view class="sSec1State" v-if="twoThree">完成</view>

  114. 						<view class="sSec1State" v-else>未完成</view>

  115. 					</view>

  116. 	            </view>

  117. 	        </view>

  118. 	    </view>

  119. 	</view>

  120. </template>

  121. 

  122. <script>

  123. 	import todayTime from '@/common/js/todayTime.js';

  124. export default{

  125. 	data() {

  126. 		return {

  127. 			one: '',

  128. 			twoOne: '',

  129. 			// twoTwo: '',

  130. 			twoThree: '',

  131. 			twoFour:'',

  132. 			three: '',

  133. 			userinfo: {},

  134. 			data: {

  135. 				StuInfoFreshEntity:{},

  136. 				StuInfoFreshFamilyList: [],

  137. 				StuInfoFreshEmergePeopleList: []

  138. 			},

  139. 			year:'',

  140. 			ready:false,

  141. 		}

  142. 	},

  143. 	onShow() {

  144. 		if(this.ready){

  145. 			this.init();

  146. 		}

  147. 	},

  148. 	methods:{

  149. 		init() {

  150. 			let _this = this;

  151. 			_this.userinfo = _this.GET_GLOBAL('loginUser'); //获取登录信息

  152. 			this.year = todayTime.doHandleYear()

  153. 			_this.LOADING('加载数据中…');

  154. 			_this.HTTP_GET('StuInfoFresh/stuInfoFreshEntity', _this.userinfo.account, '加载数据时出错').then(res => {

  155. 				this.ready = true

  156. 				_this.HIDE_LOADING();

  157. 				console.log(res);

  158. 				if(res.StuInfoFreshEntity == null){

  159. 					res.StuInfoFreshEntity = {}

  160. 				}

  161. 				_this.data = _this.COPY(res);

  162. 				if (this.data["StuInfoFreshFamilyList"].length && this.data["StuInfoFreshFamilyList"].length > 0) {

  163. 					_this.one =  true

  164. 				} else {

  165. 					_this.one = false

  166. 				}

  167. 				

  168. 				if (_this.data["StuInfoFreshEntity"].PayFeeStatus == "1") {

  169. 				    _this.twoOne =  true

  170. 				} else {

  171. 					_this.twoOne = false

  172. 				}

  173. 				

  174. 				if (_this.data["StuInfoFreshEntity"].StudentLoanStatus == "1") {

  175. 					// _this.twoTwo =  true

  176. 				} else {

  177. 					// _this.twoTwo = false

  178. 				}

  179. 				

  180. 				if (_this.data["StuInfoFreshEntity"].OnsitePayFeeStatus == "1") {

  181. 					_this.twoThree =  true

  182. 				} else {

  183. 					_this.twoThree = false

  184. 				}

  185. 				

  186. 				if (_this.data["StuInfoFreshEntity"].RegisterStatus == "1") {

  187. 					_this.three =  true

  188. 				} else {

  189. 					_this.three = false

  190. 				}

  191. 				

  192. 				if (_this.data["StuInfoFreshEntity"].PhotoCheckStatus == "1") {

  193. 					_this.twoFour =  true

  194. 				} else {

  195. 					_this.twoFour = false

  196. 				}

  197. 			});

  198. 		},

  199. 		tapList(str) {

  200. 			this.NAV_TO(str, {}, true);

  201. 		}

  202. 	},

  203. 	created() {

  204. 		this.init()

  205. 	}

  206. }

  207. </script>

  208. 

  209. <style lang="less" scoped>

  210. .enSecBox{

  211. 	min-height: 100vh;

  212. 	background-color: #fff;

  213. 	// padding-bottom: 20px;

  214. 	background-image: url("@/static/stu-bg.png");

  215. 	background-repeat: no-repeat;

  216. 	background-size: 100%;

  217. 	background-color: #0c86d8;

  218. }

  219. .ensTime{

  220. 	position: relative;

  221. 	text-align: center;

  222. 	line-height: 24px;

  223. 	font-size: 14px;

  224. 	color: #fff;

  225. }

  226. .ensTime:after,.ensTime::before{

  227. 	content: '';

  228. 	width: 6px;

  229. 	height: 6px;

  230. 	background-color: #fff;

  231. 	border-radius: 50%;

  232. 	position: absolute;

  233. 	top: 0;

  234. 	bottom: 0;

  235. 	margin: auto;

  236. }

  237. .ensTime:after{

  238. 	right: 32%;

  239. }

  240. .ensTime::before{

  241. 	left: 32%;

  242. }

  243. .ensHeader{

  244. 	// background-color: #0C86D8;

  245. 	// padding: 20px 0;

  246. 	padding-top: 8px;

  247. }

  248. .ensHeadT{

  249. 	font-size: 20px;

  250. 	color: #fff;

  251. 	text-align: center;

  252. 	margin-top: 15px;

  253. 	font-weight: 700;

  254. }

  255. .ensSec1{

  256. 	padding: 0 15px;

  257. 	padding-left: 25px;

  258. }

  259. .eSec1Box{

  260. 	position: relative;

  261. 	margin-top: 14px;

  262. }

  263. .eSec1Box:before{

  264. 	content: '';

  265. 	position: absolute;

  266. 	left: -10px;

  267. 	bottom: -26px;

  268. 	height: calc(100% + 10px);

  269. 	border-left: #abddff 2px dashed;

  270. }

  271. .eSec1Box:first-child{

  272. 	margin-top: 10px;

  273. }

  274. .eSec1Box:last-child:before{

  275. 	content: '';

  276. 	display: none;

  277. }

  278. .sSecDown{

  279. 	display: none;

  280. 	position: absolute;

  281. 	width: 25px;

  282. 	left: 0;

  283. 	right: 0;

  284. 	top: -4px;

  285. 	margin: auto;

  286. }

  287. .eSec1Top{

  288. 	font-size: 14px;

  289. 	font-weight: bold;

  290. 	color: #abddff;

  291. 	font-style: italic;

  292. 	padding-left: 8px;

  293. }

  294. .eSec1Top:before{

  295. 	content: '';

  296. 	background-color: #abddff;

  297. 	position: absolute;

  298. 	height: 8px;width: 8px;

  299. 	border-radius: 50%;

  300. 	left: -13px;

  301. 	top: 10px;

  302. }

  303. .eSec1Top text {

  304. 	color: #abddff;

  305. 	font-size: 20px;

  306. 	// margin-left: 5px;

  307. }

  308. .sSec1Con{

  309. 	padding: 14px 15px 14px 25px;

  310. 	display: flex;

  311. 	justify-content: space-between;

  312. 	align-items: center;

  313. 	margin-top: 10px;

  314. 	background-color: #fff;

  315. 	border-radius: 16px;

  316. 	position: relative;

  317. }

  318. .sSec1Type1{

  319. 	border: 2px solid #AEE8CF;

  320. 	// border-radius: 30px;

  321. }

  322. .sSec1Type1 .sSec1State{

  323. 	color: #9A9A9A;

  324. }

  325. .sSec1Type2{

  326. 	border: 2px solid #B8E2FF;

  327. 	// border-radius: 32px;

  328. }

  329. .sSec1Type2 .sSec1State{

  330. 	color: #9A9A9A;

  331. }

  332. .sSec1Con > image{

  333. 	width: 30px;

  334. }

  335. .sSec1State{

  336. 	font-size: 12px;

  337. 	margin-top: 4px;

  338. } 

  339. .sSec1Txt{

  340. 	flex: 1;

  341. 	padding-left: 16px;

  342. 	font-size: 16px;

  343. 	text-align: left;

  344. 	color: #1A1A1A;

  345. 	margin: 5px 0;

  346. }

  347. .sSec1Txt text{

  348. 	display: block;

  349. 	color: #9A9A9A;

  350. 	margin-top: 4px;

  351. 	font-size: 12px;

  352. }

  353. .checkBoxRight{

  354. 	position: absolute;

  355. 	right: 0;

  356. 	height: 100%;

  357. 	border-radius: 0 16px 16px 0;

  358. 	border-left: 1px dashed #ABDDFF;

  359. 	width: 78px;

  360. 	background-color: #e5f4ff;

  361. 	text-align: center;

  362. }

  363. .check-border-box{

  364. 	border: #0C86D8 2px solid;

  365. 	width: 28px;height: 28px;

  366. 	border-radius: 2px;

  367. 	background: #fff;

  368. 	margin: 0 auto;

  369. 	margin-top: 18px;

  370. }

  371. </style>