conference.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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. <view class="desc" style="font-size: 25rpx;">
  21. 会议议题:
  22. </view>
  23. <view>
  24. <uni-easyinput type="textarea" primaryColor="#37babd" v-model="form.totalTime">
  25. </uni-easyinput>
  26. </view>
  27. </view>
  28. <view class="desc">
  29. <view class="desc" style="font-size: 25rpx;">
  30. 会议参加人员:
  31. </view>
  32. <view>
  33. <uni-easyinput type="textarea" primaryColor="#37babd" v-model="form.totalTime">
  34. </uni-easyinput>
  35. </view>
  36. </view>
  37. <view class="desc">
  38. <uni-row>
  39. <uni-col :span="5">
  40. <view class="desc" style="font-size: 25rpx;">
  41. 会议时间
  42. </view>
  43. </uni-col>
  44. <uni-col :span="19">
  45. <view>
  46. <uni-datetime-picker type="date" :clear-icon="false" v-model="form.leaveStartTime"
  47. @maskClick="maskClick" @change="onchange()" />
  48. </view>
  49. </uni-col>
  50. </uni-row>
  51. </view>
  52. <view class="desc">
  53. <uni-row>
  54. <uni-col :span="5">
  55. <view class="desc" style="font-size: 25rpx;">
  56. 会议室
  57. </view>
  58. </uni-col>
  59. <uni-col :span="19">
  60. <view>
  61. <uni-easyinput primaryColor="#37babd" v-model="form.totalTime">
  62. </uni-easyinput>
  63. </view>
  64. </uni-col>
  65. </uni-row>
  66. </view>
  67. <view class="desc">
  68. <view class="desc" style="font-size: 25rpx;">
  69. 会议室备注:
  70. </view>
  71. <view>
  72. <uni-easyinput type="textarea" primaryColor="#37babd" v-model="form.totalTime">
  73. </uni-easyinput>
  74. </view>
  75. </view>
  76. </view>
  77. <u-gap height="70" bgColor="#ffffff"></u-gap>
  78. <view class="bottim_view">
  79. <view>
  80. <u-row>
  81. <u-col span="11">
  82. <u-button :disabled="isDisabled" class="btnDoPay" shape="circle" @click="submit"
  83. color="rgb(55,186,189)" text="提交"></u-button>
  84. </u-col>
  85. </u-row>
  86. </view>
  87. </view>
  88. </view>
  89. </template>
  90. <script>
  91. export default {
  92. data() {
  93. return {
  94. isDisabled: false,
  95. index: 0,
  96. wpTypes: ['办公用品','固定资产','低值易耗品','广告印刷品','其他']
  97. }
  98. },
  99. methods: {
  100. submit() {
  101. },
  102. onchange(e) {
  103. setTimeout(() => {
  104. }, 200)
  105. },
  106. maskClick(e) {},
  107. bindPickerChange: function(e) {
  108. this.index = e.detail.value
  109. },
  110. }
  111. }
  112. </script>
  113. <style lang="scss" scoped>
  114. .desc {
  115. padding: 15rpx 5rpx;
  116. }
  117. .bottim_view {
  118. padding: 5px 20px 30px;
  119. position: fixed;
  120. left: 0px;
  121. bottom: 0px;
  122. width: 100%;
  123. height: 40px;
  124. background-color: #ffffff;
  125. }
  126. </style>