<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="name"> 
 | 
                <el-input v-model="form.name" placeholder="请输入公司类型" v-trim/> 
 | 
            </el-form-item> 
 | 
            <el-form-item label="状态" prop="status"> 
 | 
                <el-select v-model="form.status" placeholder="请选择"> 
 | 
                    <el-option label="启用" value="0"></el-option> 
 | 
                    <el-option label="禁用" value="1"></el-option> 
 | 
                </el-select> 
 | 
            </el-form-item> 
 | 
            <el-form-item label="备注" prop="remark"> 
 | 
                <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" v-trim/> 
 | 
            </el-form-item> 
 | 
        </el-form> 
 | 
    </GlobalWindow> 
 | 
</template> 
 | 
  
 | 
<script> 
 | 
import BaseOpera from '@/components/base/BaseOpera' 
 | 
import GlobalWindow from '@/components/common/GlobalWindow' 
 | 
export default { 
 | 
  name: 'OperaCategoryWindow', 
 | 
  extends: BaseOpera, 
 | 
  components: { GlobalWindow }, 
 | 
  data () { 
 | 
    return { 
 | 
      // 表单数据 
 | 
      form: { 
 | 
        id: null, 
 | 
        name: '', 
 | 
        remark: '', 
 | 
        status: '' 
 | 
      }, 
 | 
      // 验证规则 
 | 
      rules: { 
 | 
        name: [ 
 | 
          { required: true, message: '请输入公司类型', trigger: 'blur' } 
 | 
        ], 
 | 
        status: [ 
 | 
          { required: true, message: '请选择是否启用', trigger: 'change' } 
 | 
        ] 
 | 
      } 
 | 
    } 
 | 
  }, 
 | 
  created () { 
 | 
    this.config({ 
 | 
      api: '/business/category', 
 | 
      'field.id': 'id' 
 | 
    }) 
 | 
  } 
 | 
} 
 | 
</script> 
 |