useCar.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. <template>
  2. <view>
  3. <view style="padding:5rpx 20rpx 45rpx 20rpx;">
  4. <view class="desc">
  5. <uni-row>
  6. <uni-col :span="5">
  7. <view class="desc" style="font-size: 25rpx;">
  8. 申请人
  9. </view>
  10. </uni-col>
  11. <uni-col :span="19">
  12. <view>
  13. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  14. </uni-easyinput>
  15. </view>
  16. </uni-col>
  17. </uni-row>
  18. </view>
  19. <view class="desc">
  20. <uni-row>
  21. <uni-col :span="5">
  22. <view class="desc" style="font-size: 25rpx;">
  23. 申请部门
  24. </view>
  25. </uni-col>
  26. <uni-col :span="19">
  27. <view>
  28. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  29. </uni-easyinput>
  30. </view>
  31. </uni-col>
  32. </uni-row>
  33. </view>
  34. <view class="desc">
  35. <uni-row>
  36. <uni-col :span="5">
  37. <view class="desc" style="font-size: 25rpx;">
  38. 申请时间
  39. </view>
  40. </uni-col>
  41. <uni-col :span="19">
  42. <view>
  43. <uni-datetime-picker type="date" :clear-icon="false" v-model="form.leaveStartTime"
  44. @maskClick="maskClick" @change="onchange()" />
  45. </view>
  46. </uni-col>
  47. </uni-row>
  48. </view>
  49. <view class="desc">
  50. <view class="desc" style="font-size: 25rpx;">
  51. 申请事由:
  52. </view>
  53. <view>
  54. <uni-easyinput type="textarea" primaryColor="#37babd" v-model="form.totalTime">
  55. </uni-easyinput>
  56. </view>
  57. </view>
  58. <view class="desc">
  59. <uni-row>
  60. <uni-col :span="5">
  61. <view class="desc" style="font-size: 25rpx;">
  62. 乘车人数
  63. </view>
  64. </uni-col>
  65. <uni-col :span="19">
  66. <view>
  67. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  68. </uni-easyinput>
  69. </view>
  70. </uni-col>
  71. </uni-row>
  72. </view>
  73. <view class="desc">
  74. <uni-row>
  75. <uni-col :span="5">
  76. <view class="desc" style="font-size: 25rpx;">
  77. 车型车号
  78. </view>
  79. </uni-col>
  80. <uni-col :span="19">
  81. <view>
  82. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  83. </uni-easyinput>
  84. </view>
  85. </uni-col>
  86. </uni-row>
  87. </view>
  88. <view class="desc">
  89. <uni-row>
  90. <uni-col :span="5">
  91. <view class="desc" style="font-size: 25rpx;">
  92. 始发地
  93. </view>
  94. </uni-col>
  95. <uni-col :span="19">
  96. <view>
  97. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  98. </uni-easyinput>
  99. </view>
  100. </uni-col>
  101. </uni-row>
  102. </view>
  103. <view class="desc">
  104. <uni-row>
  105. <uni-col :span="5">
  106. <view class="desc" style="font-size: 25rpx;">
  107. 目的地
  108. </view>
  109. </uni-col>
  110. <uni-col :span="19">
  111. <view>
  112. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  113. </uni-easyinput>
  114. </view>
  115. </uni-col>
  116. </uni-row>
  117. </view>
  118. <view class="desc">
  119. <uni-row>
  120. <uni-col :span="5">
  121. <view class="desc" style="font-size: 25rpx;">
  122. 出发时间
  123. </view>
  124. </uni-col>
  125. <uni-col :span="19">
  126. <view>
  127. <uni-datetime-picker type="date" :clear-icon="false" v-model="form.leaveStartTime"
  128. @maskClick="maskClick" @change="onchange()" />
  129. </view>
  130. </uni-col>
  131. </uni-row>
  132. </view>
  133. <view class="desc">
  134. <uni-row>
  135. <uni-col :span="5">
  136. <view class="desc" style="font-size: 25rpx;">
  137. 归还时间
  138. </view>
  139. </uni-col>
  140. <uni-col :span="19">
  141. <view>
  142. <uni-datetime-picker type="date" :clear-icon="false" v-model="form.leaveStartTime"
  143. @maskClick="maskClick" @change="onchange()" />
  144. </view>
  145. </uni-col>
  146. </uni-row>
  147. </view>
  148. <view class="desc">
  149. <view class="desc" style="font-size: 25rpx;">
  150. 申请用途:
  151. </view>
  152. <view>
  153. <uni-easyinput type="textarea" primaryColor="#37babd" v-model="form.totalTime">
  154. </uni-easyinput>
  155. </view>
  156. </view>
  157. </view>
  158. <u-gap height="70" bgColor="#ffffff"></u-gap>
  159. <view class="bottim_view">
  160. <view>
  161. <u-row>
  162. <u-col span="11">
  163. <u-button :disabled="isDisabled" class="btnDoPay" shape="circle" @click="submit"
  164. color="rgb(55,186,189)" text="提交"></u-button>
  165. </u-col>
  166. </u-row>
  167. </view>
  168. </view>
  169. </view>
  170. </template>
  171. <script>
  172. export default {
  173. data() {
  174. return {
  175. isDisabled: false,
  176. index: 0,
  177. wpTypes: ['办公用品', '固定资产', '低值易耗品', '广告印刷品', '其他']
  178. }
  179. },
  180. methods: {
  181. submit() {
  182. },
  183. onchange(e) {
  184. setTimeout(() => {
  185. }, 200)
  186. },
  187. maskClick(e) {},
  188. bindPickerChange: function(e) {
  189. this.index = e.detail.value
  190. },
  191. }
  192. }
  193. </script>
  194. <style lang="scss" scoped>
  195. .desc {
  196. padding: 15rpx 5rpx;
  197. }
  198. .bottim_view {
  199. padding: 5px 20px 30px;
  200. position: fixed;
  201. left: 0px;
  202. bottom: 0px;
  203. width: 100%;
  204. height: 40px;
  205. background-color: #ffffff;
  206. }
  207. </style>