Skip to content

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

-msrc

上级 f5ae5527
隐藏空白字符变更
内嵌 并排
正在显示 包含 361 行增加 和 323 行删除
src/assets/iconfont/demo_index.html
浏览文件 @ 460e46a9
...@@ -930,9 +930,9 @@ ...@@ -930,9 +930,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1657158038229') format('woff2'), src: url('iconfont.woff2?t=1658487575752') format('woff2'),
url('iconfont.woff?t=1657158038229') format('woff'), url('iconfont.woff?t=1658487575752') format('woff'),
url('iconfont.ttf?t=1657158038229') format('truetype'); url('iconfont.ttf?t=1658487575752') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
......
src/assets/iconfont/iconfont.css
浏览文件 @ 460e46a9
@font-face { @font-face {
font-family: "iconfont"; /* Project id 3289090 */ font-family: "iconfont"; /* Project id 3289090 */
src: url('iconfont.woff2?t=1657158038229') format('woff2'), src: url('iconfont.woff2?t=1658487575752') format('woff2'),
url('iconfont.woff?t=1657158038229') format('woff'), url('iconfont.woff?t=1658487575752') format('woff'),
url('iconfont.ttf?t=1657158038229') format('truetype'); url('iconfont.ttf?t=1658487575752') format('truetype');
} }
.iconfont { .iconfont {
......
src/components/common/LittleCard.vue
浏览文件 @ 460e46a9
...@@ -2,15 +2,15 @@ ...@@ -2,15 +2,15 @@
* @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-12 14:08:47 * @LastEditTime: 2022-07-22 16:50:12
* @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-tattle"> <div class="d-tattle">
<div class="litterParam" v-for="(item, index) in litterParam" :key="index"> <div class="litterParam" v-for="(item, index) in litterParam" :key="index" >
<van-row class="vanrow"> <van-row class="vanrow" @click="litterParamClick(item)">
<van-col span="20" class="priductName"> <van-col span="20" class="priductName">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<!--图片传入进来-->> <!--图片传入进来-->>
...@@ -38,6 +38,11 @@ import { Component, Vue, Prop, Watch } from "vue-property-decorator"; ...@@ -38,6 +38,11 @@ import { Component, Vue, Prop, Watch } from "vue-property-decorator";
}) })
export default class LittleCard extends Vue { export default class LittleCard extends Vue {
@Prop({ default: "" }) litterParam: any | [] //列表信息 @Prop({ default: "" }) litterParam: any | [] //列表信息
//点击事件
litterParamClick(item:any){
this.$emit("litterParamClick",item);
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/components/common/PicketAcced.vue 0 → 100644
浏览文件 @ 460e46a9
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-04 16:24:00
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 19:24:22
* @FilePath: \mcep-h5\src\components\common\Tatle.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<!-- <div> -->
<div class="d-tatle">
<div class="card" v-for="(item, index) in productParam" :key="index" @click="onClickPicket()">
<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-col>
</van-col>
<van-col span="8">
<svg class="icon" aria-hidden="true" v-if="item.status ===1">
<use xlink:href="#icon-a-yifafang60x60px"></use>
</svg>
<svg class="icon" aria-hidden="true" v-if="item.status ===2">
<use xlink:href="#icon-a-yifafang60x60px"></use>
</svg>
<svg class="icon" aria-hidden="true" v-if="item.status ===3">
<use xlink:href="#icon-a-yijieqing60x60px"></use>
</svg>
</van-col>
</van-row>
<van-row v-if="item.status === 2" type="flex" class="bottom">
<van-col span="24" class="lablel"><span>还款计划</span>
<svg class="iconl" aria-hidden="true">
<use xlink:href="#icon-a-xiayiye24x24px"></use>
</svg>
</van-col>
</van-row>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "PicketAcced",
})
export default class PicketAcced extends Vue {
@Prop({ default: "" }) productParam: any | [] //列表信息
//调用父组件的值
@Emit("onClickPicket")
onClickPicket() { }
}
</script>
<style scoped lang="scss">
.icon {
width: 80px;
height: 80px;
margin-top: 10%;
}
.card {
border-radius: 2%;
height: 28vh;
margin: 3% 3% 3% 3%;
background: #ffffff;
}
.priductName {
margin: 5% 7%;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
color: #333333;
}
.lable {
text-align: left;
color: #7F7F7F;
font-size: 14px;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
}
.iconl {
width: 20px;
height: 20px;
}
.bottom {
background-color: rgba(54, 114, 241, 1);
border: none;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
text-align: center;
}
.lablel {
text-align: center;
font-size: 12px;
color: #FFFFFF;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
}
</style>
src/router/index.ts
浏览文件 @ 460e46a9
...@@ -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-22 15:48:19 * @LastEditTime: 2022-07-22 16:54:54
* @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
*/ */
...@@ -13,7 +13,7 @@ import { Code } from "@/constants/enum/general/code.enum"; ...@@ -13,7 +13,7 @@ import { Code } from "@/constants/enum/general/code.enum";
// import mainRoutes from "@/router/main.routing"; // import mainRoutes from "@/router/main.routing";
// import customerRoutes from "@/router/customer.mgt.routing"; // import customerRoutes from "@/router/customer.mgt.routing";
// import marketingRoutes from "@/router/marketing.mgt.routing"; // import marketingRoutes from "@/router/marketing.mgt.routing";
// import workbenchRoutes from "@/router/workbench.routing"; import workbenchRoutes from "@/router/workbench.routing";
import loginRoutes from "./login.mgt.routing"; import loginRoutes from "./login.mgt.routing";
import productRoutes from "./product.mgt.routing"; import productRoutes from "./product.mgt.routing";
import mypageRoutes from "./mypage.mgt.routing"; import mypageRoutes from "./mypage.mgt.routing";
...@@ -36,7 +36,7 @@ const routes: Array<RouteConfig> = [ ...@@ -36,7 +36,7 @@ const routes: Array<RouteConfig> = [
//...mainRoutes, //...mainRoutes,
// ...customerRoutes, // ...customerRoutes,
// ...marketingRoutes, // ...marketingRoutes,
// ...workbenchRoutes, ...workbenchRoutes,
...loginRoutes, ...loginRoutes,
...productRoutes, ...productRoutes,
...mypageRoutes, ...mypageRoutes,
......
src/router/workbench.routing.ts
浏览文件 @ 460e46a9
/*
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-22 15:33:25
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 18:17:26
* @FilePath: \mcep-h5\src\router\workbench.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 = "/workbench"; const prefix = "/workbench";
const workbenchRoutes = [ const workbenchRoutes = [
{ {
path: `${prefix}/index`, path: `/PersonLod`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/WorkbenchView.vue"), name: 'PersonLod',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/PersonLod.vue"),
props: propsConvert, props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "工作台" }, meta: { keepAlive: false, requiresAuth: true, name: "主页" },
}, },
// 个人
{ {
path: `${prefix}/commonly-used/personal/business-inquiry`, path: `/Accommodation`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/BusinessInquiry.vue"), name: 'Accommodation',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/Accommodation.vue"),
props: propsConvert, props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "业务查询" }, meta: { keepAlive: false, requiresAuth: true, name: "贷款信息" },
}, }
// 对公
{
path: `${prefix}/commonly-used/company/business-inquiry`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/BusinessInquiry.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "业务查询" },
},
{
path: `/OnlineEnquiry`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/OnlineEnquiry.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "网点查询" },
},
{
path: `/AuxiliaryTools`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/AuxiliaryTools.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "辅助工具" },
},
{
path: `/RepaymentTrialDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/RepaymentTrialDetail.vue"),
props: propsConvert,
meta: { requiresAuth: true, name: "随意分详情" },
},
{
path: `/LoanCalculationDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/LoanCalculationDetail.vue"),
props: propsConvert,
meta: {requiresAuth: true, name: "贷款试算详情" },
},
{
path: `${prefix}/commonly-used/company/customer-inquiry`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/CustomerInquiry.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "客户查询" },
},
{
path: `/Customerinquiry`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/Customerinquiry.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "客户查询" },
},
{
path: `/PersonSimplifyView`,
name:'PersonSimplifyView',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/PersonSimplifyView.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "客户简版信息" },
},
{
path: `/CustomCheck`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/CustomCheck.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "客户体检" },
},
{
path: `/UpcomingTask`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/UpcomingTask.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "待办任务" },
},
//
{
path: `/SMEMarketingDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/SME/SMEMarketingDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "中小营销详情" },
},
{
path: `/TelMarketingDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/TelMarketingDetail.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "待办详情" },
},
// 对公待办任务
{
path: `/CompanyAgencyTask`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/CompanyAgencyTask.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "待办任务" },
},
{
path: `/CommonFunctions`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/CommonFunctions.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "常用功能" },
},
{
path: `/AddContactCheckView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/AddContactCheckView.vue"),
props: propsConvert,
meta: {requiresAuth: true, name: "贷后新增" },
},
{
path: `/CollectionDetails`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/CollectionDetails.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "催收详情" },
},
{
path: `/RiskWarningDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/RiskWarningDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "风险预警处理" },
},
{
path: `/LoanCheckDetailView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/LoanCheckDetailView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公贷后检查" },
},
{
path: `/PostLoanDetailsView`,
name: `PostLoanDetailsView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/PostLoanDetailsView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "个贷贷后检查详情" },
},
{
path: `/NetPostLoanDetailsView`,
name: `NetPostLoanDetailsView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/NetPostLoanDetailsView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "网贷贷后检查详情" },
},
{
path: `/CollateralDetail`,
name: `CollateralDetail`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/CollateralDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "抵质押物详情" },
},
{
path: `${prefix}/commonly-used/personal/custom-check-info`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/CustomCheckInfo.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "个人客户风险检查" },
},
{
path: `${prefix}/commonly-used/personal/post-note`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/PostNote.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "短信验证" },
},
{
path: `${prefix}/schedule-reminder/add-reminder`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/schedule-reminder/AddReminder.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "新增提醒" },
},
{
path: `${prefix}/MessageReminderView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/message-reminder/MessageReminderView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "消息提醒" },
},
{
path: `${prefix}/schedule-reminder/more`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/schedule-reminder/More.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "日程提醒" },
},
// {
// path: `/ProductsRecommended`,
// component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/ProductsRecommended.vue"),
// props: propsConvert,
// meta: { keepAlive: false, requiresAuth: true, name: "产品推介" },
// },
// {
// path: `/ProductDetails`,
// component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/products-recommended/loan-products/ProductDetails.vue"),
// props: propsConvert,
// meta: { keepAlive: false, requiresAuth: true, name: "产品详情" },
// },
{
path: `${prefix}/upcoming-tasks/risk-warning-handle/taskList-operate`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/risk-warning-handle/TaskListOperate.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "风险预警处理" },
},
{
path: `${prefix}/upcoming-tasks/periodic-inspection/periodic-inspection-handle`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/periodic-inspection/PeriodicInspectionHandle.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "定期检查处理" },
},
{
path: '/MarketingTask',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/MarketingTask.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "待办处理" },
},
//对公营销客户拜访
{
path: '/ComVisitMarkDetail',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/company/ComVisitMarkDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公营销客户拜访" },
},
//对公营销招商引资企业营销
{
path: '/ComAttractMarkDetail',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/company/ComAttractMarkDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公营销招商引资企业营销" },
},
//对公精准客户信息摸查任务创建
{
path: '/ComProjectMarkDetail',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/company/ComProjectMarkDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公精准客户信息摸查任务创建" },
},
//对公精准营销推进专项
{
path: '/ComPreMarkDetail',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/company/ComPreMarkDetail.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公精准营销推进专项" },
},
{
path: '/PerMarketingAdd',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/PerMarketingAdd.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "个人上门营销-新增" },
},
{
path: '/TimeAxis',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/time-axis/TimeAxis.vue"),
props: propsConvert,
meta: { keepAlive: true, requiresAuth: true, name: "时光轴" },
},
{
path: '/perTelMarkTimeAxis',
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/upcoming-tasks/marketing-task/time-axis/personal/perTelMarkTimeAxis.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "个人电话营销时光轴" },
},
// 面签新增
{
path: `/AddContractFaceSign`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/contract/AddContractFaceSign.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "新增面签" },
},
//面签流程
{
path: `/FaceSignView`,
name: `FaceSignView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/contract/FaceSignView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "面签" },
},
//面签复核
{
path: `/FaceSignReviewView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/contract/FaceSignReviewView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "面签复核" },
},
//个人业务查询
{
path: `/GDBusinessQuery`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/personal/GDBusinessQuery.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "个人业务查询" },
},
//对公业务查询
{
path: `/DGBusinessQuery`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/DGBusinessQuery.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "对公业务查询" },
},
{
path: `/ProcessView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/ProcessView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "流程列表详情" },
},
{
path: `/HistoryView`,
component: () => import(/* webpackChunkName: "workbench" */ "@/views/workbench/commonly-used/company/HistoryView.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "流程历史查询" },
},
]; ];
export default workbenchRoutes; export default workbenchRoutes;
src/services/component-vue.service.ts
浏览文件 @ 460e46a9
...@@ -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:59:12 * @LastEditTime: 2022-07-22 18:12:35
* @FilePath: \mcep-h5\src\services\component-vue.service.ts * @FilePath: \mcep-h5\src\services\component-vue.service.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
*/ */
...@@ -30,9 +30,11 @@ import CardPottom from "@/components/common/CardPottom.vue"; ...@@ -30,9 +30,11 @@ import CardPottom from "@/components/common/CardPottom.vue";
import LittleCard from "@/components/common/LittleCard.vue"; import LittleCard from "@/components/common/LittleCard.vue";
import CardUnLogin from "@/components/common/CardUnLogin.vue"; import CardUnLogin from "@/components/common/CardUnLogin.vue";
import ProductDetail from "@/components/common/ProductDetail.vue"; import ProductDetail from "@/components/common/ProductDetail.vue";
import PicketAcced from "@/components/common/PicketAcced.vue";
import ProductCard from "@/components/common/ProductCard.vue"; import ProductCard from "@/components/common/ProductCard.vue";
ProductCard ProductCard
declare module "vue/types/vue" { declare module "vue/types/vue" {
interface Vue { interface Vue {
...@@ -106,6 +108,8 @@ class ComponentVueService { ...@@ -106,6 +108,8 @@ class ComponentVueService {
Vue.component("uncard-bar", CardUnLogin); Vue.component("uncard-bar", CardUnLogin);
Vue.component("product-detail", ProductDetail); Vue.component("product-detail", ProductDetail);
Vue.component("product-card", ProductCard); Vue.component("product-card", ProductCard);
Vue.component("picket-acced", PicketAcced);
} }
} }
const componentService = new ComponentVueService(); const componentService = new ComponentVueService();
......
src/views/MyView/MyPage.vue
浏览文件 @ 460e46a9
...@@ -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 13:48:42 * @LastEditTime: 2022-07-22 18:18:30
* @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
--> -->
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
</person-bar> </person-bar>
</div> </div>
<div> <div>
<card-bar class="card"></card-bar> <card-bar class="card"></card-bar>
<!-- <uncard-bar class="card"></uncard-bar> --> <!-- <uncard-bar class="card"></uncard-bar> -->
</div> </div>
<div class="prudect"> <div class="prudect">
<little-bar :litterParam="litterParam"></little-bar> <little-bar :litterParam="litterParam" @litterParamClick="litterParamClick"></little-bar>
</div> </div>
</div> </div>
...@@ -37,29 +37,31 @@ export default class MyPage extends Vue { ...@@ -37,29 +37,31 @@ export default class MyPage extends Vue {
created() { created() {
//判断登录登陆状态 //判断登录登陆状态
//this.loginFlag=localStorage.getItem("loginFlag") //this.loginFlag=localStorage.getItem("loginFlag")
if(this.loginFlag){ if (this.loginFlag) {
this.param = { this.param = {
name:"孙旭东", name: "孙旭东",
live:"二星级", live: "二星级",
grow:"531" grow: "531"
} }
}else{ } else {
this.param={ this.param = {
name:"登录/注册" name: "登录/注册"
} }
} }
} }
//列表信息 //列表信息
litterParam: any = [{ litterParam: any = [{
productname: "个人信息", productname: "个人信息",
//个人信息 //个人信息
img: "#icon-a-gerenxinxi16x16px" img: "#icon-a-gerenxinxi16x16px",
flag: "PersonLod"
}, },
{ {
productname: "我的贷款", productname: "我的贷款",
//图片信息 //图片信息
img: "#icon-a-wodedaikuan16x16px" img: "#icon-a-wodedaikuan16x16px",
flag: "Accommodation"
}, },
{ {
productname: "兑换记录", productname: "兑换记录",
...@@ -71,6 +73,22 @@ export default class MyPage extends Vue { ...@@ -71,6 +73,22 @@ export default class MyPage extends Vue {
//图片信息 //图片信息
img: "#icon-a-hezuoqiye16x16px" img: "#icon-a-hezuoqiye16x16px"
}] }]
//点击事件
litterParamClick(item: any) {
if (item.flag === "PersonLod") {
this.$router.push({
name: "PersonLod"
//参数
})
} else if (item.flag === "Accommodation") {
this.$router.push({
name: "Accommodation"
//参数
})
}
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
src/views/workbench/Accommodation.vue 0 → 100644
浏览文件 @ 460e46a9
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 19:24:30
* @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="未结清">
<picket-acced :productParam="productParam" class="acced"></picket-acced>
</van-tab>
<van-tab title="已结清">
<picket-acced :productParam="productParamlist" class="acced"></picket-acced>
</van-tab>
</van-tabs>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "Accommodation"
})
export default class Accommodation extends Vue {
tatleName = "我的贷款"
//未结清贷款计划
productParam = [{
productname: "'企业之星'流动之星贷款",
money: "30",
guarantee: "担保",
month: "12",
status :2,
time: "2022-02-18"
}, {
productname: "'企业之星'流动之星贷款",
money: "30",
guarantee: "担保",
month: "12",
status :2,
time: "2022-02-18"
}]
//已结清
productParamlist = [{
productname: "'llll'流动之星贷款",
money: "30",
guarantee: "担保",
status :3,
month: "12",
time: "2022-02-18"
}]
}
</script>
<style scoped lang="scss">
.body {
height: 100%;
width: 100%;
background-color: rgba(241, 241, 241, 1);
}
.acced {
width: 100%;
height: 20%;
}
</style>
src/views/workbench/PersonLod.vue 0 → 100644
浏览文件 @ 460e46a9
<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-07-22 16:58:52
* @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>
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<van-row type="flex" class="iconImg">
<van-col span="24">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-touxiang"></use>
</svg>
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="name" label="姓名" :border="true" placeholder="请输入姓名" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="IdCard" label="身份证号" :border="true" placeholder="请输入身份证号" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="phone" label="电话" :border="true" placeholder="请输入电话" />
</van-col>
</van-row>
<van-row type="flex">
<van-col span="24">
<van-field v-model="liveAdress" label="居住地址" :border="true" placeholder="请输入居住地址" />
</van-col>
</van-row>
<div style="margin: 16px;">
<van-button square block type="info" native-type="submit">修改</van-button>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "PersonLod"
})
export default class PersonLod extends Vue {
tatleName="个人信息"//个人信息
name: string = ""//姓名
IdCard: string = ""//身份证号
phone: string = ""//手机号
liveAdress: string = ""//居住地址
}
</script>
<style scoped lang="scss">
.iconImg{
text-align: center;
margin-top: 2%;
margin-bottom: 2%;
}
.icon {
width: 80px;
height: 80px;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或