<template>
    <div>
      <Button @click="showDetailBtn()" style='margin-top: -6px;' size='small' type="fcdefault">详情</Button>
      <!-- type="fcdefault"  -->
      <Drawer title="" width="1240" :closable="false" v-model="value1" v-if="showDetail"> 
        <!-- v-if="showDetail" -->
        <EditReturnOrderDialog :type="type" :OrderIdFromList="this.$parent.params.data.ID.val" @closeOrderDetail="closeOrderDetail"></EditReturnOrderDialog>   
        <!-- params.ID -->
      </Drawer>
    </div>
  </template>
  <script>
    const R3 = window.R3;
    const { network, urlSearchParams, store } = R3;
    import EditReturnOrderDialog from '../customizedPage/EditReturnOrder.vue'; 
    export default {
        data () {
            return {
                showDetail: false,
                value1: false,
                // pageMsgId:'1242616',
                // showAudioPower: false,
                type: 'list',
            }
        },
        components: {
            EditReturnOrderDialog,
        },
        created() {
        //   this.showAudioPower = localStorage.getItem('showAudioPower') == 'false'?false:true;
        },
        methods: {
          closeOrderDetail() {
            this.value1 = false;
            // this.showDetail = false;
          },
          showDetailBtn() {
            this.value1 = true;
            this.showDetail = true;
          },
        }
    }
  </script>
  