backlogDetail.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <template>
  2. <view class="back-content">
  3. <!-- 轮播图 -->
  4. <swiper class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
  5. <swiper-item v-for="(item,index) in imageTopList" :key="index">
  6. <div class="swiper-item uni-bg-red">
  7. <!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
  8. <u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
  9. </div>
  10. </swiper-item>
  11. </swiper>
  12. <view class="back-text">
  13. <!-- 门店 -->
  14. <view class="text-item">
  15. 常青二路店
  16. </view>
  17. <!-- 处理人 -->
  18. <view class="text-item">
  19. <view>
  20. <text>处理人</text>
  21. <text class="margin-left ellipsis-one">张三丰</text>
  22. </view>
  23. <view class="time ">
  24. 2020-08-07 到期
  25. </view>
  26. </view>
  27. <!-- 创建人 -->
  28. <view class="text-item">
  29. <view>
  30. <text>创建人</text>
  31. <text class="margin-left ellipsis-one">张三丰</text>
  32. </view>
  33. <view class="time">
  34. 2020-08-07 创建
  35. </view>
  36. </view>
  37. <!-- 指标 -->
  38. <view class="text-item">
  39. <view>
  40. 考评指标
  41. </view>
  42. <view class="margin-left">
  43. 正常营业
  44. </view>
  45. </view>
  46. <!-- 描述 -->
  47. <view class="text-item">
  48. <view>
  49. 描述
  50. </view>
  51. <view class="margin-left">
  52. 正常营业
  53. </view>
  54. </view>
  55. </view>
  56. </view>
  57. </template>
  58. <script>
  59. export default {
  60. components: {
  61. },
  62. data() {
  63. return {
  64. // 顶部轮播图片
  65. imageTopList:[],
  66. }
  67. },
  68. onLoad(option) {
  69. console.log(option.id)
  70. this.getData(option.id)
  71. },
  72. methods: {
  73. // 获取详情数据
  74. getData (id) {
  75. }
  76. }
  77. }
  78. </script>
  79. <style lang="scss" scoped>
  80. .back-content {
  81. .top-ad-swiper{
  82. height: 340upx;
  83. }
  84. .swiper-item-imgse{
  85. width: 750upx;
  86. height: 340upx;
  87. }
  88. .back-text{
  89. background: #ffffff;
  90. padding: 10upx 20upx;
  91. margin: 20upx;
  92. border-radius: 6upx;
  93. box-shadow: 1px 1px 3px #EEEEEE;
  94. .text-item{
  95. display: flex;
  96. align-items: center;
  97. padding: 20upx 10upx;
  98. font-size: 28upx;
  99. justify-content: space-between;
  100. .margin-left{
  101. margin-left: 30upx;
  102. }
  103. .time{
  104. color: #888;
  105. font-size: 26upx;
  106. margin-left: 10upx;
  107. }
  108. > view{
  109. &:first-child{
  110. flex: 1;
  111. }
  112. }
  113. }
  114. }
  115. }
  116. </style>