addSpotCheck.vue 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view class="pageInfo">
  3. <view>
  4. <u-form :model="form" ref="uForm">
  5. <u-form-item label="任务名称" label-width="160rpx"><u-input v-model="form.name" /></u-form-item>
  6. <u-form-item label="任务周期" label-width="160rpx"><u-select v-model="form.name" :show="show" mode="single-column" :list="list" @confirm="confirm"></u-select>
  7. <!-- <u-icon name="arrow-right" @click="openSeleteType"></u-icon> -->
  8. </u-form-item>
  9. <u-form-item label="执行日期" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  10. <u-form-item label="执行时间" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  11. <u-form-item label="开始时间" label-width="160rpx"></u-form-item>
  12. <u-form-item label="结束时间" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  13. <u-form-item label="执行类型" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  14. <u-form-item label="考评指标" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  15. <u-form-item label="考评门店" label-width="160rpx"><u-input v-model="form.intro" /></u-form-item>
  16. <u-form-item label="任务有效天数" label-width="180rpx"><u-input v-model="form.intro" /></u-form-item>
  17. </u-form>
  18. <view class="btns">
  19. <u-button class="confirmBtn" type="primary" size="medium" @click="submit">提交</u-button>
  20. <u-button class="cancelBtn" size="medium" @click="submit">取消</u-button>
  21. </view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. export default{
  27. data(){
  28. return{
  29. form: {
  30. name: '',
  31. intro: '',
  32. sex: ''
  33. },
  34. show: false,
  35. list: [
  36. {
  37. value: '1',
  38. label: '江'
  39. },
  40. {
  41. value: '2',
  42. label: '湖'
  43. }
  44. ],
  45. mode: 'date'
  46. }
  47. },
  48. methods:{
  49. confirm(e){
  50. console.log(e)
  51. },
  52. openSeleteType(){
  53. this.show=true
  54. }
  55. }
  56. }
  57. </script>
  58. <style lang="scss">
  59. page{
  60. height: 100%;
  61. };
  62. .pageInfo{
  63. padding:0 40upx;
  64. .btns{
  65. text-align: center;
  66. padding: 50upx 0;
  67. .confirmBtn{
  68. margin-right:20upx;
  69. }
  70. .cancelBtn{
  71. margin-left:20upx;
  72. }
  73. }
  74. }
  75. </style>