移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

228 lines
7.0 KiB

  1. <template>
  2. <div class="app-container">
  3. <van-nav-bar
  4. title="收支明细公开表"
  5. left-arrow
  6. @click-left="$router.back(-1)"
  7. />
  8. <van-row style="margin-top: 20px">
  9. <van-col span="16" :offset="2">
  10. <h3>北行庄村账套</h3>
  11. </van-col>
  12. <van-col span="6">
  13. <van-button size="mini" round>&nbsp日期选择<van-icon name="arrow-down" /></van-button>
  14. </van-col>
  15. </van-row>
  16. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  17. <van-cell>
  18. <template #icon>
  19. <p style="line-height: 50px;font-size: 16px">157</p>
  20. </template>
  21. <template #title>
  22. <van-row>
  23. <van-col span="11" :offset="1">
  24. <p>池塘租赁收租</p>
  25. </van-col>
  26. <van-col span="12">
  27. <p style="color:#0AA214;text-align: right">180.00</p>
  28. </van-col>
  29. </van-row>
  30. </template>
  31. <template #label>
  32. <van-row>
  33. <van-col span="9" :offset="1">
  34. <p>经营收入</p>
  35. </van-col>
  36. <van-col span="5" :offset="2">
  37. 记27
  38. </van-col>
  39. <van-col span="7">
  40. <p style="text-align: right">2021-08-06</p>
  41. </van-col>
  42. </van-row>
  43. </template>
  44. </van-cell>
  45. </van-cell-group>
  46. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  47. <van-cell>
  48. <template #icon>
  49. <p style="line-height: 50px;font-size: 16px">157</p>
  50. </template>
  51. <template #title>
  52. <van-row>
  53. <van-col span="11" :offset="1">
  54. <p>除草修路费</p>
  55. </van-col>
  56. <van-col span="12">
  57. <p style="color:#E50000;text-align: right">-180.00</p>
  58. </van-col>
  59. </van-row>
  60. </template>
  61. <template #label>
  62. <van-row>
  63. <van-col span="9" :offset="1">
  64. <p>经营支出</p>
  65. </van-col>
  66. <van-col span="5" :offset="2">
  67. 记27
  68. </van-col>
  69. <van-col span="7">
  70. <p style="text-align: right">2021-08-06</p>
  71. </van-col>
  72. </van-row>
  73. </template>
  74. </van-cell>
  75. </van-cell-group>
  76. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  77. <van-cell>
  78. <template #icon>
  79. <p style="line-height: 50px;font-size: 16px">157</p>
  80. </template>
  81. <template #title>
  82. <van-row>
  83. <van-col span="11" :offset="1">
  84. <p>除草修路费</p>
  85. </van-col>
  86. <van-col span="12">
  87. <p style="color:#E50000;text-align: right">-180.00</p>
  88. </van-col>
  89. </van-row>
  90. </template>
  91. <template #label>
  92. <van-row>
  93. <van-col span="9" :offset="1">
  94. <p>经营支出</p>
  95. </van-col>
  96. <van-col span="5" :offset="2">
  97. 记27
  98. </van-col>
  99. <van-col span="7">
  100. <p style="text-align: right">2021-08-06</p>
  101. </van-col>
  102. </van-row>
  103. </template>
  104. </van-cell>
  105. </van-cell-group>
  106. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  107. <van-cell>
  108. <template #icon>
  109. <p style="line-height: 50px;font-size: 16px">157</p>
  110. </template>
  111. <template #title>
  112. <van-row>
  113. <van-col span="11" :offset="1">
  114. <p>除草修路费</p>
  115. </van-col>
  116. <van-col span="12">
  117. <p style="color:#E50000;text-align: right">-180.00</p>
  118. </van-col>
  119. </van-row>
  120. </template>
  121. <template #label>
  122. <van-row>
  123. <van-col span="9" :offset="1">
  124. <p>经营支出</p>
  125. </van-col>
  126. <van-col span="5" :offset="2">
  127. 记27
  128. </van-col>
  129. <van-col span="7">
  130. <p style="text-align: right">2021-08-06</p>
  131. </van-col>
  132. </van-row>
  133. </template>
  134. </van-cell>
  135. </van-cell-group>
  136. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  137. <van-cell>
  138. <template #icon>
  139. <p style="line-height: 50px;font-size: 16px">157</p>
  140. </template>
  141. <template #title>
  142. <van-row>
  143. <van-col span="11" :offset="1">
  144. <p>除草修路费</p>
  145. </van-col>
  146. <van-col span="12">
  147. <p style="color:#E50000;text-align: right">-180.00</p>
  148. </van-col>
  149. </van-row>
  150. </template>
  151. <template #label>
  152. <van-row>
  153. <van-col span="9" :offset="1">
  154. <p>经营支出</p>
  155. </van-col>
  156. <van-col span="5" :offset="2">
  157. 记27
  158. </van-col>
  159. <van-col span="7">
  160. <p style="text-align: right">2021-08-06</p>
  161. </van-col>
  162. </van-row>
  163. </template>
  164. </van-cell>
  165. </van-cell-group>
  166. <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
  167. <van-cell>
  168. <template #icon>
  169. <p style="line-height: 50px;font-size: 16px">157</p>
  170. </template>
  171. <template #title>
  172. <van-row>
  173. <van-col span="11" :offset="1">
  174. <p>除草修路费</p>
  175. </van-col>
  176. <van-col span="12">
  177. <p style="color:#E50000;text-align: right">-180.00</p>
  178. </van-col>
  179. </van-row>
  180. </template>
  181. <template #label>
  182. <van-row>
  183. <van-col span="9" :offset="1">
  184. <p>经营支出</p>
  185. </van-col>
  186. <van-col span="5" :offset="2">
  187. 记27
  188. </van-col>
  189. <van-col span="7">
  190. <p style="text-align: right">2021-08-06</p>
  191. </van-col>
  192. </van-row>
  193. </template>
  194. </van-cell>
  195. </van-cell-group>
  196. <onlineHomeIndex></onlineHomeIndex>
  197. </div>
  198. </template>
  199. <script>
  200. import onlineHomeIndex from "../onlineHomeIndex";
  201. export default {
  202. components: {
  203. onlineHomeIndex
  204. },
  205. name: "inAndOutDetail",
  206. data() {
  207. return {
  208. activeName: 'a',
  209. list: [],
  210. loading: false,
  211. finished: false,
  212. result:[],
  213. };
  214. },
  215. methods: {
  216. },
  217. }
  218. </script>
  219. <style scoped>
  220. >>>.van-cell::after {
  221. border-bottom: none;
  222. }
  223. </style>