<template>
|
<div class="apply-info">
|
<CommForm
|
:inline="true"
|
:list="computedFormList"
|
@updateValue="updateValue"
|
ref="applyForm"
|
formType="info"
|
:formValues="formValues"
|
:formRules="formRules"
|
title="还款申请信息"
|
></CommForm>
|
<!-- 只有正常入账进来的时候显示 -->
|
<CommTable
|
v-if="applyType === '01' && transCode === 'T1004'"
|
:pageInfo="pageInfo"
|
:total="total"
|
ref="repaymentApplyTable"
|
:clearCheckAll="true"
|
@handleCurrentChange="handleCurrentChange"
|
@handleSizeChange="handleSizeChange"
|
:loading="loading"
|
:list="records"
|
:header="tableHeader"
|
:isShowCheckbox="true"
|
columnIndexInfo
|
@handleSelectionChange="handleSelectionChange"
|
v-bind="$attrs"
|
></CommTable>
|
|
<Dialog
|
v-model="isShowDialog"
|
icon="succ"
|
iconText="提交成功"
|
:buttons="[{ text: '确定', type: 'primary' }]"
|
@handleClick="commitSuccess"
|
></Dialog>
|
|
<Dialog
|
v-model="isShowSubmit"
|
title="信息确认"
|
:buttons="[{ text: '取消' }, { text: '确定', type: 'primary' }]"
|
@handleClick="clickAgainEnter"
|
:contentText="contentText"
|
></Dialog>
|
</div>
|
</template>
|
<script>
|
// 还款申请信息
|
import { mapState, mapMutations } from "vuex";
|
import CommForm from "@/components/CommForm";
|
import CommTable from "@/components/CommTable";
|
import Dialog from "@/components/Dialog";
|
|
import queryCodeValueList from "@/controller/queryCodeValueList";
|
import getAmountCodeRsp from "@/controller/getAmountCodeRsp";
|
|
import claimTrialPayment from "@/controller/claimTrialPayment";
|
import batchClaimTrialPayment from "@/controller/batchClaimTrialPayment";
|
|
import repaymentCommit from "@/controller/repaymentCommit";
|
import batchRepaymentCommit from "@/controller/batchRepaymentCommit";
|
import claimRepaymentPlan from "@/controller/claimRepaymentPlan";
|
import repaymentTrial from "@/controller/repaymentTrial";
|
|
export default {
|
components: {
|
CommForm,
|
CommTable,
|
Dialog,
|
},
|
props: {
|
conf: {
|
type: Object,
|
default: () => ({}),
|
},
|
},
|
data() {
|
return {
|
info: {},
|
transCode: "",
|
applyType: "",
|
query: {},
|
formList: [],
|
loading: false,
|
maxMoneylength: [],
|
tableHeader: [],
|
formButtons: [
|
{ text: "重置", type: "default" },
|
{ text: "搜索" },
|
{ text: "展开", type: "fold" },
|
],
|
pageInfo: {
|
currentPage: 1,
|
pageSize: 10,
|
},
|
total: 0,
|
pendingClaimAppointTotal: 0,
|
oldvalue: "",
|
records: [],
|
checkedRecords: [],
|
tableModel: null,
|
codeUrl: "",
|
detailModel: null,
|
model: null,
|
selectModel: null,
|
codeRspModel: null,
|
isShowDialog: false,
|
isShowSubmit: false,
|
contentText: "",
|
visible: false,
|
selectItemList: [],
|
productid: "", //贷款产品类型
|
stateOfmaxAmount: [],
|
psIdList: [], //还款申请信息选中的批次信息
|
};
|
},
|
created() {
|
this.init();
|
},
|
methods: {
|
init() {
|
// applyType = '01'
|
|
const { query } = this.$route;
|
const { transCode, applyType, productid } = query;
|
this.query = query;
|
this.transCode = transCode;
|
this.applyType = applyType;
|
this.productid = productid;
|
this.selectModel = queryCodeValueList();
|
|
this.codeRspModel = getAmountCodeRsp();
|
const tableModel = claimRepaymentPlan();
|
this.tableModel = tableModel;
|
this.tableHeader = tableModel.getTableList();
|
if (transCode == "T1014") {
|
//批量入账
|
this.model = batchRepaymentCommit();
|
this.detailModel = batchClaimTrialPayment();
|
} else {
|
//单个入账及其他
|
this.model = repaymentCommit();
|
this.detailModel = claimTrialPayment();
|
this.getList();
|
}
|
this.getDetail();
|
},
|
getSelectItemList() {
|
this.selectItemList = JSON.parse(
|
sessionStorage.getItem("NewDebitSelectItem")
|
);
|
if (!this.selectItemList) {
|
return [];
|
}
|
const serialNoList = this.selectItemList.map((item) => item.serialNo);
|
return serialNoList;
|
},
|
async getDetail(flg) {
|
const { query, detailModel } = this;
|
const { serialNo, applyType, transCode, transSerialNo = "" } = query;
|
let info = {};
|
|
if (transCode == "T1014") {
|
//批量入账
|
const serialNoList = this.getSelectItemList();
|
info = await detailModel.request({
|
transSerialNo,
|
serialNoList: serialNoList,
|
applyType, // 申请类型(01 正常入账 02 指定项入账 03 提前结清)
|
});
|
} else {
|
//单个入账及其他
|
info = await detailModel.request({
|
transSerialNo,
|
serialNo,
|
applyType, // 申请类型(01 正常入账 02 指定项入账 03 提前结清)
|
});
|
}
|
|
if (!info.finishTypeArray || info.finishTypeArray.length == 0) {
|
info.finishTypeArray = ["8"];
|
}
|
if (!info.reductionTypeArray || info.reductionTypeArray == 0) {
|
info.reductionTypeArray = ["1"];
|
}
|
if (!info.sourcesTypeArray || info.sourcesTypeArray.length == 0) {
|
info.sourcesTypeArray = ["4"];
|
}
|
|
this.info = { ...info };
|
|
this.setForm();
|
},
|
selectEnable(row, rowIndex) {
|
if (rowIndex == 0) {
|
return true;
|
} else {
|
return false;
|
}
|
},
|
// 获取列表
|
async getList() {
|
this.loading = true;
|
let { pageInfo, tableModel, query } = this;
|
const { serialNo } = query;
|
// 自动扣款挂起管理新增查询条件字段loanUpStatus
|
const res = await tableModel.request({
|
serialNo,
|
...pageInfo,
|
});
|
this.loading = false;
|
const { list = [], total } = res;
|
this.records = list;
|
|
this.total = parseInt(total);
|
},
|
|
setForm() {
|
const { detailModel, conf, info } = this;
|
const formList = detailModel.getFormList(info);
|
const { edit } = conf;
|
if (edit === "Y") {
|
this.formList = this.filterFormList(formList);
|
this.setSelectOptions();
|
} else {
|
const list = formList.map((item) => {
|
let { descName, value } = item;
|
if (descName) {
|
value = info[descName];
|
}
|
return {
|
...item,
|
// type: 'text',
|
value,
|
rules: [],
|
};
|
});
|
this.formList = this.filterFormList(list);
|
}
|
},
|
|
filterFormList(formList) {
|
const { query } = this;
|
// applyType 申请类型(01 正常入账 02 指定项入账 03 提前结清)
|
const { applyType } = query;
|
// const { edit } = conf
|
let tempList = [...formList];
|
|
if (applyType === "03" && tempList.length > 0) {
|
tempList = tempList.filter(({ name }) => !["payAmt"].includes(name));
|
//提前结清认领不需要这两个字段
|
tempList = tempList.filter(({ name }) => !["payType"].includes(name));
|
tempList = tempList.filter(
|
({ name }) => !["acctPayAmt"].includes(name)
|
);
|
}
|
|
if (applyType !== "02") {
|
tempList = tempList.filter(
|
({ name }) => !["payRulesArray"].includes(name)
|
);
|
}
|
|
if (applyType !== "03") {
|
tempList = tempList.filter(
|
({ name }) =>
|
![
|
"finishTypeArray",
|
"otherFinishType",
|
"reductionTypeArray",
|
"sourcesTypeArray",
|
"otherSourcesType",
|
"principalBalance",
|
"interestBalance",
|
"interestBalanceA1",
|
"interestBalanceA3",
|
"interestBalanceA2",
|
"interestBalanceA5",
|
"interestBalanceA6",
|
"interestBalanceA8",
|
"palpenaltyBalance",
|
"balance",
|
].includes(name)
|
);
|
}
|
|
return tempList;
|
},
|
|
// 更新表单数据
|
updateValue(index, info, flg = true, isChecked = false) {
|
const { formList, applyType } = this;
|
if (isNaN(index)) {
|
// index is name
|
index = formList.findIndex(({ name }) => name === index);
|
}
|
if (info.name == "payAmt") {
|
if (applyType === "02") {
|
if (Number(info.value) > Number(this.pendingClaimAppointTotal)) {
|
this.$message.warning("输入金额超出范围");
|
info.value = this.pendingClaimAppointTotal;
|
}
|
} else {
|
if (Number(info.value) > Number(this.oldvalue)) {
|
this.$message.warning("输入金额超出范围");
|
info.value = this.oldvalue;
|
}
|
}
|
//对input赋值
|
const preInfo = formList[index];
|
this.$set(formList, index, { ...preInfo, ...info });
|
return;
|
}
|
// if(info.name != 'payType'){
|
// if (applyType === '01' && !isChecked) {
|
// const total = this.getPayAmtTotal()
|
// if (info.value > total) {
|
// this.$message.warning('输入金额超出范围')
|
// return false
|
// }
|
// }
|
// }
|
if (!isNaN(index) && index > -1) {
|
const preInfo = formList[index];
|
this.$set(formList, index, { ...preInfo, ...info });
|
}
|
},
|
|
// 表单按钮事件处理
|
submit() {
|
const {
|
model,
|
query,
|
info,
|
trxnbrArray,
|
conf,
|
claimTotal,
|
repayTotal,
|
maxDate,
|
} = this;
|
const { serialNo, applyType } = query;
|
|
const { edit } = conf;
|
if (edit !== "Y") {
|
return false;
|
}
|
const values = this.$refs.applyForm.validate();
|
this.values = values;
|
const today = new Date().getTime();
|
|
if (values) {
|
if (trxnbrArray.length === 0) {
|
this.$message("银行流水不能为空！");
|
return false;
|
}
|
if (Number(repayTotal) > Number(claimTotal)) {
|
console.log(repayTotal, claimTotal, "----");
|
this.contentText = "选中流水可能并非客户还款资金,请再次确认!";
|
this.isShowSubmit = true;
|
// this.$message('选中流水可能并非客户还款资金,请再次确认!')
|
// return false
|
}
|
|
if (Number(repayTotal) + 10 < Number(claimTotal)) {
|
this.contentText = "选中流水可能并非客户还款资金,请再次确认!";
|
this.isShowSubmit = true;
|
// this.$message('选中流水可能并非客户还款资金,请再次确认!')
|
// return false
|
}
|
if (maxDate > today) {
|
this.contentText = "选中其次未到期,请确认是否错误选择数据!";
|
this.isShowSubmit = true;
|
// this.$message('选中其次未到期,请确认是否错误选择数据!')
|
}
|
if (
|
!(Number(repayTotal) > Number(claimTotal)) &&
|
!(Number(repayTotal) + 10 < Number(claimTotal)) &&
|
!(maxDate > today)
|
) {
|
this.toSubmit();
|
}
|
} else {
|
this.setSubmitLoading(false);
|
this.$message.warning(
|
"当前页面存在必填项未录入或数据录入错误，请检查!"
|
);
|
}
|
},
|
|
clickAgainEnter(index) {
|
this.isShowSubmit = false;
|
if (index === 1) {
|
this.toSubmit();
|
}
|
},
|
|
async toSubmit() {
|
const {
|
model,
|
query,
|
info,
|
values,
|
trxnbrArray,
|
psIdList,
|
conf,
|
claimTotal,
|
repayTotal,
|
maxDate,
|
} = this;
|
const { serialNo, applyType, transCode } = query;
|
this.setSubmitLoading(true);
|
try {
|
if (transCode === "T1014") {
|
//批量入账
|
const serialNoList = this.getSelectItemList();
|
await model.request({
|
...info,
|
trxnbrArray,
|
psIdList,
|
loanNoArray: serialNoList,
|
applyType,
|
amt: applyType == "02" ? values.payAmt : values.acctPayAmt,
|
payAmt: applyType == "02" ? values.payAmt : values.acctPayAmt,
|
...values,
|
});
|
} else {
|
//单个入账及其他
|
await model.request({
|
...info,
|
trxnbrArray,
|
psIdList,
|
loanNo: serialNo,
|
applyType,
|
amt: applyType == "02" ? values.payAmt : values.acctPayAmt,
|
payAmt: applyType == "02" ? values.payAmt : values.acctPayAmt,
|
...values,
|
});
|
}
|
} catch (error) {
|
this.setSubmitLoading(false);
|
return;
|
}
|
|
// loading.close()
|
this.setSubmitLoading(false);
|
this.setTransferSearchOptions({});
|
// this.getDetail()
|
this.isShowDialog = true;
|
},
|
// 设置表单下拉菜单
|
setSelectOptions() {
|
const { formList } = this;
|
formList.forEach(({ name, attrs = [] }) => {
|
if (
|
attrs.some(
|
(item) =>
|
(typeof item === "object" && item.readonly) || item === "readonly"
|
)
|
) {
|
return false;
|
}
|
|
// 入账项目及顺序
|
if (name === "payRulesArray") {
|
this.payRule(name, "FintshType");
|
}
|
|
// 结清类型
|
if (name === "finishTypeArray") {
|
this.queryCodeValueList(name, "FintshType");
|
}
|
if (name === "reductionTypeArray") {
|
this.queryCodeValueList(name, "ReductionType");
|
}
|
if (name === "sourcesTypeArray") {
|
this.queryCodeValueList(name, "SourcesType");
|
}
|
});
|
},
|
|
// 贷后交易名称下拉列表
|
async payRule(name) {
|
const { codeRspModel } = this;
|
const { list } = await codeRspModel.request();
|
this.updateValue(name, { options: list });
|
},
|
|
// 贷后交易名称下拉列表
|
async queryCodeValueList(name, codeNo) {
|
const { selectModel } = this;
|
const { list } = await selectModel.request({ codeNo });
|
this.updateValue(name, { options: list });
|
},
|
|
// 修改翻页条数
|
handleSizeChange(val) {
|
this.pageInfo.pageSize = val;
|
this.getList();
|
},
|
|
// 修改翻页数
|
handleCurrentChange(val) {
|
this.pageInfo.currentPage = val;
|
this.getList();
|
},
|
|
handleSelectionChange(checkedRecords) {
|
const { records, productid } = this;
|
const orderNum = checkedRecords.reduce(
|
(pre, curr, index) =>
|
checkedRecords.some(
|
({ serialNo }) => serialNo === records[index].serialNo
|
)
|
? pre + 1
|
: pre,
|
0
|
);
|
if (orderNum === checkedRecords.length) {
|
// 可以勾选多期（必须只有一个总金额大于0 的期次，其他必须是还款金额为0的期次）
|
const cur = checkedRecords[checkedRecords.length - 1];
|
if (
|
cur &&
|
(cur.principalBalance > 0 ||
|
cur.interestBalance > 0 ||
|
cur.penaltyBalance > 0 ||
|
cur.feeBalance > 0)
|
) {
|
const index = this.maxMoneylength.findIndex(
|
(res) => res == cur.serialNo
|
);
|
if (index < 0) {
|
this.maxMoneylength.push(cur.serialNo);
|
}
|
}
|
if (checkedRecords.length < 1) {
|
this.maxMoneylength = [];
|
}
|
//2023.11.06 只能勾选一个项目
|
if (checkedRecords.length > 1 && productid != "OFF_CDZY") {
|
this.$message.warning("只能选择一期。");
|
this.checkedRecords = [];
|
this.psIdList = []
|
this.setAcctPayAmt("");
|
this.maxMoneylength = [];
|
this.$refs.repaymentApplyTable.$refs.commTable.clearSelection();
|
return;
|
}
|
if (this.maxMoneylength.length > 1 && productid != "OFF_CDZY") {
|
this.$message.warning("最多只能勾选一期金额大于0的数据！");
|
this.checkedRecords = [];
|
this.psIdList = []
|
this.maxMoneylength = [];
|
this.setAcctPayAmt("");
|
this.$refs.repaymentApplyTable.$refs.commTable.clearSelection();
|
|
return;
|
}
|
const maxAmount = checkedRecords.filter((cur) => {
|
if (
|
cur.principalBalance > 0 ||
|
cur.interestBalance > 0 ||
|
cur.penaltyBalance > 0 ||
|
cur.feeBalance > 0
|
) {
|
return true;
|
}
|
});
|
if (maxAmount && maxAmount.length > 0) {
|
const serialNumbers = maxAmount.map((item) => item.serialNo);
|
const serialNumbersStr = serialNumbers.join(",");
|
// 待领资金联动
|
this.setScheduleSerialNo(
|
maxAmount && maxAmount.length > 0 ? serialNumbersStr : ""
|
);
|
}
|
if (maxAmount.length > 0) {
|
this.stateOfmaxAmount = maxAmount;
|
}
|
// 试算
|
if (
|
this.maxMoneylength.length > 0 &&
|
this.$store.state.tabsModule.trxnbrArray &&
|
this.$store.state.tabsModule.trxnbrArray.length > 0 &&
|
maxAmount.length > 0
|
) {
|
this.repaymentTrialAtm(maxAmount);
|
} else {
|
this.setAcctPayAmt("");
|
}
|
console.log("checkedRecords", checkedRecords);
|
this.psIdList = checkedRecords
|
.filter(
|
(item) => item.serialNo !== undefined && item.serialNo !== null
|
)
|
.map((item) => item.serialNo);
|
this.checkedRecords = checkedRecords;
|
} else {
|
this.$message.warning("只能依次选择。");
|
this.psIdList = []
|
this.checkedRecords = [];
|
this.psIdList = []
|
this.setAcctPayAmt("");
|
this.maxMoneylength = [];
|
this.$refs.repaymentApplyTable.$refs.commTable.clearSelection();
|
}
|
// if(checkedRecords && checkedRecords.length > 0){
|
// this.checkedRecords = checkedRecords
|
// }
|
this.oldvalue = JSON.parse(JSON.stringify(this.getPayAmtTotal()));
|
this.updateValue("payAmt", { value: this.getPayAmtTotal() }, false, true);
|
},
|
repaymentTrialAtm(scheduleSerialNoArr) {
|
if (!scheduleSerialNoArr) return;
|
const arr = this.$store.state.tabsModule.trxnbrArray;
|
if (!arr || arr.length < 1) return;
|
const { serialNo } = this.$route.query;
|
const serialNumbers = scheduleSerialNoArr.map((item) => item.serialNo);
|
const serialNumbersStr = serialNumbers.join(",");
|
const data = {
|
scheduleSerialNo: serialNumbersStr || "",
|
serialNo: serialNo,
|
trxnbrarray: arr,
|
backtrack: this.backtrack,
|
};
|
repaymentTrial()
|
.request(data)
|
.then((res) => {
|
if (res) {
|
// 特殊情况特殊处理。。。
|
let resdata = "";
|
for (const key in res) {
|
resdata += res[key];
|
}
|
this.setAcctPayAmt(resdata);
|
}
|
});
|
},
|
getPayAmtTotal() {
|
const { checkedRecords } = this;
|
const keys = [
|
"principalBalance",
|
"interestBalance",
|
"penaltyBalance",
|
"feeBalance",
|
];
|
const total = checkedRecords.reduce((pre, curr) => {
|
pre = pre + keys.reduce((subPre, key) => subPre + Number(curr[key]), 0);
|
return pre;
|
}, 0);
|
const dateArray = checkedRecords.reduce((pre, curr) => {
|
pre.push(new Date(curr.payDate).getTime());
|
return pre;
|
}, []);
|
this.maxDate = Math.max(...dateArray);
|
this.repayTotal = total.toFixed(2);
|
this.setRepayTotal(this.repayTotal);
|
this.setMaxDate(this.maxDate);
|
return total.toFixed(2);
|
},
|
|
// 提交成功后返回原列表页
|
commitSuccess() {
|
this.isShowDialog = false;
|
this.$router.go(-1);
|
},
|
...mapMutations([
|
"setRepayTotal",
|
"setMaxDate",
|
"setTransferSearchOptions",
|
"setScheduleSerialNo",
|
"setAcctPayAmt",
|
"setSubmitLoading",
|
"setBacktrack",
|
]),
|
},
|
computed: {
|
// 表单值信息
|
formValues() {
|
const { model, formList } = this;
|
if (this.$route.query.applyType != "01") {
|
const index = formList.findIndex((res) => res.name == "acctPayAmt");
|
if (index == "2") {
|
formList.splice(index, 1);
|
}
|
}
|
//当延期认领回溯变更时，需要重新试算
|
if (model.getFormValues(formList).backtrack) {
|
this.setBacktrack(model.getFormValues(formList).backtrack);
|
if (this.stateOfmaxAmount.length > 0) {
|
this.repaymentTrialAtm(this.stateOfmaxAmount);
|
}
|
}
|
return model ? model.getFormValues(formList) : {};
|
},
|
computedFormList() {
|
const { formList, formValues, query } = this;
|
const { transCode } = query;
|
// const { prepaymentType } = formValues
|
// const { edit } = conf
|
let tempList = [...formList];
|
// 提前结清申请和提前j结清预约申请必填字段联动问题
|
if (transCode === "T1004") {
|
const { finishTypeArray, sourcesTypeArray } = formValues;
|
const finishTypeIndex = tempList.findIndex(
|
({ name }) => name === "finishTypeArray"
|
);
|
// 其他结清类型
|
const otherFinishTypeIndex = tempList.findIndex(
|
({ name }) => name === "otherFinishType"
|
);
|
const sourcesTypeIndex = tempList.findIndex(
|
({ name }) => name === "sourcesTypeArray"
|
);
|
// 其他还款来源类型
|
const otherSourcesTypeIndex = tempList.findIndex(
|
({ name }) => name === "otherSourcesType"
|
);
|
if (finishTypeIndex > -1) {
|
if (finishTypeArray.indexOf("9") > -1) {
|
tempList[otherFinishTypeIndex] = {
|
...tempList[otherFinishTypeIndex],
|
rules: ["required"],
|
};
|
} else {
|
tempList[otherFinishTypeIndex] = {
|
...tempList[otherFinishTypeIndex],
|
rules: [],
|
};
|
}
|
}
|
|
if (sourcesTypeIndex > -1) {
|
if (sourcesTypeArray.indexOf("5") > -1) {
|
tempList[otherSourcesTypeIndex] = {
|
...tempList[otherSourcesTypeIndex],
|
rules: ["required"],
|
};
|
} else {
|
tempList[otherSourcesTypeIndex] = {
|
...tempList[otherSourcesTypeIndex],
|
rules: [],
|
};
|
}
|
}
|
}
|
return tempList;
|
},
|
formRules() {
|
// const { model, formList } = this
|
const { model, computedFormList } = this;
|
if (model) {
|
// return model.getFormRules(formList)
|
return model.getFormRules(computedFormList);
|
}
|
return {};
|
},
|
...mapState({
|
trxnbrArray: (state) => state.tabsModule.trxnbrArray,
|
claimTotal: (state) => state.tabsModule.claimTotal,
|
acctPayAmt: (state) => state.tabsModule.acctPayAmt,
|
backtrack: (state) => state.tabsModule.backtrack, //延期认领回溯，变更时本模块要重新试算
|
}),
|
},
|
watch: {
|
acctPayAmt(val) {
|
const { applyType } = this.query;
|
if (applyType == "02") {
|
this.pendingClaimAppointTotal = val;
|
// const { formList } = this;
|
// const index = formList.findIndex((res) => res.name == "payAmt");
|
// if (formList[index]) {
|
// formList[index].value = val;
|
// }
|
// const data = formList[index];
|
// this.$set(formList, index, { ...data });
|
} else {
|
const { formList } = this;
|
const index = formList.findIndex((res) => res.name == "acctPayAmt");
|
if (formList[index]) {
|
formList[index].value = val;
|
}
|
const data = formList[index];
|
this.$set(formList, index, { ...data });
|
}
|
},
|
$route() {
|
const { serialNo } = this.$route.query;
|
if (serialNo) {
|
this.init();
|
}
|
},
|
},
|
};
|
</script>
|
<style lang="postcss" scoped>
|
.apply-top-button {
|
& >>> .el-button {
|
margin-left: 20px;
|
}
|
}
|
.apply-info {
|
& >>> .clearCheckAll {
|
.el-table__header-wrapper .el-checkbox {
|
display: none;
|
}
|
}
|
}
|
|
.qrcode-content {
|
text-align: center;
|
& .qrode-close {
|
margin: 0;
|
padding: 0;
|
margin-bottom: 10px;
|
& i {
|
cursor: pointer;
|
font-size: 18px;
|
}
|
/* text-align: right; */
|
}
|
}
|
</style>
|
