spotCheckDetail.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <template>
  2. <view class="container">
  3. <view class="content" v-if="pageData">
  4. <view class="content-item">
  5. <text>任务名称:</text>
  6. <view>{{pageData.name}}</view>
  7. </view>
  8. <view class="content-item">
  9. <text>任务周期:</text>
  10. <view>{{pageData.cycleTypeDictValue}}</view>
  11. </view>
  12. <view class="content-item">
  13. <text>执行日期:</text>
  14. <view>{{pageData.cycleType=='DAY'?pageData.buildDateDay:pageData.buildDateWeekDictValue}}</view>
  15. </view>
  16. <view class="content-item">
  17. <text>执行时间:</text>
  18. <view>{{pageData.buildTime}}</view>
  19. </view>
  20. <view class="content-item">
  21. <text>开始日期:</text>
  22. <view>{{pageData.startDate}}</view>
  23. </view>
  24. <view class="content-item">
  25. <text>结束日期:</text>
  26. <view>{{pageData.endDate}}</view>
  27. </view>
  28. <view class="content-item">
  29. <text>考评指标:</text>
  30. <view style="color: #007AFF;" >
  31. {{pageData.assessTargetList.length}} 项
  32. <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888" @click="openZBpage"></u-icon>
  33. </view>
  34. </view>
  35. <view class="content-item">
  36. <text>考评门店:</text>
  37. <view style="color: #007AFF;">
  38. {{pageData.storeList.length}} 个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888" @click="viewStores"></u-icon>
  39. </view>
  40. </view>
  41. <view class="content-item">
  42. <text>有效期天数:</text>
  43. <view>{{pageData.effectiveDay}}天</view>
  44. </view>
  45. </view>
  46. <view v-else>
  47. <view class="loadingStyle">
  48. <u-loading mode="circle"></u-loading>
  49. <view>正在加载</view>
  50. </view>
  51. </view>
  52. </view>
  53. </template>
  54. <script>
  55. import {getCheckTaskConfig} from '../../../api/checkTaskConfig.js'
  56. export default{
  57. data(){
  58. return{
  59. pageData:null, // 接受上个页面传的数据
  60. id:''
  61. }
  62. },
  63. onLoad(opts) {
  64. this.id = opts.id
  65. this.getData()
  66. },
  67. methods:{
  68. // 详情
  69. getData(){
  70. getCheckTaskConfig({id:this.id}).then(res=>{
  71. console.log(res)
  72. if(res.status==200){
  73. this.pageData=res.data
  74. }
  75. })
  76. },
  77. // 考评指标选择
  78. openZBpage() {
  79. let item = this.pageData.assessTargetList
  80. if(item.length>0){
  81. uni.navigateTo({
  82. url: '/pages/spotCheckConfigure/spotCheckDetail/evaluateItemDetail?item='+encodeURIComponent(JSON.stringify(item))
  83. })
  84. }
  85. },
  86. viewStores(){
  87. let item = this.pageData.storeList
  88. if(item.length>0){
  89. uni.navigateTo({
  90. url: '/pages/userCenter/viewStores?item='+encodeURIComponent(JSON.stringify(item))
  91. })
  92. }
  93. }
  94. }
  95. }
  96. </script>
  97. <style lang="less">
  98. .loadingStyle{
  99. text-align: center;
  100. padding: 10vh 0 10vh 0;
  101. }
  102. .container{
  103. font-size: 28rpx;
  104. .content{
  105. position: relative;
  106. background-color: #FFFFFF;
  107. margin-bottom: 60rpx;
  108. .content-item{
  109. display: flex;
  110. justify-content: space-between;
  111. padding: 30rpx;
  112. border-bottom: 1px solid #e5e5e5;
  113. > text{
  114. width: 30%;
  115. }
  116. > view{
  117. color: #666;
  118. }
  119. }
  120. }
  121. }
  122. </style>