<template>
  <Drawer
    :closable="false"
    :mask-closable="false"
    :title="'添加退货'"
    @on-visible-change="visibleChange"
    v-model="my_show"
    width="500"
  >
    <div class="page-edit-wrap uinn-lr20">
      <ui-loading :show="page_loading.show"></ui-loading>

      <ul>
        <li class="ui-list">
          <div class="ui-list-title">
            <span class="title-require"></span>退货时间:
          </div>
          <div class="ui-list-content">
            <p>
              <DatePicker
                placeholder="退货时间"
                placement="bottom-start"
                type="date"
                v-model.trim="params.refunded_at"
              ></DatePicker>
            </p>

            <ul class="common-tips-wraper umar-t5">
              <li class="t-title">提示</li>
              <li class="t-content">未填写将使用当前时间, 注意退货时间须大于销售订单时间</li>
            </ul>
          </div>
        </li>

        <li class="ui-list">
          <div class="ui-list-title">
            <span class="title-require"></span>退货卡号:
          </div>
          <div class="ui-list-content">
            <p>
              <Input placeholder="SIM" type="textarea" v-model="params.sim" />
            </p>
            <ul class="common-tips-wraper umar-t5">
              <li class="t-title">提示</li>
              <li class="t-content">请输入要退货的SIM卡号，一卡一行</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
    <div class="ta-c">
      <Button @click="clear" class="w-80 umar-r5" ghost type="primary">取消</Button>
      <Button :loading="loading" @click="ok" class="w-80" type="primary">提交</Button>
    </div>
  </Drawer>
</template>

<script src="./js/edit.js"></script>
