提交 f5ae5527 编写于 作者: jiangzaicheng's avatar jiangzaicheng

src提交

上级 05142bbf
...@@ -3,13 +3,13 @@ import { propsConvert } from "@/services/props-convert"; ...@@ -3,13 +3,13 @@ import { propsConvert } from "@/services/props-convert";
const prefix = "/customer-mgt"; const prefix = "/customer-mgt";
const customerRoutes = [ const customerRoutes = [
{ // {
path: `/TYMHView`, // path: `/TYMHView`,
name: 'TYMHView', // name: 'TYMHView',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/authentication/TYMHView.vue"), // component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/authentication/TYMHView.vue"),
props: propsConvert, // props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "统一门户" }, // meta: { keepAlive: false, requiresAuth: true, name: "统一门户" },
}, // },
{ {
path: `${prefix}/index`, path: `${prefix}/index`,
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/customer-mgt/CustomerMgtView.vue"), component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/customer-mgt/CustomerMgtView.vue"),
...@@ -359,12 +359,13 @@ const customerRoutes = [ ...@@ -359,12 +359,13 @@ const customerRoutes = [
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/customer-mgt/customer-info/timeLine/MarketTimeLine.vue"), component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/customer-mgt/customer-info/timeLine/MarketTimeLine.vue"),
props: propsConvert, props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "营销时光轴" }, meta: { keepAlive: true, requiresAuth: true, name: "营销时光轴" },
},{
path: `/MarketStatisticsDetail`,
name: 'MarketStatisticsDetail',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/authentication/MarketStatisticsDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "营销统计详情" },
}, },
// {
// path: `/MarketStatisticsDetail`,
// name: 'MarketStatisticsDetail',
// component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/authentication/MarketStatisticsDetail.vue"),
// props: propsConvert,
// meta: { keepAlive: false, requiresAuth: true, name: "营销统计详情" },
// },
]; ];
export default customerRoutes; export default customerRoutes;
...@@ -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 13:59:06 * @LastEditTime: 2022-07-22 15:48:19
* @FilePath: \mcep-h5\src\router\index.ts * @FilePath: \mcep-h5\src\router\index.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
*/ */
...@@ -33,7 +33,7 @@ const routes: Array<RouteConfig> = [ ...@@ -33,7 +33,7 @@ const routes: Array<RouteConfig> = [
component: () => import(/* webpackChunkName: "login" */ "@/views/authentication/LoginView.vue"), component: () => import(/* webpackChunkName: "login" */ "@/views/authentication/LoginView.vue"),
meta: { keepAlive: true, requiresAuth: true }, meta: { keepAlive: true, requiresAuth: true },
}, },
// ...mainRoutes, //...mainRoutes,
// ...customerRoutes, // ...customerRoutes,
// ...marketingRoutes, // ...marketingRoutes,
// ...workbenchRoutes, // ...workbenchRoutes,
......
/*
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-05 14:43:17
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-20 10:28:29
* @FilePath: \mcep-h5\src\router\main.routing.ts
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
import { propsConvert } from "@/services/props-convert"; import { propsConvert } from "@/services/props-convert";
const prefix = "/main"; const prefix = "/main";
...@@ -26,12 +34,12 @@ const mainRoutes = [ ...@@ -26,12 +34,12 @@ const mainRoutes = [
props: propsConvert, props: propsConvert,
meta: { keepAlive: false, requiresAuth: true }, meta: { keepAlive: false, requiresAuth: true },
}, },
{ // {
path: `PersonalMgtView`, // path: `PersonalMgtView`,
component: () => import(/* webpackChunkName: "main" */ "@/views/customer-mgt/PersonalMgtView.vue"), // component: () => import(/* webpackChunkName: "main" */ "@/views/customer-mgt/PersonalMgtView.vue"),
props: propsConvert, // props: propsConvert,
meta: { keepAlive: false, requiresAuth: true }, // meta: { keepAlive: false, requiresAuth: true },
}, // },
{ {
path: `marketing-mgt`, path: `marketing-mgt`,
component: () => import(/* webpackChunkName: "main" */ "@/views/marketing-mgt/personal/MarketingMgtView.vue"), component: () => import(/* webpackChunkName: "main" */ "@/views/marketing-mgt/personal/MarketingMgtView.vue"),
...@@ -47,11 +55,11 @@ const mainRoutes = [ ...@@ -47,11 +55,11 @@ const mainRoutes = [
], ],
meta: { requiresAuth: true, name: "应用首页", keepAlive: true }, meta: { requiresAuth: true, name: "应用首页", keepAlive: true },
}, },
{ // {
path: `${prefix}/self-stats`, // path: `${prefix}/self-stats`,
component: () => import(/* webpackChunkName: "main" */ "@/views/main/PersonalStatsView.vue"), // component: () => import(/* webpackChunkName: "main" */ "@/views/main/PersonalStatsView.vue"),
props: propsConvert, // props: propsConvert,
meta: { requiresAuth: true, name: "个人业务汇总", keepAlive: true }, // meta: { requiresAuth: true, name: "个人业务汇总", keepAlive: true },
}, // },
]; ];
export default mainRoutes; export default mainRoutes;
...@@ -179,18 +179,18 @@ const workbenchRoutes = [ ...@@ -179,18 +179,18 @@ const workbenchRoutes = [
props: propsConvert, props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "日程提醒" }, meta: { keepAlive: false, requiresAuth: true, name: "日程提醒" },
}, },
{ // {
path: `/ProductsRecommended`, // path: `/ProductsRecommended`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/ProductsRecommended.vue"), // component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/ProductsRecommended.vue"),
props: propsConvert, // props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "产品推介" }, // meta: { keepAlive: false, requiresAuth: true, name: "产品推介" },
}, // },
{ // {
path: `/ProductDetails`, // path: `/ProductDetails`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/loan-products/ProductDetails.vue"), // component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/loan-products/ProductDetails.vue"),
props: propsConvert, // props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "产品详情" }, // meta: { keepAlive: false, requiresAuth: true, name: "产品详情" },
}, // },
{ {
path: `${prefix}/upcoming-tasks/risk-warning-handle/taskList-operate`, path: `${prefix}/upcoming-tasks/risk-warning-handle/taskList-operate`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/risk-warning-handle/TaskListOperate.vue"), component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/risk-warning-handle/TaskListOperate.vue"),
......
...@@ -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-12 14:53:10 * @LastEditTime: 2022-07-22 15:10:30
* @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 class="" 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>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
</template> --> </template> -->
<span class="sopan">短信验证码</span> <span class="sopan">短信验证码</span>
<van-row class="el-icon-arrow-down"> <van-row class="">
<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 /> -->
...@@ -70,6 +70,7 @@ ...@@ -70,6 +70,7 @@
<div class="p-2 mr-auto "><a class="font-size-12-dhc" @click="forgetspass()"> 忘记密码</a></div> <div class="p-2 mr-auto "><a class="font-size-12-dhc" @click="forgetspass()"> 忘记密码</a></div>
<div class="p-2 "><a class="font-size-12-dhc" @click="regeist()"> 用户注册</a></div> <div class="p-2 "><a class="font-size-12-dhc" @click="regeist()"> 用户注册</a></div>
<div class="p-2 "><a class="font-size-12-dhc" @click="demo()"> demo测试</a></div> <div class="p-2 "><a class="font-size-12-dhc" @click="demo()"> demo测试</a></div>
<div class="p-2 "><a class="font-size-12-dhc" @click="demoll()"> demo测试111</a></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -149,7 +150,7 @@ export default class LoginView extends Vue { ...@@ -149,7 +150,7 @@ export default class LoginView extends Vue {
//图形Key //图形Key
imageVerifyKey: this.imageVerifyKey, imageVerifyKey: this.imageVerifyKey,
//图形验证码 //图形验证码
imgVerifyCode: this.imageSrcValue, imgVerifyCode: this.imageSrcValue,
//渠道 //渠道
loginType: "3", loginType: "3",
//手机验证码 //手机验证码
...@@ -194,7 +195,13 @@ export default class LoginView extends Vue { ...@@ -194,7 +195,13 @@ export default class LoginView extends Vue {
path: `Mianview`, path: `Mianview`,
}) })
} }
demoll() {
this.$router.push({
path: `workbench/commonly-used/personal/business-inquiry`,
})
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.loginform { .loginform {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-05 14:05:30 * @Date: 2022-07-05 14:05:30
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-14 11:23:46 * @LastEditTime: 2022-07-20 10:29:08
* @FilePath: \mcep-h5\src\views\main\MainView.vue * @FilePath: \mcep-h5\src\views\main\MainView.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
--> -->
...@@ -218,6 +218,8 @@ ...@@ -218,6 +218,8 @@
</div> </div>
</scroller-view> </scroller-view>
</div> </div>
</div> </div>
...@@ -232,6 +234,13 @@ import { ProductData } from '@/model/entity/ProductData' ...@@ -232,6 +234,13 @@ import { ProductData } from '@/model/entity/ProductData'
export default class Main extends Vue { export default class Main extends Vue {
tatleName = "线上金融服务平台" tatleName = "线上金融服务平台"
notice = "在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。" notice = "在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。"
//测试
demo(){
this.$router.push({
path:"/CustomerMgtView"
}
)
}
//div列表 //div列表
applicaList: any = [ applicaList: any = [
{ {
......
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 15:41:06
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-05 14:42:17
* @FilePath: \mcep-h5\src\views\workbench\WorkbenchView.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="divcls">
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description 工作台
* @Author JiangTao
* @Date 2021-10-23 下午 06:53
*/
@Component({
name: "WorkbenchView",
})
export default class WorkbenchView extends Vue {
}
</script>
<style lang="scss" scoped>
</style>
<template>
<div>
<title-bar title="营销详情" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="formdata">
<van-form @submit="onSubmit">
<div class="v-list d-page d-scroll-container doubleRow">
<mobile-input label="单位名称:" label-width="10px" input-align="left" :rules="[{ required: true, message: '' }]" placeholder="请输入单位名称" :required="true" name="customerName" v-model="customerName" size="small" />
<div class="choice">
<div class="choice-title">是否优易贷入库:<span style="font-size: 20px;color: red">*</span></div>
<div class="choice-flag">
<div ref="isYydInstore_yes" @click="isYydInstore_yes"></div>
<div ref="isYydInstore_no" @click="isYydInstore_no"></div>
</div>
</div>
<div class="choice">
<div class="choice-title">是否代发:<span style="font-size: 20px;color: red">*</span></div>
<div class="choice-flag">
<div ref="isReplace_yes" @click="isReplace_yes"></div>
<div ref="isReplace_no" @click="isReplace_no"></div>
</div>
</div>
<d-select label="渠道类型:" :rules="[{ required: true, message: '' }]" placeholder="请选择渠道类型" :required="true" border="true" v-model="cerType" sfield="cerType" size="small"></d-select>
<mobile-input label="营销机构:" label-width="10px" input-align="left" name="coreName" :readonly="true" v-model="coreName" size="small" />
<mobile-input label="营销人员:" label-width="10px" input-align="left" name="exeUser" :readonly="true" v-model="exeUser" size="small" />
<d-datetime-picker label="预计营销时间:" :rules="[{ required: true, message: '' }]" placeholder="请选择预计营销时间" v-model="estimatedMarketTime" :border="true" :required="true"></d-datetime-picker>
<mobile-input label="预计全口径消费投放(万):" :rules="[{ required: true, message: '' }]" placeholder="请输入预计全口径消费投放" label-width="10px" input-align="left" :required="true" name="expectedFull" v-model="expectedFull" size="small" />
<d-select label="营销方式:" :rules="[{ required: true, message: '' }]" placeholder="请选择营销方式" :required="true" border="true" v-model="marketMode" sfield="marketMode" size="small"></d-select>
<mobile-input label="管户人:" label-width="10px" input-align="left" name="holdManagerName" v-model="holdManagerName" size="small" />
<mobile-input label="客户地址:" :rules="[{ required: true, message: '' }]" type="textarea" :maxlength="200" :required="true" :rows="3" label-width="10px" input-align="left" name="cusAddr" v-model="cusAddr" placeholder="请输入客户地址" size="small" />
</div>
<div class="formbutton">
<van-button round type="default" size="normal">取消</van-button>
<van-button round type="info" size="normal" color="rgba(253, 80, 101, 1)">确定</van-button>
</div>
</van-form>
<base-popup v-model="flagPopup" title="营销选择">
<div class="popup-content">
</div>
</base-popup>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import BasePopup from "@/components/general/BasePopup.vue";
import { Grid, GridItem } from "vant";
import MobileInput from "@/components/general/form/MobileInput.vue";
import IncomeInformation from "@/components/customer-information/family-financial-information/IncomeInformation.vue";
import DSelect from "@/components/general/form/DSelect.vue";
import DDatetimePicker from "@/components/general/form/DDatetimePicker.vue";
import { NativeUI } from "@/public/ts/NativeUI";
import IF from "@/public/factory/InterFaceFactory";
import applicationApi from '@/constants/api/ms-application/application.api';
Vue.use(Grid);
Vue.use(GridItem);
/**
* @Description 新建营销计划
* @Author JiangTao
* @Date 2022-02-12 下午 02:48
*/
@Component({
name: "AddMarketPlan",
components: {
IncomeInformation,
TitleBar,
MobileInput,
DSelect,
DDatetimePicker,
BasePopup
},
})
export default class AddMarketPlan extends Vue {
customerName = ''; //客户名称
cerType = ''; //渠道类型
isYydInstore = '1'; //是否优易贷入库
coreName = sessionStorage.getItem('ORGNAME'); //参考网点
marketMode = ''; //营销方式
isReplace = '1'; //是否代发
holdManagerName = ''; //管户人
expectedFull = ''; //预计全口径消费投放
exeUser = sessionStorage.getItem('userName'); //营销人员
estimatedMarketTime = ''; //预计营销时间
cusAddr = ''; //客户地址
flagPopup = false;
title = '新增营销任务';
currentDate2 = new Date();
minDate2 = new Date();
maxDate2 = new Date(new Date().getFullYear() + 20, 1, 1);
//是否优易贷入库
isYydInstore_yes() {
this.isYydInstore = '1';
(this.$refs.isYydInstore_yes as any).style.border = '0';
(this.$refs.isYydInstore_yes as any).style.backgroundColor = '#FF574C';
(this.$refs.isYydInstore_yes as any).style.color = '#fff';
(this.$refs.isYydInstore_no as any).style.border = '1px solid #e8e8e8';
(this.$refs.isYydInstore_no as any).style.backgroundColor = '#fff';
(this.$refs.isYydInstore_no as any).style.color = '#333333';
};
isYydInstore_no() {
this.isYydInstore = '2';
(this.$refs.isYydInstore_no as any).style.border = '0';
(this.$refs.isYydInstore_no as any).style.backgroundColor = '#FF574C';
(this.$refs.isYydInstore_no as any).style.color = '#fff';
(this.$refs.isYydInstore_yes as any).style.border = '1px solid #e8e8e8';
(this.$refs.isYydInstore_yes as any).style.backgroundColor = '#fff';
(this.$refs.isYydInstore_yes as any).style.color = '#333333';
};
//是否代发
isReplace_yes() {
this.isReplace = '1';
(this.$refs.isReplace_yes as any).style.border = '0';
(this.$refs.isReplace_yes as any).style.backgroundColor = '#FF574C';
(this.$refs.isReplace_yes as any).style.color = '#fff';
(this.$refs.isReplace_no as any).style.border = '1px solid #e8e8e8';
(this.$refs.isReplace_no as any).style.backgroundColor = '#fff';
(this.$refs.isReplace_no as any).style.color = '#333333';
};
isReplace_no() {
this.isReplace = '2';
(this.$refs.isReplace_no as any).style.border = '0';
(this.$refs.isReplace_no as any).style.backgroundColor = '#FF574C';
(this.$refs.isReplace_no as any).style.color = '#fff';
(this.$refs.isReplace_yes as any).style.border = '1px solid #e8e8e8';
(this.$refs.isReplace_yes as any).style.backgroundColor = '#fff';
(this.$refs.isReplace_yes as any).style.color = '#333333';
};
onClick() {
console.log("111");
}
mounted() {
this.isYydInstore = '1';
(this.$refs.isYydInstore_yes as any).style.border = '0';
(this.$refs.isYydInstore_yes as any).style.backgroundColor = '#FF574C';
(this.$refs.isYydInstore_yes as any).style.color = '#fff';
(this.$refs.isYydInstore_no as any).style.border = '1px solid #e8e8e8';
(this.$refs.isYydInstore_no as any).style.backgroundColor = '#fff';
(this.$refs.isYydInstore_no as any).style.color = '#333333';
this.isReplace = '1';
(this.$refs.isReplace_yes as any).style.border = '0';
(this.$refs.isReplace_yes as any).style.backgroundColor = '#FF574C';
(this.$refs.isReplace_yes as any).style.color = '#fff';
(this.$refs.isReplace_no as any).style.border = '1px solid #e8e8e8';
(this.$refs.isReplace_no as any).style.backgroundColor = '#fff';
(this.$refs.isReplace_no as any).style.color = '#333333';
};
onSubmit() {
let param = {
customerName: this.customerName,
cerType: this.cerType,
isYydInstore: this.isYydInstore,
marketMode: this.marketMode,
isReplace: this.isReplace,
holdManagerName: this.holdManagerName,
expectedFull: this.expectedFull,
exeUser: this.exeUser,
estimatedMarketTime: this.estimatedMarketTime,
cusAddr: this.cusAddr,
tc: 'MCEP'
};
NativeUI.showWaiting('正在查询...');
IF.transferDataInter(applicationApi.AddMarketing, param).then((res: any) => {
NativeUI.closeWaiting();
if (res.code != '1') {
NativeUI.toast(res.msg);
} else {
this.flagPopup = true;
}
});
}
}
</script>
<style scoped>
.doubleRow {
display: grid;
width: 80%;
grid-template-columns: 50% 50%;
margin: 0 auto;
}
.doubleRow > div:nth-child(11) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 6;
grid-row-end: 7;
}
.choice {
background-color: white;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0.7rem 1rem;
}
.choice-title {
width: 116px;
font-size: 14px;
color: #999999;
text-align: right;
margin-right: 7px;
}
.choice-flag {
display: flex;
justify-content: flex-end;
}
.choice-flag div {
width: 60px;
border: 1px solid #e8e8e8;
font-size: 13px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
}
.choice-flag > div:nth-child(1) {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.choice-flag > div:nth-child(2) {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
::v-deep .d-form-field {
padding: 0.7rem 1rem;
}
::v-deep .van-field__label {
width: 110px !important;
text-align: right;
}
.formdata {
height: calc(100vh - 60px);
padding-top: 3%;
overflow-y: auto;
}
::v-deep .formdata form{
width: 95%;
}
.formbutton {
display: flex;
align-items: center;
justify-content: center;
}
::v-deep .formbutton button {
width: 150px;
margin: 10px 30px;
}
::v-deep .d-form-field .van-field__label {
font-size: 14px !important;
}
</style>
<template>
<div>
<title-bar title="辅助工具">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="text-content">
<div class="text-content-left">
<van-sidebar style="width: 100%" line-height="100px" v-model="activeKey">
<van-sidebar-item @click="indexClick(0)" class="label" title="利率定价" />
<van-sidebar-item @click="indexClick(1)" class="label" title="贷款测算" />
<van-sidebar-item @click="indexClick(2)" class="label" title="随意分还款试算" />
<van-sidebar-item @click="indexClick(3)" class="label" title="年日均计算" />
<van-sidebar-item @click="indexClick(4)" class="label" title="财务试算" />
</van-sidebar>
</div>
<div class="text-content-right">
<interest-pricing v-if="activeKey == 0"></interest-pricing>
<loan-calculation v-if="activeKey == 1"></loan-calculation>
<repayment-trial v-if="activeKey == 2"></repayment-trial>
<calculate v-if="activeKey == 3"></calculate>
<financial-trial v-if="activeKey == 4"></financial-trial>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Sidebar, SidebarItem } from "vant";
import FinancialTrial from "@/components/workbench/company-common-functions/auxiliary-tools/FinancialTrial.vue";
import Calculate from "@/components/workbench/company-common-functions/auxiliary-tools/Calculate.vue";
import RepaymentTrial from "@/components/workbench/company-common-functions/auxiliary-tools/RepaymentTrial.vue";
import LoanCalculation from "@/components/workbench/company-common-functions/auxiliary-tools/LoanCalculation.vue";
import InterestPricing from "@/components/workbench/company-common-functions/auxiliary-tools/InterestPricing.vue";
Vue.use(Sidebar);
Vue.use(SidebarItem);
/**
* @Description 辅助工具
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "AuxiliaryTools",
components: { TitleBar, FinancialTrial, Calculate, RepaymentTrial, LoanCalculation, InterestPricing }
})
export default class AuxiliaryTools extends Vue {
activeKey:any = 0;
pageTitle = ""; // 页面标题
mounted() {
this.pageTitle = this.$route.meta?.name;
if(this.$route.query.activeKey){
this.activeKey = this.$route.query.activeKey;
}
}
indexClick(index:any){
this.activeKey = index;
}
activated() {
this.$router.beforeEach((to, from, next) => {
if (from.path == "/main/workbench") {
this.activeKey = 0;
}else if(from.path == "/TYMHView"){
this.activeKey = to.query.activeKey;
}
next();
});
}
}
</script>
<style scoped>
.text-content {
width: 100%;
height: calc(100vh - 60px);
display: flex;
justify-content: flex-start;
}
.text-content-left {
width: 25%;
background-color: rgba(245, 245, 245, 1);
border: 1px solid rgba(222, 222, 222, 1);
}
.text-content-right {
width: 75%;
}
.label {
border-bottom: 1px solid #999999;
}
van-sidebar-item {
}
::v-deep .van-sidebar-item--select::before {
height: 100%;
}
::v-deep .van-sidebar-item__text {
font-size: 18px;
}
</style>
<template>
<div>
<title-bar title="业务查询" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="content">
<div style="padding: 0.5%; background-color: #fffafa"></div>
<van-tabs v-model="active">
<van-tab title="营销任务">
<marketing-task></marketing-task>
</van-tab>
<van-tab title="贷款申请">
<loan-application></loan-application>
</van-tab>
<van-tab title="合同签订及出账">
<contract-signing-and-billing></contract-signing-and-billing>
</van-tab>
<van-tab title="定期检查">
<periodic-inspection></periodic-inspection>
</van-tab>
<van-tab title="风险预警">
<risk-warning></risk-warning>
</van-tab>
</van-tabs>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import MarketingTask from "@/components/workbench/company-common-functions/business-inquiry/MarketingTask.vue";
import LoanApplication from "@/components/workbench/company-common-functions/business-inquiry/LoanApplication.vue";
import ContractSigningAndBilling from "@/components/workbench/company-common-functions/business-inquiry/ContractSigningAndBilling.vue";
import PeriodicInspection from "@/components/workbench/company-common-functions/business-inquiry/PeriodicInspection.vue";
import RiskWarning from "@/components/workbench/company-common-functions/business-inquiry/RiskWarning.vue";
import { Tab, Tabs } from "vant";
Vue.use(Tab);
Vue.use(Tabs);
/**
* @Description 业务查询
* @Author JiangTao
* @Date 2021-10-23 下午 06:50
*/
@Component({
name: "BusinessInquiry",
components: { TitleBar, MarketingTask, LoanApplication, ContractSigningAndBilling, PeriodicInspection, RiskWarning },
})
export default class BusinessInquiry extends Vue {
pageTitle = ""; // 页面标题
onClick() {
console.log(111111);
}
mounted() {
this.pageTitle = this.$route.meta?.name;
}
active = 0;
}
</script>
<style scoped>
.content {
width: 100%;
height: calc(100vh - 60px);
}
::v-deep .van-tab__text {
font-size: 16px;
color: #999999;
font-family: "Arial Normal", "Arial";
}
::v-deep .van-tab--active span {
font-size: 18px;
color: #fd5065;
font-weight: bold;
}
::v-deep .van-tabs__line {
width: 20%;
}
::v-deep .van-tabs__wrap {
width: 100%;
padding-right: 39%;
padding-left: 1%;
background-color: #fffafa;
}
::v-deep .van-tab {
background-color: #fffafa;
}
</style>
<template>
<div>
<title-bar :title="title" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="20" />
</title-bar>
<div class="text-content">
<div class="text-content-left">
<van-sidebar
style="width: 100%"
line-height="100px"
v-model="activeKey"
>
<van-sidebar-item
v-for="(item, index) in AgencyTask"
:key="index"
@click="interest_pricing(index)"
class="label"
:title="item.AgencyName"
/>
</van-sidebar>
</div>
<div class="text-content-right">
<!-- 营销任务 -->
<upcoming-marketing-task
v-if="activeKey == 0"
></upcoming-marketing-task>
<!-- 风险预警 -->
<upcoming-risk-warning v-if="activeKey == 1"></upcoming-risk-warning>
<!-- 贷后检查 -->
<upcoming-periodic-inspection
v-if="activeKey == 2"
></upcoming-periodic-inspection>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Sidebar, SidebarItem } from "vant";
import UpcomingRiskWarning from "@/components/workbench/upcoming-tasks-content/company-business/upcoming/UpcomingRiskWarning.vue";
import UpcomingMarketingTask from "@/components/workbench/upcoming-tasks-content/company-business/upcoming/UpcomingMarketingTask.vue";
import UpcomingPeriodicInspection from "@/components/workbench/upcoming-tasks-content/company-business/upcoming/UpcomingPeriodicInspection.vue";
Vue.use(Sidebar);
Vue.use(SidebarItem);
/**
* @Description 催收管理
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "AgencyTask",
components: {
TitleBar,
UpcomingMarketingTask,
UpcomingRiskWarning,
UpcomingPeriodicInspection,
},
})
export default class AgencyTask extends Vue {
activeKey = 0;
title = "待办任务"; // 页面标题
AgencyTask = [
{ AgencyName: "营销任务", iconName: "", actionType: "CSGL", path: "/AddContractFaceSign", },
{ AgencyName: "风险预警", iconName: "", actionType: "FXYJ", path: "/risk-warning-list", },
{ AgencyName: "贷后检查", iconName: "", actionType: "DHJC", path: "/risk-warning-list", },
];
onClick() {
console.log(111111);
}
mounted() {}
interest_pricing_content = true;
loan_calculation_content = false;
repayment_trial_content = false;
calculate_content = false;
financial_trial_content = false;
interest_pricing(index: any) {
this.activeKey = index;
this.interest_pricing_content = true;
this.loan_calculation_content = false;
this.repayment_trial_content = false;
this.calculate_content = false;
this.financial_trial_content = false;
}
loan_calculation() {
this.interest_pricing_content = false;
this.loan_calculation_content = true;
this.repayment_trial_content = false;
this.calculate_content = false;
this.financial_trial_content = false;
}
repayment_trial() {
this.interest_pricing_content = false;
this.loan_calculation_content = false;
this.repayment_trial_content = true;
this.calculate_content = false;
this.financial_trial_content = false;
}
calculate() {
this.interest_pricing_content = false;
this.loan_calculation_content = false;
this.repayment_trial_content = false;
this.calculate_content = true;
this.financial_trial_content = false;
}
financial_trial() {
this.interest_pricing_content = false;
this.loan_calculation_content = false;
this.repayment_trial_content = false;
this.calculate_content = false;
this.financial_trial_content = true;
}
}
</script>
<style scoped>
.text-content {
width: 100%;
height: calc(100vh - 60px);
display: flex;
justify-content: flex-start;
}
.text-content-left {
width: 25%;
background-color: rgba(245, 245, 245, 1);
border: 1px solid rgba(222, 222, 222, 1);
}
.text-content-right {
width: 75%;
}
.label {
border-bottom: 1px solid #999999;
}
van-sidebar-item {
}
::v-deep .van-sidebar-item--select::before {
height: 100%;
}
::v-deep .van-sidebar-item__text {
font-size: 18px;
}
</style>
<template>
<div>
<title-bar title="客户查询" >
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="content">
<div>
查企业
<div>
<van-search v-model="value" @blur="onClick" placeholder="请输入企业名称或证件" />
</div>
</div>
<div class="result-box">
<div v-show="flagShow" class="query-history">共有{{mainArray.length}}条搜索结果</div>
<div v-for="(item,index) in mainArray" :key="index" @click="clickItem(item)" class="query-content">
<div class="query-content-left">
<img
style="width: 4.63%"
src="@/assets/images/query-history-logo.png"
alt=""
/>
<div>{{ item.entName }}</div>
<div style="margin-left:20px">
<!-- <span style="color: #999999">统一社会信用代码:</span -->
>
<!-- <span style="font-family: 'Arial Normal', 'Arial'"
>9129181726374820p</span
> -->
</div>
</div>
<!-- <div class="query-content-right">历史合作企业</div> -->
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
import Public from "@/public/ts/Public";
/**
* @Description 客户查询
* @Author JiangTao
* @Date 2021-11-10 下午 03:30
*/
@Component({
name: "CustomerInquiry",
components: { TitleBar },
})
export default class CustomerInquiry extends Vue {
pageTitle = ""; // 页面标题
mainArray = []; //公司数组
value = "";
flagShow = false; //展示搜索结果
onClick() {
// console.log(this.mainArray);
this.onSearch();
}
onSearch() {
const parm = {
tc: nettyApi.TRADE_CODE.selectDim,
ProdId: Public.getProdId(),
SvrCode: Public.getSvrCode(nettyApi.TRADE_CODE.selectDim),
ClientNo: "",
name: this.value,
orgTypes: "",
};
NativeUI.showWaiting("正在查询.....");
IF.transferDataInter(nettyApi.commonRq, parm).then((res: any) => {
NativeUI.closeWaiting();
if (res.rc == "1") {
this.mainArray = res.dataList;
this.flagShow = true;
} else {
if (res.ret_code != "4999999" && res.ret_code != "000001") {
NativeUI.toast('暂无公司数据');
this.mainArray = [];
this.flagShow = false;
}
}
});
}
activated() {
this.$router.beforeEach((to, from, next) => {
if (from.path == '/main/workbench') {
this.value = '';
this.mainArray = [];
this.flagShow = false;
}
next();
});
}
clickItem(item: any) {
const parm = {
tc: nettyApi.TRADE_CODE.selectCus,
cus_name: item.entName,
};
NativeUI.showWaiting("正在查询...");
IF.transferDataInter(nettyApi.commonRq, parm).then((res: any) => {
NativeUI.closeWaiting();
console.log(res);
if (res.rc == "1") {
const cusinfo = {
cus_name: res.cus_name,
cert_type: res.cert_type,
cert_code: res.cert_code,
exist_flag: res.exist_flag,
cus_id: res.cus_id,
cus_status: res.cus_status,
};
this.$store.commit("setCusInfo", cusinfo);
this.$router.push({
path: "/CompanyDetails",
});
} else {
NativeUI.toast(res.msg);
}
});
}
mounted() {
this.pageTitle = this.$route.meta?.name;
}
}
</script>
<style scoped>
.content {
background-color: #f2f2f2;
}
.content > div:nth-child(1) {
padding: 2% 8%;
background-color: white;
font-size: 143%;
font-weight: bold;
margin-bottom: 1%;
}
.content > div:nth-child(2) {
background-color: white;
padding: 2% 8%;
}
.result-box{
margin-bottom: 1.5%;
overflow-y: auto;
overflow:scroll;
height: calc(100vh - 170px);
}
.query-content {
width: 97%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5%;
margin-bottom: 1.5%;
border-bottom: 1px solid #adb5bd;
}
.query-content-left {
width: 60%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.query-content-left > div:nth-child(2) {
font-size: 115%;
font-family: "微软雅黑 Bold", "微软雅黑 Regular", "微软雅黑";
font-weight: bold;
margin: 0 2%;
}
.query-content-left > div:nth-child(3) {
margin-top: 0.2%;
margin-left: 3%;
}
.query-content-right {
font-size: 92.9%;
background-color: #e2eef9;
padding: 0.3% 0.8%;
color: #1890ff;
}
.content > div:nth-child(1) {
display: flex;
justify-content: space-around;
align-items: center;
}
.content > div:nth-child(1) div {
width: 93%;
}
</style>
<template>
<!-- 对公业务查询-->
<div>
<title-bar :title="title">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="text-content">
<div class="text-content-left">
<van-sidebar @change="onChange" style="width: 100%" line-height="100px" v-model="active">
<van-sidebar-item v-for="(item, index) in CommonFunctionsList" :key="index" class="label" :title="item.AgencyName" />
</van-sidebar>
</div>
<div class="text-content-right">
<!-- 流程查询 -->
<ProcessQuery v-if="active == 0"></ProcessQuery>
<!-- 合同签订及出账 -->
<!-- <AfterLoan v-if="active == 1"></AfterLoan>-->
<!-- 贷后检查 -->
<UpcomingPeriodicInspection v-if="active == 1"></UpcomingPeriodicInspection>
<!-- 风险预警 -->
<UpcomingRiskWarning v-if="active == 2"></UpcomingRiskWarning>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Sidebar, SidebarItem } from "vant";
import CollectionManagement from "@/components/workbench/personal-common-functions/agency-task/CollectionManagement.vue";
import AfterLoan from "@/components/workbench/personal-common-functions/agency-task/AfterLoan.vue";
import SMEMarketingPool from "@/components/workbench/SME-common-functions/SMEMarketingPool.vue";
import UpcomingPeriodicInspection from "@/components/workbench/upcoming-tasks-content/company-business/upcoming/UpcomingPeriodicInspection.vue";
import UpcomingRiskWarning from "@/components/workbench/upcoming-tasks-content/company-business/upcoming/UpcomingRiskWarning.vue";
import ProcessQuery from "@/components/workbench/company-common-functions/business-inquiry/ProcessQuery.vue";
Vue.use(Sidebar);
Vue.use(SidebarItem);
/**
* @Description 常用功能
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "DGBusinessQuery",
components: {
ProcessQuery,
UpcomingPeriodicInspection, UpcomingRiskWarning, TitleBar, CollectionManagement, AfterLoan, SMEMarketingPool },
})
export default class CommonFunctions extends Vue {
active: any = 0;
title = "对公业务查询"; // 页面标题
CommonFunctionsList = [
{AgencyName: "流程查询", iconName: "", actionType: "LCCX", path: "/ProcessQuery"},
// {AgencyName: "合同签订及出账历史查询", iconName: "", actionType: "DHJC", path: "/AfterLoan"},
{AgencyName: "贷后检查历史查询", iconName: "", actionType: "ZXYX", path: "/UpcomingPeriodicInspection"},
{AgencyName: "风险预警历史查询", iconName: "", actionType: "CSGL", path: "/CollectionManagement"},
];
onClick() {
console.log(111111);
}
mounted() {
this.active = sessionStorage.getItem("DGCXactiveKey") ? Number(sessionStorage.getItem('DGCXactiveKey')) : 0;
}
onChange() {
sessionStorage.setItem("DGCXactiveKey", this.active);
}
}
</script>
<style scoped>
.text-content {
width: 100%;
height: calc(100vh - 60px);
display: flex;
justify-content: flex-start;
}
.text-content-left {
width: 25%;
background-color: rgba(245, 245, 245, 1);
border: 1px solid rgba(222, 222, 222, 1);
}
.text-content-right {
width: 75%;
}
.label {
border-bottom: 1px solid #e0e1e2;
}
van-sidebar-item {
}
::v-deep .van-sidebar-item--select::before {
background-color: #FF574C;
height: 100%;
}
::v-deep .van-sidebar-item__text {
font-size: 18px;
}
::v-deep .text-content-left {
z-index: 2100;
height: calc(100vh - 60px);
overflow-y: auto;
}
::v-deep .van-sidebar-item__text:before {
content: "😊";
/*content: url("../../../../assets/images/logo.png");*/
width: 30px;
height: 30px;
border-radius: 5px;
}
::v-deep .van-sidebar-item--select > div:before {
background-color: #00a3ff;
}
</style>
<template>
<div class="d-page d-flex flex-column">
<title-bar :title="title" @clickLef="onClick">
<van-icon slot="left" name="cross" size="30" />
</title-bar>
<anchor-nav ref="anchorNav" :navList="navList">
<template slot="baseInfo">
<div class="flow-y-dhc">
<table-double-view :data="dataBasic" :keyValue="keyValueDouble"></table-double-view>
</div>
</template>
</anchor-nav>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import BasicInformation from "@/components/customer-information/business-information/overview/BasicInformation.vue";
import TableDoubleView from "@/public/TableDoubleView.vue";
import TableSingleView from "@/public/TableSingleView.vue";
import Public from "@/public/ts/Public";
import nettyApi from "@/constants/api/ms-netty/netty.api";
import { NativeUI } from "@/public/ts/NativeUI";
import IF from "@/public/factory/InterFaceFactory";
import { toMillion } from "@/public/ts/money.util";
import { getText } from "@/stores";
import { forTime } from "@/public/ts/date.util";
/**
* @Description 流程查询信息
* @Author Kangzhirui
* @Date 2022-3-3 下午 21.48
*/
@Component({
name: "HistoryView",
components: { BasicInformation, TableDoubleView, TableSingleView }
})
export default class HistoryView extends Vue {
title = "审批历史流程详情"; // 页面标题
indexList = ["审批历史信息"];
custName = "";
custType = "";
custState = "";
resetvalue = false;
pageNo = 1;
pullup = true;
pulldown = true;
nodata = true;
IF: any;
//流程查询
pk_value = '';
cus_id = '';
list: any = [];
navList = [{ key: "baseInfo", titleText: "审批历史信息" }];
keyValueDouble = {
wfi_node_id: '节点编号',
wfi_node_name: '审批岗位',
SPJLLS: '处理结果',
app_advice: '意见',
app_org_displayname: '审批机构名称',
app_user_displayname: '审批人',
operate_time: '审批时间',
};
dataBasic = {
wfi_node_id: this.$store.getters.getCusInfo.wfi_node_id,
wfi_node_name: this.$store.getters.getCusInfo.wfi_node_name,
SPJLLS: this.$store.getters.getCusInfo.SPJLLS,
app_advice: this.$store.getters.getCusInfo.app_advice,
app_org_displayname: this.$store.getters.getCusInfo.app_org_displayname,
app_user_displayname: this.$store.getters.getCusInfo.app_user_displayname,
operate_time: this.$store.getters.getCusInfo.operate_time,
};
/**
* @Description 审批历史信息
* @Author Kangzhirui
* @Date 2022-03-03 下午 21:48
*/
/**
* @Description 对公流程列表查询
* @Author Kangzhirui
* @Date 2022-3-3 下午 21.48
*/
selectProcessHistory(pageNo = 1) {
this.nodata = true;
const param = {
// user_code: sessionStorage.getItem('user_code'),
//流程查询
instanceid: this.$store.getters.getCusInfo.instanceid, //业务申请号
nodeid: this.$store.getters.getCusInfo.nodeid,
orgid: this.$store.getters.getCusInfo.orgid,
menuId: 'wdgzt_ybsx',
wfsign: this.$store.getters.getCusInfo.wfsign, //流程标识
maxLine: "10",//每页最大数据
targetPage: pageNo,//目标页
tc: nettyApi.TRADE_CODE.selectProcessHistory
};
NativeUI.showWaiting("正在查询...");
return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
console.log('az', res);
NativeUI.closeWaiting();
if (res.rc == "1") {
if (pageNo == 1) {
this.list = res.iCollWL__resultset;
} else {
this.list = this.list.concat(res.iCollWL__resultset);
}
} else {
NativeUI.toast(res.msg);
}
if (res.iCollWL__resultset && res.iCollWL__resultset.length < 10) {
this.pullup = false;
}
if (this.list.length == 0) {
this.nodata = false;
this.pulldown = false;
}
});
}
onClick() {
console.log(111111);
}
mounted() {
this.selectProcessHistory();
}
}
</script>
<style scoped>
span {
color: #999999;
font-size: 16px;
}
.verify-view-details {
float: right;
margin-bottom: 10px;
color: #fd5065;
font-size: 12px;
border: 1px solid #fd5065;
border-radius: 4px;
background-color: white;
padding: 0.5% 0.8%;
font-family: "苹方 粗体", "苹方 中等", "苹方";
}
/*右侧导航栏*/
::v-deep .van-index-bar__sidebar {
top: 130px !important;
right: 5px !important;
transform: unset;
}
</style>
<template>
<div class="d-page d-flex flex-column">
<title-bar :title="title">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div style="margin-left: 50px" v-if="repaymentInfo.length!=0">
<sub-title>贷款试算结果</sub-title>
<div class="content-box">
<div class="total-box" >
<div style="font-size: 16px">还款总额(元):{{ totalMoney }}</div>
<div style="font-size: 16px">利息总额(元):{{ totalInterest }}</div>
</div>
<table style="margin-left: 20px;width: 80%;margin-top: 30px" class="customer-management-information-form">
<tr>
<td>期次</td>
<td>还款金额(元)</td>
<td>本金(元)</td>
<td>利息(元)</td>
</tr>
<tr v-if="repaymentInfo.length == 0">
<td style="text-align: center" colspan="6">暂无数据!</td>
</tr>
<tr
v-if="repaymentInfo.length != 0 && item"
v-for="(item, index) in repaymentInfo"
:key="index"
>
<td>{{ index + 1 }}</td>
<td>{{ item.everyMonthMoney }}</td>
<td>{{ item.monthLoanMoney }}</td>
<td>{{ item.curMonthInterest }}</td>
</tr>
</table>
</div>
</div>
<div v-else align="center">
<img
src="@/assets/images/nodata.png"
style="width: 40%; margin-top: 137px"
/>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { NativeUI } from "@/public/ts/NativeUI";
import TableDoubleView from "@/public/TableDoubleView.vue";
import TableSingleView from "@/public/TableSingleView.vue";
import Public from "@/public/ts/Public";
/**
* @Description 项目信息
* @Author JiangTao
* @Date 2021-11-10 下午 03:17
*/
@Component({
name: "LoanCalculationDetail",
components: { TitleBar }
})
export default class LoanCalculationDetail extends Vue {
title = "贷款试算结果"; // 页面标题
repaymentInfo = this.$store.getters.getCalculateRes;
totalMoney: any = 0; //总共要还的钱
totalInterest: any = 0;//总共要还的利息
// keyValueDouble: any = {
// totalMoney: "还款总额(元)",
// totalInterest: "利息总额(元)"
// };
// totalInfo: any = {};
mounted() {
console.log(this.repaymentInfo);
this.formatNum();
}
formatNum() {
this.totalInterest = Public.formatMoney(this.repaymentInfo[this.repaymentInfo.length - 1].repayInterestMoney, ",");
for (let i = 0; i < this.repaymentInfo.length; i++) {
if (i == this.repaymentInfo.length - 1) {
let temp: any =
parseFloat(this.repaymentInfo[this.repaymentInfo.length - 1].repayLoanMoney) +
parseFloat(this.repaymentInfo[this.repaymentInfo.length - 1].repayInterestMoney);
temp = String(temp);
this.totalMoney = Public.formatMoney(temp, ",");
console.log(temp, "=============================");
}
this.repaymentInfo[i].curMonthInterest = Public.formatMoney(this.repaymentInfo[i].curMonthInterest, ",");
this.repaymentInfo[i].monthLoanMoney = Public.formatMoney(this.repaymentInfo[i].monthLoanMoney, ",");
this.repaymentInfo[i].everyMonthMoney = Public.formatMoney(this.repaymentInfo[i].everyMonthMoney, ",");
this.repaymentInfo[i].repayLoanMoney = Public.formatMoney(this.repaymentInfo[i].repayLoanMoney, ",");
this.repaymentInfo[i].repayInterestMoney = Public.formatMoney(this.repaymentInfo[i].repayInterestMoney, ",");
}
}
}
</script>
<style scoped>
::v-deep .van-index-bar__sidebar {
top: 130px !important;
right: 5px !important;
transform: unset;
}
.no-data-class {
width: 40%;
}
.content-box {
margin-bottom: 1.5%;
overflow-y: auto;
overflow: scroll;
height: calc(100vh - 170px);
}
.total-box{
width: 60%;
/*margin-top: 30px;*/
justify-content: space-around;
/*margin: 20px;*/
margin-right: 40%;
font-size: 16px;
display: flex
}
</style>
<template>
<div>
<title-bar title="网点查询" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<!-- 百度地图-->
<baidu-map class="bm-view" ak="FP7zWR4e8lhxZ6v0IicoG1R5" :center="{ lng: this.upoint.lng, lat: this.upoint.lat }" :zoom="12" @ready="mapReady">
<bm-scale anchor="BMAP_ANCHOR_BOTTOM_LEFT"></bm-scale>
</baidu-map>
<div class="list">
<div class="list-top">
<van-tabs v-model="active">
<van-tab title="我的附近">
<nearby></nearby>
</van-tab>
<van-tab title="区域查询">
<Area></Area>
</van-tab>
<van-tab title="全部">
<all-outlets></all-outlets>
</van-tab>
</van-tabs>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { BaiduMap, BmScale } from "vue-baidu-map";
import AllOutlets from "@/components/workbench/company-common-functions/online-enquiry/AllOutlets.vue";
import Nearby from "@/components/workbench/company-common-functions/online-enquiry/Nearby.vue";
import Area from "@/components/workbench/company-common-functions/online-enquiry/Area.vue";
import { Tab, Tabs } from "vant";
Vue.use(Tab);
Vue.use(Tabs);
/**
* @Description 网点查询
* @Author JiangTao
* @Date 2021-11-10 下午 03:30
*/
@Component({
name: "OnlineEnquiry",
components: {
TitleBar,
BaiduMap,
BmScale,
AllOutlets,
Area,
Nearby,
},
})
export default class OnlineEnquiry extends Vue {
pageTitle = ""; // 页面标题
onClick() {
console.log(111111);
}
mounted() {
this.pageTitle = this.$route.meta?.name;
}
BMapGL: any = {};
map: any = {};
show = false;
upoint: any = { lng: 104.080998, lat: 30.595452 };
mapReady(bmap: any) {
this.BMapGL = bmap.BMap;
this.map = bmap.map;
}
}
</script>
<style scoped>
.bm-view {
position: absolute;
right: 0;
width: 71.8%;
height: calc(100vh - 60px);
}
.list {
height: calc(100vh - 60px);
width: 28.2%;
background-color: rgba(242, 242, 242, 1);
border-right: 1px solid rgb(217, 207, 207);
}
.list-top {
width: 100%;
/*padding: 0 5%;*/
padding-top: 2.5%;
margin-bottom: 3%;
background-color: white;
display: flex;
justify-content: space-around;
}
.list-top > * {
font-size: 115%;
color: #999999;
padding: 3%;
}
::v-deep .van-tabs--line {
width: 100%;
background-color: #f2f2f2;
padding: 0;
}
::v-deep .van-tab__text--ellipsis {
font-size: 16px;
}
::v-deep .van-tab--active {
color: #fd5065;
}
::v-deep .van-tabs__line {
width: 25%;
}
::v-deep .van-tabs__wrap {
margin-bottom: 3%;
}
</style>
<template>
<div class="d-page d-flex flex-column">
<title-bar :title="title" @clickLef="onClick">
<van-icon slot="left" name="cross" size="30" />
</title-bar>
<anchor-nav ref="anchorNav" :navList="navList">
<template slot="baseInfo">
<div class="flow-y-dhc">
<button class="verify-view-details" @click="HistoryClick">审批流程历史查询</button>
<table-double-view :data="dataBasic" :keyValue="keyValueDouble"></table-double-view>
</div>
</template>
</anchor-nav>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import BasicInformation from "@/components/customer-information/business-information/overview/BasicInformation.vue";
import TableDoubleView from "@/public/TableDoubleView.vue";
import TableSingleView from "@/public/TableSingleView.vue";
import Public from "@/public/ts/Public";
import nettyApi from "@/constants/api/ms-netty/netty.api";
import { NativeUI } from "@/public/ts/NativeUI";
import IF from "@/public/factory/InterFaceFactory";
import { toMillion } from "@/public/ts/money.util";
import { getText } from "@/stores";
import { forTime } from "@/public/ts/date.util";
/**
* @Description 流程查询信息
* @Author Kangzhirui
* @Date 2022-3-3 下午 21.48
*/
@Component({
name: "ProcessView",
components: { BasicInformation, TableDoubleView, TableSingleView }
})
export default class ProcessView extends Vue {
title = "流程查询信息"; // 页面标题
indexList = ["流程信息"];
custName = "";
custType = "";
custState = "";
resetvalue = false;
pageNo = 1;
pullup = true;
pulldown = true;
nodata = true;
IF: any;
//流程查询
pk_value = '';
cus_id = '';
list: any = [];
navList = [{ key: "baseInfo", titleText: "流程信息" }];
keyValueDouble = {
appl_type: '业务类型',
appl_type_cnName: '业务类型名称',
pk_value: '业务申请号',
cus_name: '客户名称',
cus_id: '客户号',
amt: '金额',
prenodename: '上一节点',
nodename: '当前节点',
currentnodeusers_displayname: '流程当前办理人',
wfi_apply_org_displayname: '客户经理所属机构',
instanceid: '流程实例编号',
nodeid: '节点编号',
wfsign: '流程标识',
nodestarttime: '当前任务开始时间'
};
dataBasic = {
appl_type: this.$store.getters.getCusInfo.appl_type,
appl_type_cnName: this.$store.getters.getCusInfo.appl_type_cnName,
pk_value: this.$store.getters.getCusInfo.pk_value,
cus_name: this.$store.getters.getCusInfo.cus_name,
cus_id: this.$store.getters.getCusInfo.cus_id,
amt: this.$store.getters.getCusInfo.amt,
prenodename: this.$store.getters.getCusInfo.prenodename,
nodename: this.$store.getters.getCusInfo.nodename,
currentnodeusers_displayname: this.$store.getters.getCusInfo.currentnodeusers_displayname,
wfi_apply_org_displayname: this.$store.getters.getCusInfo.wfi_apply_org_displayname,
instanceid: this.$store.getters.getCusInfo.instanceid,
nodeid: this.$store.getters.getCusInfo.nodeid,
wfsign: this.$store.getters.getCusInfo.wfsign, //流程标识
nodestarttime: this.$store.getters.getCusInfo.nodestarttime
};
HistoryClick() {
this.$router.push({
path: "HistoryView"
});
}
/**
* @Description 流程信息查询
* @Author Kangzhirui
* @Date 2022-03-03 下午 21:48
*/
/**
* @Description 对公流程列表查询
* @Author Kangzhirui
* @Date 2022-3-3 下午 21.48
*/
selectProcess(pageNo = 1) {
this.nodata = true;
const param = {
// user_code: sessionStorage.getItem('user_code'),
//流程查询
pk_value: this.$store.getters.getCusInfo.pk_value, //业务申请号
cus_id: this.cus_id, //客户号
maxLine: "10",//每页最大数据
targetPage: pageNo,//目标页
tc: nettyApi.TRADE_CODE.selectProcess
};
NativeUI.showWaiting("正在查询...");
return IF.transferDataInter(nettyApi.commonRq, param).then((res: any) => {
NativeUI.closeWaiting();
if (res.rc == "1") {
if (pageNo == 1) {
this.list = res.iCollWL__resultset;
} else {
this.list = this.list.concat(res.iCollWL__resultset);
}
} else {
NativeUI.toast(res.msg);
}
if (res.iCollWL__resultset && res.iCollWL__resultset.length < 10) {
this.pullup = false;
}
if (this.list.length == 0) {
this.nodata = false;
this.pulldown = false;
}
});
}
onClick() {
console.log(111111);
}
mounted() {
this.selectProcess();
}
}
</script>
<style scoped>
span {
color: #999999;
font-size: 16px;
}
.verify-view-details {
float: right;
margin-bottom: 10px;
color: #fd5065;
font-size: 12px;
border: 1px solid #fd5065;
border-radius: 4px;
background-color: white;
padding: 0.5% 0.8%;
font-family: "苹方 粗体", "苹方 中等", "苹方";
}
/*右侧导航栏*/
::v-deep .van-index-bar__sidebar {
top: 130px !important;
right: 5px !important;
transform: unset;
}
</style>
<template>
<div class="d-page d-flex flex-column">
<title-bar :title="title">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div style="margin-left: 50px" v-if="repaymentInfo.length!=0">
<sub-title>随意分提用测算</sub-title>
<div class="content-box">
<table style="margin-left: 20px;width: 80%;margin-top: 30px" class="customer-management-information-form">
<tr>
<td>期次</td>
<td>偿还日期</td>
<td>偿还本息(元)</td>
<td>偿还利息(元)</td>
<td>偿还本金(元)</td>
</tr>
<tr v-if="repaymentInfo.length == 0">
<td style="text-align: center" colspan="6">暂无数据!</td>
</tr>
<tr
v-if="repaymentInfo.length != 0 && item"
v-for="(item, index) in repaymentInfo"
:key="index"
>
<td>{{ index + 1 }}</td>
<td>{{ getDate(item.date) }}</td>
<td>{{ item.CMoney }}</td>
<td>{{ item.money }}</td>
<td>{{ item.BMoney }}</td>
</tr>
</table>
</div>
</div>
<div v-else align="center">
<img
src="@/assets/images/nodata.png"
style="width: 40%; margin-top: 137px"
/>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { NativeUI } from "@/public/ts/NativeUI";
import TableDoubleView from "@/public/TableDoubleView.vue";
import TableSingleView from "@/public/TableSingleView.vue";
import Public from "@/public/ts/Public";
/**
*@description: 随意分试算详情数据处理
*@author: wanghang
*@date: 2022/2/24
*/
@Component({
name: "RepaymentTrialDetail",
components: { TitleBar }
})
export default class RepaymentTrialDetail extends Vue {
title = "随意分提用试算"; // 页面标题
repaymentInfo = this.$store.getters.getCalculateRes;
mounted() {
console.log(this.repaymentInfo);
this.formatNum();
}
formatNum() {
for (let i = 0; i < this.repaymentInfo.length; i++) {
this.repaymentInfo[i].CMoney = Public.formatMoney(this.repaymentInfo[i].CMoney, ",");
this.repaymentInfo[i].BMoney = Public.formatMoney(this.repaymentInfo[i].BMoney, ",");
this.repaymentInfo[i].money = Public.formatMoney(this.repaymentInfo[i].money, ",");
}
}
getDate(date:any) {
return date.year + '' + date.monthValue + '' + date.dayOfMonth + '';
}
}
</script>
<style scoped>
::v-deep .van-index-bar__sidebar {
top: 130px !important;
right: 5px !important;
transform: unset;
}
.no-data-class {
width: 40%;
}
.content-box {
margin-bottom: 1.5%;
overflow-y: auto;
overflow: scroll;
height: calc(100vh - 170px);
}
.total-box{
width: 60%;
/*margin-top: 30px;*/
justify-content: space-around;
/*margin: 20px;*/
margin-right: 40%;
font-size: 16px;
display: flex
}
</style>
<template>
<div>
<title-bar title="业务查询" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="content">
<div style="padding: 0.5%; background-color: #fffafa"></div>
<van-tabs v-model="active">
<van-tab title="营销任务">
<marketing-task></marketing-task>
</van-tab>
<van-tab title="贷款催收">
<loan-application></loan-application>
</van-tab>
</van-tabs>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import MarketingTask from "@/components/workbench/personal-common-functions/business-inquiry/MarketingTask.vue";
import LoanApplication from "@/components/workbench/personal-common-functions/business-inquiry/LoanApplication.vue";
import { Tab, Tabs } from "vant";
Vue.use(Tab);
Vue.use(Tabs);
/**
* @Description 业务查询
* @Author JiangTao
* @Date 2021-10-23 下午 06:50
*/
@Component({
name: "BusinessInquiry",
components: { TitleBar, MarketingTask, LoanApplication },
})
export default class BusinessInquiry extends Vue {
pageTitle = ""; // 页面标题
onClick() {
console.log(111111);
}
mounted() {
this.pageTitle = this.$route.meta?.name;
}
active = 0;
}
</script>
<style scoped>
.content {
width: 100%;
height: calc(100vh - 60px);
}
::v-deep .van-tab__text {
font-size: 16px;
color: #999999;
font-family: "Arial Normal", "Arial";
}
::v-deep .van-tab--active span {
font-size: 18px;
color: #fd5065;
font-weight: bold;
}
::v-deep .van-tabs__line {
width: 30%;
}
::v-deep .van-tabs__wrap {
width: 100%;
padding-right: 70%;
padding-left: 1%;
background-color: #fffafa;
}
::v-deep .van-tab {
background-color: #fffafa;
}
</style>
<template>
<div class="d-page d-flex flex-column">
<title-bar :title="title">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="divCls">
<div class="detailData" v-for="(item, index) in assetInfoList" :key="index">
<div class="detailName">{{ userInfo.GUARANTORNAME}}</div>
<div style="font-size: 18px;font-weight: bold;margin-left: 10%">抵质押物{{index+1}}</div>
<table-double-view :keyValue="assetInfoTitles" :data="item"></table-double-view>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Tab, Tabs } from 'vant';
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
import { DatetimePicker } from 'vant';
import BasicInformation from "@/components/customer-information/business-information/overview/BasicInformation.vue";
import TableDoubleView from "@/public/TableDoubleView.vue";
import DCalendar from "@/components/general/form/DCalendar.vue";
Vue.use(DatetimePicker);
Vue.use(Tab);
Vue.use(Tabs);
/**
* @Description 抵质押物详情
* @Author JiangTao
* @Date 2021-11-10 下午 03:51
*/
@Component({
name: "CollateralDetail",
components: { DCalendar, TitleBar, BasicInformation, TableDoubleView },
})
export default class CollateralDetail extends Vue {
title = "抵质押物详情"; // 页面标题
userInfo = this.$route.params.assetInfoList;
assetInfoTitles = {
SERIALNO: '抵质押物编号',
ASSETTYPE: '抵质押物类型',
STATUS: '状态',
GUARANTYAMOUNT: '担保债权金额(元)',
CONFIRMVALUE: '认定价值(元)',
GUARANTYPERCENT: '抵押率(%)'
}
assetInfoList = (this.$route.params.assetInfoList as any).ASSET_INFO_LIST;
activated() {
// this.userInfo = this.$store.getters.getCusInfo;
// this.selectHistoryContactInfo();
}
}
</script>
<style scoped>
.divCls {
width: 80%;
height: 90%;
margin: auto;
overflow-y: auto;
}
.detailData {
width: 100%;
height: auto;
}
.detailName {
width: 85%;
font-size: 24px;
font-weight: bold;
margin: 10px auto;
}
</style>
<template>
<div>
<title-bar :title="title" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<div class="text-content">
<div class="text-content-left">
<van-sidebar @change="onChange" style="width: 100%" line-height="100px" v-model="activeKey">
<van-sidebar-item v-for="(item, index) in CommonFunctionsList" :key="index" class="label" :title="item.name" />
</van-sidebar>
</div>
<div class="text-content-right">
<!-- 贷款催收 -->
<collection-management v-if="CommonFunctionsList[activeKey].menuId == MENUS.PERSONAL_LOAN_COLLECTION.code"></collection-management>
<!-- 贷后检查 -->
<AfterLoan v-if="CommonFunctionsList[activeKey].menuId == MENUS.PERSONAL_LOAN_CHECK_CY.code"></AfterLoan>
<!-- 中小营销 -->
<SMEMarketingPool v-if="CommonFunctionsList[activeKey].menuId == MENUS.ZX_MARKETING_CY.code"></SMEMarketingPool>
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Sidebar, SidebarItem } from "vant";
import CollectionManagement from "@/components/workbench/personal-common-functions/agency-task/CollectionManagement.vue";
import AfterLoan from "@/components/workbench/personal-common-functions/agency-task/AfterLoan.vue";
import SMEMarketingPool from "@/components/workbench/SME-common-functions/SMEMarketingPool.vue";
import {MENU} from "@/constants/enum/menu.enum";
Vue.use(Sidebar);
Vue.use(SidebarItem);
/**
* @Description 常用功能
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "CommonFunctions",
components: { TitleBar, CollectionManagement, AfterLoan, SMEMarketingPool },
})
export default class CommonFunctions extends Vue {
activeKey: any = 0;
title = "常用功能"; // 页面标题
CommonFunctionsList: any = [
// {AgencyName: "催收管理", iconName: "", actionType: "CSGL", path: "/CollectionManagement"},
// {AgencyName: "个人贷后检查", iconName: "", actionType: "DHJC", path: "/AfterLoan"},
// {AgencyName: "中小营销", iconName: "", actionType: "ZXYX", path: "/AfterLoan"},
];
MENUS = MENU;
onClick() {
console.log(111111);
this.$router.go(-1);
}
created() {
const data: any = sessionStorage.getItem('menuListYx')
this.CommonFunctionsList = JSON.parse(data);
console.log(this.CommonFunctionsList);
console.log(this.$route.query.menuName);
const menuName = this.$route.query.menuName,
_this = this;
for (const index in this.CommonFunctionsList){
if(this.CommonFunctionsList[index].name == menuName){
_this.activeKey = index;
}
}
}
onChange() {
sessionStorage.setItem("CYactiveKey", this.activeKey);
}
}
</script>
<style scoped>
.text-content {
width: 100%;
height: calc(100vh - 60px);
display: flex;
justify-content: flex-start;
}
.text-content-left {
width: 25%;
background-color: rgba(245, 245, 245, 1);
border: 1px solid rgba(222, 222, 222, 1);
}
.text-content-right {
width: 75%;
}
.label {
border-bottom: 1px solid #e0e1e2;
}
van-sidebar-item {
}
::v-deep .van-sidebar-item--select::before {
background-color: #FF574C;
height: 100%;
}
::v-deep .van-sidebar-item__text {
font-size: 18px;
}
::v-deep .text-content-left {
z-index: 2100;
height: calc(100vh - 60px);
overflow-y: auto;
}
::v-deep .van-sidebar-item__text:before {
content: "😊";
/*content: url("../../../../assets/images/logo.png");*/
width: 30px;
height: 30px;
border-radius: 5px;
}
::v-deep .van-sidebar-item--select > div:before {
background-color: #00a3ff;
}
</style>
<template>
<div>
<title-bar title="个人客户风险检查" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
<img class="svgClass" src="../../../../assets/svg/explore.svg" />
<img class="past" src="../../../../assets/svg/past.svg" />
<p class="word">年龄(18-60)是否通过;</p>
<img class="pastA" src="../../../../assets/svg/past.svg" />
<p class="wordA">名单核查是否通过(与随意分检查规则一致);</p>
<img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 46%" />
<p class="wordA" style="left: 31%; top: 50%">司法核查是否通过(名下是否有失信被执行记录、名下是否有执行记录);</p>
<img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 51%" />
<p class="wordA" style="left: 31%; top: 55%">是否属于我行关联人;</p>
<img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 56%" />
<p class="wordA" style="left: 31%; top: 60%">是否属于我行特殊关联自然人;</p>
<img class="pastA" src="../../../../assets/svg/past.svg" style="left: 26%; top: 61%" />
<p class="wordA" style="left: 31%; top: 65%">是否我行员工;</p>
<van-button type="info" round style="position: absolute; left: 27%; top: 74%; width: 47%; height: 6%; background-color: rgba(255, 87, 108, 1)" @click="goBack">知道了</van-button>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
/**
* @Description:个人客户风险检查
* @author pd
* @date 2021-11-06 16:43:14
*/
@Component({
name: "CustomCheckInfo",
})
export default class CustomCheckInfo extends Vue {
onClick() {
console.log(111111);
}
goBack() {
this.$router.go(-1);
}
}
</script>
<style lang="scss" scoped>
.svgClass {
position: absolute;
left: 39%;
top: 12%;
width: 22%;
height: 23%;
}
.past {
position: absolute;
left: 26%;
top: 36%;
width: 4%;
height: 12%;
}
.pastA {
position: absolute;
left: 26%;
top: 41%;
width: 4%;
height: 12%;
}
.word {
font-family: "苹方-简";
font-weight: 400;
font-size: 138%;
line-height: 62%;
left: 31%;
top: 40%;
position: absolute;
}
.wordA {
font-family: "苹方-简";
font-weight: 400;
font-size: 138%;
line-height: 62%;
left: 31%;
top: 45%;
position: absolute;
}
</style>
<template>
<div>
<title-bar :title="title" @clickLeft="onClick">
<van-icon slot="left" name="cross" size="24" />
</title-bar>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
/**
* @Description 待办详情
* @Author JiangTao
* @Date 2021-10-25 下午 08:55
*/
@Component({
name: "TelMarketingDetail",
components: { TitleBar },
})
export default class TelMarketingDetail extends Vue {
title = "待办详情"; // 页面标题
onClick() {
console.log(111111);
}
activated() {
}
mounted() {
}
}
</script>
<style scoped>
</style>
此差异已折叠。
此差异已折叠。
此差异已折叠。
因为 它太大了无法显示 源差异 。您可以改为 查看blob
<template>
<div>
<div class="information-container flex-1-dhc" style="overflow-x: auto">
<van-steps direction="vertical" :active="active">
<van-step>
<div>
<div style="margin-left: 10%">
&nbsp;
<div style="font-weight: 400; width: 20%">八月</div>
&nbsp;
<div style="font-size: 18px; width: 20%">18</div>
</div>
<div style="margin-top: -10%; margin-left: 19%; padding: 5% 5%">公司成立</div>
</div>
</van-step>
<van-step>
<div>
<div style="margin-left: 10%">
&nbsp;
<div style="font-weight: 400; width: 20%">九月</div>
&nbsp;
<div style="font-size: 18px; width: 20%">13</div>
</div>
<div style="margin-top: -10%; margin-left: 19%; padding: 5% 5%">获得国家安全可靠计算机信息系统集成重点企业证书(特一级资质)</div>
</div>
</van-step>
</van-steps>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import { Step, Steps } from "vant";
Vue.use(Step);
Vue.use(Steps);
@Component({
name: "MarketHistoryNote",
})
export default class MarketHistoryNote extends Vue {
active: any = 1;
}
</script>
<style scoped></style>
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册