processList.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <template>
  2. <view class="content">
  3. <view @click="handleToDetail(process)" v-for="(process,index) in processes" :key="index">
  4. <uni-card :isFull="true" padding="10px 0">
  5. <uni-row>
  6. <uni-col :xs="4" :sm="2">
  7. <view class="icon_container">
  8. <text class="iconfont" :class="process.type"></text>
  9. </view>
  10. </uni-col>
  11. <uni-col :xs="20" :sm="22">
  12. <uni-card padding="0 10px 10px" :isFull="true" :border="false" :is-shadow="true">
  13. <template v-slot:title>
  14. <uni-row>
  15. <uni-col :xs="18" :sm="22">
  16. <view class="process_title">
  17. <text>{{ process.title }}</text>
  18. </view>
  19. </uni-col>
  20. <uni-col :xs="6" :sm="2">
  21. <uni-tag :text="process.step == 0?'审批中':''"
  22. :type="process.step == 0?'primary':''"></uni-tag>
  23. </uni-col>
  24. </uni-row>
  25. </template>
  26. <view class="process_contant">
  27. <uni-row>
  28. <uni-col :xs="8" :sm="7">请假天数:</uni-col>
  29. <uni-col :xs="15" :sm="16">{{ process.totalTime }}</uni-col>
  30. </uni-row>
  31. <uni-row>
  32. <uni-col :xs="8" :sm="7">开始时间:</uni-col>
  33. <uni-col :xs="15" :sm="16">{{ process.startTime }}</uni-col>
  34. </uni-row>
  35. <uni-row>
  36. <uni-col :xs="8" :sm="7">结束时间:</uni-col>
  37. <uni-col :xs="15" :sm="16">{{ process.endTime }}</uni-col>
  38. </uni-row>
  39. </view>
  40. </uni-card>
  41. </uni-col>
  42. </uni-row>
  43. </uni-card>
  44. </view>
  45. </view>
  46. </template>
  47. <script setup lang="ts">
  48. import { reactive } from 'vue'
  49. import $tab from '@/plugins/tab.js'
  50. // import { onLoad } from '@dcloudio/uni-app';
  51. // onLoad((options) => {
  52. // processes = options.processes
  53. // });
  54. const props = defineProps(['processes'])
  55. // let processes = reactive([])
  56. function handleToDetail({ id, title }) {
  57. // console.log('process', process);
  58. $tab.navigateTo('/pages/process/detail/index?id=' + id + '&title=' + title)
  59. }
  60. </script>
  61. <style lang="scss">
  62. @import url("@/static/font/ygoa/iconfont.css");
  63. .iconfont {
  64. font-size: 3rem;
  65. }
  66. .content {
  67. .icon_container {
  68. margin: 50% 0;
  69. }
  70. .process_title {
  71. font-weight: bold;
  72. font-size: 1.2rem;
  73. margin-top: 10px;
  74. }
  75. }
  76. </style>