index.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template>
  2. <div>
  3. <p class="search__label">{{ $t('应用') }}:</p>
  4. <el-select
  5. class="inline-24"
  6. size="small"
  7. v-model="application"
  8. :placeholder="$t('请选择范围')"
  9. @change="applicationChange"
  10. >
  11. <el-option
  12. v-for="item in applicationList"
  13. :key="item.index"
  14. :label="$t(item.label)"
  15. :value="item.value"
  16. ></el-option>
  17. </el-select>
  18. </div>
  19. </template>
  20. <script>
  21. export default {
  22. name: "index",
  23. props:{
  24. application:String
  25. },
  26. data(){
  27. return {
  28. applicationList:[
  29. {
  30. label: '销售线索',
  31. value: "1",
  32. },
  33. {
  34. label: '客户',
  35. value: "2",
  36. },
  37. {
  38. label: '合同',
  39. value: "3",
  40. },
  41. {
  42. label: '项目商机',
  43. value: "4",
  44. },
  45. {
  46. label: '报价单',
  47. value: "5",
  48. },
  49. {
  50. label: '合作伙伴',
  51. value: "6",
  52. },
  53. {
  54. label: '商品',
  55. value: "7",
  56. },
  57. {
  58. label: '公海线索',
  59. value: "8",
  60. }
  61. ],
  62. }
  63. },
  64. methods:{
  65. applicationChange(val){
  66. this.application = val
  67. this.$emit("changeApplication",val)
  68. },
  69. }
  70. }
  71. </script>
  72. <style scoped>
  73. </style>