css
This commit is contained in:
@@ -2,12 +2,13 @@
|
||||
<el-dialog
|
||||
:title="!dataForm.ticketsId ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
:visible.sync="visible">
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px">
|
||||
:visible.sync="visible"
|
||||
width="500px">
|
||||
<el-form :model="dataForm" :rules="dataRule" label-width="100px" size="mini" ref="dataForm" @keyup.enter.native="dataFormSubmit()">
|
||||
<el-form-item label="小车类型" prop="carType">
|
||||
<el-select v-model="dataForm.carType" placeholder="小车类型">
|
||||
<el-option
|
||||
v-for="item in carTypeOpt"
|
||||
v-for="item in dictsOpt['car_type']"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
@@ -15,9 +16,9 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="异常类型" prop="errorType">
|
||||
<el-select v-model="dataForm.carType" placeholder="小车类型">
|
||||
<el-select v-model="dataForm.carType" placeholder="异常类型">
|
||||
<el-option
|
||||
v-for="item in errorTypeOpt"
|
||||
v-for="item in dictsOpt['error_type']"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
@@ -25,24 +26,35 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="合同编号" prop="contractNumber">
|
||||
<el-input v-model="dataForm.contractNumber" placeholder="合同编号"></el-input>
|
||||
<el-select v-model="dataForm.contractNumber" placeholder="合同编号">
|
||||
<el-option
|
||||
v-for="item in contractOpt"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户" prop="clientId">
|
||||
<el-input v-model="dataForm.clientId" placeholder="客户id"></el-input>
|
||||
<el-select v-model="dataForm.clientId" placeholder="客户">
|
||||
<el-option
|
||||
v-for="item in clientIdOpt"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障描述" prop="description">
|
||||
<el-input v-model="dataForm.description" placeholder="故障描述"></el-input>
|
||||
<el-input type="textarea" :rows="2" placeholder="故障描述" v-model="dataForm.description"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="客户联系电话" prop="deptPhone">
|
||||
<el-input v-model="dataForm.deptPhone" placeholder="客户联系电话"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="dataForm.ticketsId" label="是否验收" prop="isCheck">
|
||||
<el-input v-model="dataForm.isCheck" placeholder="是否验收"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
<el-button size="mini" @click="visible = false">取消</el-button>
|
||||
<el-button size="mini" type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
@@ -61,8 +73,7 @@
|
||||
contractNumber: '',
|
||||
clientId: '',
|
||||
description: '',
|
||||
deptPhone: '',
|
||||
isCheck: ''
|
||||
deptPhone: ''
|
||||
},
|
||||
dataRule: {
|
||||
carType: [
|
||||
@@ -73,31 +84,16 @@
|
||||
],
|
||||
clientId: [
|
||||
{ required: true, message: '客户id不能为空', trigger: 'blur' }
|
||||
],
|
||||
description: [
|
||||
{ required: true, message: '故障描述不能为空', trigger: 'blur' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.getDictDetail()
|
||||
props: {
|
||||
contractOpt: Array,
|
||||
clientIdOpt: Array,
|
||||
dictsOpt: Object
|
||||
},
|
||||
methods: {
|
||||
getDictDetail () {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/api/dict/dictDetail?code=car_type&page=0&size=9999'),
|
||||
method: 'get'
|
||||
}).then(({data}) => {
|
||||
this.carTypeOpt = [...data.content]
|
||||
})
|
||||
this.$http({
|
||||
url: this.$http.adornUrl('/api/dict/dictDetail?code=error_type&page=0&size=9999'),
|
||||
method: 'get'
|
||||
}).then(({data}) => {
|
||||
this.errorTypeOpt = [...data.content]
|
||||
})
|
||||
},
|
||||
init (id) {
|
||||
this.dataForm.ticketsId = id || 0
|
||||
this.visible = true
|
||||
@@ -116,7 +112,6 @@
|
||||
this.dataForm.clientId = data.tickets.clientId
|
||||
this.dataForm.description = data.tickets.description
|
||||
this.dataForm.deptPhone = data.tickets.deptPhone
|
||||
this.dataForm.isCheck = data.tickets.isCheck
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user