bug

jiangping

2023-12-06 1f4e7d0f73a73e7350cf5a1df279d5f30904c5d5

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<template>
  <GlobalWindow
    :title="title"
    :visible.sync="visible"
    :confirm-working="isWorking"
    @confirm="confirm"
  >
    <el-form :model="form" ref="form" :rules="rules">
      <el-form-item label="工装前缀" prop="code">
        <el-input v-model="form.code" placeholder="请输入" v-trim />
      </el-form-item>
      <el-form-item label="工装属性" prop="type">
        <el-select v-model="form.type" placeholder="请选择工装属性" filterable @change="getMaxSerialNum">
          <el-option
            v-for="item in properties()"
            :key="item.id"
            :label="item.code"
            :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="工装类型" prop="categoryId">
        <el-select v-model="form.categoryId" placeholder="请选择工装类型" filterable @change="getMaxSerialNum">
          <el-option
            v-for="item in appTypes()"
            :key="item.id"
            :label="item.combinationName"
            :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="开始序列号" prop="serialStartNum">
        <el-input v-model="form.serialStartNum" placeholder="默认展示当前类型下最大序列号+1" disabled v-trim />
      </el-form-item>
      <el-form-item label="结束序列号" prop="serialEndNum">
        <el-input v-model="form.serialEndNum" placeholder="请输入" v-trim />
      </el-form-item>
    </el-form>
  </GlobalWindow>
</template>
 
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import { getMaxSerialNumByType } from '@/api/ext/appliancesExt'
export default {
  name: 'OperaAppliancesExtWindow',
  extends: BaseOpera,
  components: { GlobalWindow },
  data () {
    const valEndValue = (rule, value, callback) => {
      if (this.form.serialStartNum === '' || this.form.serialStartNum === null) {
        return callback()
      } else if (this.form.serialStartNum > this.form.serialEndNum) {
 
      } else {
        return callback()
      }
    }
    return {
      // appTypes: [
      // ],
      // properties: [
      // ],
      // 表单数据
      form: {
        categoryId: null,
        type: null,
        id: null,
        code: '',
        serialStartNum: '',
        serialEndNum: ''
      },
      // 验证规则
      rules: {
        code: [
          { pattern: /^[a-zA-Z]+$/, message: '只可以输入字母', trigger: 'change' }
        ],
        type: [
          { required: true, message: '请选择工装属性', trigger: 'change' }
        ],
        categoryId: [{ required: true, message: '请选择工装类型', trigger: 'change' }],
        // serialStartNum: [{ required: true, message: '请输入开始序列号', trigger: 'blur' }],
        serialEndNum: [
          { required: true, message: '请输入结束序列号', trigger: 'blur' },
          { required: true, validator: valEndValue, trigger: 'change' },
          { pattern: /^[0-9]+$/, message: '只可以输入数字', trigger: 'change' }
        ]
      }
    }
  },
  inject: ['properties', 'appTypes'],
  created () {
    this.config({
      api: '/ext/appliancesExt',
      'field.id': 'id'
    })
    // checkAllList({ bmodelCateType: 2 })
    //   .then(res => {
    //     this.appTypes = res
    //   })
    //   .catch(err => {
    //     console.log(err)
    //   })
    //  queryListByCode('?dicCode=SYSTEM_APPLIANCE_TYPE')
    //   .then(res => {
    //     // console.log(res)
    //     this.properties = res
    //   })
    //   .catch(err => {
    //     console.log(err)
    //   })
  },
  methods: {
    getMaxSerialNum () {
      if (this.form.categoryId && this.form.type) {
        getMaxSerialNumByType(this.form.categoryId, this.form.type)
          .then(res => {
            // console.log(res)
            this.form.serialStartNum = parseInt(res) + 1
          })
          .catch(err => {
            console.log(err)
          })
      }
    }
  }
}
</script>