helloWorld.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <view>
  3. <scroll-view :scroll-y="modalName==null" class="page" :class="modalName!=null?'show':''">
  4. <cu-custom bgColor="bg-luohu" :isBack="true">
  5. <block slot="content">helloWorld</block>
  6. </cu-custom>
  7. <view class="padding flex flex-direction">
  8. <app-select label=" 类 型:" v-model="type" placeholder="请选择类型" :dict="plan_type" space></app-select>
  9. </view>
  10. <view class="padding flex flex-direction">
  11. <my-date label="开始时间:" v-model="beginTime" placeholder="请选择开始时间" required fields="minute"></my-date>
  12. </view>
  13. <view class="padding flex flex-direction">
  14. <uni-calendar :showMonth="true" :selected="selected" />
  15. </view>
  16. <view class="padding flex flex-direction">
  17. <my-image-upload />
  18. </view>
  19. </scroll-view>
  20. </view>
  21. </template>
  22. <script>
  23. const plan_type = [{
  24. text: '日常记录',
  25. value: '1'
  26. }, {
  27. text: '本周工作',
  28. value: '2'
  29. }, {
  30. text: '下周计划',
  31. value: '3'
  32. }];
  33. import appSelect from '@/components/my-componets/appSelect.vue'
  34. import myImageUpload from '@/components/my-componets/my-image-upload.vue'
  35. import myDate from '@/components/my-componets/my-date.vue'
  36. export default {
  37. components: {
  38. appSelect,
  39. myImageUpload,
  40. myDate
  41. },
  42. data() {
  43. return {
  44. modalName: null,
  45. item: {
  46. msg: '退出成功'
  47. },
  48. plan_type,
  49. type: "1",
  50. selected: [],
  51. beginTime: ''
  52. }
  53. },
  54. onLoad: function(option) {
  55. console.log("this.$Route.query", this.$Route.query);
  56. console.log(this.$store)
  57. },
  58. methods: {
  59. }
  60. }
  61. </script>
  62. <style>
  63. </style>