Niko
/
shuili_manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

update

master
liao hh 3 weeks ago
parent
7c5c7a6004
commit
01cfcf7372
1 changed files with 336 additions and 302 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 636
      jwtech-admin-page/src/components/securityDeposit/index.vue

636
jwtech-admin-page/src/components/securityDeposit/index.vue
View File

@ -8,7 +8,8 @@
size="mini"
@click="handleAdd"
v-hasPermi="[`bzj:${type}:add`]"
>新增</el-button
>新增
</el-button
>
<el-button
type="success"
@ -17,7 +18,8 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="[`bzj:${type}:edit`]"
>修改</el-button
>修改
</el-button
>
<el-button
type="danger"
@ -26,7 +28,8 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="[`bzj:${type}:remove`]"
>删除</el-button
>删除
</el-button
>
<right-toolbar
:showSearch.sync="showSearch"
@ -85,7 +88,8 @@
>搜索</el-button
> -->
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>重置
</el-button
>
</el-form-item>
</el-form>
@ -145,7 +149,7 @@
:data="tbbzjList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" fixed />
<el-table-column type="selection" width="55" align="center" fixed/>
<el-table-column
label="序号"
type="index"
@ -192,7 +196,8 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="[`bzj:${type}:edit`]"
>修改</el-button
>修改
</el-button
>
<el-button
size="mini"
@ -200,7 +205,8 @@
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="[`bzj:${type}:remove`]"
>删除</el-button
>删除
</el-button
>
</template>
</el-table-column>
@ -244,7 +250,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="12" v-if="!hasFive">
<el-form-item label="缴存单位" prop="guaranteeBankName">
<el-input
v-model="form.guaranteeBankName"
@ -252,276 +258,290 @@
/>
</el-form-item>
</el-col>
</el-row>
<!-- ===========不共有============== -->
<!-- 1、现金存储 -->
<!-- <el-col :span="12" v-if="hasOne">
<el-form-item label="现金金额" prop="cashAmount">
<el-input v-model="form.cashAmount" placeholder="请输入现金金额">
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col> -->
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存金额" prop="depositAmount">
<el-input
v-model="form.depositAmount"
placeholder="请输入缴存金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存日期" prop="depositAmountDate">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.depositAmountDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择缴存日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存银行名称" prop="depositBank">
<el-input
v-model="form.depositBank"
placeholder="请输入缴存银行名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存保证金银行号" prop="depositBankNumber">
<el-input
v-model="form.depositBankNumber"
placeholder="请输入缴存保证金银行号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="开户行地址" prop="accountBankAddress">
<el-input
v-model="form.accountBankAddress"
placeholder="请输入开户行地址"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存凭证号" prop="voucherNumber">
<el-input
v-model="form.voucherNumber"
placeholder="请输入缴存凭证号"
/>
</el-form-item>
</el-col>
<!-- 2、银行保函 -->
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函编号" prop="bankGuaranteeLetterNo">
<el-input
v-model="form.bankGuaranteeLetterNo"
placeholder="请输入保函编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="银行保函金额" prop="bankGuaranteeLetterAmount">
<el-input
v-model="form.bankGuaranteeLetterAmount"
placeholder="请输入银行保函金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函开立日期" prop="bankGuaranteeStartYear">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.bankGuaranteeStartYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保函开立日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函到期日期" prop="bankGuaranteeEndYear">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.bankGuaranteeEndYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保函到期日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- ===========不共有============== -->
<!-- 1、现金存储 -->
<!-- <el-col :span="12" v-if="hasOne">
<el-form-item label="现金金额" prop="cashAmount">
<el-input v-model="form.cashAmount" placeholder="请输入现金金额">
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col> -->
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存金额" prop="depositAmount">
<el-input
v-model="form.depositAmount"
placeholder="请输入缴存金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存日期" prop="depositAmountDate">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.depositAmountDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择缴存日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存银行名称" prop="depositBank">
<el-input
v-model="form.depositBank"
placeholder="请输入缴存银行名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存保证金银行号" prop="depositBankNumber">
<el-input
v-model="form.depositBankNumber"
placeholder="请输入缴存保证金银行号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="开户行地址" prop="accountBankAddress">
<el-input
v-model="form.accountBankAddress"
placeholder="请输入开户行地址"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasOne">
<el-form-item label="缴存凭证号" prop="voucherNumber">
<el-input
v-model="form.voucherNumber"
placeholder="请输入缴存凭证号"
/>
</el-form-item>
</el-col>
<!-- 3、工程保证保险 -->
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险公司名称" prop="insuranceCompanyName">
<el-input
v-model="form.insuranceCompanyName"
placeholder="请输入保险公司名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险合同编号" prop="insuranceNo">
<el-input
v-model="form.insuranceNo"
placeholder="请输入保险合同编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险金额" prop="insuranceAmount">
<el-input
v-model="form.insuranceAmount"
placeholder="请输入保险金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险生效日期" prop="insuranceStartTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.insuranceStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保险生效日期"
<!-- 2、银行保函 -->
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函编号" prop="bankGuaranteeLetterNo">
<el-input
v-model="form.bankGuaranteeLetterNo"
placeholder="请输入保函编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="银行保函金额" prop="bankGuaranteeLetterAmount">
<el-input
v-model="form.bankGuaranteeLetterAmount"
placeholder="请输入银行保函金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函开立日期" prop="bankGuaranteeStartYear">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.bankGuaranteeStartYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保函开立日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasTwo">
<el-form-item label="保函到期日期" prop="bankGuaranteeEndYear">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.bankGuaranteeEndYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保函到期日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- 3、工程保证保险 -->
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险公司名称" prop="insuranceCompanyName">
<el-input
v-model="form.insuranceCompanyName"
placeholder="请输入保险公司名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险合同编号" prop="insuranceNo">
<el-input
v-model="form.insuranceNo"
placeholder="请输入保险合同编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险金额" prop="insuranceAmount">
<el-input
v-model="form.insuranceAmount"
placeholder="请输入保险金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险生效日期" prop="insuranceStartTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.insuranceStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保险生效日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险失效日期" prop="insuranceEndTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.insuranceEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保险失效日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="支付保险费金额" prop="payAmountInsurance">
<el-input
v-model="form.payAmountInsurance"
placeholder="请输入支付保险费金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="支付保险费日期" prop="payAmountInsuranceTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.payAmountInsuranceTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择支付保险费日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- 4、工程担保公司保函 -->
<el-col :span="12" v-if="hasFour">
<el-form-item label="担保银行名称" prop="guaranteeCompanyName">
<el-input
v-model="form.guaranteeCompanyName"
placeholder="请输入担保银行名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保公司保函函编号"
prop="guaranteeCompanyLetterNo"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="保险失效日期" prop="insuranceEndTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.insuranceEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择保险失效日期"
<el-input
v-model="form.guaranteeCompanyLetterNo"
placeholder="请输入担保公司保函函编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保公司担保金额"
prop="guaranteeCompanyAmount"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="支付保险费金额" prop="payAmountInsurance">
<el-input
v-model="form.payAmountInsurance"
placeholder="请输入支付保险费金额"
<el-input
v-model="form.guaranteeCompanyAmount"
placeholder="请输入担保公司担保金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保保函开立日期"
prop="guaranteeCompanyStartYear"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasThree">
<el-form-item label="支付保险费日期" prop="payAmountInsuranceTime">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.payAmountInsuranceTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择支付保险费日期"
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.guaranteeCompanyStartYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择担保保函开立日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保保函到期日期"
prop="guaranteeCompanyEndYear"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.guaranteeCompanyEndYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择担保保函到期日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<!-- 4、工程担保公司保函 -->
<el-col :span="12" v-if="hasFour">
<el-form-item label="担保银行名称" prop="guaranteeCompanyName">
<el-input
v-model="form.guaranteeCompanyName"
placeholder="请输入担保银行名称"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保公司保函函编号"
prop="guaranteeCompanyLetterNo"
>
<el-input
v-model="form.guaranteeCompanyLetterNo"
placeholder="请输入担保公司保函函编号"
/>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保公司担保金额"
prop="guaranteeCompanyAmount"
>
<el-input
v-model="form.guaranteeCompanyAmount"
placeholder="请输入担保公司担保金额"
>
<template slot="append">万元</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保保函开立日期"
prop="guaranteeCompanyStartYear"
>
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.guaranteeCompanyStartYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择担保保函开立日期"
<!--免缴保证金-->
<el-col :span="12" v-if="hasFive">
<el-form-item
label="说明"
prop="remark"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12" v-if="hasFour">
<el-form-item
label="担保保函到期日期"
prop="guaranteeCompanyEndYear"
>
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.guaranteeCompanyEndYear"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择担保保函到期日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-input
v-model="form.remark"
placeholder="请输入说明"
/>
</el-form-item>
</el-col>
<!-- ===========共有============== -->
<el-col :span="24">
<el-form-item label="附件材料" prop="cashStorageFile">
<myUpload :fileList="fileList" />
</el-form-item>
</el-col>
<!-- ===========共有============== -->
<el-col :span="24">
<el-form-item label="附件材料" prop="cashStorageFile">
<myUpload :fileList="fileList"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-row>
@ -577,7 +597,8 @@
size="mini"
@click="importTemplate"
style="font-size: 14px"
>模版下载</el-button
>模版下载
</el-button
>
<span style="font-size: 16px; color: red; margin-left: 20px"
>提示：仅允许导入“xls”或“xlsx”格式文件！
@ -591,12 +612,12 @@
style="width: 100%"
max-height="250"
>
<el-table-column prop="name" align="left" label="姓名" />
<el-table-column prop="idNo" align="left" label="身份证号码" />
<el-table-column prop="cardNo" align="left" label="工资卡卡号" />
<el-table-column prop="cardBank" align="left" label="工资卡开卡银行" />
<el-table-column prop="bankSerialNumber" align="left" label="银行流水号" />
<el-table-column prop="bankAccount" align="left" label="工资专用账户" />
<el-table-column prop="name" align="left" label="姓名"/>
<el-table-column prop="idNo" align="left" label="身份证号码"/>
<el-table-column prop="cardNo" align="left" label="工资卡卡号"/>
<el-table-column prop="cardBank" align="left" label="工资卡开卡银行"/>
<el-table-column prop="bankSerialNumber" align="left" label="银行流水号"/>
<el-table-column prop="bankAccount" align="left" label="工资专用账户"/>
<el-table-column
label="工资年月"
align="left"
@ -609,10 +630,10 @@
</template>
</el-table-column>
<el-table-column prop="monthlySalaryPayable" align="right" label="当月应发金额" />
<el-table-column prop="monthlySalaryDeduct" align="right" label="当月拖欠金额" />
<el-table-column prop="monthlySalaryCurrent" align="right" label="当月实发工资" />
<el-table-column prop="salaryPayableMethods" align="right" label="工资支付方式" />
<el-table-column prop="monthlySalaryPayable" align="right" label="当月应发金额"/>
<el-table-column prop="monthlySalaryDeduct" align="right" label="当月拖欠金额"/>
<el-table-column prop="monthlySalaryCurrent" align="right" label="当月实发工资"/>
<el-table-column prop="salaryPayableMethods" align="right" label="工资支付方式"/>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitTemplate">确 定</el-button>
@ -624,7 +645,7 @@
<script>
import XLSX from 'xlsx'
import { getToken } from "@/utils/auth";
import {getToken} from "@/utils/auth";
export default {
name: "Bzj",
@ -750,7 +771,14 @@ export default {
message: "请输入缴存单位",
trigger: "blur",
},
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
remark: [
{
required: true,
message: "请输入说明",
trigger: "blur",
},
],
depositAmount: [
@ -779,20 +807,20 @@ export default {
message: "请输入缴存银行名称",
trigger: "blur",
},
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
depositBankNumber: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
accountBankAddress: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
voucherNumber: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
bankGuaranteeLetterNo: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
bankGuaranteeLetterAmount: [
{
@ -822,10 +850,10 @@ export default {
},
],
insuranceCompanyName: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
insuranceNo: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
insuranceAmount: [
{
@ -855,7 +883,7 @@ export default {
},
],
payAmountInsurance: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
{
pattern:
/(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
@ -871,10 +899,10 @@ export default {
},
],
guaranteeCompanyName: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
guaranteeCompanyLetterNo: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
{max: 250, message: "字符长度最大为250", trigger: "blur"},
],
guaranteeCompanyAmount: [
{
@ -923,6 +951,9 @@ export default {
hasFour() {
return this.form.depositMethods?.some((res) => res == 3);
},
hasFive() {
return this.form.depositMethods?.some((res) => res == 4);
},
dialogTitle() {
let res;
switch (this.type) {
@ -1040,14 +1071,14 @@ export default {
// ); //ip是表的标题
obj.idNo = v["身份证号码"]; //ip是表的标题
obj.name = v["姓名"]; //ip是表的标题
obj.cardNo=v["工资卡卡号"];
obj.cardBank=v["工资卡开卡银行"]
obj.bankSerialNumber=v["银行流水号"]
obj.bankAccount=v["工资专用账户"]
obj.monthlySalaryPayable=v["当月应发金额"]
obj.monthlySalaryDeduct=v["当月拖欠金额"]
obj.monthlySalaryCurrent=v["当月实发工资"]
obj.salaryPayableMethods=v["工资支付方式（总包单位代发或分包单位代发）"]
obj.cardNo = v["工资卡卡号"];
obj.cardBank = v["工资卡开卡银行"]
obj.bankSerialNumber = v["银行流水号"]
obj.bankAccount = v["工资专用账户"]
obj.monthlySalaryPayable = v["当月应发金额"]
obj.monthlySalaryDeduct = v["当月拖欠金额"]
obj.monthlySalaryCurrent = v["当月实发工资"]
obj.salaryPayableMethods = v["工资支付方式（总包单位代发或分包单位代发）"]
if (obj.idNo && obj.name) {
successNo += 1;
@ -1361,7 +1392,8 @@ export default {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function () {});
.catch(function () {
});
} else {
this.$message.warning("请选择要删除的数据！！");
}
@ -1386,13 +1418,15 @@ export default {
this.downloadFile(response, true, response.msg);
// this.download(response.msg);
})
.catch(function () {});
.catch(function () {
});
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/dialog.scss";
::v-deep {
.el-dialog {
margin-top: 10vh !important;

Write Preview
Loading…
Cancel
Save