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

251 lines
7.9 KiB

7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
4 months ago
4 months ago
7 months ago
4 months ago
7 months ago
7 months ago
4 months ago
4 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
7 months ago
4 months ago
4 months ago
4 months ago
7 months ago
4 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="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">{{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">{{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. {{myMoney}}
  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. bannerList
  116. } from "@/common/api.js"
  117. export default {
  118. data() {
  119. return {
  120. swiperList:[],
  121. list: [
  122. '@/static/image/59.png'
  123. ],
  124. id:"",
  125. headImage:"",
  126. myMoney:0,
  127. nickName:"",
  128. phone:"",
  129. worker:{},
  130. boss:{},
  131. company:{},
  132. }
  133. },
  134. mounted() {
  135. },
  136. onShow() {
  137. this.onUserInfo()
  138. this.onBannerList()
  139. },
  140. methods: {
  141. onEdit(){
  142. uni.navigateTo({
  143. url:"/pages/login/index?back=1"
  144. })
  145. },
  146. onBannerList(){
  147. bannerList({}).then(response=>{
  148. console.info("banner",response)
  149. this.swiperList = response.result[1]
  150. }).catch(error=>{
  151. })
  152. },
  153. onUserInfo(){
  154. let params={}
  155. userInfo(params).then(response=>{
  156. console.info("userInfo",response)
  157. this.id=response.result.id
  158. this.headImage=response.result.headImage
  159. this.myMoney=response.result.myMoney?response.result.myMoney:0
  160. this.nickName=response.result.nickName?response.result.nickName:"微信昵称"
  161. this.phone=response.result.phone?response.result.phone:""
  162. this.worker=response.result.worker?response.result.worker:""
  163. this.boss=response.result.boss?response.result.boss:""
  164. this.company=response.result.company?response.result.company:""
  165. uni.setStorageSync('company', response.result.company)
  166. uni.setStorageSync('boss', response.result.boss)
  167. uni.setStorageSync('worker', response.result.worker)
  168. }).catch(error=>{
  169. })
  170. },
  171. swiperClick(event) {
  172. console.info(event);
  173. },
  174. onNavigateTo(){
  175. uni.navigateTo({
  176. url:"/pages_subpack/wallet/index"
  177. })
  178. },
  179. onRecord(){
  180. uni.navigateTo({
  181. url:"/pages_subpack/record/index"
  182. })
  183. },
  184. onSystem(){
  185. uni.navigateTo({
  186. url:"/pages_subpack/system/index"
  187. })
  188. },
  189. onFeedback(){
  190. uni.navigateTo({
  191. url:"/pages_subpack/feedback/index"
  192. })
  193. },
  194. onVersion(){
  195. uni.navigateTo({
  196. url:"/pages_subpack/version/index"
  197. })
  198. },
  199. onBusinessSettled(){
  200. uni.navigateTo({
  201. url:"/pages_subpack/business-settled/index"
  202. })
  203. },
  204. // 个人
  205. onPerson(){
  206. uni.navigateTo({
  207. url:"/pages_subpack/person/index"
  208. })
  209. },
  210. // 企业
  211. onEnterprise(){
  212. uni.navigateTo({
  213. url:"/pages_subpack/enterprise/index"
  214. })
  215. },
  216. onResume(){
  217. uni.navigateTo({
  218. url:"/pages_subpack/resume/index"
  219. })
  220. },
  221. onCustomerService(){
  222. uni.makePhoneCall({
  223. phoneNumber: '13185644852',
  224. success: () => {
  225. console.log("拨打成功");
  226. },
  227. fail: (err) => {
  228. console.error("拨打失败", err);
  229. },
  230. })
  231. }
  232. }
  233. }
  234. </script>
  235. <style>
  236. page {
  237. background-color: #f5f5f5 !important;
  238. }
  239. .se-grid {
  240. display: grid;
  241. grid-template-columns: 1fr 1fr 1fr 1fr;
  242. gap: 10rpx;
  243. padding-bottom: 4rpx;
  244. }
  245. </style>