|
@@ -9,39 +9,68 @@
|
|
|
cancelText="关闭">
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
<a-form :form="form">
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="登记人" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input :disabled=true v-decorator="[ 'registrantPerson', validatorRules.registrantPerson]" placeholder="请输入登记人"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="登记部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input :disabled=true v-decorator="[ 'registrantDepart', validatorRules.registrantDepart]" placeholder="请输入登记部门"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="车牌号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'number', validatorRules.number]" placeholder="请输入车牌号"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="车辆型号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-select placeholder="请选择车辆型号" v-decorator="[ 'carType', validatorRules.carType]" >
|
|
|
+ <a-select-option value="轿车">轿车</a-select-option>
|
|
|
+ <a-select-option value="SUV">SUV</a-select-option>
|
|
|
+ <a-select-option value="货车">货车</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="品牌" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'carBrand', validatorRules.carBrand]" placeholder="请输入品牌"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="发动机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'engineNum', validatorRules.engineNum]" placeholder="请输入发动机号"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="车架号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'vin', validatorRules.vin]" placeholder="请输入车架号" ></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="购车时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择购车时间" v-decorator="[ 'purchaseDate', validatorRules.purchaseDate]" :trigger-change="true"></j-date>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="购车价格" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input-number v-decorator="[ 'price', validatorRules.price]" placeholder="请输入购车价格" style="width: 100%"></a-input-number>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
|
|
|
- <a-form-item label="车牌号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-input v-decorator="[ 'number', validatorRules.number]" placeholder="请输入车牌号"></a-input>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="车辆类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-select placeholder="请选择车辆类型" v-decorator="[ 'carType', validatorRules.carType]" >
|
|
|
- <a-select-option value="中巴">中巴</a-select-option>
|
|
|
- <a-select-option value="轿车">轿车</a-select-option>
|
|
|
- <a-select-option value="大巴">大巴</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="能源类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-select placeholder="请选择能源类型" v-decorator="[ 'energyType', validatorRules.energyType]" >
|
|
|
- <a-select-option value="燃油">燃油</a-select-option>
|
|
|
- <a-select-option value="电能源">电能源</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="座位数量" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-input v-decorator="[ 'seat', validatorRules.seat]" placeholder="请输入座位数量"></a-input>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="购买价格" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-input-number v-decorator="[ 'price', validatorRules.price]" placeholder="请输入购买价格" style="width: 100%"/>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="购置日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <j-date placeholder="请选择购置日期" v-decorator="[ 'purchaseDate', validatorRules.purchaseDate]" :trigger-change="true" style="width: 100%"/>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="发动机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-input v-decorator="[ 'engineNum', validatorRules.engineNum]" placeholder="请输入发动机号码"></a-input>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="车架号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <a-input v-decorator="[ 'vin', validatorRules.vin]" placeholder="请输入车架号"></a-input>
|
|
|
- </a-form-item>
|
|
|
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'remark', validatorRules.remark]" placeholder="请输入备注"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ <a-col :span="24">
|
|
|
+ <a-form-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-upload v-decorator="['accesory', validatorRules.accesory]" :trigger-change="true"></j-upload>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
</a-form>
|
|
|
</a-spin>
|
|
|
</a-modal>
|
|
@@ -52,18 +81,21 @@
|
|
|
import { httpAction } from '@/api/manage'
|
|
|
import pick from 'lodash.pick'
|
|
|
import { validateDuplicateValue } from '@/utils/util'
|
|
|
- import JDate from '@/components/jeecg/JDate'
|
|
|
+ import JDate from '@/components/jeecg/JDate'
|
|
|
+ import {mapGetters} from 'vuex'
|
|
|
+ import JUpload from '@/components/jeecg/JUpload'
|
|
|
|
|
|
export default {
|
|
|
name: "CarModal",
|
|
|
- components: {
|
|
|
+ components: {
|
|
|
JDate,
|
|
|
+ JUpload
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
form: this.$form.createForm(this),
|
|
|
title:"操作",
|
|
|
- width:800,
|
|
|
+ width:1300,
|
|
|
visible: false,
|
|
|
model: {},
|
|
|
labelCol: {
|
|
@@ -76,24 +108,28 @@
|
|
|
},
|
|
|
confirmLoading: false,
|
|
|
validatorRules: {
|
|
|
- number: {rules: [
|
|
|
- ]},
|
|
|
- carType: {rules: [
|
|
|
- ]},
|
|
|
- energyType: {rules: [
|
|
|
- ]},
|
|
|
- seat: {rules: [
|
|
|
+ registrantPerson: {rules: [{ required: true, message: '不能为空!' }
|
|
|
+ ]},
|
|
|
+ registrantDepart: {rules: [{ required: true, message: '不能为空!' }
|
|
|
+ ]},
|
|
|
+ carBrand: {rules: [{ required: true, message: '不能为空!' }
|
|
|
+ ]},
|
|
|
+ engineNum: {rules: [{ required: true, message: '不能为空!' }
|
|
|
+ ]},
|
|
|
+ number: {rules: [{ required: true, message: '不能为空!' }
|
|
|
]},
|
|
|
- price: {rules: [
|
|
|
+ carType: {rules: [{ required: true, message: '不能为空!' }
|
|
|
]},
|
|
|
- purchaseDate: {rules: [
|
|
|
+ price: {rules: [{ required: true, message: '不能为空!' }
|
|
|
]},
|
|
|
- engineNum: {rules: [
|
|
|
+ purchaseDate: {rules: [{ required: true, message: '不能为空!' }
|
|
|
]},
|
|
|
- vin: {rules: [
|
|
|
+ vin: {rules: [{ required: true, message: '不能为空!' }
|
|
|
]},
|
|
|
+ remark: {rules: [
|
|
|
+ ]},
|
|
|
accesory: {rules: [
|
|
|
- ]},
|
|
|
+ ]},
|
|
|
},
|
|
|
url: {
|
|
|
add: "/oa/car/add",
|
|
@@ -104,15 +140,16 @@
|
|
|
created () {
|
|
|
},
|
|
|
methods: {
|
|
|
+ ...mapGetters(["nickname", "avatar","userInfo"]),
|
|
|
add () {
|
|
|
- this.edit({});
|
|
|
+ this.edit({registrantPerson:this.userInfo().realname,registrantDepart:this.userInfo().deptName});
|
|
|
},
|
|
|
edit (record) {
|
|
|
this.form.resetFields();
|
|
|
this.model = Object.assign({}, record);
|
|
|
this.visible = true;
|
|
|
this.$nextTick(() => {
|
|
|
- this.form.setFieldsValue(pick(this.model,'number','carType','energyType','seat','price','purchaseDate','engineNum','vin','accesory'))
|
|
|
+ this.form.setFieldsValue(pick(this.model,'registrantPerson','registrantDepart','carBrand','remark','number','carType','price','purchaseDate','engineNum','vin','accesory'))
|
|
|
})
|
|
|
},
|
|
|
close () {
|
|
@@ -148,17 +185,15 @@
|
|
|
that.close();
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
})
|
|
|
},
|
|
|
handleCancel () {
|
|
|
this.close()
|
|
|
},
|
|
|
popupCallback(row){
|
|
|
- this.form.setFieldsValue(pick(row,'number','carType','energyType','seat','price','purchaseDate','engineNum','vin','accesory'))
|
|
|
+ this.form.setFieldsValue(pick(row,'registrantPerson','registrantDepart','carBrand','remark','number','carType','price','purchaseDate','engineNum','vin','accesory'))
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
</script>
|