<!--
 * @Author: zwq
 * @Date: 2021-11-18 14:16:25
 * @LastEditors: zwq
 * @LastEditTime: 2022-08-24 15:13:08
 * @Description:
-->
<template>
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px">
      <el-form-item :label="$t('module.basicData.code')" prop="code">
        <el-input v-model="dataForm.code" :placeholder="$t('placeholder.first')+$t('module.basicData.code')"></el-input>
      </el-form-item>
      <el-form-item :label="$t('module.basicData.name')" prop="name">
        <el-input v-model="dataForm.name" :placeholder="$t('placeholder.first')+$t('module.basicData.name')"></el-input>
      </el-form-item>
      <el-form-item :label="$t('module.basicData.unitType')" prop="type">
        <el-select
          v-model="dataForm.type"
          filterable
          :placeholder="$t('placeholder.second')+$t('module.basicData.unitType')"
        >
          <el-option
            v-for="item in typeArr"
            :key="item.value"
            :label="item.name"
            :value="item.value"
          >
          </el-option>
        </el-select>
      </el-form-item>
    </el-form>
</template>

<script>
import basicAdd from '@/mixins/basic-add'
export default {
  mixins: [basicAdd],
  data() {
    return {
      urlOptions: {
          submitURL: '/basic/unit/',
          infoURL: '/basic/unit'
      },
        dataForm: {
          id: '',
          code: '',
          name: '',
          type: ''
        },
        typeArr: [
          {
            name: '不可计数',
            value: 2
          },
          {
            name: '可计数',
            value: 1
          }
        ],
        dataRule: {
          code: [
            { required: true, message: '编码不能为空', trigger: 'blur' }
          ],
          name: [
            { required: true, message: '名称不能为空', trigger: 'blur' }
          ],
          type: [
            { required: true, message: '单位分类不能为空', trigger: 'change' }
          ]
        }
      }
    },
    methods: {
    }
  }
</script>
