微信小程序
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.

250 line
12 KiB

  1. <view class="container" style="background:url('../../image/index/header_bg.png') top center no-repeat; background-size: 100% auto;">
  2. <!--自定义 顶部标题样式和位置-->
  3. <view class="top_title" style="height:{{CustomMenuButton.bottom}}px;z-index: 7777;padding-top: {{CustomMenuButton.top}}px;"></view>
  4. <!--账户信息-->
  5. <view class="information_header">
  6. <navigator bindtap="swichSettle" class="setup" style="background:url('../../image/index/setup.png') no-repeat; background-size: 100% 100%;"></navigator>
  7. <view class="portrait_head"></view>
  8. <view class="information_main">
  9. <view class="name_wrap">
  10. <text class="name">{{userInfoObj.nickName}}</text>
  11. <view class="jobs">
  12. <view class="icon" style="background:url('../../image/index/header_job.png') no-repeat; background-size: 100% 100%;"></view>
  13. {{userInfoObj.remark}}
  14. </view>
  15. </view>
  16. <view class="task_wrap ">
  17. <view class="flex_block">
  18. <view class="desc">已完成</view>
  19. <view class="event">120件</view>
  20. </view>
  21. <view class="flex_block unfinished">
  22. <view class="desc">已完成</view>
  23. <view class="event">120件</view>
  24. </view>
  25. </view>
  26. <view class="address_wrap">
  27. <view class="icon"></view>
  28. {{userInfoObj.allDeptName}}
  29. </view>
  30. </view>
  31. </view>
  32. <!--主导航-->
  33. <view class="navList_main">
  34. <view class="tab_item" bindtap='swichPayment'>
  35. <view class="icon">
  36. <image class="icon_img" src="../../image/index/nav_01.png" mode="aspectFit"></image>
  37. </view>
  38. <text class="desc">支出申请</text>
  39. </view>
  40. <view class="tab_item" bindtap='swichInCome'>
  41. <view class="icon">
  42. <image class="icon_img" src="../../image/index/nav_02.png" mode="aspectFit"></image>
  43. </view>
  44. <text class="desc">收入登记</text>
  45. </view>
  46. <view class="tab_item">
  47. <view class="icon">
  48. <image class="icon_img" src="../../image/index/nav_03.png" mode="aspectFit"></image>
  49. </view>
  50. <text class="desc">记账申请</text>
  51. </view>
  52. <view class="tab_item">
  53. <view class="icon">
  54. <image class="icon_img" src="../../image/index/nav_04.png" mode="aspectFit"></image>
  55. </view>
  56. <text class="desc">财务公开</text>
  57. </view>
  58. </view>
  59. <!--子导航功能导航-->
  60. <view class="child_function">
  61. <view class="flex_block">
  62. <view class="image"><image class="attribute" src="../../image/index/child_function_01.png" mode="aspectFit"></image></view>
  63. <text class="desc">收款人</text>
  64. </view>
  65. <view class="flex_block">
  66. <view class="image"><image class="attribute" src="../../image/index/child_function_02.png" mode="aspectFit"></image></view>
  67. <text class="desc">付款人</text>
  68. </view>
  69. <view class="flex_block">
  70. <view class="image"><image class="attribute" src="../../image/index/child_function_03.png" mode="aspectFit"></image></view>
  71. <text class="desc">合同报送</text>
  72. </view>
  73. <view class="flex_block">
  74. <view class="image"><image class="attribute" src="../../image/index/child_function_04.png" mode="aspectFit"></image></view>
  75. <text class="desc">固资变动</text>
  76. </view>
  77. <view class="flex_block">
  78. <view class="image"><image class="attribute" src="../../image/index/child_function_05.png" mode="aspectFit"></image></view>
  79. <text class="desc">资源变动</text>
  80. </view>
  81. </view>
  82. <!--工作计划-->
  83. <view class="work_plan">
  84. <view class="menu_item active">待办<text class="remind">0</text></view>
  85. <view class="menu_item">已办</view>
  86. <view class="menu_item">已发起</view>
  87. <view class="menu_item">已制单</view>
  88. <view class="more">></view>
  89. </view>
  90. <scroll-view scroll-y="true" style="height: {{wrokScrollHeight}}px;">
  91. <view class="workflow">
  92. <!--1-->
  93. <view class="workflow_list">
  94. <view class="process_intro">
  95. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  96. <view class="state">待审</view>
  97. <view class="time">2021-1-26</view>
  98. </view>
  99. <view class="process_pay">
  100. <view class="describe">
  101. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  102. <text>银行转账</text>
  103. </view>
  104. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  105. </view>
  106. </view>
  107. <!--1-->
  108. <view class="workflow_list">
  109. <view class="process_intro">
  110. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  111. <view class="state">待审</view>
  112. <view class="time">2021-1-26</view>
  113. </view>
  114. <view class="process_pay">
  115. <view class="describe">
  116. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  117. <text>银行转账</text>
  118. </view>
  119. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  120. </view>
  121. </view>
  122. <!--1-->
  123. <view class="workflow_list">
  124. <view class="process_intro">
  125. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  126. <view class="state">待审</view>
  127. <view class="time">2021-1-26</view>
  128. </view>
  129. <view class="process_pay">
  130. <view class="describe">
  131. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  132. <text>银行转账</text>
  133. </view>
  134. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  135. </view>
  136. </view>
  137. <!--1-->
  138. <view class="workflow_list">
  139. <view class="process_intro">
  140. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  141. <view class="state">待审</view>
  142. <view class="time">2021-1-26</view>
  143. </view>
  144. <view class="process_pay">
  145. <view class="describe">
  146. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  147. <text>银行转账</text>
  148. </view>
  149. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  150. </view>
  151. </view>
  152. <!--1-->
  153. <view class="workflow_list">
  154. <view class="process_intro">
  155. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  156. <view class="state">待审</view>
  157. <view class="time">2021-1-26</view>
  158. </view>
  159. <view class="process_pay">
  160. <view class="describe">
  161. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  162. <text>银行转账</text>
  163. </view>
  164. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  165. </view>
  166. </view>
  167. <!--1-->
  168. <view class="workflow_list">
  169. <view class="process_intro">
  170. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  171. <view class="state">待审</view>
  172. <view class="time">2021-1-26</view>
  173. </view>
  174. <view class="process_pay">
  175. <view class="describe">
  176. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  177. <text>银行转账</text>
  178. </view>
  179. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  180. </view>
  181. </view>
  182. <!--1-->
  183. <view class="workflow_list">
  184. <view class="process_intro">
  185. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  186. <view class="state">待审</view>
  187. <view class="time">2021-1-26</view>
  188. </view>
  189. <view class="process_pay">
  190. <view class="describe">
  191. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  192. <text>银行转账</text>
  193. </view>
  194. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  195. </view>
  196. </view>
  197. <!--1-->
  198. <view class="workflow_list">
  199. <view class="process_intro">
  200. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  201. <view class="state">待审</view>
  202. <view class="time">2021-1-26</view>
  203. </view>
  204. <view class="process_pay">
  205. <view class="describe">
  206. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  207. <text>银行转账</text>
  208. </view>
  209. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  210. </view>
  211. </view>
  212. <!--1-->
  213. <view class="workflow_list">
  214. <view class="process_intro">
  215. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  216. <view class="state">待审</view>
  217. <view class="time">2021-1-26</view>
  218. </view>
  219. <view class="process_pay">
  220. <view class="describe">
  221. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  222. <text>银行转账</text>
  223. </view>
  224. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  225. </view>
  226. </view>
  227. <!--1-->
  228. <view class="workflow_list">
  229. <view class="process_intro">
  230. <view class="name">我的擦撒十大黑科技暗杀可接受的和</view>
  231. <view class="state">待审</view>
  232. <view class="time">2021-1-26</view>
  233. </view>
  234. <view class="process_pay">
  235. <view class="describe">
  236. <image class="amount_icon" src="../../image/index/process_icon.png" mode="aspectFit"></image>
  237. <text>银行转账</text>
  238. </view>
  239. <view class="amount"><text class="unit">¥</text>-2600.00</view>
  240. </view>
  241. </view>
  242. </view>
  243. </scroll-view>
  244. </view>