| | |
| | | <el-col :span="7"> |
| | | <el-form-item label="捐献者" prop="infoid"> |
| | | <el-select v-model="form.infoid" @change="selectbaseinfo" filterable placeholder="请选择捐献者"> |
| | | <el-option v-for="item in baselist" :key="item.index" :label="item.name" |
| | | :value="item.infoid"> |
| | | <el-option v-for="item in baselist" :key="item.index" :label="item.name" :value="item.infoid"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-row> |
| | | <el-col :span="7"> |
| | | <el-form-item label="出差人分类" prop="costtype"> |
| | | <el-select v-model="form.costtype" value-key="value" placeholder="请选择出差人分类" |
| | | @change="getTravelers"> |
| | | <el-select v-model="form.costtype" value-key="value" placeholder="请选择出差人分类" @change="getTravelers"> |
| | | <el-option v-for="dict in dict.type.sys_travelexpensebelong" :key="dict.value" |
| | | :label="dict.label" :value="dict.value"></el-option> |
| | | </el-select> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="trafficexpense" label="交通费" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.trafficexpense" placeholder="交通费" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.trafficexpense" placeholder="交通费" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="cityfee" label="市内交通费" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.cityfee" placeholder="市内交通费" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.cityfee" placeholder="市内交通费" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | ">{{ Number(scope.row.cityfee).toFixed(2) }} |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="hotelexpense" label="住宿费" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.hotelexpense" placeholder="住宿费" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.hotelexpense" placeholder="住宿费" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="otherexpense" label="杂费" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.otherexpense" placeholder="杂费" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.otherexpense" placeholder="杂费" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="foodexpenses" label="伙食费报销" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.foodexpenses" placeholder="伙食费报销" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.foodexpenses" placeholder="伙食费报销" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="foodallowance" label="伙食费补助" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.foodallowance" placeholder="伙食费补助" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.foodallowance" placeholder="伙食费补助" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="otherfeeamount" label="其他费用" align="center" width="100"> |
| | | <template slot-scope="scope"> |
| | | <el-input v-model="scope.row.otherfeeamount" placeholder="其他费用" @blur=" |
| | | (val) => { |
| | | <el-input v-model="scope.row.otherfeeamount" placeholder="其他费用" @blur="(val) => { |
| | | sumTotalFee(); |
| | | } |
| | | " /> |
| | |
| | | </el-form-item> --> |
| | | <el-form-item label="文件上传" align="left" prop="annexfiles"> |
| | | <!-- <file-upload ref="fileUpload" :fileType=fileType :limit="1" :on-success="handleUploadSuccess"></file-upload> --> |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" |
| | | multiple :limit="5" :headers="headers" :on-success=" |
| | | (response, file, fileList) => |
| | | <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileList" multiple |
| | | :limit="20" :headers="headers" :on-success="(response, file, fileList) => |
| | | uploadSccess(response, file, fileList) |
| | | " :on-preview="downFile" :disabled='dialogType == "detail"' :on-error="handleUploadError" |
| | | :on-exceed="handleExceed" :on-remove="remove" accept="image/*,.pdf"> |
| | |
| | | }, |
| | | //计算费用合计 |
| | | sumTotalFee() { |
| | | // debugger; |
| | | let allSum = 0; |
| | | try { |
| | | for (let i = 0; i < this.applicationDetailArr.length; i++) { |