|
@@ -1,13 +1,5 @@
|
|
|
<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" />
|
|
@@ -29,12 +21,7 @@
|
|
|
<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>
|
|
@@ -45,303 +32,139 @@
|
|
|
<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
|
|
|
+ <!-- <el-input-number
|
|
|
v-model="scope.row.actuallySalary"
|
|
|
size="small"
|
|
|
placeholder="实发工资"
|
|
|
:precision="2"
|
|
|
:controls="false"
|
|
|
style="width: 100%"
|
|
|
- />
|
|
|
+ /> -->
|
|
|
+ {{ 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>
|
|
@@ -359,126 +182,56 @@
|
|
|
</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">
|
|
@@ -497,239 +250,136 @@
|
|
|
</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" 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" :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" :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" :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" :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" :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" :controls="false" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
@@ -740,51 +390,27 @@
|
|
|
<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" />
|
|
|
</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" /> -->
|
|
@@ -806,7 +432,7 @@ const currentSource = ref(null);
|
|
|
const props = defineProps({
|
|
|
getList: {
|
|
|
type: Function,
|
|
|
- default: () => {},
|
|
|
+ default: () => { },
|
|
|
},
|
|
|
});
|
|
|
const selectStatus = ref([
|
|
@@ -902,8 +528,8 @@ function reset() {
|
|
|
form.value = proxy.deepClone(emptyForm);
|
|
|
}
|
|
|
|
|
|
-function printSalary() {}
|
|
|
-function exportSalary() {}
|
|
|
+function printSalary() { }
|
|
|
+function exportSalary() { }
|
|
|
|
|
|
function handleCurrentChange(row) {
|
|
|
currentSource.value = row;
|