美文网首页
统一组件不同引用及传值显示不同

统一组件不同引用及传值显示不同

作者: 兰夏天 | 来源:发表于2019-12-10 15:49 被阅读0次
     <a-form>    
       <a-row>
     
     <a-col
              class="widthtime"
              :sm="24"
              :md="12"
              :lg="8"
              :lx="8"
              v-if="'starttime' in queryCondition">
              <a-form-item label="开始时间">
                <a-date-picker
                  v-model="efmobj.starttime"
                  showTime
                  format="YYYY-MM-DD HH:mm:ss"
                  placeholder="开始时间"
                />
              </a-form-item>
            </a-col>
            <a-col
              class="widthtime"
              :sm="24"
              :md="12"
              :lg="8"
              :lx="8"
              v-if="'endtime' in queryCondition">
              <a-form-item label="结束时间" style="widht:100%;">
                <a-date-picker
                  v-model=" efmobj.endtime"
                  showTime
                  format="YYYY-MM-DD HH:mm:ss"
                  placeholder="结束时间"
                />
              </a-form-item>
            </a-col>
       </a-row>
        </a-form>
    
      props: {
        showtime: String
      },
    data(){
    return{  
     efmobj: {
            endtime: moment().endOf('day'),
            starttime: moment().startOf('day')
          }
    }
    },
     mounted () {
        let that = this
        switch (this.showtime) {
          case 'hour':
            that.efmobj.starttime = moment().startOf('hour')
            that.efmobj.endtime = moment().startOf('hour').add(1, 'hour')
            break
          case 'day':
            that.efmobj.starttime = moment().startOf('day')
            that.efmobj.endtime = moment().endOf('day')
            break
          default:
            that.efmobj.starttime = moment().startOf('day')
            that.efmobj.endtime = moment().endOf('day')
        }
    
        this.getfactorydata()
      },
    

    相关文章

      网友评论

          本文标题:统一组件不同引用及传值显示不同

          本文链接:https://www.haomeiwen.com/subject/jusggctx.html