index.vue 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <template>
  2. <view>
  3. <view class="banner"><image src="../../static/my2.png" mode="widthFix"></image></view>
  4. <view class="ccn" style="margin-top: -150px;">
  5. <view class="cn">
  6. <view class="rows">
  7. <view class="row" @click="go('/pages/index/index')">
  8. <view class="out">
  9. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  10. <view class="tit omit">委托单列表</view>
  11. </view>
  12. </view>
  13. <view class="row" @click="go('/pages/model/index')">
  14. <view class="out">
  15. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  16. <view class="tit omit">设备借还记录</view>
  17. </view>
  18. </view>
  19. <!--
  20. <view class="row" @click="go('/pages/test/index')">
  21. <view class="out">
  22. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  23. <view class="tit omit">设备借还记录</view>
  24. </view>
  25. </view>
  26. <view class="row" @click="go('/pages/test/index')">
  27. <view class="out">
  28. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  29. <view class="tit omit">设备借还记录</view>
  30. </view>
  31. </view>
  32. <view class="row" @click="go('/pages/model/index')">
  33. <view class="out">
  34. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  35. <view class="tit omit">设备台账</view>
  36. </view>
  37. </view>
  38. <view class="row" @click="go('/pages/test/index')">
  39. <view class="out">
  40. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  41. <view class="tit omit">设备借还记录</view>
  42. </view>
  43. </view>
  44. <view class="row" @click="go('/pages/test/index')">
  45. <view class="out">
  46. <view class="ioc" style="background-color: #2196F3;"><text class="icon">&#xe6f3;</text></view>
  47. <view class="tit omit">设备借还记录</view>
  48. </view>
  49. </view>-->
  50. <view class="clear"></view>
  51. </view>
  52. </view>
  53. </view>
  54. <view class="ccn">
  55. <view class="cn">
  56. <view class="lable">
  57. <text>审批中心</text>
  58. <text class="more" @click="go('/pages/home/list')">更多></text>
  59. </view>
  60. <view class="list">
  61. <view class="tab"><u-tabs :list="tab" :current="current" @click="click"></u-tabs></view>
  62. <view class="spitem" v-for="(item, index) in list" :key="index" @click="detail(item.formId, item.docId)">
  63. <view class="title">
  64. <text class="icon">&#xe602;</text>
  65. <text class="tit">[{{ item.flowName }}]</text>
  66. <view class="dev">{{ item.subject.summaryText }}</view>
  67. </view>
  68. <view class="desc">
  69. <view class="name">{{ item.initiator }}</view>
  70. <view class="bm omit">{{ item.initiatorDept }}</view>
  71. <view class="date">{{ item.actionTime }}</view>
  72. </view>
  73. <view class="clear"></view>
  74. </view>
  75. </view>
  76. </view>
  77. </view>
  78. </view>
  79. </template>
  80. <script>
  81. export default {
  82. data() {
  83. return {
  84. user: {},
  85. current: 0,
  86. tab: [{ name: '待审批', badge: { value: 5 } }, { name: '已审批' }],
  87. list: [{}, {}, {}, {}, {}]
  88. };
  89. },
  90. onShow() {
  91. this.getData();
  92. },
  93. methods: {
  94. getData() {
  95. this.http.request({
  96. url: this.http.urls.myPending,
  97. success: res => {
  98. console.log('tool_borrowing_empty:' + JSON.stringify(res));
  99. this.tab[0].badge.value=res.data.data.rowCount;
  100. this.list = res.data.data.datas;
  101. this.list.forEach(item => {
  102. item.subject=JSON.parse(item.subject);
  103. item.subject.summaryText=item.subject.summaryText.replace(/\r|\n/ig,"");
  104. });
  105. }
  106. });
  107. },
  108. //跳转
  109. go(url) {
  110. uni.navigateTo({ url: url });
  111. },
  112. click(e) {},
  113. //跳转到详情
  114. detail(formId, id) {
  115. var url;
  116. if(formId=='__0FLGNncOS1lz0T9jsFn'){
  117. url='/pages/index/detail?id=';
  118. }else if(formId=='__LcDaGhYHt5xOSeHMCs0'){
  119. url='/pages/model/return?id=';
  120. }else if(formId=='__w9J1gxcIWgXmNw6pE1F'){
  121. url='/pages/model/borrowing?id=';
  122. }
  123. uni.navigateTo({
  124. url: url+ id + '&ste=1&formId=' + formId
  125. });
  126. },
  127. //退出登录
  128. exit() {
  129. uni.showModal({
  130. title: '提示',
  131. content: '确定退出登录?',
  132. success: res => {
  133. if (res.confirm) {
  134. uni.removeStorageSync('user');
  135. this.user = {};
  136. }
  137. }
  138. });
  139. }
  140. },
  141. //下拉刷新
  142. onPullDownRefresh() {
  143. setTimeout(() => {
  144. this.getData();
  145. uni.stopPullDownRefresh();
  146. }, 1000);
  147. }
  148. };
  149. </script>
  150. <style lang="scss">
  151. page {
  152. background-color: #f1f0f1;
  153. }
  154. .banner {
  155. image {
  156. width: 100%;
  157. }
  158. }
  159. .ccn {
  160. padding: 13px;
  161. overflow: hidden;
  162. position: relative;
  163. margin-top: -15px;
  164. .cn {
  165. background-color: white;
  166. border-radius: 8px;
  167. padding: 10px;
  168. box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  169. .rows {
  170. margin-top: 3%;
  171. .row {
  172. float: left;
  173. width: 33.33%;
  174. text-align: center;
  175. .out {
  176. padding: 5px;
  177. .ioc {
  178. width: 40px;
  179. height: 40px;
  180. background-color: red;
  181. border-radius: 40%;
  182. text-align: center;
  183. margin: 0 auto;
  184. line-height: 40px;
  185. .icon {
  186. font-size: 19px;
  187. color: white;
  188. }
  189. }
  190. .tit {
  191. font-size: 14px;
  192. margin-top: 5px;
  193. color: #848484;
  194. }
  195. }
  196. }
  197. }
  198. .lable {
  199. font-size: 17px;
  200. color: $font-c;
  201. font-weight: bold;
  202. .more {
  203. float: right;
  204. font-size: 14px;
  205. font-weight: normal;
  206. color: #848484;
  207. }
  208. }
  209. .list {
  210. .tab {
  211. background-color: aliceblue;
  212. border-radius: 3px;
  213. margin-top: 7px;
  214. }
  215. }
  216. }
  217. }
  218. </style>