<template>
  <div id="nav">
    <!-- <QdmButton name="test" background="red"></QdmButton>
    <QdmAside controlHtml :menuList="urllist" :list="newlist" activeIndex="/storeManage/hotItemManage/eventlist"></QdmAside>
    <QdmBox>QdmBox</QdmBox>
    <QdmBread name="test" :list="urllist"></QdmBread>
    <QdmCascader name="test" :value="Cascadervalue" :list="Cascaderlist" @cascaderReturn="cascaderReturn"></QdmCascader>
    <QdmButton background="red" color="#fff" name="导出明细" customBtn="exporte" @click="show = true"></QdmButton>
    <QdmDialog :title="'查询'" :show="show" @handleClose="handleClose">
      <span>1</span>
    </QdmDialog>
    <QdmEditor uploadUrl="http://iam-api-qa.qdama.cn/qdm-b2b/api/public/v1/file/upload" titleShow must name="test" :contentHtml="contentHtml" @editorReturn="editorReturn"></QdmEditor>
    <QdmInfo name="test" value="测试cs54451515s45"></QdmInfo>
    <QdmInput onkeyupNumber :value="value" :name="'查询1'" :must="true" @inputReturn="inputReturn"></QdmInput>
    <QdmLinkage must filterable name="test" :oneList="oneList" :twoList="twoList" :thrList="thrList"></QdmLinkage>
    <QdmPage :page="1" :total="100"></QdmPage>
    <QdmPicke :colSpan="80" must name="收货时段" type="range" :timeValue="date" @pickeReturn="scopeReturn"></QdmPicke>
    <QdmRadio :name="'查询'" :must="true" :value="radio" :list="list" @radioReturn="radioReturn"></QdmRadio>
    <QdmScope name="test" :min="min" :max="max" @scopeReturn="scopeinputReturn"></QdmScope>
    <QdmSearch :name="'查询'" :inline="true" :value="Searchvalue" @inputReturn="inputReturnSearch"></QdmSearch>
    <QdmSelect
	  :colSpan="40"
	  inline
	  allStatus
	  :value="value"
	  :list="newlist"
	  name="仓库"
	  filterable></QdmSelect>
    <QdmTable
	  :tableData="tableData"
	  :columnList="columnList"
	  :operationWidth="300"
	  :height="null"
	  index
	  :operationList="operationList"
	  @operationReturn="operationReturn"
	  @sortChangReturn="sortChangReturn"></QdmTable>
    <QdmTitle>test</QdmTitle>
    <QdmButton background="red" color="#fff" name="导出明细" customBtn="exporte" @click="QdmTransfershowfn"></QdmButton>
    <QdmTransfer
    ref="QdmTransfer"
    :show="QdmTransfershow"
    @handleClose="handleClose"></QdmTransfer>
    <QdmTree filter :defaultProps="defaultProps" :list="treelist"></QdmTree>
    <QdmUpload uploadType="img" :size="0.3"></QdmUpload>-->
    <!-- <QdmAside
    genre="latest"
    :menuList="urllist"
    :list="newlist"
    :sysList="newlist"
    background="#fff"
    textColor="#333"
    rightBackground="#2666CC"
    activeIndex="/storeManage/hotItemManage/eventlist"></QdmAside>-->
  </div>
  <router-view />
</template>
<script>
// import QdmButton from '@/components/QdmButton'
// import QdmAside from '@/components/QdmAside'
// import QdmBox from '@/components/QdmBox'
// import QdmBread from '@/components/QdmBread'
// import QdmCascader from '@/components/QdmCascader'
// import QdmDialog from '@/components/QdmDialog'
// import QdmEditor from '@/components/QdmEditor'
// import QdmInfo from '@/components/QdmInfo'
// import QdmInput from '@/components/QdmInput'
// import QdmLinkage from '@/components/QdmLinkage'
// import QdmPage from '@/components/QdmPage'
// import QdmPicke from '@/components/QdmPicke'
// import QdmRadio from '@/components/QdmRadio'
// import QdmScope from '@/components/QdmScope'
// import QdmSearch from '@/components/QdmSearch'
// import QdmSelect from '@/components/QdmSelect'
// import QdmTable from '@/components/QdmTable'
// import QdmTitle from '@/components/QdmTitle'
// import QdmTransfer from '@/components/QdmTransfer'
// import QdmTree from '@/components/QdmTree'
// import QdmUpload from '@/components/QdmUpload'
import QdmVideo from '@/components/QdmVideo'
export default {
  components: {
    // QdmAside,
    QdmVideo
  },
  // components: {
  //   QdmButton,
  //   // QdmAside,
  //   // QdmBox,
  //   QdmBread,
  //   QdmCascader,
  //   QdmDialog,
  //   // QdmEditor
  //   QdmInfo,
  //   QdmInput,
  //   QdmLinkage,
  //   QdmPage,
  //   QdmPicke,
  //   QdmRadio,
  //   QdmScope,
  //   QdmSearch,
  //   QdmSelect,
  //   QdmTable,
  //   QdmTitle,
  //   QdmTransfer,
  //   QdmTree,
  //   QdmUpload
  // },
  data() {
    return {
      imgArr: [],
      contentHtml: '',
      show: false,
      radio: '1',
      list: [
        { id: '1', name: 'a' },
        { id: '2', name: 'b' }
      ],
      newlist: [
        { label: '1', value: 'a' },
        { label: '2', value: 'b' }
      ],
      leftList: [
        { label: '1', value: 'a', show: true },
        { label: '2', value: 'b', show: true },
        { label: '3', value: 'c', show: true }
      ],
      rightList: [{ label: '2', value: 'b' }],
      selvalue: '',
      value: '',
      Searchvalue: '',
      urllist: [
        {
          url: '/storeManage/hotItemManage/eventlist',
          name: 'a',
          id: '1',
          childrens: [
            {
              name: '账户管理',
              id: 'accountManagement',
              url: '/systemAccountManagement'
            }
          ]
        },
        { url: '/storeManage/hotItemManage/eventlist', name: 'b', id: '2' }
      ],
      defaultProps: {
        label: 'name',
        children: 'list'
      },
      treelist: [
        {
          name: '一级 1',
          list: [
            {
              name: '二级 1-1',
              list: [
                {
                  name: '三级 1-1-1',
                  id: '1515'
                }
              ]
            }
          ]
        },
        {
          name: '一级 2',
          list: [
            {
              name: '二级 2-1',
              list: [
                {
                  name: '三级 2-1-1'
                }
              ]
            },
            {
              name: '二级 2-2',
              list: [
                {
                  name: '三级 2-2-1'
                }
              ]
            }
          ]
        }
      ],
      min: null,
      max: null,
      Cascadervalue: null,
      Cascaderlist: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致'
                },
                {
                  value: 'fankui',
                  label: '反馈'
                },
                {
                  value: 'xiaolv',
                  label: '效率'
                },
                {
                  value: 'kekong',
                  label: '可控'
                }
              ]
            }
          ]
        }
      ],
      oneList: [
        { label: '1', value: '1' },
        { label: '2', value: '2' }
      ],
      twoList: [
        { label: '1-1', value: '1-1' },
        { label: '2-1', value: '2-1' }
      ],
      thrList: [{ label: '1-1-1', value: '1-1-1' }],
      one: '',
      two: '',
      thr: '',
      tableData: [
        {
          warehouse: 'B端业务仓',
          order: 'OD12345678'
        }
      ],
      columnList: [
        { label: '仓库', code: 'warehouse', fixed: 'left' },
        { label: '订单单号', code: 'order', width: '120px' },
        { label: '单据类型', code: 'type', width: '120px' },
        { label: '客户编码', code: 'code' },
        { label: '客户名称', code: 'name' },
        { label: '订单明细', code: 'detail' },
        { label: '订单总额', code: 'amount', align: 'right' },
        { label: '折扣金额', code: 'money', align: 'right' },
        { label: '优惠券金额', code: 'coupons', align: 'right' },
        { label: '物流费用', code: 'logistics', align: 'right' },
        { label: '支付金额', code: 'Payamount', align: 'center', type: 'switch' },
        { label: '支付状态', code: 'Paymentstatus' },
        { label: '退货状态', code: 'Returnstate' },
        { label: '差补状态', code: 'Poorstate' },
        { label: '下单时间', code: 'ordertime' },
        { label: '到货日期', code: 'arrivaldate' }
      ],
      operationList: [
        { label: '详情', color: 'bule' },
        { label: '编辑', color: 'green' },
        { label: '删除', color: 'red' },
        { label: '上架', color: 'grey' },
        { label: '下架', color: 'orange' }
      ],
      QdmTransfershow: false,
      date: []
    }
  },
  methods: {
    sortChangReturn(name) {
      console.log(name)
    },
    QdmTransfershowfn() {
      this.QdmTransfershow = true
      this.$refs.QdmTransfer.getData(this.leftList, this.rightList)
    },
    scopeReturn(val) {
      console.log(val)
    },
    handleClose() {
      this.show = false
      this.QdmTransfershow = false
    },
    showFn() {
      this.value = ''
      this.selvalue = ''
      this.min = ''
      this.max = ''
      this.Cascadervalue = null
    },
    selectReturn(val) {
      this.selvalue = val
    },
    radioReturn(val) {
      console.log(val)
    },
    inputReturn(val) {
      this.value = val
    },
    inputReturnSearch(val) {
      console.log(val)
    },
    scopeinputReturn(min, max) {
      this.min = min
      this.max = max
    },
    cascaderReturn(val) {
      this.Cascadervalue = val
    },
    operationReturn(item, data) {
      console.log(item)
      console.log(data)
    },
    editorReturn(html) {
      console.log(html)
    }
  }
}
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

#nav {
  padding: 0px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>
