examinationSucceed.vue 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. <!-- 资质审核-->
  2. <template>
  3. <view id="register">
  4. <viwe :class="checkStatus==0?'tip':'reject'">信息正在审核中,请耐心等待...</viwe>
  5. <view class="register_li">
  6. <view class="register_li_min">
  7. <img class="icon_img" src="@/pages_student/images/icon_zgsq_sqr.png">
  8. <view>申请人:</view>
  9. <input v-model="form.name" disabled type="text" >
  10. </view>
  11. <view class="register_li_min">
  12. <img class="icon_img" src="@/pages_student/images/icon_zgsq_dhh.png">
  13. <view>联系方式:</view>
  14. <input v-model="form.name" disabled type="text" >
  15. </view>
  16. </view>
  17. <view class="register_li">
  18. <view class="register_li_min" style="border-bottom:0;">
  19. <view></view>
  20. <view>氧气-工业级(10L):</view>
  21. <input v-model="form.name" disabled type="text" >
  22. </view>
  23. </view>
  24. <view class="register_li">
  25. <view class="register_li_min">
  26. <view></view>
  27. <view>实验地点:</view>
  28. <input v-model="form.name" disabled type="text" >
  29. </view>
  30. <view class="register_li_min">
  31. <view></view>
  32. <view>使用期限:</view>
  33. <input v-model="form.name" disabled type="text" >
  34. </view>
  35. <view class="register_li_min">
  36. <view></view>
  37. <view>气体用途:</view>
  38. <input v-model="form.name" disabled type="text" >
  39. </view>
  40. <view class="register_li_min">
  41. <view></view>
  42. <view>安全措施:</view>
  43. <input v-model="form.name" disabled type="text" >
  44. </view>
  45. <view class="issue_li" style="border-bottom:0;">
  46. <view></view>
  47. <view>用气申请表:</view>
  48. <img class="issue_img" src="@/pages_student/images/img_gysglpt_bg.png">
  49. </view>
  50. </view>
  51. <view v-if="listType==0" class="sub_btn">重新提交</view>
  52. <view v-if="listType==2" class="sub_btn">重新申请</view>
  53. </view>
  54. </template>
  55. <script>
  56. import {} from '@/api/apiDemo/index.js'
  57. import { config } from '@/api/request/config.js'
  58. export default {
  59. data() {
  60. return {
  61. listType:0,//0回收申请 1配送申请 2货品问题
  62. form:{
  63. name:'',
  64. },
  65. checkStatus:0,
  66. pickerArray:['1号车']
  67. }
  68. },
  69. onLoad(option) {
  70. },
  71. onShow(){
  72. },
  73. methods: {
  74. bindPickerChange(e){
  75. let index=e.target.value
  76. },
  77. }
  78. }
  79. </script>
  80. <style lang="stylus" scoped>
  81. #register{
  82. height:100%;
  83. width:100%;
  84. display flex;
  85. flex-direction column;
  86. padding-bottom: 220rpx;
  87. /* 审核中 */
  88. .tip{
  89. width: 750rpx;
  90. background: rgba(255,144,0,0.2);
  91. font-size: 28rpx;
  92. font-family: PingFang SC;
  93. font-weight: 500;
  94. color: #FF9000;
  95. line-height: 28rpx;
  96. padding: 36rpx 20rpx;
  97. box-sizing: border-box;
  98. }
  99. /* 驳回 */
  100. .reject{
  101. width: 750rpx;
  102. background: #F3DCDC;
  103. font-size: 28rpx;
  104. font-family: PingFang SC;
  105. font-weight: 500;
  106. color: #DC0000;
  107. line-height: 36rpx;
  108. padding: 36rpx 20rpx;
  109. box-sizing: border-box;
  110. }
  111. .register_li{
  112. background #fff;
  113. border-radius:20rpx;
  114. margin:20rpx 20rpx 0;
  115. padding:20rpx 0;
  116. box-sizing: border-box;
  117. .register_li_min{
  118. margin:0 26rpx;
  119. display flex;
  120. align-items center;
  121. border-bottom: 1px solid #F5F5F5;
  122. .icon_img{
  123. width: 30rpx;
  124. height: 30rpx;
  125. margin-right: 12rpx;
  126. }
  127. view{
  128. line-height:100rpx;
  129. font-size:28rpx;
  130. }
  131. view:nth-child(1){
  132. color:red;
  133. line-height:28rpx;
  134. margin-right: 12rpx;
  135. }
  136. view:nth-child(2){
  137. //width:140rpx;
  138. font-size: 28rpx;
  139. font-family: PingFang SC;
  140. font-weight: 500;
  141. color: #999999;
  142. }
  143. >input{
  144. flex:1;
  145. text-align: right;
  146. font-size: 24rpx;
  147. font-family: PingFang SC;
  148. font-weight: 500;
  149. color: #333333;
  150. }
  151. }
  152. .issue_li{
  153. margin:34rpx 26rpx 0;
  154. display flex;
  155. border-bottom: 1px solid #F5F5F5;
  156. view:nth-child(1){
  157. color:red;
  158. line-height:28rpx;
  159. margin-right: 12rpx;
  160. }
  161. view:nth-child(2){
  162. //width:140rpx;
  163. font-size: 28rpx;
  164. font-family: PingFang SC;
  165. font-weight: 500;
  166. color: #999999;
  167. }
  168. .issue_img{
  169. width: 210rpx;
  170. height: 210rpx;
  171. border-radius: 10rpx;
  172. margin-left:250rpx;
  173. }
  174. }
  175. }
  176. /* 按钮 */
  177. .sub_btn{
  178. width: 650rpx;
  179. height: 100rpx;
  180. background: #0183FA;
  181. border-radius: 20rpx;
  182. font-size: 28rpx;
  183. font-family: PingFang SC;
  184. font-weight: 500;
  185. color: #FFFFFF;
  186. line-height: 100rpx;
  187. text-align: center;
  188. margin-left: 50rpx;
  189. position: fixed;
  190. bottom:30rpx;
  191. }
  192. }
  193. /deep/.input-value-border{
  194. display :none !important;
  195. }
  196. </style>