index.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <template>
  2. <el-select
  3. v-model="xmId"
  4. filterable
  5. placeholder="请选择"
  6. :loading="loading"
  7. :disabled="disabled"
  8. style="width: 100%;"
  9. @change="handleProjectChange"
  10. >
  11. <el-option
  12. v-for="item in projectList"
  13. :key="item.id"
  14. :label="item.xmmc"
  15. :value="item.id">
  16. </el-option>
  17. </el-select>
  18. </template>
  19. <script>
  20. import { getAllProjectList, getDetail } from "@/api/projectManage/projectList";
  21. export default {
  22. name: 'ProjectSelect',
  23. props: {
  24. value: [String, Number],
  25. params: Object,
  26. disabled: {
  27. type: Boolean,
  28. default: false
  29. }
  30. },
  31. data() {
  32. return {
  33. xmId: '',
  34. loading: false,
  35. projectList: []
  36. }
  37. },
  38. mounted() {
  39. this.getProjectList();
  40. },
  41. methods: {
  42. findProjectObj(id, callback) {
  43. if (!id) {
  44. return;
  45. }
  46. getDetail({ id, ...this.params }).then(({ data }) => {
  47. let detailData = {};
  48. if (data.success) {
  49. detailData = {
  50. ...data.data,
  51. xmfzrxm: data.data.technicianEntity ? data.data.technicianEntity.name : ''
  52. };
  53. }
  54. callback && callback(detailData);
  55. })
  56. },
  57. getProjectList() {
  58. getAllProjectList(1, 99999).then(({ data }) => {
  59. if (data.success) {
  60. this.projectList = data.data.records;
  61. this.xmId = this.value;
  62. this.findProjectObj(this.value, proData => {
  63. this.$emit('change', proData);
  64. });
  65. }
  66. })
  67. },
  68. handleProjectChange(val) {
  69. this.findProjectObj(val, proData => {
  70. this.$emit('input', val);
  71. this.$emit('change', proData);
  72. });
  73. },
  74. }
  75. }
  76. </script>