<tmplate>
  <v-dialog v-model="dialog_choose" width="350px">
      <v-layout row>
          <v-flex xs12>
              <v-card>
                  <v-card-text>
                    Test Card 
                  </v-card-text>
                  <v-card-actions>
                  <v-spacer></v-spacer>
                  <v-btn
                      color="info"
                      flat
                      @click="selectReport()"
                  >
                  Pilih
                  </v-btn>
              </v-card-actions>
              </v-card>
          </v-flex>
      </v-layout>
  </v-dialog>
  <v-btn
      color="info"
      flat
      @click="dialog_choose = true"
  >
 Gabung Laporan 
  </v-btn>
  <one-dialog-print :title="printtitle" :width="printwidth" :height="550" :status="openprint" :urlprint="urlprint" @close-dialog-print="openprint= false">
  </one-dialog-print>
</template>

<script>
module.exports = {
  components : {
    'one-dialog-print':httpVueLoader('../../common/oneDialogPrintX.vue'),
  },
  data () {
    return {
      dialog_choose:false,
      urlprint:'',
      printtitle:'Merge Report',
      printwidth:'60%',
      isLoading:false,
      openprint: false,
      orderHeaderID: 0,
      selectedReport: [],
      reports : [ {id:'lab',name:'Hasil Lab'}, {id:'xray',name:'Hasil Rontgent'}, {id:'ecg',name:'Hasil Ecg'} ]
    }
  },
  props:["id"],
  mounted() {
    checkReport()//this.$store.dispatch("paymentnew/lookup_type")
  },
  methods : {
    selectReport() {
      console.log('SelectedReport', selectedReport);
    }
  },
  watch : {
    async id(n,o) {
      if (n == 0) return;
      console.log('Check Report');
    }
  } 
</script>
