mine.vue 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349
  1. <template>
  2. <view class="content">
  3. <view class="minehead">
  4. <view class="minemsg">
  5. <view class="flex2 minename">
  6. <view class="flex5 ">
  7. <text class="nametit">{{msg.realName?msg.realName:''}}</text>
  8. <text class="nametit" v-if="msg.name">{{msg.name?msg.name:''}}</text>
  9. <text class="number" v-if="msg.account">账号 {{msg.account?msg.account:''}}</text>
  10. </view>
  11. <view class="logbox">
  12. <image src="/static/logo.png" mode="aspectFill"></image>
  13. </view>
  14. </view>
  15. <view class="callphone">
  16. <text style="color: #68625B;">联系电话</text>
  17. <text v-if="msg.contactsMobile">{{msg.contactsMobile}}</text>
  18. <text v-if="msg.mobile">{{msg.mobile}}</text>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="choosebox">
  23. <view class="chooselist" v-if="state==1">
  24. <view class="flex1">
  25. <view class="iconbox">
  26. <image src="../../static/icon/contract.png" mode="aspectFill"></image>
  27. </view>
  28. <text style="padding-left: 30rpx;">联系人</text>
  29. </view>
  30. <text>{{msg.contacts}}</text>
  31. </view>
  32. <view class="chooselist" v-if="state==1">
  33. <view class="flex1">
  34. <view class="iconbox">
  35. <image src="../../static/icon/mobile.png" mode="aspectFill"></image>
  36. </view>
  37. <text style="padding-left: 30rpx;">联系电话</text>
  38. </view>
  39. <text>{{msg.contactsMobile}}</text>
  40. </view>
  41. <view class="chooselist" v-if="state==1">
  42. <view class="flex1">
  43. <view class="iconbox">
  44. <image src="../../static/icon/account.png" mode="aspectFill"></image>
  45. </view>
  46. <text style="padding-left: 30rpx;">账号</text>
  47. </view>
  48. <text>{{msg.account}}</text>
  49. </view>
  50. <view class="chooselist" @click="checkPwd">
  51. <view class="flex1">
  52. <view class="iconbox">
  53. <image src="../../static/icon/pwd.png" mode="aspectFill"></image>
  54. </view>
  55. <text style="padding-left: 30rpx;">密码</text>
  56. </view>
  57. <u-icon name="arrow-right" color="rgba(187,188,190)" bold="true"></u-icon>
  58. </view>
  59. <view class="chooselist" @click="AcceptBind">
  60. <view class="flex1">
  61. <view class="iconbox">
  62. <image src="../../static/icon/bind.png" mode="aspectFill"></image>
  63. </view>
  64. <text v-if="state==0" style="padding-left: 30rpx;">承兑人绑定管理</text>
  65. <text v-if="state==1" style="padding-left: 30rpx;">我的承兑人</text>
  66. </view>
  67. <u-icon name="arrow-right" color="rgba(187,188,190)" bold="true"></u-icon>
  68. </view>
  69. <view class="chooselist" @click="personData">
  70. <view class="flex1">
  71. <view class="iconbox">
  72. <image src="../../static/icon/mine.png" mode="aspectFill"></image>
  73. </view>
  74. <text style="padding-left: 30rpx;">个人资料</text>
  75. </view>
  76. <u-icon name="arrow-right" color="rgba(187,188,190)" bold="true"></u-icon>
  77. </view>
  78. <view class="chooselist" v-if="state==1" @click="checkIdentifyPic">
  79. <view class="flex1">
  80. <view class="iconbox">
  81. <image src="../../static/icon/renzheng.png" mode="aspectFill"></image>
  82. </view>
  83. <text style="padding-left: 30rpx;">认证照片</text>
  84. </view>
  85. <u-icon name="arrow-right" color="rgba(187,188,190)" bold="true"></u-icon>
  86. </view>
  87. <view class="chooselist" v-if="state==1" @click="checkProxy">
  88. <view class="flex1">
  89. <view class="iconbox">
  90. <image src="../../static/icon/shouquan.png" mode="aspectFill"></image>
  91. </view>
  92. <text style="padding-left: 30rpx;">授权委托书</text>
  93. </view>
  94. <u-icon name="arrow-right" color="rgba(187,188,190)" bold="true"></u-icon>
  95. </view>
  96. </view>
  97. <view class="logininbtn" @click="loginOut">
  98. <text>退出登录</text>
  99. </view>
  100. <view style="padding-bottom: 220rpx;"></view>
  101. <tabar checked="my"></tabar>
  102. </view>
  103. </template>
  104. <script>
  105. let that
  106. import tabar from "@/componet/tabbar/tabbar.vue"
  107. export default {
  108. components: {
  109. tabar
  110. },
  111. data() {
  112. return {
  113. keywords: '',
  114. wagesheight: '',
  115. state: '',
  116. msg:''
  117. }
  118. },
  119. onLoad() {
  120. this.state = this.$store.state.admin
  121. that = this
  122. uni.getSystemInfo({
  123. success: function(res) {
  124. console.log(res.safeArea.bottom); // print 610
  125. let bottom = res.safeArea.bottom
  126. let height = res.safeArea.height
  127. let cacl = bottom - height
  128. that.wagesheight = cacl
  129. console.log(that.wagesheight); // print 292
  130. }
  131. })
  132. this.init()
  133. },
  134. onshow(){
  135. this.init()
  136. },
  137. methods: {
  138. init(){
  139. uni.showLoading()
  140. if(this.state==0){
  141. uni.$u.http.get('/api/Account',{
  142. custom: {
  143. auth: true
  144. }
  145. }).then((res) => {
  146. uni.hideLoading()
  147. this.msg=res
  148. }).catch((err) => {
  149. uni.hideLoading()
  150. console.log(err)
  151. })
  152. }else if(this.state==1){
  153. uni.$u.http.get('/api/Supplier',{
  154. custom: {
  155. auth: true
  156. }
  157. }).then((res) => {
  158. uni.hideLoading()
  159. this.msg=res
  160. }).catch((err) => {
  161. uni.hideLoading()
  162. console.log(err)
  163. })
  164. }
  165. },
  166. checkIdentifyPic(){
  167. uni.navigateTo({
  168. url:"/pages/alldeatil/identifypic?pic="+JSON.stringify(this.msg.identifyPicList)
  169. })
  170. },
  171. checkProxy(){
  172. uni.navigateTo({
  173. url:"/pages/alldeatil/proxypic?pic="+JSON.stringify(this.msg.proxyFileList)
  174. })
  175. },
  176. loginOut() {
  177. uni.showModal({
  178. title: '是否确认退出?',
  179. success: function(res) {
  180. if (res.confirm) {
  181. uni.setStorageSync('token', '')
  182. uni.reLaunch({
  183. url: "/pages/login/login"
  184. })
  185. } else if (res.cancel) {
  186. }
  187. }
  188. })
  189. },
  190. checkPwd() {
  191. uni.navigateTo({
  192. url: "/pages/bsinessadmin/setpassword?account="+this.msg.account
  193. })
  194. },
  195. //承兑人绑定
  196. AcceptBind(){
  197. if(this.state==0){
  198. uni.navigateTo({
  199. url: '/pages/alldeatil/acceptorbind'
  200. })
  201. }else{
  202. uni.navigateTo({
  203. url: '/pages/alldeatil/acceptorbind?id='+this.msg.id
  204. })
  205. }
  206. },
  207. //跳转到个人资料
  208. personData(){
  209. if(this.state==0){
  210. uni.navigateTo({
  211. url: '/pages/bsinessadmin/persondata'
  212. })
  213. }else{
  214. uni.navigateTo({
  215. url: '/pages/bsinessadmin/persondata?id='+this.msg.id
  216. })
  217. }
  218. }
  219. }
  220. }
  221. </script>
  222. <style lang="scss">
  223. page {
  224. background-color: #F6F6F6 !important;
  225. }
  226. .minehead {
  227. width: 100%;
  228. height: 367rpx;
  229. position: relative;
  230. background-color: #FAECD3;
  231. // background-image: url("@/static/img/minebg.png");
  232. .minemsg {
  233. position: absolute;
  234. left: 0;
  235. right: 0;
  236. bottom: 0;
  237. margin: 0 auto;
  238. background-color: #fff;
  239. bottom: -176rpx;
  240. width: 690rpx;
  241. height: 370rpx;
  242. border-radius: 20rpx;
  243. .logbox {
  244. width: 174rpx;
  245. height: 123rpx;
  246. image {
  247. width: 100%;
  248. height: 100%;
  249. }
  250. }
  251. .minename {
  252. padding: 0 45rpx;
  253. padding-top: 74rpx;
  254. }
  255. .nametit {
  256. font-size: 48rpx;
  257. font-weight: 600;
  258. }
  259. .number {
  260. font-size: 30rpx;
  261. color: #68625B;
  262. padding-top: 30rpx;
  263. }
  264. .callphone {
  265. width: 622rpx;
  266. height: 80rpx;
  267. background: url("@/static/img/mynumbg.png") no-repeat;
  268. background-size: 100%;
  269. text-align: center;
  270. line-height: 80rpx;
  271. font-size: 30rpx;
  272. margin: 0 auto;
  273. margin-top: 50rpx;
  274. padding: 0 30rpx;
  275. box-sizing: border-box;
  276. display: flex;
  277. justify-content: space-between;
  278. }
  279. }
  280. }
  281. .choosebox {
  282. margin: 0 auto;
  283. margin-top: 215rpx;
  284. .chooselist {
  285. margin: 0 auto;
  286. margin-bottom: 20rpx;
  287. width: 690rpx;
  288. height: 100rpx;
  289. background-color: #fff;
  290. border-radius: 20rpx;
  291. display: flex;
  292. justify-content: space-between;
  293. align-items: center;
  294. padding: 0 30rpx;
  295. box-sizing: border-box;
  296. .iconbox {
  297. width: 42rpx;
  298. height: 42rpx;
  299. image {
  300. width: 100%;
  301. height: 100%;
  302. }
  303. }
  304. }
  305. }
  306. .logininbtn {
  307. margin: 0 auto;
  308. // position: fixed;
  309. // left: 0;
  310. // right: 0;
  311. // bottom: 180rpx;
  312. margin-top:100rpx;
  313. // : 220rpx;
  314. width: 690rpx;
  315. border-radius: 20rpx;
  316. background: linear-gradient(to right,#FFCC80,#CC984A);
  317. box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2);
  318. height: 100rpx;
  319. text-align: center;
  320. color:#fff;
  321. line-height: 100rpx;
  322. }
  323. </style>