css

liuying

2024-04-25 e99c3b2d8f6b23a1e9663655236dd42bbdd67184

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<template>
  <a-form layout="inline">
    <a-form-item label="产线">
      <a-select v-model="form.line" class="slect-width">
        <a-select-option v-for="(item,index) in selectList.lines" :key="'line-sel-'+index" :value="item.id">{{item.name}}</a-select-option>
      </a-select>
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click.stop="onSearch">查询</a-button>
    </a-form-item>
  </a-form>
</template>
 
<script>
import { GetProductionLines } from '@/api/modular/main/StationViewManage'
export default {
  name:'stationViewSearchCompontent',
  emits:['update:loading','search'],
  data(){
    return {
      loading:{
        type:Boolean,
        default:false
      },
      form:{
        line :null
      },
      selectList:{
        lines:[]
      }
    }
  },
  methods:{
    init(callback){
      this.getSelectListLines((f)=>{
        if (f) {
          callback && callback(true,this.form.line)
        } else {
          callback && callback(false)
        }
      })
    },
    getSelectListLines(callback){
      GetProductionLines().then((d)=>{
        this.selectList.lines = d.data || [];
        if (this.selectList.lines.length>0) {
          this.form.line = this.selectList.lines[0].id
          callback && callback(true)
        } else {
          callback && callback(false)
        }
      }).catch(()=>{
        callback && callback(false)
      })
    },
    onSearch(){
      if (!this.form.line) {
        this.$error({
          title: '系统提示',
          content: '请选择产线！',
        });
        return false;
      }
      this.$emit('search',this.form.line)
    }
  }
}
</script>
 
<style lang="less" scoped>
.slect-width{
  width:180px
}
</style>