spotCheckDetail.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <template>
  2. <view class="container">
  3. <view class="content">
  4. <view class="content-item">
  5. <text>任务名称</text>
  6. <view>111</view>
  7. </view>
  8. <view class="content-item">
  9. <text>任务周期</text>
  10. <view>天</view>
  11. </view>
  12. <view class="content-item">
  13. <text>执行日期</text>
  14. <view>2020/10/10</view>
  15. </view>
  16. <view class="content-item">
  17. <text>执行时间</text>
  18. <view>09:00</view>
  19. </view>
  20. <view class="content-item">
  21. <text>开始日期</text>
  22. <view>2020/10/10</view>
  23. </view>
  24. <view class="content-item">
  25. <text>结束日期</text>
  26. <view>2020/10/11</view>
  27. </view>
  28. <view class="content-item">
  29. <text>考评类型</text>
  30. <view>点检</view>
  31. </view>
  32. <view class="content-item" @click="viewItem">
  33. <text>考评指标</text>
  34. <view style="color: #007AFF;" >
  35. 12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
  36. </view>
  37. </view>
  38. <view class="content-item" @click="viewStores">
  39. <text>考评门店</text>
  40. <view style="color: #007AFF;">
  41. 12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
  42. </view>
  43. </view>
  44. <view class="content-item">
  45. <text>任务有效期天数</text>
  46. <view>3天</view>
  47. </view>
  48. </view>
  49. </view>
  50. </template>
  51. <script>
  52. import {getCheckTaskConfig} from '../../../api/checkTaskConfig.js'
  53. export default{
  54. data(){
  55. // const currentDate = this.getDate({
  56. // format: true
  57. // })
  58. return{
  59. pageData:null, // 接受上个页面传的数据
  60. show: false, // 是否显示消息提醒弹窗
  61. content: '', // 消息提醒内容
  62. title:'', // 消息提醒标题
  63. showCancelButton:'' ,// 是否显示确认框的取消按钮 true 显示 false不显示
  64. listData:[]
  65. }
  66. },
  67. onLoad() {
  68. this.getData()
  69. },
  70. methods:{
  71. // 详情
  72. getData(){
  73. getCheckTaskConfig({id:89}).then(res=>{
  74. console.log(res)
  75. if(res.status==200){
  76. this.listData=res.data[0]
  77. console.log(this.listData)
  78. }
  79. })
  80. },
  81. // 查看已选考评门店详情
  82. viewStores(){
  83. uni.navigateTo({
  84. url: '/pages/spotCheckConfigure/spotCheckDetail/evaluateStoreDetail'
  85. })
  86. },
  87. // 查看已选考评指标详情
  88. viewItem(){
  89. uni.navigateTo({
  90. url: '/pages/spotCheckConfigure/spotCheckDetail/evaluateItemDetail'
  91. })
  92. }
  93. }
  94. }
  95. </script>
  96. <style lang="less">
  97. .container{
  98. color:#666;
  99. font-size: 28rpx;
  100. .content{
  101. position: relative;
  102. background-color: #FFFFFF;
  103. margin-bottom: 60rpx;
  104. .content-item{
  105. display: flex;
  106. justify-content: space-between;
  107. padding: 30rpx;
  108. border-bottom: 1px solid #e5e5e5;
  109. > view{
  110. color: #666;
  111. }
  112. }
  113. }
  114. }
  115. </style>