刘璐珈
This commit is contained in:
@@ -2,14 +2,27 @@
|
||||
<div class="app-container">
|
||||
<!--顶栏结构-->
|
||||
<el-card>
|
||||
<el-select v-model="entryNameValue" clearable filterable placeholder="项目名称:" size="small" style="margin:3px;">
|
||||
<el-option
|
||||
v-for="item in entryName"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
<el-input v-model="customerName" clearable size="small" style="width:150px;margin: 3px 0" placeholder="请输入客户名称"/>
|
||||
<!--<el-select v-model="entryNameValue" clearable filterable placeholder="项目名称:" size="small" style="margin:3px;">-->
|
||||
<!--<el-option-->
|
||||
<!--v-for="item in entryName"-->
|
||||
<!--:key="item.value"-->
|
||||
<!--:label="item.label"-->
|
||||
<!--:value="item.value"/>-->
|
||||
<!--</el-select>-->
|
||||
<el-input v-model="customerName" clearable size="small" style="width:220px;margin: 3px 0" placeholder="客户名称\项目名称\合同编号"/>
|
||||
<span style="font-size: 13px;margin-left: 10px">签订日期</span>
|
||||
<el-date-picker
|
||||
v-model="dateRange"
|
||||
:picker-options="pickerOptions"
|
||||
size="small"
|
||||
type="daterange"
|
||||
align="center"
|
||||
style="width: 240px;margin: 3px 0"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
range-separator="~"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"/>
|
||||
<!-- <span style="margin-left: 10px">开始日期:</span>-->
|
||||
<!-- <el-date-picker-->
|
||||
<!-- v-model="startTime"-->
|
||||
@@ -40,52 +53,92 @@
|
||||
size="mini"
|
||||
highlight-current-row
|
||||
@row-click="fetchTableData1">
|
||||
<el-table-column align="center" label="合同编号" prop="合同编号" width="150">
|
||||
<el-table-column align="center" label="合同编号" prop="合同编号" width="120">
|
||||
<template slot-scope="scope">
|
||||
<span size="mini" type="primary">{{ scope.row.合同编号 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="项目名称" prop="项目名称" width="160" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="项目名称" prop="项目名称" width="120" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.项目名称 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="已完成进度" width="100">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.执行进度名 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="合同签订日期" width="130">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.合同签订日期 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="销售经理" prop="姓名" width="100">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.姓名 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="客户名称" prop="客户名称" width="200" show-overflow-tooltip>
|
||||
<!--<el-table-column align="center" label="已完成进度" width="100">-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--{{ scope.row.执行进度名 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<!--<el-table-column align="center" label="合同签订日期" width="110">-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--{{ scope.row.合同签订日期 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<!--<el-table-column align="center" label="销售经理" prop="姓名" width="90">-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--{{ scope.row.姓名 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<el-table-column align="center" label="客户名称" prop="客户名称" width="220" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.客户名称 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="联系人" width="100" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="安全金(万元)" prop="安全金" width="110" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.联系人 }}
|
||||
{{ Number(scope.row.保证金金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="联系电话" width="150" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="缴纳时间" width="87" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.电话 }}
|
||||
{{ scope.row.交付日期 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="合同信息备注" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="扣款金额(万元)" prop="扣款金额" width="120" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ Number(scope.row.扣款金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="扣款原因" prop="扣款原因" width="120" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.扣款原因 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="应收(万元)" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
{{ Number(scope.row.应收回金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="已收(万元)" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
{{ Number(scope.row.已收金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="营销经理" align="center" width="80">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.姓名 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--<el-table-column align="center" label="联系人" width="90" show-overflow-tooltip>-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--{{ scope.row.联系人 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<!--<el-table-column align="center" label="联系电话" width="120" show-overflow-tooltip>-->
|
||||
<!--<template slot-scope="scope">-->
|
||||
<!--{{ scope.row.电话 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<el-table-column align="center" label="合同信息备注" width="120" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.合同信息备注 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="150px">
|
||||
<el-table-column align="center" width="120" label="备注">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.备注 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" width="180px">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
:disabled="scope.row.是否禁用增加安全保证金"
|
||||
@@ -94,6 +147,49 @@
|
||||
icon="el-icon-circle-plus-outline"
|
||||
@click.stop="addSafetyMargin(scope.row);flag1 = 1">安全保证金
|
||||
</el-button>
|
||||
<el-tooltip :open-delay="1000" class="item" effect="dark" content="收回" placement="top">
|
||||
<div style="display: inline-block">
|
||||
<el-button
|
||||
:disabled="scope.row.是否禁用收回 || !scope.row.是否禁用增加安全保证金"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-money"
|
||||
@click.stop="TakeBack(scope.row);flag1 = 5"/>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<el-tooltip :open-delay="1000" class="item" effect="dark" content="扣款" placement="top">
|
||||
<div style="display: inline-block">
|
||||
<el-button
|
||||
:disabled="scope.row.是否禁用扣款|| !scope.row.是否禁用增加安全保证金"
|
||||
size="mini"
|
||||
type="text"
|
||||
style="margin-left: 8px"
|
||||
icon="el-icon-coin"
|
||||
@click.stop="Withdrawing(scope.row);flag1 = 3"/>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<el-tooltip :open-delay="1000" class="item" effect="dark" content="编辑" placement="top">
|
||||
<div style="display: inline-block">
|
||||
<el-button
|
||||
:disabled="scope.row.是否禁用编辑|| !scope.row.是否禁用增加安全保证金"
|
||||
size="mini"
|
||||
type="text"
|
||||
style="margin-left: 8px"
|
||||
icon="el-icon-edit-outline"
|
||||
@click.stop="editSafetyMargin(scope.row);flag1 = 2"/>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<!--<el-tooltip :open-delay="1000" class="item" effect="dark" content="删除" placement="top">-->
|
||||
<!--<div style="display: inline-block">-->
|
||||
<!--<el-button-->
|
||||
<!--:disabled="scope.row.是否禁用删除|| !scope.row.是否禁用增加安全保证金"-->
|
||||
<!--size="mini"-->
|
||||
<!--type="text"-->
|
||||
<!--style="margin-left: 8px"-->
|
||||
<!--icon="el-icon-delete"-->
|
||||
<!--@click.stop="delSafetyMargin(scope.row)"/>-->
|
||||
<!--</div>-->
|
||||
<!--</el-tooltip>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -113,6 +209,7 @@
|
||||
<el-card>
|
||||
<el-table
|
||||
v-loading="tableData1Loading"
|
||||
v-show="false"
|
||||
:data="tableData1"
|
||||
style="width: 100%"
|
||||
highlight-current-row
|
||||
@@ -125,17 +222,17 @@
|
||||
<!--{{ scope.row.项目名称 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<el-table-column align="center" label="保证金金额" width="100">
|
||||
<el-table-column align="center" label="保证金(万元)" width="110">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="primary" size="mini">{{ Number(scope.row.保证金金额).toFixed(2) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="交付日期" width="120">
|
||||
<el-table-column align="center" label="交付日期" width="86">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.交付日期 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="收回条件" width="100">
|
||||
<el-table-column align="center" label="收回条件" width="86">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.执行进度名 }}
|
||||
</template>
|
||||
@@ -145,19 +242,19 @@
|
||||
后{{ scope.row.提前x天提醒 }}天内收回
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="扣款金额" width="100">
|
||||
<el-table-column align="center" label="扣款金额(万元)" width="120">
|
||||
<template slot-scope="scope">
|
||||
{{ Number(scope.row.扣款金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="AmountReceivable" align="center" width="120">
|
||||
<el-table-column :label="AmountReceivable" align="center" width="110">
|
||||
<template slot-scope="scope">
|
||||
{{ Number(scope.row.应收回金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="实际收回金额" align="center" width="120">
|
||||
<el-table-column label="已收(万元)" align="center" width="110">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.实际收回日期 === '' || scope.row.实际收回日期 === null ? '0' : Number(scope.row.应收回金额).toFixed(2) }}
|
||||
{{ Number(scope.row.已收金额).toFixed(2) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--<el-table-column align="center" label="计划收回日期" width="150">-->
|
||||
@@ -165,13 +262,13 @@
|
||||
<!--{{ scope.row.预计收回日期 }}-->
|
||||
<!--</template>-->
|
||||
<!--</el-table-column>-->
|
||||
<el-table-column align="center" label="是否收回" width="100">
|
||||
<el-table-column align="center" label="是否收回" width="90">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="parseInt(scope.row.是否收回) === 2" slot="reference" size="mini" type="success" style="width: 66px">已收回</el-tag>
|
||||
<el-tag v-else-if="parseInt(scope.row.是否收回) === 1" slot="reference" type="danger" size="mini" style="width: 66px">未收回</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="实际收回日期" width="130">
|
||||
<el-table-column align="center" label="收回日期" width="86">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.实际收回日期 === '' || scope.row.实际收回日期 === null ? '未收回' : scope.row.实际收回日期 }}
|
||||
</template>
|
||||
@@ -204,12 +301,12 @@
|
||||
</el-popover>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="备注">
|
||||
<el-table-column align="center" width="190" label="备注">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.备注 }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="200">
|
||||
<el-table-column label="操作" align="center" width="130">
|
||||
<template slot-scope="scope">
|
||||
<el-tooltip :open-delay="1000" class="item" effect="dark" content="收回" placement="top">
|
||||
<div style="display: inline-block">
|
||||
@@ -227,7 +324,7 @@
|
||||
:disabled="scope.row.是否禁用扣款"
|
||||
size="mini"
|
||||
type="text"
|
||||
style="margin-left: 20px"
|
||||
style="margin-left: 8px"
|
||||
icon="el-icon-coin"
|
||||
@click.stop="Withdrawing(scope.row);flag1 = 3"/>
|
||||
</div>
|
||||
@@ -238,7 +335,7 @@
|
||||
:disabled="scope.row.是否禁用编辑"
|
||||
size="mini"
|
||||
type="text"
|
||||
style="margin-left: 20px"
|
||||
style="margin-left: 8px"
|
||||
icon="el-icon-edit-outline"
|
||||
@click.stop="editSafetyMargin(scope.row);flag1 = 2"/>
|
||||
</div>
|
||||
@@ -249,7 +346,7 @@
|
||||
:disabled="scope.row.是否禁用删除"
|
||||
size="mini"
|
||||
type="text"
|
||||
style="margin-left: 20px"
|
||||
style="margin-left: 8px"
|
||||
icon="el-icon-delete"
|
||||
@click.stop="delSafetyMargin(scope.row)"/>
|
||||
</div>
|
||||
@@ -271,11 +368,11 @@
|
||||
|
||||
<!--新增编辑保证金信息对话框-->
|
||||
<el-dialog v-el-drag-dialog :title="title" :visible.sync="dialogFormVisible1" center style="min-height: 300px" width="600px">
|
||||
<el-form ref="form" :model="form" :rules="rules1" label-position="left" label-width="95px" class="demo-ruleForm">
|
||||
<el-form ref="form" :model="form" :rules="rules1" label-position="left" label-width="105px" class="demo-ruleForm">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="保证金金额" prop="保证金金额">
|
||||
<el-input-number v-model="form.保证金金额" :precision="2" :step="1" style="width: 150px" size="small"/>
|
||||
<el-form-item label="保证金(万元)" prop="保证金金额">
|
||||
<el-input-number v-model="form.保证金金额" :precision="2" :step="1" :min="0" style="width: 150px" size="small"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@@ -302,62 +399,64 @@
|
||||
<!--placeholder="请选择计划收回日期"/>-->
|
||||
<!--</el-form-item>-->
|
||||
<!--</el-col>-->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="收回条件" prop="收回条件">
|
||||
<el-select v-model="form.收回条件" filterable placeholder="请选择收回条件" style="width: 150px" size="small">
|
||||
<el-option
|
||||
v-for="item in plannedTime"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="截止时间" prop="提前X天提醒我">
|
||||
<el-input-number v-model="form.提前X天提醒我" placeholder="请输入截止时间" style="width: 150px" size="small"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!--<el-row>-->
|
||||
<!--<el-col :span="12">-->
|
||||
<!--<el-form-item label="收回条件" prop="收回条件">-->
|
||||
<!--<el-select v-model="form.收回条件" filterable placeholder="请选择收回条件" style="width: 150px" size="small">-->
|
||||
<!--<el-option-->
|
||||
<!--v-for="item in plannedTime"-->
|
||||
<!--:key="item.value"-->
|
||||
<!--:label="item.label"-->
|
||||
<!--:value="item.value"/>-->
|
||||
<!--</el-select>-->
|
||||
<!--</el-form-item>-->
|
||||
<!--</el-col>-->
|
||||
<!--<el-col :span="12">-->
|
||||
<!--<el-form-item label="截止时间" prop="提前X天提醒我">-->
|
||||
<!--<el-input-number v-model="form.提前X天提醒我" placeholder="请输入截止时间" style="width: 150px" size="small"/>-->
|
||||
<!--</el-form-item>-->
|
||||
<!--</el-col>-->
|
||||
<!--</el-row>-->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="备注" prop="备注">
|
||||
<el-input v-model="form.备注" type="textarea" autosize size="small" placeholder="请输入备注" style="width:400px"/>
|
||||
<el-input v-model="form.备注" type="textarea" autosize size="small" placeholder="请输入备注" style="width:430px"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="callOff('form')">取消</el-button>
|
||||
<el-button type="primary" @click="submit1('form')">确 定</el-button>
|
||||
<el-button size="small" icon="el-icon-circle-close" @click="callOff('form')">取消</el-button>
|
||||
<el-button type="distribution" size="small" icon="el-icon-circle-check" @click="submit1('form')">确 定</el-button>
|
||||
<!--<el-button @click="callOff('form')">取消</el-button>-->
|
||||
<!--<el-button type="primary" @click="submit1('form')">确 定</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!--扣款记录增加-->
|
||||
<el-dialog v-el-drag-dialog :title="title2" :visible.sync="dialogFormVisible2" center style="min-height: 300px" width="800px">
|
||||
<el-dialog v-el-drag-dialog :title="title2" :visible.sync="dialogFormVisible2" center style="min-height: 300px" width="600px">
|
||||
<el-form ref="form2" :model="form2" :rules="rules2" label-position="left" label-width="120px" class="demo-ruleForm">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="项目名称" prop="项目名称">
|
||||
<el-input v-model="projectName" size="small" placeholder="请输入项目名称" style="width:200px" disabled/>
|
||||
<el-input v-model="projectName" size="small" placeholder="请输入项目名称" style="width:140px" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被扣款人" prop="被扣款人">
|
||||
<el-input v-model="form2.被扣款人" size="small" placeholder="请输入被扣款人" style="width:200px"/>
|
||||
<el-input v-model="form2.被扣款人" size="small" placeholder="请输入被扣款人" style="width:140px"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="剩余金额" prop="剩余金额">
|
||||
<el-input v-model="SurplusAmount" size="small" placeholder="请输入剩余金额" style="width:200px" disabled/>
|
||||
<el-form-item label="剩余金额(万元)" prop="剩余金额">
|
||||
<el-input v-model="SurplusAmount" size="small" placeholder="请输入剩余金额" style="width:140px" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="扣款金额" prop="扣款金额">
|
||||
<el-input-number v-model="form2.扣款金额" :min="0" :max="maxMoney" :precision="2" :step="1" size="small" style="width: 200px" placeholder="请输入本次付款金额"/>
|
||||
<el-form-item label="扣款金额(万元)" prop="扣款金额">
|
||||
<el-input-number v-model="form2.扣款金额" :min="0" :precision="2" :step="1" size="small" style="width: 140px" placeholder="请输入本次付款金额"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -367,7 +466,7 @@
|
||||
<el-date-picker
|
||||
v-model="form2.扣款日期"
|
||||
:picker-options="pickerOptions1"
|
||||
style="width: 200px;"
|
||||
style="width: 140px;"
|
||||
value-format="yyyy-MM-dd"
|
||||
size="small"
|
||||
type="date"
|
||||
@@ -376,14 +475,14 @@
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="扣款原因" prop="扣款原因">
|
||||
<el-input v-model="form2.扣款原因" size="small" placeholder="扣款原因" style="width: 200px"/>
|
||||
<el-input v-model="form2.扣款原因" size="small" placeholder="扣款原因" style="width: 140px"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="callOff('form2')">取消</el-button>
|
||||
<el-button type="primary" @click="submit1('form2')">确 定</el-button>
|
||||
<el-button size="small" icon="el-icon-circle-close" @click="callOff('form2')">取消</el-button>
|
||||
<el-button type="distribution" size="small" icon="el-icon-circle-check" @click="submit1('form2')">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
@@ -430,20 +529,25 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="callOff('form3')">取消</el-button>
|
||||
<el-button type="primary" @click="submit1('form3')">确 定</el-button>
|
||||
<el-button size="small" icon="el-icon-circle-close" @click="callOff('form3')">取消</el-button>
|
||||
<el-button type="distribution" size="small" icon="el-icon-circle-check" @click="submit1('form3')">确 定</el-button>
|
||||
<!--<el-button @click="callOff('form3')">取消</el-button>-->
|
||||
<!--<el-button type="primary" @click="submit1('form3')">确 定</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!--收回安全保证金-->
|
||||
<el-dialog v-el-drag-dialog :visible.sync="dialogFormVisible4" title="收回" center style="min-height: 300px" width="40%">
|
||||
<el-dialog v-el-drag-dialog :visible.sync="dialogFormVisible4" title="收回" center style="min-height: 300px" width="400px">
|
||||
<el-form ref="form4" :model="form4" :rules="rules4" label-position="left" label-width="120px" class="demo-ruleForm">
|
||||
<el-form-item label="项目名称" prop="项目名称">
|
||||
<el-input v-model="projectName" size="small" placeholder="请输入项目名称" style="width:200px" disabled/>
|
||||
</el-form-item>
|
||||
<el-form-item label="剩余金额" prop="剩余金额">
|
||||
<el-form-item label="应收金额(万元)" prop="剩余金额">
|
||||
<el-input v-model="form4.剩余金额" size="small" placeholder="请输入项目名称" style="width:200px" disabled/>
|
||||
</el-form-item>
|
||||
<el-form-item label="回收金额(万元)" prop="回收金额">
|
||||
<el-input-number v-model="form4.回收金额" :min="0" :max="form4.剩余金额" :precision="2" :step="1" size="small" style="width: 200px" placeholder="请输入回收金额"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="收回日期" prop="收回日期">
|
||||
<el-date-picker
|
||||
v-model="form4.收回日期"
|
||||
@@ -456,8 +560,10 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="callOff('form4')">取消</el-button>
|
||||
<el-button type="primary" @click="submit1('form4')">确 定</el-button>
|
||||
<el-button size="small" icon="el-icon-circle-close" @click="callOff('form4')">取消</el-button>
|
||||
<el-button type="distribution" size="small" icon="el-icon-circle-check" @click="submit1('form4')">确 定</el-button>
|
||||
<!--<el-button @click="callOff('form4')">取消</el-button>-->
|
||||
<!--<el-button type="primary" @click="submit1('form4')">确 定</el-button>-->
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
@@ -541,9 +647,37 @@ export default {
|
||||
}
|
||||
}
|
||||
return {
|
||||
dateRange: '',
|
||||
check1: '',
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '上季度',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(end.getTime() - 3600 * 1000 * 24 * 30 * 3)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '过去半年',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(end.getTime() - 3600 * 1000 * 24 * 366 / 2)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}, {
|
||||
text: '过去一年',
|
||||
onClick(picker) {
|
||||
const end = new Date()
|
||||
const start = new Date()
|
||||
start.setTime(end.getTime() - 3600 * 1000 * 24 * 365)
|
||||
picker.$emit('pick', [start, end])
|
||||
}
|
||||
}]
|
||||
},
|
||||
customerName: '',
|
||||
customerName_check: '',
|
||||
pickerOptions: {},
|
||||
pickerOptions1: {},
|
||||
pickerOptions2: {},
|
||||
timetime: '',
|
||||
@@ -561,7 +695,7 @@ export default {
|
||||
startTime_check: '',
|
||||
endTime_check: '',
|
||||
disabled: false,
|
||||
AmountReceivable: '应收回金额',
|
||||
AmountReceivable: '应收回(万元)',
|
||||
WithdrawingCode: '',
|
||||
SurplusAmount: '',
|
||||
maxMoney: null,
|
||||
@@ -614,7 +748,8 @@ export default {
|
||||
},
|
||||
form4: {
|
||||
收回日期: '',
|
||||
剩余金额: ''
|
||||
剩余金额: '',
|
||||
回收金额: ''
|
||||
},
|
||||
rules1: { // 表单验证规则
|
||||
项目名称: [{ required: true, message: '请选择项目', trigger: 'change' }],
|
||||
@@ -640,7 +775,9 @@ export default {
|
||||
扣款日期: [{ required: true, message: '请选择扣款日期', trigger: 'change' }]
|
||||
},
|
||||
rules4: { // 表单验证规则
|
||||
收回日期: [{ required: true, message: '请选择收回日期', trigger: 'change' }]
|
||||
收回日期: [{ required: true, message: '请选择收回日期', trigger: 'change' }],
|
||||
回收金额: [{ required: true, message: '请输入回收金额', trigger: 'blur' },
|
||||
{ required: true, trigger: 'blur', validator: validateValue }]
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -700,8 +837,10 @@ export default {
|
||||
} else {
|
||||
this.customerName_check = 1
|
||||
}
|
||||
// llj新增
|
||||
this.dateRange ? this.check1 = 1 : (this.check1 = 0, this.dateRange = '')
|
||||
this.listLoadingProject = true
|
||||
searchTableDataProject(this.PageCurrentProject, this.PageSizeProject, this.entryNameValue, this.entryNameValue_check, this.startTime_check, this.endTime_check, this.startTime, this.endTime, this.customerName_check, this.customerName).then(response => {
|
||||
searchTableDataProject(this.PageCurrentProject, this.PageSizeProject, this.entryNameValue, this.entryNameValue_check, this.check1, this.check1, this.dateRange[0], this.dateRange[1], this.customerName_check, this.customerName).then(response => {
|
||||
this.tableData1 = []
|
||||
this.tableData2 = []
|
||||
this.listLoadingProject = false
|
||||
@@ -710,7 +849,9 @@ export default {
|
||||
data.rows[i].合同签订日期 = data.rows[i].合同签订日期.substring(0, data.rows[i].合同签订日期.length - 8)
|
||||
parseInt(data.rows[i].安全保证金类型) === 1 ? data.rows[i].是否禁用增加安全保证金 = true : data.rows[i].是否禁用增加安全保证金 = false
|
||||
}
|
||||
|
||||
this.projectTableData = data.rows
|
||||
console.log(this.projectTableData, 909090)
|
||||
this.totalProject = data.total
|
||||
})
|
||||
},
|
||||
@@ -880,6 +1021,7 @@ export default {
|
||||
if (response.data[0].result === '1') {
|
||||
this.$message.success('扣款成功')
|
||||
this.title = ''
|
||||
this.searchTableDataProject()
|
||||
this.getTable(searchTable1, [this.PageCurrent, this.PageSize, this.projectCode], ['tableData1', 'total', 'tableData1Loading'])
|
||||
this.getTable(searchTable2, [this.PageCurrent2, this.PageSize2, this.code], ['tableData2', 'total2', 'tableData2Loading'])
|
||||
} else {
|
||||
@@ -902,6 +1044,7 @@ export default {
|
||||
this.dialogFormVisible3 = false
|
||||
if (response.data[0].result === '1') {
|
||||
this.$message.success('信息更新成功')
|
||||
this.searchTableDataProject()
|
||||
this.getTable(searchTable1, [this.PageCurrent, this.PageSize, this.projectCode], ['tableData1', 'total', 'tableData1Loading'])
|
||||
this.getTable(searchTable2, [this.PageCurrent2, this.PageSize2, this.code], ['tableData2', 'total2', 'tableData2Loading'])
|
||||
} else {
|
||||
@@ -916,12 +1059,14 @@ export default {
|
||||
this.changeTime2()
|
||||
this.form4.剩余金额 = parseFloat(row.应收回金额)
|
||||
this.dialogFormVisible4 = true
|
||||
this.form4.回收金额 = 0
|
||||
},
|
||||
submitTakeBack() {
|
||||
TakeBack(this.code, this.form4.收回日期).then(response => {
|
||||
TakeBack(this.code, this.form4.收回日期, this.form4.回收金额).then(response => {
|
||||
this.dialogFormVisible4 = false
|
||||
if (response.data[0].result === '1') {
|
||||
this.$message.success('信息更新成功')
|
||||
this.searchTableDataProject()
|
||||
this.getTable(searchTable1, [this.PageCurrent, this.PageSize, this.projectCode], ['tableData1', 'total', 'tableData1Loading'])
|
||||
} else {
|
||||
this.$message.error('信息更新失败')
|
||||
@@ -936,5 +1081,23 @@ export default {
|
||||
.el-date-picker{
|
||||
width:50px
|
||||
}
|
||||
|
||||
.el-form--label-left >>> .el-form-item__label {
|
||||
text-align: right;
|
||||
}
|
||||
>>>.el-dialog--center .el-dialog__body {
|
||||
text-align: initial;
|
||||
padding: 20px 20px 20px
|
||||
}
|
||||
>>>.el-dialog__header {
|
||||
padding: 20px 20px 0px;
|
||||
}
|
||||
>>>.el-dialog__footer {
|
||||
padding: 0px 20px 20px;
|
||||
/*text-align: right;*/
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
>>>.el-form-item {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user