用工小程序前端代码
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.

268 lines
8.5 KiB

7 months ago
3 months ago
7 months ago
3 months ago
7 months ago
3 months ago
7 months ago
3 months ago
7 months ago
3 months ago
4 months ago
3 months ago
7 months ago
4 months ago
7 months ago
7 months ago
4 months ago
3 months ago
3 months ago
3 months ago
4 months ago
7 months ago
3 months ago
3 months ago
7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
3 months ago
3 months ago
4 months ago
7 months ago
3 months ago
3 months ago
3 months ago
4 months ago
3 months ago
4 months ago
7 months ago
7 months ago
3 months ago
7 months ago
  1. <template>
  2. <view class="u-page">
  3. <view class="se-pt-50 se-pb-120 se-px-40 se-bgc-orange se-c-white se-pos">
  4. <view class="se-flex">
  5. <image :src="user.headImage" class="se-br-p-50 se-bgc-f5 se-w-100 se-h-100" mode=""></image>
  6. <view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
  7. <view class="se-flex">
  8. <text class="se-fw-6 se-fs-30">{{user.nickName}}</text>
  9. <view class="se-flex se-flex-ai-c se-ml-20" @click="onEdit()">
  10. <image class="se-a-25 se-mr-10" src="@/static/image/pencil.png" mode=""></image>
  11. <text class="se-fs-22">修改资料</text>
  12. </view>
  13. </view>
  14. <view class="se-fs-24 se-display-ib">
  15. <text>手机号:</text>
  16. <text class="se-ml-20">{{user.phone}}</text>
  17. </view>
  18. </view>
  19. </view>
  20. <view class="se-pos-cb se-flex se-flex-h-sb se-w-vw-82 se-br-10 se-bgc-white se-py-30 se-px-30"
  21. style="bottom: -80rpx;">
  22. <view class="se-flex se-flex-h-fs se-b-r se-flex-1">
  23. <view class="se-pos se-w-130">
  24. <image src="@/static/image/wall.png" class="se-w-120 se-h-120" mode=""></image>
  25. <view @click="onNavigateTo()" class="se-w-80 se-ta-c se-b-orange se-br-30 se-bgc-orange se-py-5 se-px-22 se-c-white se-fs-20 se-pos-cb">
  26. 钱包
  27. </view>
  28. </view>
  29. <view class="se-flex se-flex-v-sa se-flex-ai-fs">
  30. <view class="se-flex se-fs-28 se-c-black">
  31. 我的余额
  32. </view>
  33. <view class="se-fs-30 se-display-ib se-pt-20" style="color: #DC2828;">
  34. {{amount}}
  35. </view>
  36. </view>
  37. </view>
  38. <view class="se-flex se-flex-h-fe se-flex-1 se-pr-20">
  39. <image src="@/static/image/piao.png" class="se-w-120 se-h-120" mode=""></image>
  40. <view class="se-flex se-flex-v-sa se-flex-ai-fs ">
  41. <view class="se-flex se-fs-28 se-c-black">
  42. 金额记录
  43. </view>
  44. <view class="se-fs-30 se-display-ib se-pt-20" @click="onRecord()">
  45. <view class="se-b-orange se-fs-22 se-c-orange se-br-30 se-py-5 se-px-20">
  46. 去查看
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. </view>
  52. </view>
  53. <view class="se-px-40 se-py-30 se-mt-80">
  54. <u-swiper height="200rpx" style="background-color: #f5f5f5;height: 200rpx;" :indicator="true" :list="swiperList" keyName="image" @change="change" @click="click"></u-swiper>
  55. <!-- <u-swiper :height="100" :list="list" @click="swiperClick"></u-swiper> -->
  56. <!-- <image class="se-h-200 se-w-p-100" src="@/static/image/59.png" mode=""></image> -->
  57. </view>
  58. <view class="se-p-20 se-mx-40 se-mt-20 se-br-20 se-bgc-white">
  59. <view class="se-flex se-flex-ai-c se-pb-20">
  60. <view class="line-orange se-ml-10"></view>
  61. <view class="se-ml-10 se-fs-32 se-c-black se-fw-5">
  62. 我的服务
  63. </view>
  64. </view>
  65. <view class="se-grid">
  66. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onEnterprise()">
  67. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  68. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  69. </view>
  70. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">企业入驻</text>
  71. </view>
  72. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onPerson()">
  73. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  74. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  75. </view>
  76. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">个人入驻</text>
  77. </view>
  78. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onResume()">
  79. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  80. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  81. </view>
  82. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">我的简历</text>
  83. </view>
  84. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onCustomerService()">
  85. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  86. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  87. </view>
  88. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">联系客服</text>
  89. </view>
  90. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onSystem()">
  91. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  92. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  93. </view>
  94. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">系统设置</text>
  95. </view>
  96. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onFeedback()">
  97. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  98. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  99. </view>
  100. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">帮助与反馈</text>
  101. </view>
  102. <view class="se-flex-v-c se-mb-20 se-mt-20 se-cursor-p" @click="onVersion()">
  103. <view class="se-w-80 se-h-80 se-flex se-flex-v-c">
  104. <image class="se-a-50" src="@/static/image/setting.png" mode=""></image>
  105. </view>
  106. <text class="se-h-60 se-lh-60 se-c-33 se-fs-26 se-ta-c se-mt-10 se-toe-2">关于本程序</text>
  107. </view>
  108. </view>
  109. </view>
  110. </view>
  111. </template>
  112. <script>
  113. import {
  114. userInfo,
  115. userInfoDetail,
  116. bannerList
  117. } from "@/common/api.js"
  118. export default {
  119. data() {
  120. return {
  121. amount:0,
  122. companyAuthenticationStatus:null,//企业认证
  123. personAuthenticationStatus:null,//个人认证
  124. user:{},
  125. swiperList:[],
  126. list: [
  127. '@/static/image/59.png'
  128. ],
  129. id:"",
  130. headImage:"",
  131. myMoney:0,
  132. nickName:"",
  133. phone:"",
  134. worker:{},
  135. boss:{},
  136. company:{},
  137. }
  138. },
  139. mounted() {
  140. },
  141. onShow() {
  142. this.onUserInfo()
  143. this.onBannerList()
  144. this.onUserInfoDetail()
  145. },
  146. methods: {
  147. onEdit(){
  148. uni.navigateTo({
  149. url:"/pages/login/index?back=1"
  150. })
  151. },
  152. onBannerList(){
  153. bannerList({type:1}).then(response=>{
  154. this.swiperList = response.result.records
  155. }).catch(error=>{
  156. })
  157. },
  158. onUserInfoDetail(){
  159. let params = {}
  160. userInfoDetail(params).then(response=>{
  161. console.info("userInfoDetail",response)
  162. this.user = response.result
  163. }).catch(error=>{
  164. })
  165. },
  166. onUserInfo(){
  167. let params={}
  168. userInfo(params).then(response=>{
  169. this.amount = response.result.amount;
  170. this.companyAuthenticationStatus = response.result.companyAuthenticationStatus;
  171. this.personAuthenticationStatus = response.result.personAuthenticationStatus;
  172. console.info("userInfo",response.result)
  173. // this.id=response.result.id
  174. // this.headImage=response.result.headImage
  175. // this.myMoney=response.result.myMoney?response.result.myMoney:0
  176. // this.nickName=response.result.nickName?response.result.nickName:"微信昵称"
  177. // this.phone=response.result.phone?response.result.phone:""
  178. // this.worker=response.result.worker?response.result.worker:""
  179. // this.boss=response.result.boss?response.result.boss:""
  180. // this.company=response.result.company?response.result.company:""
  181. // uni.setStorageSync('company', response.result.company)
  182. // uni.setStorageSync('boss', response.result.boss)
  183. // uni.setStorageSync('worker', response.result.worker)
  184. }).catch(error=>{
  185. })
  186. },
  187. swiperClick(event) {
  188. console.info(event);
  189. },
  190. onNavigateTo(){
  191. uni.navigateTo({
  192. url:"/pages_subpack/wallet/index"
  193. })
  194. },
  195. onRecord(){
  196. uni.navigateTo({
  197. url:"/pages_subpack/record/index"
  198. })
  199. },
  200. onSystem(){
  201. uni.navigateTo({
  202. url:"/pages_subpack/system/index"
  203. })
  204. },
  205. onFeedback(){
  206. uni.navigateTo({
  207. url:"/pages_subpack/feedback/index"
  208. })
  209. },
  210. onVersion(){
  211. uni.navigateTo({
  212. url:"/pages_subpack/version/index"
  213. })
  214. },
  215. onBusinessSettled(){
  216. uni.navigateTo({
  217. url:"/pages_subpack/business-settled/index"
  218. })
  219. },
  220. // 个人
  221. onPerson(){
  222. uni.navigateTo({
  223. url:"/pages_subpack/person/index"
  224. })
  225. },
  226. // 企业
  227. onEnterprise(){
  228. uni.navigateTo({
  229. url:"/pages_subpack/enterprise/index"
  230. })
  231. },
  232. onResume(){
  233. uni.navigateTo({
  234. url:"/pages_subpack/resume/index"
  235. })
  236. },
  237. onCustomerService(){
  238. uni.makePhoneCall({
  239. phoneNumber: '13185644852',
  240. success: () => {
  241. console.log("拨打成功");
  242. },
  243. fail: (err) => {
  244. console.error("拨打失败", err);
  245. },
  246. })
  247. }
  248. }
  249. }
  250. </script>
  251. <style>
  252. page {
  253. background-color: #f5f5f5 !important;
  254. }
  255. .se-grid {
  256. display: grid;
  257. grid-template-columns: 1fr 1fr 1fr 1fr;
  258. gap: 10rpx;
  259. padding-bottom: 4rpx;
  260. }
  261. </style>