personInfo.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <view class="container">
  3. <view class="content">
  4. <view class="content-item">
  5. <text>员工姓名</text>
  6. <view>李磊</view>
  7. </view>
  8. <view class="content-item">
  9. <text>手机号码</text>
  10. <view>13709146191</view>
  11. </view>
  12. <view class="content-item">
  13. <text>性别</text>
  14. <view>男</view>
  15. </view>
  16. <view class="content-item">
  17. <text>角色</text>
  18. <view>管理员</view>
  19. </view>
  20. <view class="content-item">
  21. <text>所属机构</text>
  22. <view>陕西>西安>北区</view>
  23. </view>
  24. <view class="content-item">
  25. <text>可点检门店</text>
  26. <view style="color: #007AFF;">
  27. 12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
  28. </view>
  29. </view>
  30. </view>
  31. </view>
  32. </template>
  33. <script>
  34. export default{
  35. data(){
  36. // const currentDate = this.getDate({
  37. // format: true
  38. // })
  39. return{
  40. pageData:null, // 接受上个页面传的数据
  41. show: false, // 是否显示消息提醒弹窗
  42. content: '', // 消息提醒内容
  43. title:'', // 消息提醒标题
  44. showCancelButton:'' // 是否显示确认框的取消按钮 true 显示 false不显示
  45. }
  46. },
  47. onLoad() {
  48. },
  49. // 判断员工性别
  50. filters: {
  51. sexFilter(sexTypeVal){
  52. console.log(sexTypeVal,'---')
  53. if(sexTypeVal == 1){
  54. return '男'
  55. }
  56. if(userTypeVal == 0){
  57. return '女'
  58. }
  59. }
  60. },
  61. methods:{
  62. }
  63. }
  64. </script>
  65. <style lang="less">
  66. .container{
  67. color:#666;
  68. font-size: 28rpx;
  69. .content{
  70. position: relative;
  71. background-color: #FFFFFF;
  72. margin-bottom: 60rpx;
  73. .content-item{
  74. display: flex;
  75. justify-content: space-between;
  76. padding: 30rpx;
  77. border-bottom: 1px solid #e5e5e5;
  78. > view{
  79. color: #666;
  80. }
  81. }
  82. }
  83. }
  84. </style>