focus.vue 720 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div>
  3. <el-input placeholder="请选择供应商" v-model="propValue" class="input-organizationName" clearable :readonly="true">
  4. <el-button slot="append" icon="el-icon-more" @click="handleSupplier"></el-button>
  5. </el-input>
  6. <!-- 选择机构名称 -->
  7. <supplier-modal ref="supplierModal" @confirm="confirm" />
  8. </div>
  9. </template>
  10. <script lang="ts">
  11. import { Component, Prop, Vue, Watch } from "vue-property-decorator";
  12. @Component
  13. export default class Focus extends Vue {
  14. @Prop()
  15. propValue : any
  16. handleSupplier() {
  17. (this.$refs.supplierModal as any).setShow(true);
  18. }
  19. // 确定机构名称
  20. confirm(e : any) {
  21. this.$emit('getSupplierModal', e[0])
  22. }
  23. }
  24. </script>
  25. <style>
  26. </style>