index.wxml 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!-- 过滤 -->
  2. <view class="filtrate">
  3. <picker bindchange="bindTradefieldChange" value="{{tradefieldIndex}}" range-key='tradefield' range="{{list}}">
  4. <view class="picker">{{list[tradefieldIndex].tradefield}}<text class="iconfont icon-daoruxialajiantou" /></view>
  5. </picker>
  6. <view catchtap="openActions">
  7. {{actionSheet}}<text class="iconfont icon-daoruxialajiantou" />
  8. </view>
  9. <picker bindchange="bindDateChange" value="{{pickerIndex}}" range="{{projectYearList}}">
  10. <view class="picker"><text class="iconfont icon-niandu" style="margin-right: 10rpx; color: #999;" />{{content.year}}<text class="iconfont icon-daoruxialajiantou" /></view>
  11. </picker>
  12. </view>
  13. <van-action-sheet show="{{ showActions }}" actions="{{ actions }}" bind:select='select' bind:cancel='cancelActions' cancel-text="取消" />
  14. <view class="box">
  15. <view class="label">
  16. <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
  17. <text>目标完成情况(金额:万元)</text>
  18. </view>
  19. <view class="content">
  20. <view class="col1">
  21. <view style="margin-top: 62rpx;">年度:</view>
  22. <block wx:if="{{content.year==year}}">
  23. <view>本季:</view>
  24. <view>本月:</view>
  25. </block>
  26. </view>
  27. <view class="col2">
  28. <view class="title">
  29. <view>基本目标</view>
  30. <view>挑战目标</view>
  31. <view>实际完成</view>
  32. </view>
  33. <view class="row">
  34. <view>{{targetYear.yl}}</view>
  35. <view>{{targetYear.yh}}</view>
  36. <view><text>{{targetYear.ya}}</text></view>
  37. </view>
  38. <block wx:if="{{content.year==year}}">
  39. <view class="row">
  40. <view>{{targetSeason.sl}}</view>
  41. <view>{{targetSeason.sh}}</view>
  42. <view><text>{{targetSeason.sa}}</text></view>
  43. </view>
  44. <view class="row">
  45. <view>{{targetMonth.ml}}</view>
  46. <view>{{targetMonth.mh}}</view>
  47. <view><text>{{targetMonth.ma}}</text></view>
  48. </view>
  49. </block>
  50. </view>
  51. </view>
  52. <view style="height:20rpx" />
  53. </view>
  54. <!-- 目标完成情况 -->
  55. <view class="box">
  56. <view class="label">
  57. <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
  58. <text>目标完成情况(金额:万元)</text>
  59. </view>
  60. <brokenLine id='line' />
  61. </view>
  62. <!-- 目标完成率 -->
  63. <view class="box">
  64. <view class="label">
  65. <text class="iconfont icon-a-shouyeshujugaikuangzhanshishuju" />
  66. <text>目标完成率(实际相对目标的完成率)</text>
  67. </view>
  68. <histogram id='histogram' />
  69. </view>
  70. <view style="height: 40rpx;" />