|
@@ -1,5 +1,13 @@
|
|
|
<template>
|
|
|
- <el-dialog title="记账信息" v-model="visible" :width="width" append-to-body draggable @close="close" class="dialog-form">
|
|
|
+ <el-dialog
|
|
|
+ title="记账信息"
|
|
|
+ v-model="visible"
|
|
|
+ :width="width"
|
|
|
+ append-to-body
|
|
|
+ draggable
|
|
|
+ @close="close"
|
|
|
+ class="dialog-form"
|
|
|
+ >
|
|
|
<!-- <div slot="title" class="dialog-title-container">
|
|
|
<span class="title-label"><i class="el-icon-document" /> 工资信息</span>
|
|
|
<i class="el-icon-close" @click="close" />
|
|
@@ -21,7 +29,12 @@
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="服务状态">
|
|
|
<el-select v-model="form.status" placeholder="请选择">
|
|
|
- <el-option v-for="item in selectStatus" :key="item.value" :value="item.value" :label="item.label" />
|
|
|
+ <el-option
|
|
|
+ v-for="item in selectStatus"
|
|
|
+ :key="item.value"
|
|
|
+ :value="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -32,56 +45,117 @@
|
|
|
<div class="title">
|
|
|
<i class="fa fa-th-list" aria-hidden="true" /> 工资人员信息
|
|
|
</div>
|
|
|
- <el-button type="primary" size="small" icon="plus" @click="handleEmployeeCreate">新增</el-button>
|
|
|
- <el-button v-if="selections.length > 0" type="danger" size="small" icon="delete"
|
|
|
- @click="handleEmployeeBatchDelete">
|
|
|
- 删除</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="plus"
|
|
|
+ @click="handleEmployeeCreate"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="selections.length > 0"
|
|
|
+ type="danger"
|
|
|
+ size="small"
|
|
|
+ icon="delete"
|
|
|
+ @click="handleEmployeeBatchDelete"
|
|
|
+ >
|
|
|
+ 删除</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="details-body">
|
|
|
<div>
|
|
|
- <el-table ref="sourceTable" :data="form.salary.details" size="small" max-height="490px" border
|
|
|
- show-summary :summary-method="getSummaries" highlight-current-row
|
|
|
- header-row-class-name="list-header-row" row-class-name="list-row" class="salary-table"
|
|
|
- @selection-change="handleCheckChange" @current-change="handleCurrentChange">
|
|
|
+ <el-table
|
|
|
+ ref="sourceTable"
|
|
|
+ :data="form.salary.details"
|
|
|
+ size="small"
|
|
|
+ max-height="490px"
|
|
|
+ border
|
|
|
+ show-summary
|
|
|
+ :summary-method="getSummaries"
|
|
|
+ highlight-current-row
|
|
|
+ header-row-class-name="list-header-row"
|
|
|
+ row-class-name="list-row"
|
|
|
+ class="salary-table"
|
|
|
+ @selection-change="handleCheckChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
- <el-table-column type="index" label="序号" width="50" align="center" />
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="50"
|
|
|
+ align="center"
|
|
|
+ />
|
|
|
<el-table-column label="员工姓名" width="80" align="center">
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input v-model="scope.row.employeeName" size="small" placeholder="员工姓名" style="width: 100%" />
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.employeeName"
|
|
|
+ size="small"
|
|
|
+ placeholder="员工姓名"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</div>
|
|
|
- <span style="
|
|
|
+ <span
|
|
|
+ style="
|
|
|
color: red;
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
|
top: 4px;
|
|
|
right: 12px;
|
|
|
- ">*</span>
|
|
|
+ "
|
|
|
+ >*</span
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="身份证号" width="150" align="center">
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input v-model="scope.row.idCode" size="small" placeholder="身份证号" style="width: 100%" />
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.idCode"
|
|
|
+ size="small"
|
|
|
+ placeholder="身份证号"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</div>
|
|
|
- <span style="
|
|
|
+ <span
|
|
|
+ style="
|
|
|
color: red;
|
|
|
position: absolute;
|
|
|
z-index: 10;
|
|
|
top: 4px;
|
|
|
right: 12px;
|
|
|
- ">*</span>
|
|
|
+ "
|
|
|
+ >*</span
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="应发工资" width="70" align="center" prop="planSalary">
|
|
|
+ <el-table-column
|
|
|
+ label="应发工资"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="planSalary"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.planSalary" size="small" placeholder="应发工资" :precision="2"
|
|
|
- :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.planSalary"
|
|
|
+ size="small"
|
|
|
+ placeholder="应发工资"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="实发工资" width="70" align="center" prop="actuallySalary">
|
|
|
+ <el-table-column
|
|
|
+ label="实发工资"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="actuallySalary"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
<!-- <el-input-number
|
|
@@ -92,79 +166,183 @@
|
|
|
:controls="false"
|
|
|
style="width: 100%"
|
|
|
/> -->
|
|
|
- {{ scope.row.actuallySalary }}
|
|
|
+ {{ rowNum(scope.row.actuallySalary) }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="奖金及其他" width="85" align="center" prop="bonusAmount">
|
|
|
+ <el-table-column
|
|
|
+ label="奖金及其他"
|
|
|
+ width="85"
|
|
|
+ align="center"
|
|
|
+ prop="bonusAmount"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.bonusAmount" size="small" placeholder="奖金及其他" :precision="2"
|
|
|
- :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.bonusAmount"
|
|
|
+ size="small"
|
|
|
+ placeholder="奖金及其他"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="社保" align="center">
|
|
|
- <el-table-column label="养老保险" width="70" align="center" prop="endowmentInsurance">
|
|
|
+ <el-table-column
|
|
|
+ label="养老保险"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="endowmentInsurance"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.endowmentInsurance" size="small" placeholder="养老保险"
|
|
|
- :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.endowmentInsurance"
|
|
|
+ size="small"
|
|
|
+ placeholder="养老保险"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="医疗保险" width="70" align="center" prop="medicalInsurance">
|
|
|
+ <el-table-column
|
|
|
+ label="医疗保险"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="medicalInsurance"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.medicalInsurance" size="small" placeholder="医疗保险"
|
|
|
- :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.medicalInsurance"
|
|
|
+ size="small"
|
|
|
+ placeholder="医疗保险"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="失业险" width="70" align="center" prop="unemploymentBenefit">
|
|
|
+ <el-table-column
|
|
|
+ label="失业险"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="unemploymentBenefit"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.unemploymentBenefit" size="small" placeholder="失业险"
|
|
|
- :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.unemploymentBenefit"
|
|
|
+ size="small"
|
|
|
+ placeholder="失业险"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="大病险" width="70" align="center" prop="seriousIllnessInsurance">
|
|
|
+ <el-table-column
|
|
|
+ label="大病险"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="seriousIllnessInsurance"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.seriousIllnessInsurance" size="small" placeholder="大病险"
|
|
|
- :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.seriousIllnessInsurance"
|
|
|
+ size="small"
|
|
|
+ placeholder="大病险"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="公积金" width="70" align="center" prop="housingFund">
|
|
|
+ <el-table-column
|
|
|
+ label="公积金"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="housingFund"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.housingFund" size="small" placeholder="住房公积金" :precision="2"
|
|
|
- :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.housingFund"
|
|
|
+ size="small"
|
|
|
+ placeholder="住房公积金"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="个税" align="center" width="70" prop="currentIndividualIncomeTax">
|
|
|
+ <el-table-column
|
|
|
+ label="个税"
|
|
|
+ align="center"
|
|
|
+ width="70"
|
|
|
+ prop="currentIndividualIncomeTax"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.currentIndividualIncomeTax" size="small" placeholder="个税"
|
|
|
- :precision="2" :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
- </div>
|
|
|
- </template></el-table-column>
|
|
|
- <el-table-column label="其他扣款" width="70" align="center" prop="otherCut">
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.currentIndividualIncomeTax"
|
|
|
+ size="small"
|
|
|
+ placeholder="个税"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
+ </div> </template
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="其他扣款"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="otherCut"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input-number v-model="scope.row.otherCut" size="small" placeholder="其他扣款" :precision="2"
|
|
|
- :controls="false" style="width: 100%" @change="rowChangeSum(scope.row)" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="scope.row.otherCut"
|
|
|
+ size="small"
|
|
|
+ placeholder="其他扣款"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="rowChangeSum(scope.row)"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="备注" width="100" header-align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="备注"
|
|
|
+ width="100"
|
|
|
+ header-align="center"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-input v-model="scope.row.remark" size="small" placeholder="备注" />
|
|
|
+ <el-input
|
|
|
+ v-model="scope.row.remark"
|
|
|
+ size="small"
|
|
|
+ placeholder="备注"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -182,56 +360,126 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="工资备注">
|
|
|
- <el-input v-model.trim="form.salary.content" maxlength="200" show-word-limit type="textarea" rows="2" />
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.salary.content"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ type="textarea"
|
|
|
+ rows="2"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-divider content-position="left">收票</el-divider>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="收入票">
|
|
|
- <el-input-number v-model="form.ticket.incomeTicket" size="small" placeholder="收入票" :step="1" step-strictly
|
|
|
- :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.incomeTicket"
|
|
|
+ size="small"
|
|
|
+ placeholder="收入票"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="成本票">
|
|
|
- <el-input-number v-model="form.ticket.costTicket" size="small" placeholder="成本票" :step="1" step-strictly
|
|
|
- :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.costTicket"
|
|
|
+ size="small"
|
|
|
+ placeholder="成本票"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="费用票">
|
|
|
- <el-input-number v-model="form.ticket.feeTicketNumber" size="small" placeholder="费用票" :step="1"
|
|
|
- step-strictly :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.feeTicketNumber"
|
|
|
+ size="small"
|
|
|
+ placeholder="费用票"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="银行对账">
|
|
|
- <el-input-number v-model="form.ticket.bankCopyNumber" size="small" placeholder="银行回单" :step="1"
|
|
|
- step-strictly :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.bankCopyNumber"
|
|
|
+ size="small"
|
|
|
+ placeholder="银行回单"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="银行回单">
|
|
|
- <el-input-number v-model="form.ticket.bankSlipsNumber" size="small" placeholder="银行回单" :step="1"
|
|
|
- step-strictly :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.bankSlipsNumber"
|
|
|
+ size="small"
|
|
|
+ placeholder="银行回单"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="工资单">
|
|
|
- <el-input-number v-model="form.ticket.salaryTicket" size="small" placeholder="工资单" :step="1" step-strictly
|
|
|
- :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.salaryTicket"
|
|
|
+ size="small"
|
|
|
+ placeholder="工资单"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="社保公积金">
|
|
|
- <el-input-number v-model="form.ticket.ssafTicket" size="small" placeholder="社保公积金" :step="1" step-strictly
|
|
|
- :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.ssafTicket"
|
|
|
+ size="small"
|
|
|
+ placeholder="社保公积金"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="其他票">
|
|
|
- <el-input-number v-model="form.ticket.otherTicket" size="small" placeholder="其他票" :step="1" step-strictly
|
|
|
- :controls="false" style="width: 100%" @change="ticketNumberChange" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.ticket.otherTicket"
|
|
|
+ size="small"
|
|
|
+ placeholder="其他票"
|
|
|
+ :step="1"
|
|
|
+ step-strictly
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ @change="ticketNumberChange"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
@@ -250,167 +498,302 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注">
|
|
|
- <el-input v-model.trim="form.ticket.content" maxlength="200" show-word-limit type="textarea" rows="2" />
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.ticket.content"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ type="textarea"
|
|
|
+ rows="2"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-divider content-position="left">记账</el-divider>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="本期收入">
|
|
|
- <el-input-number v-model="form.keepAccount.currentIncome" size="small" placeholder="本期收入" :precision="2"
|
|
|
- :controls="false" style="width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.keepAccount.currentIncome"
|
|
|
+ size="small"
|
|
|
+ placeholder="本期收入"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="本年收入">
|
|
|
- <el-input-number v-model="form.keepAccount.currentYearIncome" size="small" placeholder="本年收入" :precision="2"
|
|
|
- :controls="false" style="width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.keepAccount.currentYearIncome"
|
|
|
+ size="small"
|
|
|
+ placeholder="本年收入"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="本年累计成本">
|
|
|
- <el-input-number v-model="form.keepAccount.cumulativeCost" size="small" placeholder="本年累计成本" :precision="2"
|
|
|
- :controls="false" style="width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.keepAccount.cumulativeCost"
|
|
|
+ size="small"
|
|
|
+ placeholder="本年累计成本"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="本年利润总额">
|
|
|
- <el-input-number v-model="form.keepAccount.currentYearProfit" size="small" placeholder="本年利润总额"
|
|
|
- :precision="2" :controls="false" style="width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.keepAccount.currentYearProfit"
|
|
|
+ size="small"
|
|
|
+ placeholder="本年利润总额"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="是否暂估">
|
|
|
- <el-checkbox v-model="form.keepAccount.isProvisionalEstimate" :true-label="1" :false-label="0" />
|
|
|
+ <el-checkbox
|
|
|
+ v-model="form.keepAccount.isProvisionalEstimate"
|
|
|
+ :true-label="1"
|
|
|
+ :false-label="0"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col v-if="form.keepAccount.isProvisionalEstimate === 1" :span="12">
|
|
|
+ <el-col
|
|
|
+ v-if="form.keepAccount.isProvisionalEstimate === 1"
|
|
|
+ :span="12"
|
|
|
+ >
|
|
|
<el-form-item label="暂估金额">
|
|
|
- <el-input-number v-model="form.keepAccount.provisionalEstimateAmount" size="small" placeholder="暂估金额"
|
|
|
- :precision="2" :controls="false" style="width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ v-model="form.keepAccount.provisionalEstimateAmount"
|
|
|
+ size="small"
|
|
|
+ placeholder="暂估金额"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="备注">
|
|
|
- <el-input v-model.trim="form.keepAccount.content" maxlength="200" show-word-limit type="textarea"
|
|
|
- rows="2" />
|
|
|
+ <el-input
|
|
|
+ v-model.trim="form.keepAccount.content"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ type="textarea"
|
|
|
+ rows="2"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-divider content-position="left">报税</el-divider>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="可弥补之前年度亏损">
|
|
|
- <el-input-number size="small" placeholder="可弥补之前年度亏损" v-model="form.reportTax.previousAnnualLosses"
|
|
|
- :precision="2" :controls="false" style="align: right; text-align: right; width: 100%" />
|
|
|
+ <el-input-number
|
|
|
+ size="small"
|
|
|
+ placeholder="可弥补之前年度亏损"
|
|
|
+ v-model="form.reportTax.previousAnnualLosses"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ style="align: right; text-align: right; width: 100%"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="增值税">
|
|
|
- <el-input-number placeholder="增值税" v-model="form.reportTax.valueAddedTax" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="增值税"
|
|
|
+ v-model="form.reportTax.valueAddedTax"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" :precision="2" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :controls="false"
|
|
|
+ :precision="2"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="城建税">
|
|
|
- <el-input-number placeholder="城建税" v-model="form.reportTax.cityConstructTax" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="城建税"
|
|
|
+ v-model="form.reportTax.cityConstructTax"
|
|
|
+ :precision="2"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="教育费附加">
|
|
|
- <el-input-number placeholder="教育费附加" v-model="form.reportTax.additionsTaxOfEducation" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="教育费附加"
|
|
|
+ v-model="form.reportTax.additionsTaxOfEducation"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="地方教育费附加">
|
|
|
- <el-input-number placeholder="地方教育费附加" v-model="form.reportTax.ladditionsTaxOfEducation" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="地方教育费附加"
|
|
|
+ v-model="form.reportTax.ladditionsTaxOfEducation"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="企业所得税">
|
|
|
- <el-input-number placeholder="企业所得税" v-model="form.reportTax.businessIncomeTax" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="企业所得税"
|
|
|
+ v-model="form.reportTax.businessIncomeTax"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="印花税">
|
|
|
- <el-input-number placeholder="印花税" v-model="form.reportTax.stampTax" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="印花税"
|
|
|
+ v-model="form.reportTax.stampTax"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
justify-content: center;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="文化事业建设税">
|
|
|
- <el-input-number placeholder="文化事业建设税" v-model="form.reportTax.culturalConstructTax" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="文化事业建设税"
|
|
|
+ v-model="form.reportTax.culturalConstructTax"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="消费税">
|
|
|
- <el-input-number placeholder="消费税" v-model="form.reportTax.excise" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="消费税"
|
|
|
+ v-model="form.reportTax.excise"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " @change="taxChangeHandler" :controls="false" />
|
|
|
+ "
|
|
|
+ @change="taxChangeHandler"
|
|
|
+ :precision="2"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="合计">
|
|
|
- <span>{{ form.reportTax.sumTax }}</span>
|
|
|
+ <span>{{ rowNum(form.reportTax.sumTax) }}</span>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-divider content-position="left">个税</el-divider>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="个税金额">
|
|
|
- <el-input-number placeholder="个税金额" v-model="form.individual.amount" style="
|
|
|
+ <el-input-number
|
|
|
+ placeholder="个税金额"
|
|
|
+ v-model="form.individual.amount"
|
|
|
+ style="
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
width: 100%;
|
|
|
- " :controls="false" />
|
|
|
+ "
|
|
|
+ :controls="false"
|
|
|
+ :precision="2"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="备注">
|
|
|
- <el-input type="textarea" maxlength="200" show-word-limit rows="2" v-model="form.individual.remark" />
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ rows="2"
|
|
|
+ v-model="form.individual.remark"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<div class="form-btns-container" style="height: 40px">
|
|
|
- <el-button size="small" icon="close" @click="close" style="float: right; margin-left: 12px; margin-right: 12px">
|
|
|
- 取消</el-button>
|
|
|
- <el-button type="primary" size="small" icon="Finished" style="float: right" @click="handleSave">
|
|
|
- 保存</el-button>
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ icon="close"
|
|
|
+ @click="close"
|
|
|
+ style="float: right; margin-left: 12px; margin-right: 12px"
|
|
|
+ >
|
|
|
+ 取消</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ icon="Finished"
|
|
|
+ style="float: right"
|
|
|
+ @click="handleSave"
|
|
|
+ >
|
|
|
+ 保存</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
<!-- <feedback-dialog ref="feedbackDialogView" :parent="this" />
|
|
|
<print-dialog ref="printDialog" :parent="this" /> -->
|
|
@@ -422,6 +805,7 @@ import {
|
|
|
saveDetail,
|
|
|
updateDetail,
|
|
|
} from "@/api/business/crm/serviceWorkOrder";
|
|
|
+import { rowNum, numberToCurrencyNo } from "@/utils/index";
|
|
|
import { ref } from "vue";
|
|
|
const { proxy } = getCurrentInstance();
|
|
|
const visible = ref(false);
|
|
@@ -432,7 +816,7 @@ const currentSource = ref(null);
|
|
|
const props = defineProps({
|
|
|
getList: {
|
|
|
type: Function,
|
|
|
- default: () => { },
|
|
|
+ default: () => {},
|
|
|
},
|
|
|
});
|
|
|
const selectStatus = ref([
|
|
@@ -528,8 +912,8 @@ function reset() {
|
|
|
form.value = proxy.deepClone(emptyForm);
|
|
|
}
|
|
|
|
|
|
-function printSalary() { }
|
|
|
-function exportSalary() { }
|
|
|
+function printSalary() {}
|
|
|
+function exportSalary() {}
|
|
|
|
|
|
function handleCurrentChange(row) {
|
|
|
currentSource.value = row;
|
|
@@ -607,6 +991,7 @@ function getSummaries(param) {
|
|
|
return Number(prev).toFixed(2);
|
|
|
}
|
|
|
}, 0);
|
|
|
+ sums[index] = numberToCurrencyNo(sums[index]);
|
|
|
} else {
|
|
|
sums[index] = "";
|
|
|
}
|