|
|
@@ -92,31 +92,36 @@
|
|
|
@pagination="getList" />
|
|
|
|
|
|
<!-- 添加或修改对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules">
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-row>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="报销人" prop="employeeName">
|
|
|
<el-input v-model="form.employeeName" placeholder='点击选择' readonly @click.native="openSingle"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" style="display: none;">
|
|
|
+ <el-col :span="12" style="display: none;">
|
|
|
<el-form-item label="报销人Id" style="display: none;">
|
|
|
<el-input v-model="form.employeeId" placeholder='报销人Id' disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="部门">
|
|
|
<el-input v-model="form.deptName" placeholder='部门' disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="职位">
|
|
|
<el-input v-model="form.position" placeholder='职位' disabled></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="手机号">
|
|
|
+ <el-input v-model="form.employeePhone" placeholder='手机号' disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="报销类型" prop="expenseTypeId">
|
|
|
<el-select v-model="form.expenseTypeId" placeholder="请选择" style="width: 100%;"
|
|
|
@change="getListByExpenseTypeId()">
|
|
|
@@ -125,7 +130,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
<el-form-item label="所属期间" prop="expenseMonth">
|
|
|
<el-date-picker value-format="yyyy-MM" v-model="form.expenseMonth" type="month" placeholder="选择日期"
|
|
|
style="width: 100%;">
|
|
|
@@ -142,7 +147,7 @@
|
|
|
|
|
|
<el-table-column label="费用项目" width="300">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'expenseInfoObjs.' + scope.$index + '.expenseItemId'"
|
|
|
+ <el-form-item label-width="0px" :prop="'expenseInfoObjs.' + scope.$index + '.expenseItemId'"
|
|
|
:rules="{ required: true, message: '费用项目不能为空', trigger: 'blur' }">
|
|
|
<el-select v-model="form.expenseInfoObjs[scope.$index].expenseItemId" placeholder="请选择费用项目"
|
|
|
style="width: 100%;" size="small">
|
|
|
@@ -154,7 +159,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="金额(元)" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'expenseInfoObjs.' + scope.$index + '.money'"
|
|
|
+ <el-form-item label-width="0px" :prop="'expenseInfoObjs.' + scope.$index + '.money'"
|
|
|
:rules="{ required: true, message: '金额不能为空', trigger: 'blur' }">
|
|
|
<el-input v-model="form.expenseInfoObjs[scope.$index].money" autocomplete="off" size="small"
|
|
|
placeholder="金额" oninput="value=value.match(/\d+\.?\d{0,2}/,'')"
|
|
|
@@ -164,7 +169,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="开始日期" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'expenseInfoObjs.' + scope.$index + '.startDate'"
|
|
|
+ <el-form-item label-width="0px" :prop="'expenseInfoObjs.' + scope.$index + '.startDate'"
|
|
|
:rules="{ required: true, message: '开始日期不能为空', trigger: 'blur' }">
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="form.expenseInfoObjs[scope.$index].startDate"
|
|
|
type="date" placeholder="选择日期" style="width: 100%;">
|
|
|
@@ -174,7 +179,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="结束日期" width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'expenseInfoObjs.' + scope.$index + '.endDate'"
|
|
|
+ <el-form-item label-width="0px" :prop="'expenseInfoObjs.' + scope.$index + '.endDate'"
|
|
|
:rules="{ required: true, message: '结束日期不能为空', trigger: 'blur' }">
|
|
|
<el-date-picker value-format="yyyy-MM-dd" v-model="form.expenseInfoObjs[scope.$index].endDate"
|
|
|
type="date" placeholder="选择日期" style="width: 100%;">
|
|
|
@@ -184,7 +189,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="说明" width="500">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-form-item :prop="'expenseInfoObjs.' + scope.$index + '.remarks'"
|
|
|
+ <el-form-item label-width="0px" :prop="'expenseInfoObjs.' + scope.$index + '.remarks'"
|
|
|
:rules="{ required: true, message: '说明不能为空', trigger: 'blur' }">
|
|
|
<el-input maxlength="20" v-model="form.expenseInfoObjs[scope.$index].remarks" autocomplete="off"
|
|
|
size="small" placeholder="说明名称"></el-input>
|
