phoneApply.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <view>
  3. <view>
  4. <hs-input label="申请人" v-model="form.applyUserName" disabled></hs-input>
  5. <hs-dept-select label="申请部门" v-model="form.department" :autofill="true"></hs-dept-select>
  6. <hs-input label="申请时间" v-model="form.createTime" disabled></hs-input>
  7. <hs-dict-select label="申请理由" dictKey="phonenumber_apply_type" v-model="form.applyType" />
  8. <hs-input v-if="form.applyType === '6'" label="其他" v-model="form.remark" model="textarea"></hs-input>
  9. <view class="zysx" style="padding: 10px;color: #999999;">
  10. 使用注意事项:
  11. <p>1、工作用手机套餐费用由中心统一支付,超额话费由个人支付;</p>
  12. <p>2、工作手机应保证24小时开机,确保通讯畅通;</p>
  13. <p>3、人员离职及工作跳动至无需工作手机的岗位时,需想行政办公室报备并归还手机卡;</p>
  14. <p>4、无故不主动交还手机卡的,后续产生手机套餐费用由个人承担;</p>
  15. </view>
  16. </view>
  17. <u-gap height="70" bgColor="#ffffff"></u-gap>
  18. <hs-flow-submit ref="flowSubmit" @verify="verify" :data="form" api="phoneApply"></hs-flow-submit>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {
  25. form: {
  26. applyUserName: '',
  27. applyType: '1',
  28. createTime: ''
  29. }
  30. }
  31. },
  32. onLoad() {
  33. //申请人初始化
  34. this.form.applyUserName = uni.getStorageSync("userInfo").nickName
  35. this.form.createTime = this.$dateResult(new Date().getTime(), 'datetime')
  36. },
  37. methods: {
  38. verify() {
  39. console.log("提交", this.form)
  40. this.$refs.flowSubmit.submit()
  41. },
  42. input(e) {
  43. console.log(e)
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss" scoped>
  49. .desc {
  50. padding: 15rpx 5rpx;
  51. }
  52. .zysx p {
  53. font-size: 22rpx;
  54. }
  55. .bottim_view {
  56. padding: 5px 20px 30px;
  57. position: fixed;
  58. left: 0px;
  59. bottom: 0px;
  60. width: 100%;
  61. height: 40px;
  62. background-color: #ffffff;
  63. }
  64. </style>