|
@@ -5,43 +5,69 @@
|
|
|
</a-divider>
|
|
|
<a-form-model ref="form" :model="form" :rules="rules">
|
|
|
<a-form-model-item label="加油卡类型" prop="gasCardType">
|
|
|
- <a-select placeholder="请选择加油卡类型" v-model="form.gasCardType" :disabled="formType==3">
|
|
|
+ <a-select
|
|
|
+ placeholder="请选择加油卡类型"
|
|
|
+ v-model="form.gasCardType"
|
|
|
+ :disabled="formType == 3"
|
|
|
+ @change="shangeCardType"
|
|
|
+ >
|
|
|
<a-select-option v-for="(d, index) in gasCardTypeOptions" :key="index" :value="d.value">{{
|
|
|
d.label
|
|
|
}}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="车牌号" prop="carId">
|
|
|
- <a-select placeholder="请选择加油卡类型" v-model="form.carId" @change="changeCarNum" :disabled="formType==3" showSearch :filterOption="filterOption">
|
|
|
- <a-select-option v-for="(d, index) in Object.values(cacheCarPlateNumber)" :key="index" :value="d.id" >{{
|
|
|
+ <a-form-model-item label="车牌号" prop="carId" v-if="showInput == 2 || form.gasCardType == '2'">
|
|
|
+ <a-select
|
|
|
+ placeholder="请选择车牌号"
|
|
|
+ v-model="form.carId"
|
|
|
+ @change="changeCarNum"
|
|
|
+ :disabled="formType == 3"
|
|
|
+ showSearch
|
|
|
+ :filterOption="filterOption"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="(d, index) in Object.values(cacheCarPlateNumber)" :key="index" :value="d.id">{{
|
|
|
d.plateNumber
|
|
|
}}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="机构名称" prop="deptName">
|
|
|
+ <a-form-model-item label="机构名称" prop="deptName" v-if="showInput == 2 || form.gasCardType == '2'">
|
|
|
<a-input v-model="form.deptName" placeholder="请输入机构名称" disabled />
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="车辆分类" prop="carCategoryName">
|
|
|
+ <a-form-item label="机构名称" prop="deptId" v-if="showInput == 1 || form.gasCardType == '1'">
|
|
|
+ <a-select placeholder="请选择" v-model="form.deptId" style="width: 100%" allow-clear @change="changeDept">
|
|
|
+ <a-select-option v-for="(d, index) in deptIdList" :key="index" :value="d.id">{{ d.lable }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-model-item label="车辆分类" prop="carCategoryName" v-if="showInput == 2 || form.gasCardType == '2'">
|
|
|
<a-input v-model="form.carCategoryName" placeholder="请输入车辆分类" disabled />
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="油品" prop="gasType">
|
|
|
- <a-input v-model="form.gasType" placeholder="请输入油品" :disabled="formType==3" />
|
|
|
+ <!-- <a-input v-model="form.gasType" placeholder="请输入油品" :disabled="formType == 3" /> -->
|
|
|
+ <a-select
|
|
|
+ placeholder="请选择加油卡类型"
|
|
|
+ v-model="form.gasType"
|
|
|
+ :disabled="formType == 3"
|
|
|
+ >
|
|
|
+ <a-select-option v-for="(d, index) in dict.type['gas_type']" :key="index" :value="d.value">{{
|
|
|
+ d.label
|
|
|
+ }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="油卡号" prop="gasCode">
|
|
|
- <a-input v-model="form.gasCode" placeholder="请输入油卡号" :disabled="formType==3" />
|
|
|
+ <a-input v-model="form.gasCode" placeholder="请输入油卡号" :disabled="formType == 3" />
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="初始金额(元)" prop="initialAmount">
|
|
|
- <a-input v-model="form.initialAmount" placeholder="请输入初始金额" :disabled="formType==3" />
|
|
|
+ <a-input v-model="form.initialAmount" placeholder="请输入初始金额" :disabled="formType == 3" />
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="状态" prop="status">
|
|
|
- <a-select placeholder="请选择状态" v-model="form.status" :disabled="formType==3">
|
|
|
+ <a-select placeholder="请选择状态" v-model="form.status" :disabled="formType == 3">
|
|
|
<a-select-option v-for="(d, index) in statusOptions" :key="index" :value="d.value">{{
|
|
|
d.label
|
|
|
}}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
<a-form-model-item label="备注" prop="remark">
|
|
|
- <a-input v-model="form.remark" placeholder="请输入内容" type="textarea" allow-clear :disabled="formType==3" />
|
|
|
+ <a-input v-model="form.remark" placeholder="请输入内容" type="textarea" allow-clear :disabled="formType == 3" />
|
|
|
</a-form-model-item>
|
|
|
<div class="bottom-control">
|
|
|
<a-space>
|
|
@@ -51,13 +77,13 @@
|
|
|
</div>
|
|
|
</a-form-model>
|
|
|
</a-drawer>
|
|
|
-
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { getGas, addGas, updateGas, plateNumberList } from '@/api/clw/gas'
|
|
|
export default {
|
|
|
name: 'CreateForm',
|
|
|
+ dicts: ['gas_type'],
|
|
|
props: {
|
|
|
gasCardTypeOptions: {
|
|
|
type: Array,
|
|
@@ -93,6 +119,36 @@ export default {
|
|
|
|
|
|
remark: null,
|
|
|
},
|
|
|
+ deptIdList: [
|
|
|
+ {
|
|
|
+ id: 100,
|
|
|
+ lable: '两江新区消防救援支队',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 173,
|
|
|
+ lable: '两江新区支队鸳鸯消防救援站',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 141,
|
|
|
+ lable: '两江新区支队翠云消防救援站',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 142,
|
|
|
+ lable: '两江新区支队龙头寺消防救援站',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 140,
|
|
|
+ lable: '两江新区支队大竹林特勤站',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 139,
|
|
|
+ lable: '两江新区支队礼嘉消防救援站',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 129,
|
|
|
+ lable: '两江新区支队奥园消防救援站',
|
|
|
+ },
|
|
|
+ ],
|
|
|
// 1增加,2修改
|
|
|
formType: 1,
|
|
|
open: false,
|
|
@@ -114,6 +170,8 @@ export default {
|
|
|
status: [{ required: true, message: '状态不能为空', trigger: 'change' }],
|
|
|
},
|
|
|
cacheCarPlateNumber: {},
|
|
|
+ disabled: true,
|
|
|
+ showInput: '',
|
|
|
}
|
|
|
},
|
|
|
filters: {},
|
|
@@ -168,12 +226,17 @@ export default {
|
|
|
this.formType = 2
|
|
|
const gasId = row ? row.gasId : ids
|
|
|
getGas(gasId).then((response) => {
|
|
|
+ if (response.data.gasCardType == '2') {
|
|
|
+ this.disabled = true
|
|
|
+ } else if (response.data.gasCardType == '1') {
|
|
|
+ this.disabled = false
|
|
|
+ }
|
|
|
this.form = response.data
|
|
|
this.open = true
|
|
|
this.formTitle = '修改'
|
|
|
})
|
|
|
},
|
|
|
- handleInfo(row, ids){
|
|
|
+ handleInfo(row, ids) {
|
|
|
this.formType = 3
|
|
|
const gasId = row ? row.gasId : ids
|
|
|
getGas(gasId).then((response) => {
|
|
@@ -229,18 +292,29 @@ export default {
|
|
|
this.form.carCategoryName = node.categoryName
|
|
|
this.form.plateNumber = node.plateNumber
|
|
|
},
|
|
|
- filterOption (value, option) {
|
|
|
+ filterOption(value, option) {
|
|
|
return option.componentOptions.children[0].text.indexOf(value) >= 0
|
|
|
},
|
|
|
-
|
|
|
+ shangeCardType(val) {
|
|
|
+ this.showInput = val
|
|
|
+ if (val == 1) {
|
|
|
+ this.disabled = false
|
|
|
+ } else if (val == 2) {
|
|
|
+ this.disabled = false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changeDept(ev){
|
|
|
+ let name=this.deptIdList[ev]
|
|
|
+ console.log(name);
|
|
|
+ }
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
-/deep/.ant-select{
|
|
|
+/deep/.ant-select {
|
|
|
color: #000;
|
|
|
}
|
|
|
-/deep/.ant-input{
|
|
|
+/deep/.ant-input {
|
|
|
color: #000;
|
|
|
}
|
|
|
</style>
|