Skip to content

C
cdsf-static-bg
Commit a55c4e65 by 姜雷
Options

修改用车详情对齐方式#1401

parent 456bf9e9
Showing with 50 additions and 39 deletions
src/containers/management/publicCar/publicCar.vue
...@@ -59,18 +59,22 @@ ...@@ -59,18 +59,22 @@
</div> </div>
<drag-dialog :title="editType ? '处理' : '详情'" :visible.sync="dialogEditVisible" :before-close="resetEditDialog" width="70%" top="5vh"> <drag-dialog :title="editType ? '处理' : '详情'" :visible.sync="dialogEditVisible" :before-close="resetEditDialog" width="70%" top="5vh">
<el-form class="editForm" :disabled="loading"> <el-form class="editForm" :disabled="loading">
<el-form-item class="col-line-2" label="用车部门" label-width="100px"> <div class="line-wrap">
<span>{{selected.department}}</span> <el-form-item class="col-line-3" label="用车部门" label-width="100px">
</el-form-item> <span>{{selected.department}}</span>
<el-form-item class="col-line-2" label="用车申请时间" label-width="100px"> </el-form-item>
<span>{{selected.createDate}}</span> <el-form-item class="col-line-3" label="用车申请时间" label-width="100px">
</el-form-item> <span>{{selected.createDate}}</span>
<el-form-item class="col-line-2" label="申请人" label-width="100px"> </el-form-item>
<span>{{selected.name}}</span> </div>
</el-form-item> <div class="line-wrap">
<el-form-item class="col-line-2" label="用车人数" label-width="100px"> <el-form-item class="col-line-3" label="申请人" label-width="100px">
<span>{{selected.userCount}}</span> <span>{{selected.name}}</span>
</el-form-item> </el-form-item>
<el-form-item class="col-line-3" label="用车人数" label-width="100px">
<span>{{selected.userCount}}</span>
</el-form-item>
</div>
<el-form-item label="用车类型" label-width="100px"> <el-form-item label="用车类型" label-width="100px">
<span>{{selected.categoryName}}</span> <span>{{selected.categoryName}}</span>
</el-form-item> </el-form-item>
...@@ -80,34 +84,41 @@ ...@@ -80,34 +84,41 @@
<el-form-item label="用车详细路线" label-width="100px"> <el-form-item label="用车详细路线" label-width="100px">
<span>{{selected.lineDescription}}</span> <span>{{selected.lineDescription}}</span>
</el-form-item> </el-form-item>
<el-form-item class="col-line-2" label="派车人" label-width="100px"> <div class="line-wrap">
<span>{{selected.dealName}}</span> <el-form-item class="col-line-3" label="派车人" label-width="100px">
</el-form-item> <span>{{selected.dealName}}</span>
<el-form-item class="col-line-2" label="派车车牌" label-width="100px"> </el-form-item>
<el-select v-if="editType" v-model="selected.carPlate" filterable clearable placeholder="派车车牌"> <el-form-item class="col-line-3" label="派车车牌" label-width="100px">
<el-option v-for="item in carPlateOptions" :key="item.id" :label="item.name" :value="item.name"> <el-select v-if="editType" v-model="selected.carPlate" filterable clearable placeholder="派车车牌">
</el-option> <el-option v-for="item in carPlateOptions" :key="item.id" :label="item.name" :value="item.name">
</el-select> </el-option>
<span v-else>{{selected.carPlate}}</span> </el-select>
</el-form-item> <span v-else>{{selected.carPlate}}</span>
<el-form-item class="col-line-3" label="出车公里数" label-width="100px"> </el-form-item>
<el-input-number v-model.trim="selected.startKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number> </div>
</el-form-item> <div class="line-wrap">
<el-form-item class="col-line-3" label="收车公里数" label-width="100px"> <el-form-item class="col-line-3" label="出车公里数" label-width="100px">
<el-input-number v-model.trim="selected.stopKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number> <el-input-number v-model.trim="selected.startKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number>
</el-form-item> </el-form-item>
<el-form-item class="col-line-3" label="实际公里数" label-width="100px"> <el-form-item class="col-line-3" label="收车公里数" label-width="100px">
<el-input-number v-model.trim="selected.trueKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number> <el-input-number v-model.trim="selected.stopKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number>
</el-form-item> </el-form-item>
<el-form-item class="col-line-3" label="实际公里数" label-width="100px">
<el-input-number v-model.trim="selected.trueKilometers" :controls="false" :precision="0" :min="0" :max="9999999" placeholder="" clearable></el-input-number>
</el-form-item>
</div>
<el-form-item label="资金来源" label-width="100px"> <el-form-item label="资金来源" label-width="100px">
<el-input v-model.trim="selected.priceSource" placeholder="可不填" :maxlength="20" clearable></el-input> <el-input v-model.trim="selected.priceSource" placeholder="可不填" :maxlength="20" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="用车单价" label-width="100px"> <div class="line-wrap">
<div class="item-value"> <el-form-item class="col-line-3" label="用车单价" label-width="100px">
<el-input-number v-model.trim="selected.price" :controls="false" :precision="2" :min="0" :max="9999999.99" placeholder="可不填" clearable></el-input-number> <el-input-number v-model.trim="selected.price" :controls="false" :precision="2" :min="0" :max="9999999.99" placeholder="可不填" clearable></el-input-number>
</el-form-item>
<el-form-item class="col-line-3" label="用车金额" label-width="100px">
<el-input-number v-model.trim="selected.totalPrice" :controls="false" :precision="2" :min="0" :max="9999999.99" placeholder="可不填" clearable></el-input-number> <el-input-number v-model.trim="selected.totalPrice" :controls="false" :precision="2" :min="0" :max="9999999.99" placeholder="可不填" clearable></el-input-number>
</div> </el-form-item>
</el-form-item> </div>
<!-- <template v-else> <!-- <template v-else>
<el-form-item class="col-line-2" label="用车单价" label-width="100px"> <el-form-item class="col-line-2" label="用车单价" label-width="100px">
<span>{{selected.price}}</span> <span>{{selected.price}}</span>
...@@ -239,8 +250,8 @@ export default { ...@@ -239,8 +250,8 @@ export default {
// new Date(data.row.endDate), // new Date(data.row.endDate),
// 'yyyy-MM-dd hh:mm:ss' // 'yyyy-MM-dd hh:mm:ss'
// ), // ),
beginDate:data.row.beginDate, beginDate: data.row.beginDate,
endDate:data.row.endDate, endDate: data.row.endDate,
lineDescription: data.row.lineDescription, lineDescription: data.row.lineDescription,
dealName: data.row.dealName || this.userInfo.name, dealName: data.row.dealName || this.userInfo.name,
carPlate: data.row.carPlate, carPlate: data.row.carPlate,
...@@ -359,8 +370,8 @@ export default { ...@@ -359,8 +370,8 @@ export default {
// 'yyyy-MM-dd hh:mm:ss' // 'yyyy-MM-dd hh:mm:ss'
// ), // ),
beginDate:data.row.beginDate, beginDate: data.row.beginDate,
endDate:data.row.endDate, endDate: data.row.endDate,
lineDescription: data.row.lineDescription, lineDescription: data.row.lineDescription,
dealName: data.row.dealName, dealName: data.row.dealName,
carPlate: data.row.carPlate, carPlate: data.row.carPlate,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment