Skip to content

M
mcep-h5
提交 fb7656fd 编写于 作者: jiangzaicheng's avatar jiangzaicheng
浏览文件
操作

“ 

个人信息
上级 7941916e
展开全部 隐藏空白字符变更
内嵌 并排
正在显示 包含 873 行增加 和 2588 行删除
src/components/common/Person.vue
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 16:24:00 * @Date: 2022-07-04 16:24:00
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-14 13:54:18 * @LastEditTime: 2022-07-25 18:31:14
* @FilePath: \mcep-h5\src\components\common\Tatle.vue * @FilePath: \mcep-h5\src\components\common\Tatle.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -64,7 +64,7 @@ ...@@ -64,7 +64,7 @@
{{ param.live }}</div> {{ param.live }}</div>
<div class=" ml-auto " @click="pushStarts()"><img class="imgstar" src="../../assets/images/stars.png" alt=""></div> <div class=" ml-auto " @click="pushStarts()"><img class="imgstar" src="../../assets/images/stars.png" alt=""></div>
</div> </div>
<div class="" <div @click="layoutDiss()"
style="background-color: #ffffff; border-radius: 4px; color: #FE6B1B; width: 90px; font-size: 12px;text-align: center;margin-top: 4px;"> style="background-color: #ffffff; border-radius: 4px; color: #FE6B1B; width: 90px; font-size: 12px;text-align: center;margin-top: 4px;">
成长值{{ param.grow }} 成长值{{ param.grow }}
<van-icon name="arrow" class="arrow" /> <van-icon name="arrow" class="arrow" />
...@@ -98,7 +98,11 @@ export default class Person extends Vue { ...@@ -98,7 +98,11 @@ export default class Person extends Vue {
name:"level" name:"level"
}) })
} }
layoutDiss(){
this.$router.push({
name:"Growth"
})
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/components/common/PicketAcced.vue
浏览文件 @ fb7656fd
...@@ -2,58 +2,59 @@ ...@@ -2,58 +2,59 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 16:24:00 * @Date: 2022-07-04 16:24:00
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 19:24:22 * @LastEditTime: 2022-07-25 14:28:53
* @FilePath: \mcep-h5\src\components\common\Tatle.vue * @FilePath: \mcep-h5\src\components\common\Tatle.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
<template> <template>
<!-- <div> --> <!-- <div> -->
<div class="d-tatle"> <div class="d-tatle">
<div class="card" v-for="(item, index) in productParam" :key="index" @click="onClickPicket()"> <div class="card" v-for="(item, index) in productParam" :key="index">
<div @click="onClickDetails()">
<van-row>
<van-col span="16">
<van-col span="24" class="priductName">{{ item.productname }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请金额：万元</span></van-col>
<van-col span="12" class="money" style="color:rgb(255, 204, 0);">{{ item.money }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>担保方式</span></van-col>
<van-col span="12" class="guarantee">{{ item.guarantee }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请日期（月）</span></van-col>
<van-col span="12" class="month">{{ item.month }}</van-col>
</van-row>
<van-row>
<van-col span="12" class="lable"><span>申请时间</span></van-col>
<van-col span="12" class="time">{{ item.time }}</van-col>
</van-row>
<van-row> </van-col>
<van-col span="16">
<van-col span="24" class="priductName">{{ item.productname }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请金额：万元</span></van-col>
<van-col span="12" class="money" style="color:rgb(255, 204, 0);">{{ item.money }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>担保方式</span></van-col>
<van-col span="12" class="guarantee">{{ item.guarantee }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请日期（月）</span></van-col>
<van-col span="12" class="month">{{ item.month }}</van-col>
</van-row>
<van-row>
<van-col span="12" class="lable"><span>申请时间</span></van-col>
<van-col span="12" class="time">{{ item.time }}</van-col>
</van-row>
</van-col> </van-col>
<van-col span="8">
</van-col> <svg class="icon" aria-hidden="true" v-if="item.status === 1">
<van-col span="8"> <use xlink:href="#icon-a-yifafang60x60px"></use>
<svg class="icon" aria-hidden="true" v-if="item.status ===1"> </svg>
<use xlink:href="#icon-a-yifafang60x60px"></use> <svg class="icon" aria-hidden="true" v-if="item.status === 2">
</svg> <use xlink:href="#icon-a-yifafang60x60px"></use>
<svg class="icon" aria-hidden="true" v-if="item.status ===2"> </svg>
<use xlink:href="#icon-a-yifafang60x60px"></use> <svg class="icon" aria-hidden="true" v-if="item.status === 3">
</svg> <use xlink:href="#icon-a-yijieqing60x60px"></use>
<svg class="icon" aria-hidden="true" v-if="item.status ===3"> </svg>
<use xlink:href="#icon-a-yijieqing60x60px"></use> </van-col>
</svg> </van-row>
</van-col> </div>
</van-row> <van-row v-if="item.status === 2" type="flex" class="bottom" @click="onClickPicket()">
<van-row v-if="item.status === 2" type="flex" class="bottom">
<van-col span="24" class="lablel"><span>还款计划</span> <van-col span="24" class="lablel"><span>还款计划</span>
<svg class="iconl" aria-hidden="true"> <svg class="iconl" aria-hidden="true">
<use xlink:href="#icon-a-xiayiye24x24px"></use> <use xlink:href="#icon-a-xiayiye24x24px"></use>
</svg> </svg>
</van-col> </van-col>
</van-row> </van-row>
</div> </div>
</div> </div>
</template> </template>
...@@ -69,16 +70,21 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator"; ...@@ -69,16 +70,21 @@ import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
export default class PicketAcced extends Vue { export default class PicketAcced extends Vue {
@Prop({ default: "" }) productParam: any | [] //列表信息 @Prop({ default: "" }) productParam: any | [] //列表信息
//调用父组件的值 //调用父组件的值
@Emit("onClickPicket")
onClickPicket() { }
onClickPicket() {
this.$emit("onClickPicket")
}
//调用父组件的值
onClickDetails() {
this.$emit("onClickDetails")
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.icon { .icon {
width: 80px; width: 80px;
height: 80px; height: 80px;
margin-top: 10%; margin-top: 10%;
} }
.card { .card {
......
src/components/common/ProductCard.vue
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13 * @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-13 17:58:57 * @LastEditTime: 2022-07-25 18:18:42
* @FilePath: \mcep-h5\src\components\common\Bottom.vue * @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<!-- <div> --> <!-- <div> -->
<div class="roolsolt"> <div class="roolsolt">
<div class="rool"> <div class="rool">
<van-row type="flex" > <van-row type="flex">
<van-col span="24" class="title">最高贷款额度</van-col> <van-col span="24" class="title">最高贷款额度</van-col>
</van-row> </van-row>
<van-row type="flex" justify="center" class="integral"> <van-row type="flex" justify="center" class="integral">
...@@ -35,10 +35,10 @@ ...@@ -35,10 +35,10 @@
margin: 20% auto; margin: 20% auto;
box-shadow: 0 y-shadow 10px 10px rgba(0, 0, 0, .2); box-shadow: 0 y-shadow 10px 10px rgba(0, 0, 0, .2);
"> ">
<van-collapse-item title="标题1" name="1">内容</van-collapse-item> <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
<van-collapse-item title="标题2" name="2">内容</van-collapse-item> <van-collapse-item title="标题2" name="2">内容</van-collapse-item>
<van-collapse-item title="标题3" name="3">内容</van-collapse-item> <van-collapse-item title="标题3" name="3">内容</van-collapse-item>
</van-collapse> </van-collapse>
</div> </div>
</div> </div>
</template> </template>
...@@ -55,7 +55,7 @@ export default class ProductCard extends Vue { ...@@ -55,7 +55,7 @@ export default class ProductCard extends Vue {
@Prop({ default: "" }) money: string | undefined; //额度 @Prop({ default: "" }) money: string | undefined; //额度
@Prop({ default: "" }) moneyName: string | undefined;//额度大写 @Prop({ default: "" }) moneyName: string | undefined;//额度大写
//立即登录 //立即登录
activeNames=["1"]; activeNames = ["1"];
lodiing() { lodiing() {
this.$router.push({ this.$router.push({
path: "/Recognition", path: "/Recognition",
...@@ -64,9 +64,8 @@ activeNames=["1"]; ...@@ -64,9 +64,8 @@ activeNames=["1"];
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.div{ .div {}
}
.roolsolt { .roolsolt {
width: 90%; width: 90%;
margin: 0px auto; margin: 0px auto;
...@@ -75,6 +74,7 @@ activeNames=["1"]; ...@@ -75,6 +74,7 @@ activeNames=["1"];
.title { .title {
margin-top: 10%; margin-top: 10%;
margin-bottom: 2%;
font-size: 14px; font-size: 14px;
text-align: center; text-align: center;
font-family: 'Arial Normal', 'Arial', sans-serif; font-family: 'Arial Normal', 'Arial', sans-serif;
...@@ -92,11 +92,15 @@ activeNames=["1"]; ...@@ -92,11 +92,15 @@ activeNames=["1"];
//margin-top: 10%; //margin-top: 10%;
/* margin-left: 20%; */ /* margin-left: 20%; */
text-align: center; text-align: center;
width: 90%;
height: 66px;
margin: 0px auto;
font-size: 36px; font-size: 36px;
color: #FFA121; color: #FFA121;
background-image: url('../../assets/images/tw.png');
} }
.integrall { .integrall {
//margin-top: 10%; //margin-top: 10%;
/* margin-left: 20%; */ /* margin-left: 20%; */
......
src/components/workbench/company-common-functions/auxiliary-tools/Calculate.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div class="content">
<div style="width: 100%">
<van-form label-width="25%" @submit="onSubmit">
<!-- <mobile-input v-model="type_of_certificate" placeholder="营业执照" readonly label="证件类型" /> -->
<d-select
placeholder="请选择"
label="证件类型"
:value="IdentTp"
border="true"
:required="true"
v-model="IdentTp"
sfield="IdentTp"
size="small"
:rules="[{ required: true, message: '证件类型不能为空' }]"
></d-select>
<mobile-input
:formatter="formatter"
format-trigger="reset"
v-model="IdentNo"
:required="true"
:rules="[{ validator, message: msg == '' ? '类型不能为空' : msg }]"
label="证件号码"
/>
<mobile-input
v-show="companyName != ''"
class="contact_tel"
placeholder="请输入联系电话"
label="公司名称"
readonly
v-model="companyName"
/>
<div style="margin: 16px; display: flex; justify-content: space-around">
<van-button
@click="reset"
style="width: 40%"
round
color="#999999"
native-type="info"
plain
>重置</van-button
>
<van-button style="width: 40%" round type="info" native-type="submit"
>计算</van-button
>
</div>
</van-form>
<div class="content-style" v-show="LOAN_BAL != '' && LOAN_BAL != null">
<table-single-view
:data="AUMInfo"
:keyValue="keyValueAum"
></table-single-view>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import systemApi from "@/constants/api/ms-system/system.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
import TableSingleView from "@/public/TableSingleView.vue";
// import emUtil from '@/public/js/em.util';
/**
* @Description 年日均计算
* @Author JiangTao
* @Date 2021-11-10 下午 03:36
*/
@Component({
name: "Calculate",
components: { TableSingleView },
})
export default class Calculate extends Vue {
IdentTp = "";
IdentNo = "";
msg = "输入不能为空";
cusInfo: any = {};
AUMInfo: any = {}; //查询AUM返回的信息
keyValueAum = {
LOAN_BAL: "贷款总额",
LOAN_YEAR_DAY_AVG: "贷款年日均",
};
LOAN_BAL = "";
companyName = "";
onSubmit() {
this.selectCustInfo();
}
formatter() {}
reset() {
this.IdentNo = "";
this.IdentTp = "";
}
// 暂无拍照接口
// ocrScan(bse64Img:any) {
// if (!this.IdentTp) {
// NativeUI.toast('请先选择证件类型');
// } else {
// emUtil.captureImage().then(localData => {
// let _this = this;
// let fileImage = _this.base64ToFile(localData);
// NativeUI.showWaiting('正在识别...');
// IF.transferFile(systemApi.ocrCertificateIdentify, { file: fileImage }).then(res => {
// NativeUI.closeWaiting();
// console.log(res);
// if (res.ret_code == '000000') {
// NativeUI.toast(res.msg);
// _this.IdentNo = res.REGISTER_ID;
// // _this.CstNm = res.COMPANY_NAME;
// // _this.displayValue = res.COMPANY_TYPE;
// } else {
// NativeUI.toast(res.msg || 'OCR识别失败');
// }
// });
// });
// }
// }
//证件号校验规则
validator(val: any) {
if (this.IdentTp == "1") {
this.msg = "组织机构代码输入有误";
return /[A-Z0-9]{8}-[A-Z0-9]$|[A-Z0-9]{8}-[A-Z0-9]-[0-9]{2}$/.test(val);
} else if (this.IdentTp == "2") {
//社会统一信用代码
this.msg = "社会统一信用代码输入有误";
return /[1-9A-GY]{1}[1239]{1}[1-5]{1}[0-9]{5}[0-9A-Z]{10}/.test(val);
}
}
//查询年日均AUM
selectAUMInfo() {
const param = {
CUST_NO: this.cusInfo.cus_id, //'1003813734'
CUST_NAME: this.cusInfo.cus_name, //'成***',
tc: nettyApi.TRADE_CODE.selectCompanyAumInfo,
};
NativeUI.showWaiting("正在查询...");
return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
NativeUI.closeWaiting();
if (res.rc == "1") {
if (res.LOAN_BAL != null) {
this.AUMInfo = res;
this.LOAN_BAL = res.LOAN_BAL;
} else {
NativeUI.toast("此用户无AUM数据");
}
} else {
NativeUI.toast(res.msg);
}
});
}
//查询客户列表
selectCustInfo(pageNo = 1) {
const param = {
cus_status: "",
cert_code: this.IdentNo,
cus_type: "",
maxLine: "1",
targetPage: 1,
tc: nettyApi.TRADE_CODE.selectXDGSXX,
};
NativeUI.showWaiting("正在查询...");
return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
NativeUI.closeWaiting();
if (res.rc == "1") {
if (res.CusComList.length > 0) {
this.cusInfo = res.CusComList[0];
this.companyName = res.CusComList[0].cus_name;
this.selectAUMInfo();
} else {
NativeUI.toast("信贷系统无此用户");
}
} else {
NativeUI.toast(res.msg);
}
});
}
}
</script>
<style scoped lang="scss">
.content {
width: 50%;
padding-top: 5%;
margin: 0 auto;
}
::v-deep .van-button--info {
background-color: #fd5065;
border: 1px solid #fd5065;
}
::v-deep .van-button__text {
font-size: 16px;
}
.content-style {
margin-left: 100px;
margin-top: 100px;
}
</style>
src/components/workbench/company-common-functions/auxiliary-tools/FinancialTrial.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div class="content">
<van-tabs class="label" type="card">
<van-tab @click="manufacturing_trial_click" title="制造业试算">
<manufacturing-trial></manufacturing-trial>
</van-tab>
<van-tab @click="unmanufacturing_trial_click" title="非制造业试算">
<un-manufacturing-trial></un-manufacturing-trial>
</van-tab>
</van-tabs>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Tab, Tabs } from "vant";
import ManufacturingTrial from "@/components/workbench/company-common-functions/auxiliary-tools/financial-trial/ManufacturingTrial.vue";
import UnManufacturingTrial from "@/components/workbench/company-common-functions/auxiliary-tools/financial-trial/UnManufacturingTrial.vue";
/**
* @Description 财务试算
* @Author JiangTao
* @Date 2021-11-10 下午 03:36
*/
Vue.use(Tab);
Vue.use(Tabs);
@Component({
name: "FinancialTrial",
components: { ManufacturingTrial, UnManufacturingTrial },
})
export default class FinancialTrial extends Vue {
manufacturing_trial = true;
un_manufacturing_trial = false;
manufacturing_trial_click() {
// console.log("aaaaaaaaaaa");
this.manufacturing_trial = true;
this.un_manufacturing_trial = false;
}
unmanufacturing_trial_click() {
// console.log("bbbbbbbbbbbbb");
this.manufacturing_trial = false;
this.un_manufacturing_trial = true;
}
}
</script>
<style scoped>
.content {
width: 90%;
margin: 0 auto;
margin-top: 2%;
}
.label {
width: 30%;
margin: 0 auto;
margin-bottom: 4%;
}
::v-deep .van-tabs {
margin: 0;
width: 98%;
}
::v-deep .van-tabs--card > .van-tabs__wrap {
width: 300px;
margin: 0 auto;
}
::v-deep .van-tab__text--ellipsis {
font-size: 16px;
}
::v-deep .van-tabs__wrap,
::v-deep .van-tabs__nav--card {
height: 40px;
}
::v-deep .van-tabs--card > .van-tabs__wrap {
margin-bottom: 4%;
}
</style>
src/components/workbench/company-common-functions/auxiliary-tools/InterestPricing.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div class="content">
<div v-if="getData[0]" class="personal-mortgage">
<div></div>
<div @click="selectInfo(0)">
《{{ getData[0].fileName }}》
</div>
</div>
<div v-if="getData[1]" class="personal-consumption">
<div></div>
<div @click="selectInfo(1)">
《{{ getData[1].fileName }}》
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import systemApi from "@/constants/api/ms-system/system.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
/**
* @Description 利率定价
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "InterestPricing",
})
export default class InterestPricing extends Vue {
getData: any[] = [];
itemInfo: any = {};
//查询个贷利率定价
selectPerLoanPrice() {
NativeUI.showWaiting("正在查询...");
return IF.transferDataInter(systemApi.selectPerLoanPrice, {}).then(
(res: any) => {
NativeUI.closeWaiting();
if (res.code == 1) {
this.getData = res.data;
console.log(this.getData);
for (let i = 0; i < this.getData.length; i++) {
let temp = this.getData[i].docName;
// let strs = temp.spit('个');
let index = temp.indexOf("个人");
let fileDate = temp.substr(0, index);
let fileName = temp.substr(index);
this.getData[i].fileDate = fileDate;
this.getData[i].fileName = fileName;
}
// console.log(this.getData,'-----------------------------------------------');
} else {
NativeUI.toast(res.msg);
}
}
);
}
selectInfo(index = 0) {
const urlFront = "http://15.1.48.24:8888/"; //http://15.1.48.24:8888/
if (index == 0) {
window.location.href = urlFront + this.getData[0].mcepFileKey;
} else if (index == 1) {
window.location.href = urlFront + this.getData[1].mcepFileKey;
}
}
mounted() {
this.selectPerLoanPrice();
}
}
</script>
<style scoped>
.content {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.personal-mortgage,
.personal-consumption {
width: 30%;
height: 33%;
background-image: url("~@/assets/images/auxiliary-tools-Interest-pricing.png");
background-repeat: no-repeat;
background-size: 90%;
}
.personal-mortgage div:nth-child(1),
.personal-consumption div:nth-child(1) {
width: 50%;
height: 30%;
margin-top: 10%;
margin-left: 8%;
background-image: url("~@/assets/images/chengdu-bank-logo.png");
background-repeat: no-repeat;
background-size: 75%;
}
.personal-mortgage div:nth-child(2),
.personal-consumption div:nth-child(2) {
width: 50%;
margin: 0 auto;
margin-left: 20%;
font-size: 115%;
}
</style>
src/components/workbench/company-common-functions/auxiliary-tools/financial-trial/ManufacturingTrial.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>
<van-form @submit="onSubmit">
<table>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" type="number" format-trigger="reset" v-model="manufacturingObject.GPM"
label="销售毛利率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="manufacturingObject.ROE" type="number" label="净资产收益率(%)"
size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" type="number" format-trigger="reset" v-model="manufacturingObject.ASSET"
label="资产负债率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="manufacturingObject.EARNED" label="已获利息倍数" type="number" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="manufacturingObject.InterBearing" type="number" label="有息负债率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="manufacturingObject.ACCRECETRUN" type="number" label="应收账款周转率(%)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="manufacturingObject.DEPTURN"
label="存款周转率(%)" type="number" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="manufacturingObject.FAT" type="number" label="固定资产周转率(%)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="manufacturingObject.ITR"
label="存货周转率(%)" type="number" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :required="true" type="number" format-trigger="reset" v-model="manufacturingObject.SARE"
label="销售收入(元)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ pattern, message: '年限为整数' }]" :required="true" format-trigger="reset" v-model="manufacturingObject.ESYEAR"
label="成立年限" type="digit" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: floatMsg }]" :required="true" format-trigger="reset" v-model="manufacturingObject.TASS"
label="总资产(元)" type="digit" size="small" />
</td>
</tr>
<tr>
<td colspan="2">
<mobile-input :required="true" :rules="[{ validator: testFloat, message: floatMsg }]" :formatter="formatter" format-trigger="reset" v-model="manufacturingObject.NASS"
label="净资产(元)" type="number" size="small" />
</td>
</tr>
<tr>
<td colspan="2">
<div style="margin: 16px; display: flex; justify-content: space-around">
<van-button @click="reset" style="width: 25%" round color="#999999" native-type="button" plain>重置</van-button>
<van-button style="width: 25%" round type="info" native-type="submit">试算</van-button>
</div>
</td>
</tr>
</table>
</van-form>
<van-dialog
:show-cancel-button="false"
:show-confirm-button="false"
:close-on-click-overlay="true"
v-model="showDialogReject"
>
<div class="dialog-box" style="position: relative">
<div class="dialog-title">测算结果</div>
<div class="score-box">{{ totalScore }}</div>
<svg class="icon icon-img" aria-hidden="true">
<use xlink:href="#icon-a-cepingjieguo110x110ziyuan40"></use>
</svg>
<van-button class="submitstyle3" block native-type="button" @click="showDialogReject = false">
知道了
</van-button>
</div>
</van-dialog>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import systemApi from "@/constants/api/ms-system/system.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
/**
* @Description 制造业试算
* @Author 王航
* @Date 2022-2-23 下午 04:32
*/
@Component({
name: "ManufacturingTrial"
})
export default class ManufacturingTrial extends Vue {
manufacturingObject:any = {
//制造业对象
GPM: '', //销售毛利率
ROE: '', //净资产收益率
ASSET: '', //资产负债率
EARNED: '', //已获息倍数
InterBearing: '', //有息负债率
ACCRECETRUN: '', //应收账款周转率
DEPTURN: '', //存款周转率
FAT: '', //固定资产周转率
ITR: '', //存货周转率
SARE: '', //销售收入
ESYEAR: '', //成立年限
TASS: '', //总资产
NASS: '' //净资产
};
pattern = /^[1-9]\d*$/; //整数校验
totalScore:any= ''; //总分数
showDialogReject= false;
floatMsg= ''; //浮点数验证信息
formatter() {
}
onSubmit(values: any) {
// console.log("submit", values);
this.selectCompanyComputeInfo();
}
selectCompanyComputeInfo() {
let param = {
GPM: this.manufacturingObject.GPM, //销售毛利率
ROE: this.manufacturingObject.ROE, //净资产收益率
ASSET: this.manufacturingObject.ASSET, //资产负债率
EARNED: this.manufacturingObject.EARNED, //已获息倍数
InterBearing: this.manufacturingObject.InterBearing, //有息负债率
ACCRECETRUN: this.manufacturingObject.ACCRECETRUN, //应收账款周转率
DEPTURN: this.manufacturingObject.DEPTURN, //存款周转率
FAT: this.manufacturingObject.FAT, //固定资产周转率
ITR: this.manufacturingObject.ITR, //存货周转率
SARE: this.manufacturingObject.SARE, //销售收入
ESYEAR: this.manufacturingObject.ESYEAR, //成立年限
TASS: this.manufacturingObject.TASS, //总资产
NASS: this.manufacturingObject.NASS, //净资产
COMTYPE: '0' //0表示制造业企业，1表示非制造业
};
NativeUI.showWaiting('正在查询...');
return IF.transferDataInter(systemApi.companyMoneyComputed, param).then((res:any) => {
NativeUI.closeWaiting();
if (res.code == 1) {
this.totalScore = res.data.totalAch; //总分
console.log(this.totalScore);
this.showDialogReject = true;
} else {
NativeUI.toast(res.message);
}
});
}
formatDate(date: any) {
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}
reset() {
this.manufacturingObject.GPM = '';
this.manufacturingObject.ROE = '';
this.manufacturingObject.ASSET = '';
this.manufacturingObject.EARNED = '';
this.manufacturingObject.InterBearing = '';
this.manufacturingObject.ACCRECETRUN = '';
this.manufacturingObject.DEPTURN = '';
this.manufacturingObject.FAT = '';
this.manufacturingObject.ITR = '';
this.manufacturingObject.SARE = '';
this.manufacturingObject.ESYEAR = '';
this.manufacturingObject.TASS = '';
this.manufacturingObject.NASS = '';
}
testFloat(val:any) {
if (parseFloat(val) < 0) {
// this.floatMsg = '必须为正数';
return false;
} else {
// this.floatMsg = '必须为整数或者小数';
return /^(-?\d+)(\.\d+)?$/.test(val);
}
}
}
</script>
<style scoped>
table {
width: 90%;
margin: 0 auto;
}
::v-deep .van-button--info {
background-color: #fd5065;
border: 1px solid #fd5065;
}
::v-deep .van-button__text {
font-size: 16px;
}
.dialog-box {
margin: 0 auto;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
width: 300px;
height: 306px;
}
.icon-img {
width: 120px;
height: 120px;
margin-top: 20px;
margin-bottom: 20px;
color: rgb(17, 167, 30);
}
.dialog-title {
font-weight: bold;
margin-top: 10%;
font-size: 16px;
color: #333;
}
.score-box {
position: absolute;
font-size: 36px;
font-weight: 400;
top: 105px;
z-index: 999;
color: #f59a23;
}
.submitstyle3 {
width: 268px;
height: 36px;
border-radius: 6px;
margin-top: 30px;
color: #fff;
background-color: #ff574c;
border-color: #ff574c;
font-size: 16px;
text-align: center;
font-weight: 400;
}
</style>
src/components/workbench/company-common-functions/auxiliary-tools/financial-trial/UnManufacturingTrial.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>
<van-form @submit="onSubmit">
<table>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" type="number" format-trigger="reset" v-model="noManufacturingObject.GPM"
label="销售毛利率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="noManufacturingObject.ROE" type="number" label="净资产收益率(%)"
size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" type="number" format-trigger="reset" v-model="noManufacturingObject.ASSET"
label="资产负债率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="noManufacturingObject.EARNED" label="已获利息倍数" type="number" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="noManufacturingObject.InterBearing" type="number" label="有息负债率(%)" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="noManufacturingObject.ACCRECETRUN" type="number" label="应收账款周转率(%)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="noManufacturingObject.DEPTURN"
label="存款周转率(%)" type="number" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset"
v-model="noManufacturingObject.FAT" type="number" label="固定资产周转率(%)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: '必须为正整数或者小数' }]" :required="true" format-trigger="reset" v-model="noManufacturingObject.ITR"
label="存货周转率(%)" type="number" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :required="true" type="number" format-trigger="reset" v-model="noManufacturingObject.SARE"
label="销售收入(元)" size="small" />
</td>
</tr>
<tr>
<td>
<mobile-input :formatter="formatter" :rules="[{ pattern, message: '年限为整数' }]" :required="true" format-trigger="reset" v-model="noManufacturingObject.ESYEAR"
label="成立年限" type="digit" size="small" />
</td>
<td>
<mobile-input :formatter="formatter" :rules="[{ validator: testFloat, message: floatMsg }]" :required="true" format-trigger="reset" v-model="noManufacturingObject.TASS"
label="总资产(元)" type="digit" size="small" />
</td>
</tr>
<tr>
<td colspan="2">
<mobile-input :required="true" :rules="[{ validator: testFloat, message: floatMsg }]" :formatter="formatter" format-trigger="reset" v-model="noManufacturingObject.NASS"
label="净资产(元)" type="number" size="small" />
</td>
</tr>
<tr>
<td colspan="2">
<div style="margin: 16px; display: flex; justify-content: space-around">
<van-button @click="reset" style="width: 25%" round color="#999999" native-type="button" plain>重置</van-button>
<van-button style="width: 25%" round type="info" native-type="submit">试算</van-button>
</div>
</td>
</tr>
</table>
</van-form>
<van-dialog
:show-cancel-button="false"
:show-confirm-button="false"
:close-on-click-overlay="true"
v-model="showDialogReject"
>
<div class="dialog-box" style="position: relative">
<div class="dialog-title">测算结果</div>
<div class="score-box">{{ totalScore }}</div>
<svg class="icon icon-img" aria-hidden="true">
<use xlink:href="#icon-a-cepingjieguo110x110ziyuan40"></use>
</svg>
<van-button class="submitstyle3" block native-type="button" @click="showDialogReject = false">
知道了
</van-button>
</div>
</van-dialog>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import systemApi from "@/constants/api/ms-system/system.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
/**
* @Description 非制造业试算
* @Author 王航
* @Date 2022-2-23 下午 04:32
*/
@Component({
name: "NoManufacturingTrial"
})
export default class NoManufacturingTrial extends Vue {
noManufacturingObject:any = {
//非制造业对象
GPM: '', //销售毛利率
ROE: '', //净资产收益率
ASSET: '', //资产负债率
EARNED: '', //已获息倍数
InterBearing: '', //有息负债率
ACCRECETRUN: '', //应收账款周转率
DEPTURN: '', //存款周转率
FAT: '', //固定资产周转率
ITR: '', //存货周转率
SARE: '', //销售收入
ESYEAR: '', //成立年限
TASS: '', //总资产
NASS: '' //净资产
};
pattern = /^[1-9]\d*$/; //整数校验
totalScore:any= ''; //总分数
showDialogReject= false;
floatMsg= ''; //浮点数验证信息
formatter() {
}
onSubmit(values: any) {
// console.log("submit", values);
this.selectCompanyComputeInfo();
}
selectCompanyComputeInfo() {
let param = {
GPM: this.noManufacturingObject.GPM, //销售毛利率
ROE: this.noManufacturingObject.ROE, //净资产收益率
ASSET: this.noManufacturingObject.ASSET, //资产负债率
EARNED: this.noManufacturingObject.EARNED, //已获息倍数
InterBearing: this.noManufacturingObject.InterBearing, //有息负债率
ACCRECETRUN: this.noManufacturingObject.ACCRECETRUN, //应收账款周转率
DEPTURN: this.noManufacturingObject.DEPTURN, //存款周转率
FAT: this.noManufacturingObject.FAT, //固定资产周转率
ITR: this.noManufacturingObject.ITR, //存货周转率
SARE: this.noManufacturingObject.SARE, //销售收入
ESYEAR: this.noManufacturingObject.ESYEAR, //成立年限
TASS: this.noManufacturingObject.TASS, //总资产
NASS: this.noManufacturingObject.NASS, //净资产
COMTYPE: '1' //0表示制造业企业，1表示非制造业
};
NativeUI.showWaiting('正在查询...');
return IF.transferDataInter(systemApi.companyMoneyComputed, param).then((res:any) => {
NativeUI.closeWaiting();
if (res.code == 1) {
this.totalScore = res.data.totalAch; //总分
console.log(this.totalScore);
this.showDialogReject = true;
} else {
NativeUI.toast(res.message);
}
});
}
formatDate(date: any) {
return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
}
reset() {
this.noManufacturingObject.GPM = '';
this.noManufacturingObject.ROE = '';
this.noManufacturingObject.ASSET = '';
this.noManufacturingObject.EARNED = '';
this.noManufacturingObject.InterBearing = '';
this.noManufacturingObject.ACCRECETRUN = '';
this.noManufacturingObject.DEPTURN = '';
this.noManufacturingObject.FAT = '';
this.noManufacturingObject.ITR = '';
this.noManufacturingObject.SARE = '';
this.noManufacturingObject.ESYEAR = '';
this.noManufacturingObject.TASS = '';
this.noManufacturingObject.NASS = '';
}
testFloat(val:any) {
if (parseFloat(val) < 0) {
// this.floatMsg = '必须为正数';
return false;
} else {
// this.floatMsg = '必须为整数或者小数';
return /^(-?\d+)(\.\d+)?$/.test(val);
}
}
}
</script>
<style scoped>
table {
width: 90%;
margin: 0 auto;
}
::v-deep .van-button--info {
background-color: #fd5065;
border: 1px solid #fd5065;
}
::v-deep .van-button__text {
font-size: 16px;
}
.dialog-box {
margin: 0 auto;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
width: 300px;
height: 306px;
}
.icon-img {
width: 120px;
height: 120px;
margin-top: 20px;
margin-bottom: 20px;
color: rgb(17, 167, 30);
}
.dialog-title {
font-weight: bold;
margin-top: 10%;
font-size: 16px;
color: #333;
}
.score-box {
position: absolute;
font-size: 36px;
font-weight: 400;
top: 105px;
z-index: 999;
color: #f59a23;
}
.submitstyle3 {
width: 268px;
height: 36px;
border-radius: 6px;
margin-top: 30px;
color: #fff;
background-color: #ff574c;
border-color: #ff574c;
font-size: 16px;
text-align: center;
font-weight: 400;
}
</style>
src/components/workbench/company-common-functions/business-inquiry/ContractSigningAndBilling.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>合同签订及出账</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 合同签订及出账
* @Author JiangTao
* @Date 2021-11-10 下午 03:32
*/
@Component({
name: "ContractSigningAndBilling",
})
export default class ContractSigningAndBilling extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/business-inquiry/LoanApplication.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>贷款申请</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 贷款申请
* @Author JiangTao
* @Date 2021-11-10 下午 03:32
*/
@Component({
name: "LoanApplication",
})
export default class LoanApplication extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/business-inquiry/MarketingTask.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div class="content">
<div class="content-top">
<div class="content-top-left">营销业务12笔</div>
<div class="content-top-right">
<div class="content-top-right-left">
<van-field readonly class="choose-content" clickable :value="choose_content" @click="choose = true" />
<van-popup v-model="choose" style="width: 30%" round position="center">
<van-picker show-toolbar :columns="type" @cancel="choose = false" @confirm="choose_t" :default-index="1" />
</van-popup>
</div>
<div class="content-top-right-right">
<div class="search-logo"><img src="../../../../assets/images/search-logo.png" alt="" /></div>
<div class="search-bar">
<van-form>
<van-field class="name" v-model="companyname" name="companyname" placeholder="请输入企业名称" />
</van-form>
</div>
<div class="search">搜索</div>
</div>
</div>
</div>
<div class="content-bottm">
<div class="task-list">
<div class="task-list-left">
<div class="task-list-left-logo">
<div><img src="../../../../assets/svg/title.svg" alt="" /></div>
</div>
<div class="task-list-left-text">
<div class="task-list-name">花儿影业有限公司-客户拜访</div>
<div class="task-list-address">
<div><img src="../../../../assets/svg/position-2.svg" alt="" /></div>
<div>0.3km</div>
<div>成都市武侯区天谷7路腾飞科汇城</div>
</div>
</div>
</div>
<div class="task-list-right">发送短信</div>
</div>
<div class="task-list">
<div class="task-list-left">
<div class="task-list-left-logo">
<div><img src="../../../../assets/svg/title.svg" alt="" /></div>
</div>
<div class="task-list-left-text">
<div class="task-list-name">花儿影业有限公司-客户拜访</div>
<div class="task-list-address">
<div><img src="../../../../assets/svg/position-2.svg" alt="" /></div>
<div>0.3km</div>
<div>成都市武侯区天谷7路腾飞科汇城</div>
</div>
</div>
</div>
<div class="task-list-right">发送短信</div>
</div>
<div class="task-list">
<div class="task-list-left">
<div class="task-list-left-logo">
<div><img src="../../../../assets/svg/title.svg" alt="" /></div>
</div>
<div class="task-list-left-text">
<div class="task-list-name">花儿影业有限公司-客户拜访</div>
<div class="task-list-address">
<div><img src="../../../../assets/svg/position-2.svg" alt="" /></div>
<div>0.3km</div>
<div>成都市武侯区天谷7路腾飞科汇城</div>
</div>
</div>
</div>
<div class="task-list-right">发送短信</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Picker } from "vant";
Vue.use(Picker);
/**
* @Description 营销任务
* @Author JiangTao
* @Date 2021-11-10 下午 03:32
*/
@Component({
name: "MarketingTask",
})
export default class MarketingTask extends Vue {
companyname = "";
choose = false;
choose_content = "";
type = ["全部营销", "客户拜访", "精准营销专项", "公司精准信息摸排", "招商引资企业营销"];
choose_t(value: any) {
this.choose_content = value;
this.choose = false;
}
}
</script>
<style scoped>
.content {
width: 100%;
height: calc(100vh - 117px);
padding: 2.5% 3%;
}
.content-top {
width: 100%;
}
.content-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.content-top-left {
font-family: "Arial Normal", "Arial";
color: #999999;
}
.content-top-right {
width: 45%;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.content-top-right-right {
width: 60%;
display: flex;
justify-content: flex-end;
align-items: center;
padding-top: 0.5%;
}
.search-logo {
margin-right: -7%;
}
.search-bar {
width: 99%;
height: 34px;
}
.choose-content {
width: 100%;
border: 1px solid rgba(228, 228, 228, 1);
border-radius: 5px;
padding: 0;
padding-left: 8%;
}
.name {
border: 1px solid rgba(228, 228, 228, 1);
width: 100%;
line-height: 200%;
padding-top: 1.48%;
padding-bottom: 0;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
padding-left: 15%;
display: flex;
background-color: rgba(255, 255, 255, 0);
}
.search {
width: 21.85%;
line-height: 34px;
background-color: #fd5065;
color: white;
font-size: 115%;
text-align: center;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
::v-deep .van-cell {
width: 100%;
}
::v-deep .van-field__control:read-only {
height: 32px;
}
.task-list {
width: 48%;
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(242, 242, 242, 1);
margin-left: 0.4%;
padding-bottom: 1%;
padding-top: 2.2%;
}
.task-list-left {
width: 85%;
display: flex;
justify-content: flex-start;
padding-left: 2%;
}
.task-list-left-logo {
padding: 1.775%;
border-radius: 7px;
background-color: #d0f1ff;
}
.task-list-left-logo div {
width: 44px;
height: 44px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
background-image: url("../../../../assets/svg/blue-circle.svg");
background-repeat: no-repeat;
}
.task-list-left-logo div img {
width: 59.1%;
}
.task-list-left-text {
width: 84%;
display: flex;
flex-direction: column;
padding-left: 2.5%;
}
.task-list-name {
width: 100%;
font-size: 115%;
color: #333333;
margin-top: 0.5%;
margin-bottom: 1%;
}
.task-list-right {
width: 14%;
display: flex;
align-items: center;
}
.task-list-address {
display: flex;
align-items: flex-end;
}
.task-list-address > div:nth-child(1) {
background-image: url("../../../../assets/svg/position-1.svg");
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
margin-left: 1.5%;
margin-right: 1.5%;
}
.task-list-address > div:nth-child(2) {
color: #999999;
}
.task-list-address > div:nth-child(3) {
margin-left: 1%;
color: #999999;
}
.content-bottm {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
</style>
src/components/workbench/company-common-functions/business-inquiry/PeriodicInspection.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>定期检查</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 定期检查
* @Author JiangTao
* @Date 2021-11-10 下午 03:33
*/
@Component({
name: "PeriodicInspection",
})
export default class PeriodicInspection extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/business-inquiry/RiskWarning.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>风险预警</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 风险预警
* @Author JiangTao
* @Date 2021-11-10 下午 03:33
*/
@Component({
name: "RiskWarning",
})
export default class RiskWarning extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/online-enquiry/AllOutlets.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>AllOutlets</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 全部
* @Author JiangTao
* @Date 2021-11-10 下午 03:33
*/
@Component({
name: "AllOutlets",
})
export default class AllOutlets extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/online-enquiry/Area.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>Area</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 区域查询
* @Author JiangTao
* @Date 2021-11-10 下午 03:33
*/
@Component({
name: "Area",
})
export default class Area extends Vue {}
</script>
<style scoped></style>
src/components/workbench/company-common-functions/online-enquiry/Nearby.vue 已删除 100644 → 0
浏览文件 @ 7941916e
<template>
<div>
<div class="list-content">
<div>
<div>壮锦支行</div>
<div>10.0Km</div>
</div>
<div>电话：<span>18688888888</span></div>
<div>导航：<span>成都市</span></div>
<div>
<div><img src="../../../../assets/svg/orange-navigation-logo.svg" alt="" />导航</div>
<div><img src="../../../../assets/svg/tel.svg" alt="" />电话</div>
</div>
</div>
<div class="list-content">
<div>
<div>壮锦支行</div>
<div>10.0Km</div>
</div>
<div>电话：<span>18688888888</span></div>
<div>导航：<span>成都市</span></div>
<div>
<div><img src="../../../../assets/svg/orange-navigation-logo.svg" alt="" />导航</div>
<div><img src="../../../../assets/svg/tel.svg" alt="" />电话</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 我的附近
* @Author JiangTao
* @Date 2021-11-10 下午 03:34
*/
@Component({
name: "Nearby",
})
export default class Nearby extends Vue {}
</script>
<style scoped>
.list-content {
width: 95%;
margin: 0 auto;
margin-bottom: 4%;
padding: 2% 0 0 2%;
background-color: white;
}
.list-content > div:nth-child(1) {
width: 96%;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-left: 2%;
padding-bottom: 1.5%;
border-bottom: 1px solid rgb(217, 207, 207);
}
.list-content > div:nth-child(1) > div:nth-child(1) {
font-size: 115%;
color: black;
}
.list-content > div:nth-child(1) > div:nth-child(2) {
font-size: 75%;
color: red;
}
.list-content > div:nth-child(2),
.list-content > div:nth-child(3) {
color: #999999;
margin: 3% 1%;
}
span {
font-family: "Arial Normal", "Arial";
color: black;
}
.list-content > div:nth-child(4) > * {
width: 47%;
text-align: center;
color: black;
margin: 3.5% 0;
}
.list-content > div:nth-child(4) > div:nth-child(1) {
border-right: 1px solid rgb(217, 207, 207);
}
.list-content > div:nth-child(4) {
border-top: 1px solid rgb(217, 207, 207);
display: flex;
justify-content: space-around;
}
img {
margin-right: 10%;
}
</style>
src/main.ts
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 15:41:06 * @Date: 2022-07-04 15:41:06
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-14 19:54:20 * @LastEditTime: 2022-07-25 16:33:54
* @FilePath: \mcep-h5\src\main.ts * @FilePath: \mcep-h5\src\main.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
...@@ -26,16 +26,20 @@ import "@dhccmobile/common-style"; ...@@ -26,16 +26,20 @@ import "@dhccmobile/common-style";
import "vant/lib/index.css"; import "vant/lib/index.css";
import "@/assets/css/index.scss"; import "@/assets/css/index.scss";
import nativeService from "@/services/native.service"; import nativeService from "@/services/native.service";
import { Step, Steps } from 'vant'; import { Step, Steps } from 'vant';
import vueEsign from 'vue-esign'; import vueEsign from 'vue-esign';
import Vconsole from 'vconsole'; import Vconsole from 'vconsole';
import Vant from 'vant'; import Vant from 'vant';
import Element from 'element-ui' import Element from 'element-ui'
import ant from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import { VanComponent } from "vant/types/component" import { VanComponent } from "vant/types/component"
import 'element-ui/lib/theme-chalk/index.css'; import 'element-ui/lib/theme-chalk/index.css';
Vue.use(Element); Vue.use(Element);
Vue.use(Vant); Vue.use(Vant);
Vue.use(ant);
Vue.use(vueEsign); Vue.use(vueEsign);
Vue.use(Step); Vue.use(Step);
Vue.use(Steps); Vue.use(Steps);
......
src/router/workbench.routing.ts
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-22 15:33:25 * @Date: 2022-07-22 15:33:25
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 18:17:26 * @LastEditTime: 2022-07-25 18:33:12
* @FilePath: \mcep-h5\src\router\workbench.routing.ts * @FilePath: \mcep-h5\src\router\workbench.routing.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/ */
...@@ -25,6 +25,27 @@ const workbenchRoutes = [ ...@@ -25,6 +25,27 @@ const workbenchRoutes = [
props: propsConvert, props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "贷款信息" }, meta: { keepAlive: false, requiresAuth: true, name: "贷款信息" },
}, },
{
path: `/AccommodDetails`,
name: 'AccommodDetails',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/AccommodDetails.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "贷款详情" },
},
{
path: `/Repaymentlond`,
name: 'Repaymentlond',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/Repayment.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "还款计划" },
},
{
path: `/Growth`,
name: 'Growth',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/Growth.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "成长值" },
},
{ {
path: `/CooperationBusiness`, path: `/CooperationBusiness`,
name: 'CooperationBusiness', name: 'CooperationBusiness',
......
src/views/MyView/LevelSent.vue
浏览文件 @ fb7656fd
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-14 13:57:33 * @Date: 2022-07-14 13:57:33
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-14 20:16:36 * @LastEditTime: 2022-07-25 19:35:52
* @FilePath: \mcep-h5\src\views\MyView\LevelSent.vue * @FilePath: \mcep-h5\src\views\MyView\LevelSent.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
<template> <template>
<div class="rarle"> <div class="rarle">
<van-row class="el-icon-arrow-down"> <van-row>
<van-col span="9"> <van-col span="9">
<van-icon name="arrow-left" @click="retyen()" /> <van-icon name="arrow-left" @click="retyen()" />
</van-col> </van-col>
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</template> </template>
</div> </div>
</van-row> </van-row>
</div> </div>
</div> </div>
</template> </template>
......
src/views/login/ForgetPassView.vue
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 15:41:06 * @Date: 2022-07-04 15:41:06
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-08 15:28:45 * @LastEditTime: 2022-07-25 09:51:08
* @FilePath: \mcep-h5\src\views\authentication\LoginView.vue * @FilePath: \mcep-h5\src\views\authentication\LoginView.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
<div class="login"> <div class="login">
<van-row class="el-icon-arrow-down" style="padding: 10% 0%;"> <van-row style="padding: 10% 0%;">
<van-col span="24"> <van-col span="24">
<p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600;">密码重置</span> </p> <p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600;">密码重置</span> </p>
</van-col> </van-col>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<span class="sopan">短信验证码</span> <span class="sopan">短信验证码</span>
<div> <div>
<van-row class="el-icon-arrow-down"> <van-row >
<van-col span="16"> <van-col span="16">
<van-field v-model="sms" center clearable placeholder="请输入短信验证码"> <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
<!-- <van-divider /> --> <!-- <van-divider /> -->
......
src/views/login/Register.vue
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 15:41:06 * @Date: 2022-07-04 15:41:06
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-08 15:04:25 * @LastEditTime: 2022-07-25 09:50:14
* @FilePath: \mcep-h5\src\views\authentication\LoginView.vue * @FilePath: \mcep-h5\src\views\authentication\LoginView.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
</div> </div>
<div class="login"> <div class="login">
<van-row class="el-icon-arrow-down" style="padding: 10% 0%;"> <van-row style="padding: 10% 0%;">
<van-col span="24"> <van-col span="24">
<p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600;">用户注册</span> </p> <p class="polog"><span class="font-size-18-dhc" style="padding: 2% 0%;font-weight: 600;">用户注册</span> </p>
</van-col> </van-col>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<span class="sopan">短信验证码</span> <span class="sopan">短信验证码</span>
<div> <div>
<van-row class="el-icon-arrow-down"> <van-row >
<van-col span="16"> <van-col span="16">
<van-field v-model="sms" center clearable placeholder="请输入短信验证码"> <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
<!-- <van-divider /> --> <!-- <van-divider /> -->
......
src/views/workbench/AccommodDetails.vue 0 → 100644
浏览文件 @ fb7656fd
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-25 13:47:03
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div>
<van-tabs>
<van-tab title="申请详情">
<div class="layout">
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">个人信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="身份证号" :value="idcard" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="姓名" :value="name" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="电话" :value="phone" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">借款信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="贷款品种" :value="varieties" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款金额" :value="amount" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款期限" :value="borrow" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款用途" :value="purposes" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="业务办理地区" :value="area" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="意向机构" :value="intentions" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="客户经理" :value="customer" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
</div>
</van-tab>
<van-tab title="业务进度">
<van-steps direction="vertical" :active="0">
<van-step>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="4" class="coolllo">童菲可</van-col>
<van-col span="6" class="coolllo">总行审批岗</van-col>
<van-col span="12" class="coolllo">2021/02/21 03:14:12</van-col>
</van-row>
</van-step>
<van-step>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="4" class="coolllo">孙先辉</van-col>
<van-col span="6" class="coolllo">支行行长</van-col>
<van-col span="12" class="coolllo">2021/02/21 03:14:12</van-col>
</van-row>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="24" class="coolllo">同意</van-col>
</van-row>
</van-step>
<van-step>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="4" class="coolllo">李新林</van-col>
<van-col span="6" class="coolllo">支行审批岗</van-col>
<van-col span="12" class="coolllo">2021/02/21 03:14:12</van-col>
</van-row>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="24" class="coolllo">同意</van-col>
</van-row>
</van-step>
<van-step>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="4" class="coolllo">赵飞</van-col>
<van-col span="6" class="coolllo">客户经理</van-col>
<van-col span="12" class="coolllo">2021/02/21 03:14:12</van-col>
</van-row>
<van-row type="flex" class="layoutStep" gutter="10">
<van-col span="24" class="coolllo">同意</van-col>
</van-row>
</van-step>
</van-steps>
</van-tab>
</van-tabs>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "AccommodDetails"
})
export default class AccommodDetails extends Vue {
tatleName = "我的贷款"
//身份证
idcard = "23232111978211"
//姓名
name = "刘明明"
//电话
phone = "15665025053"
//贷款详情
varieties = "一般经营性贷款"
//借款金融
amount = "500万"
//借款期限
borrow = "24月"
//借款用途
purposes = "经营"
//业务办理地区
area = "黑龙江省-哈尔滨市-松北区"
//意向机构
intentions = "哈尔滨农信社松北区枝江大道分社"
//客户经理
customer = "赵恒请"
}
</script>
<style scoped lang="scss">
.layout {
background: rgba(249, 249, 249, 1);
}
.coollayout {
margin: 3%;
}
.CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.layoutName {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #333333;
}
</style>
src/views/workbench/Accommodation.vue
浏览文件 @ fb7656fd
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13 * @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 19:24:30 * @LastEditTime: 2022-07-25 14:38:19
* @FilePath: \mcep-h5\src\components\common\Bottom.vue * @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -15,7 +15,8 @@ ...@@ -15,7 +15,8 @@
<div> <div>
<van-tabs> <van-tabs>
<van-tab title="未结清"> <van-tab title="未结清">
<picket-acced :productParam="productParam" class="acced"></picket-acced> <picket-acced :productParam="productParam" class="acced" @onClickDetails="onClickDetails"
@onClickPicket="onClickPicket"></picket-acced>
</van-tab> </van-tab>
<van-tab title="已结清"> <van-tab title="已结清">
<picket-acced :productParam="productParamlist" class="acced"></picket-acced> <picket-acced :productParam="productParamlist" class="acced"></picket-acced>
...@@ -23,8 +24,6 @@ ...@@ -23,8 +24,6 @@
</van-tabs> </van-tabs>
</div> </div>
</div> </div>
</template> </template>
...@@ -44,14 +43,14 @@ export default class Accommodation extends Vue { ...@@ -44,14 +43,14 @@ export default class Accommodation extends Vue {
money: "30", money: "30",
guarantee: "担保", guarantee: "担保",
month: "12", month: "12",
status :2, status: 2,
time: "2022-02-18" time: "2022-02-18"
}, { }, {
productname: "'企业之星'流动之星贷款", productname: "'企业之星'流动之星贷款",
money: "30", money: "30",
guarantee: "担保", guarantee: "担保",
month: "12", month: "12",
status :2, status: 2,
time: "2022-02-18" time: "2022-02-18"
}] }]
//已结清 //已结清
...@@ -59,11 +58,23 @@ export default class Accommodation extends Vue { ...@@ -59,11 +58,23 @@ export default class Accommodation extends Vue {
productname: "'llll'流动之星贷款", productname: "'llll'流动之星贷款",
money: "30", money: "30",
guarantee: "担保", guarantee: "担保",
status :3, status: 3,
month: "12", month: "12",
time: "2022-02-18" time: "2022-02-18"
}] }]
//点击还款计划事件
onClickDetails() {
this.$router.push({
name: "AccommodDetails"
})
}
//点击body事件
onClickPicket() {
this.$router.push({
name: "Repaymentlond"
})
}
} }
......
src/views/workbench/Growth.vue 0 → 100644
浏览文件 @ fb7656fd
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-25 19:37:06
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="rarle">
<van-row>
<van-col span="9">
<van-icon name="arrow-left" @click="retyen()" />
</van-col>
<van-col span="15">{{ tatleName }}</van-col>
</van-row>
<div class="card">
<van-row type="flex" justify="center" class="integral">
<van-col span="24" style="font-size: 24px;font-weight: 900; margin-top: 10%;">{{ number }}</van-col>
</van-row>
<van-row type="flex" justify="center" class="integrall">
<van-col span="24">{{ growthName }}</van-col>
</van-row>
<van-row type="flex" class="layoutStep" gutter="2">
<van-col span="24">
<van-steps :active="2" :active-icon="img" :finish-icon="img" active-color=" #FFA121">
<van-step></van-step>
<van-step></van-step>
<van-step></van-step>
<van-step></van-step>
</van-steps>
</van-col>
</van-row>
<van-row type="flex" class="layoutDiv" gutter="2">
<van-col span="24" class="layoutName">
距离升级三星用户还差1468成长值
</van-col>
</van-row>
</div>
<div class="frist_type">
<div class="layoutSeep" v-for="(item, index) in growthList" :key="index">
<van-row type="flex" class="layoutDetils">
<van-col span="12" class="repaymentName">
<van-row type="flex">
<van-col span="24" class="records">{{ item.records }}</van-col>
</van-row>
<van-row type="flex">
<van-col span="24" class="time">{{ item.time }}</van-col>
</van-row>
</van-col>
<van-col span="12" class="repaymentNumber">
<van-col span="24" class="numberlive">{{ item.number }}</van-col>
</van-col>
</van-row>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
import 'ant-design-vue/dist/antd'
/*
* title
*/
@Component({
name: "Growth"
})
export default class Growth extends Vue {
number: string | undefined = "532"; //额度
growthName: string | undefined = " 成长值";//额度大写
tatleName = "成长值明细"
img = require("@/assets/images/stars.png")
//数据源growthList
growthList = [{
records: "转入10000元",
time: "2021/02/21 03:14:12",
number: "+10"
}, {
records: "转入10000元",
time: "2021/02/21 03:14:12",
number: "+10"
}, {
records: "转入10000元",
time: "2021/02/21 03:14:12",
number: "+10"
}]
}
</script>
<style scoped lang="scss">
.card {
//background-image: url("../../assets/images/mycard.png");
margin: 0px auto;
background-color: rgba(255, 255, 255, 1);
position: absolute;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12156862745098);
top: 13%;
/* left: calc(100vh - -15px); */
margin: 0px auto;
right: 4%;
width: 90%;
height: 30%;
/* margin: 2% auto; */
border-radius: 5px;
/* display: flex; */
font-weight: 400;
font-style: normal;
}
.layoutName {
text-align: center;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 10px;
letter-spacing: normal;
color: #333333;
}
.layoutStep {
text-align: center;
}
.integral {
//margin-top: 10%;
/* margin-left: 20%; */
text-align: center;
width: 90%;
height: 66px;
margin: 0px auto;
font-size: 36px;
color: #FFA121;
}
.integrall {
//margin-top: 10%;
/* margin-left: 20%; */
text-align: center;
color: #FFA121;
font-size: 12px;
}
.last {
position: absolute;
height: 100-20vh;
background: #ffffff;
overflow: visible;
}
// .frist_type {
// // border: 1px solid;
// width: 100%;
// height: 100%;
// border-radius: 70px 70px 0px 0px;
// position: absolute;
// top: 20%;
// background-color: #fff;
// }
.frist_type {
margin-top: 30%;
background-image: url('../../assets/images/backageImg.png');
background-size: 100% 100%;
height: 85%;
}
.frist {
margin-left: 6%;
text-rendering: optimizelegibility;
font-feature-settings: "kern";
font-kerning: normal;
font-size: 14px;
}
.second {
//margin-left: 6%;
width: 90%;
margin: 0px auto;
}
.third {
width: 90%;
margin: 0px auto;
// margin-left: 6%;
font-size: 10px;
color: rgba(0, 0, 0, 0.8);
text-rendering: optimizelegibility;
font-feature-settings: "kern";
font-kerning: normal;
}
.img {
width: 85%;
}
.van-col--9 {
margin-top: 5%;
font-size: 18px;
color: #ffffff;
}
.van-col--15 {
margin-top: 5%;
font-size: 18px;
color: #ffffff;
}
.rarle {
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(118, 190, 250, 1) 0%, rgba(54, 114, 241, 1) 99%);
}
.third-style {
font-size: 10px;
text-align: center;
color: rgb(255, 193, 74)
}
.vanrowFlex {
margin-top: 2%;
}
.lusspolid {
color: #976401;
font-size: 14px;
}
.vanclo {
margin: 20% 0% 4% 6%;
/* margin-left: 2%; */
/* margin-top: 20%; */
font-weight: 500;
font-size: 14px;
text-align: left;
}
.d-tattle {
margin-top: 28%;
}
.priductName {
padding-top: 2%;
}
.imglittle {
padding-top: 2%;
}
.litterParam {
width: 90%;
margin: 0px auto;
background-color: rgba(255, 255, 255, 1);
border: none;
border-radius: 4px;
-moz-box-shadow: 0px 0px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
height: 40px;
}
.vanrow {
margin-top: 6%;
margin-left: 2%;
}
.tatle {
width: 100%;
height: 100%;
}
.icon {
width: 40px;
height: 40px;
}
.live {
font-size: 12px;
color: #CE8B0B;
}
</style>
src/views/workbench/Repayment.vue 0 → 100644
浏览文件 @ fb7656fd
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-25 18:17:02
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName" class="d-table"></tatle-bar>
</div>
<div class="rool">
<van-row type="flex">
<van-col span="24" class="title">贷款额度</van-col>
</van-row>
<van-row type="flex" justify="center" class="integral">
<van-col span="24" style="font-size: 24px;font-weight: 900; margin: 14px auto;">{{ money }}</van-col>
</van-row>
<van-row type="flex" justify="center" class="integrall">
<van-col span="24">{{ moneyName }}</van-col>
</van-row>
<van-row type="flex" class="layoutStep" gutter="2">
<van-col span="7" class="coolllo">下期还款日期</van-col>
<van-col span="9" class="coolllo">2021/02/21 03:14:12</van-col>
<van-col span="4" class="coolllo">还款金额</van-col>
<van-col span="4" class="coolllo">2000</van-col>
</van-row>
</div>
<div class="clltion">
<van-row type="flex" class="layoutSeep">
<van-col span="10" class="repaymentName">还款计划信息</van-col>
<van-col span="14" class="rain">单位：万元</van-col>
</van-row>
</div>
<div>
<a-table :columns="columns" :data-source="data" tableLayout="fixed " size="small" :scroll="{ y: '100%' }"
columnWidth=16 width=16 style="font-text:10px;" align="center" :pagination="false">
</a-table>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
import 'ant-design-vue/dist/antd'
/*
* title
*/
@Component({
name: "Repayment"
})
export default class Repayment extends Vue {
money: string | undefined = "￥500万元"; //额度
moneyName: string | undefined = " 伍佰万元";//额度大写
tatleName = "还款计划"
//colum
columns = [
{
title: '期次',
dataIndex: 'Period ',
key: 'Period',
},
{
title: '还款日期',
dataIndex: 'Repayment',
key: 'Repayment',
},
{
title: '偿还利息',
dataIndex: 'principal',
key: 'principal',
},
{
title: '偿还本金',
dataIndex: 'Repay',
key: 'Repay'
},
{
title: '偿还利息',
dataIndex: 'interest',
key: 'interest',
},
{
title: '剩余利息',
dataIndex: 'residual',
key: 'residual',
},
];
//data
data = [
{
key: "1",
Period: "1",
Repayment: "2020-01-01",
principal: "1100",
Repay: "1000",
interest: "10000",
residual: "1000"
},
{
key: "1",
Period: "1",
Repayment: "2020-01-01",
principal: "1100",
Repay: "1000",
interest: "10000",
residual: "1000"
},
{
key: "1",
Period: "1",
Repayment: "2020-01-01",
principal: "1100",
Repay: "1000",
interest: "10000",
residual: "1000"
},
{
key: "1",
Period: "1",
Repayment: "2020-01-01",
principal: "1100",
Repay: "1000",
interest: "10000",
residual: "1000"
},
{
key: "1",
Period: "1",
Repayment: "2020-01-01",
principal: "1100",
Repay: "1000",
interest: "10000",
residual: "1000"
},
];
}
</script>
<style scoped lang="scss">
.d-table {
width: 100%;
height: 30vh;
}
.clltion {}
.repaymentName {
text-align: center;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.ant-table-column-title {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: normal;
color: #333333;
}
.rain {
padding-right: 4%;
text-align: right;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
letter-spacing: normal;
color: #333333;
font-size: 12px;
}
.layoutSeep {
margin-top: 26%;
}
.title {
margin-top: 10%;
font-size: 14px;
text-align: center;
font-family: 'Arial Normal', 'Arial', sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
color: #999999;
vertical-align: none;
text-align: center;
line-height: normal;
text-transform: none;
}
.layoutStep {
margin: 5% auto;
text-align: center;
}
.integral {
//margin-top: 10%;
/* margin-left: 20%; */
text-align: center;
width: 90%;
height: 66px;
margin: 0px auto;
font-size: 36px;
color: #FFA121;
background-image: url('../../assets/images/tw.png');
}
.integrall {
//margin-top: 10%;
/* margin-left: 20%; */
text-align: center;
color: #FFA121;
font-size: 14px;
}
.rool {
margin: 0px auto;
background-color: rgba(255, 255, 255, 1);
position: absolute;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12156862745098);
top: 13%;
/* left: calc(100vh - -15px); */
margin: 0px auto;
right: 4%;
width: 90%;
height: 30%;
/* margin: 2% auto; */
border-radius: 5px;
/* display: flex; */
font-weight: 400;
font-style: normal;
}
.coolllo {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: normal;
color: #333333;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或