huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

遗留bug修复

Browse Source
20240205
yujialong 6 months ago
parent a9aa216bee
commit b5a1982168
9 changed files with 4566 additions and 4809 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      src/App.vue
  2. 175
      src/components/case/index.vue
  3. 786
      src/pages/counter/list/index.vue
  4. 85
      src/pages/index/list/index.vue
  5. 187
      src/pages/manage/list/personal/callDeposits/accountClosed.vue
  6. 45
      src/pages/manage/navbar/index.vue
  7. 5
      src/store/modules/system.js

14
src/App.vue
Unescape View File

@ -1,8 +1,6 @@
<template> <template>
<div id="app"> <div id="app">
<select-business class="selectBusiness" <select-business class="selectBusiness" :showIt.sync="showIt" v-show="!showIt && showBusiness && !submited" />
:showIt.sync="showIt"
v-show="!showIt && showBusiness && !submited" />
<router-view></router-view> <router-view></router-view>
<vCase :showIt.sync="showIt"></vCase> <vCase :showIt.sync="showIt"></vCase>
<tip-dialog class="Z-9999" /> <tip-dialog class="Z-9999" />
@ -27,8 +25,6 @@ export default {
//在页面加载时读取localStorage里的状态信息 //在页面加载时读取localStorage里的状态信息
if (util.local.get(Setting.storeKey)) { if (util.local.get(Setting.storeKey)) {
this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey))) this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)))
this.$store.system.replaceState(Object.assign({}, sessionStorage.getItem('systemData')))
} }
//在页面刷新时将vuex里的信息保存到localStorage里 //在页面刷新时将vuex里的信息保存到localStorage里
@ -93,6 +89,7 @@ export default {
font-size: 16px; font-size: 16px;
min-width: $inner-width; min-width: $inner-width;
} }
.selectBusiness { .selectBusiness {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -102,7 +99,12 @@ export default {
.fade-leave-active { .fade-leave-active {
transition: opacity 0.5s; transition: opacity 0.5s;
} }
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
.fade-enter,
.fade-leave-to
/* .fade-leave-active below version 2.1.8 */
{
opacity: 0; opacity: 0;
} }

175
src/components/case/index.vue
Unescape View File

@ -5,25 +5,16 @@
<el-container v-show="showIt"> <el-container v-show="showIt">
<el-header> <el-header>
<div class="flex a-center j-between"> <div class="flex a-center j-between">
<div class="flex a-center" <div class="flex a-center" style="width: 28%">
style="width: 28%">
<p>实训项目</p> <p>实训项目</p>
<el-select v-model.trim="projectId" <el-select v-model.trim="projectId" placeholder="请选择" class="select" disabled @change="selectProject">
placeholder="请选择" <el-option v-for="item in topicList" :key="item.projectId" :label="item.projectName"
class="select"
disabled
@change="selectProject">
<el-option v-for="item in topicList"
:key="item.projectId"
:label="item.projectName"
:value="item.projectId"></el-option> :value="item.projectId"></el-option>
</el-select> </el-select>
</div> </div>
<div class="countDownBox"> <div class="countDownBox">
<div style="margin-left: -40px;"> <div style="margin-left: -40px;">
<div :sendSync="sendSync" <div :sendSync="sendSync" :autoStart="autoStart" :defaultVal="defaultVal">
:autoStart="autoStart"
:defaultVal="defaultVal">
实训{{ text }}时间 实训{{ text }}时间
<span class="timeSpan">{{ day }}</span>天 <span class="timeSpan">{{ day }}</span>天
<span class="timeSpan">{{ hour }}</span>小时 <span class="timeSpan">{{ hour }}</span>小时
@ -39,25 +30,20 @@
</div> </div>
</div> </div>
<div> <div>
<el-button @click="toReport" <el-button @click="toReport" v-if="popContainer">查看实验报告</el-button>
v-if="popContainer">查看实验报告</el-button> <el-button style="background: #202020;color: #d0d0d0;font-size:16px;" v-show="projectPermissions == 0"
<el-button style="background: #202020;color: #d0d0d0;font-size:16px;"
v-show="projectPermissions == 0"
@click="reload" @click="reload"
:disabled="popContainer && (assessmentId != '' && assessmentId != 'null' && assessmentId != null)"> :disabled="popContainer && (assessmentId != '' && assessmentId != 'null' && assessmentId != null)">
重新开始 重新开始
</el-button> </el-button>
<el-button class="submit-btn" <el-button class="submit-btn" style="margin-right:7px" @click="Submit()"
style="margin-right:7px"
@click="Submit()"
:disabled="popContainer || requires.length == 0">提交</el-button> :disabled="popContainer || requires.length == 0">提交</el-button>
</div> </div>
</div> </div>
</el-header> </el-header>
<el-container> <el-container>
<el-aside width="30%" <el-aside width="30%" class="flex flex-col">
class="flex flex-col">
<div class="aside-header"> <div class="aside-header">
<div class="header_h flex a-center"> <div class="header_h flex a-center">
<i class="el-icon-s-order"></i> <i class="el-icon-s-order"></i>
@ -65,9 +51,7 @@
</div> </div>
<div class="font_css"> <div class="font_css">
<div class="experimentalGoal"> <div class="experimentalGoal">
<div class="break-all" <div class="break-all" v-html="projectManage.experimentTarget" style="font-size: 0.875rem;">
v-html="projectManage.experimentTarget"
style="font-size: 0.875rem;">
</div> </div>
</div> </div>
</div> </div>
@ -81,37 +65,19 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-card shadow="hover"> <el-card shadow="hover">
<el-table :data="requires" <el-table :data="requires" height="43.5vh" v-loading="loading" ref='testTable'>
height="43.5vh"
v-loading="loading"
ref='testTable'>
<el-table-column type="index"></el-table-column> <el-table-column type="index"></el-table-column>
<el-table-column prop="name" <el-table-column prop="name" label="判分点" align="left">
label="判分点"
align="left">
</el-table-column> </el-table-column>
<el-table-column prop="score" <el-table-column prop="score" label="分值" width="60" align="center">
label="分值"
width="60"
align="center">
</el-table-column> </el-table-column>
<el-table-column prop="right" <el-table-column prop="right" label="完成结果" width="80" align="center">
label="完成结果"
width="80"
align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<i v-if="scope.row.right==true" <i v-if="scope.row.right == true" class="el-icon-check" style="color:green;"></i>
class="el-icon-check" <i v-else-if="scope.row.right == false" class="el-icon-close" style="color:red;"></i>
style="color:green;"></i>
<i v-else-if="scope.row.right==false"
class="el-icon-close"
style="color:red;"></i>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="scores" <el-table-column prop="scores" label="得分" width="60" align="center"></el-table-column>
label="得分"
width="60"
align="center"></el-table-column>
</el-table> </el-table>
</el-card> </el-card>
</el-col> </el-col>
@ -120,36 +86,24 @@
</div> </div>
</el-aside> </el-aside>
<el-main> <el-main>
<el-tabs v-model.trim="activeName" <el-tabs v-model.trim="activeName" type="card">
type="card"> <el-tab-pane label="案例" name="first">
<el-tab-pane label="案例" <div class="break-all" v-html="projectManage.experimentDescription"></div>
name="first">
<div class="break-all"
v-html="projectManage.experimentDescription"></div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="实验要求" <el-tab-pane label="实验要求" name="second">
name="second"> <el-collapse :value="activeNames" accordion>
<el-collapse :value="activeNames" <el-collapse-item v-for="(item, index) in requires" :key="index" :name="item.id">
accordion> <template slot="title" style='line-height: 0px;'>
<el-collapse-item v-for="(item,index) in requires"
:key="index"
:name="item.id">
<template slot="title"
style='line-height: 0px;'>
<i class='el-icon-s-ticket'></i> <i class='el-icon-s-ticket'></i>
<span style="margin: 0px 10px;font-size: 1rem;">{{ item.name }}</span> <span style="margin: 0px 10px;font-size: 1rem;">{{ item.name }}</span>
</template> </template>
<div class="break-all" <div class="break-all" v-html="item.experimentalRequirements"></div>
v-html="item.experimentalRequirements"></div>
</el-collapse-item> </el-collapse-item>
<!-- <p ref="scrollTag" style="font-size:16px;"></p> --> <!-- <p ref="scrollTag" style="font-size:16px;"></p> -->
</el-collapse> </el-collapse>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="实验提示" <el-tab-pane label="实验提示" name="fifth" v-if="hintOpen == 0">
name="fifth" <div class="break-all" v-html="projectManage.experimentHint"></div>
v-if="hintOpen == 0">
<div class="break-all"
v-html="projectManage.experimentHint"></div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</el-main> </el-main>
@ -157,32 +111,21 @@
</el-container> </el-container>
<!-- </transition> --> <!-- </transition> -->
<!-- </div> --> <!-- </div> -->
<div class="panel" <div class="panel" :class="{ active: showIt }">
:class="{active: showIt}">
<div @click="toggleCase"> <div @click="toggleCase">
<img src="../../assets/img/case/left.png" <img src="../../assets/img/case/left.png" alt v-if="showIt" />
alt <img src="../../assets/img/case/right.png" alt v-else />
v-if="showIt" />
<img src="../../assets/img/case/right.png"
alt
v-else />
</div> </div>
</div> </div>
<div class='popContainer' <div class='popContainer' v-if='popContainer'></div>
v-if='popContainer'></div>
<!-- 遮罩层 --> <!-- 遮罩层 -->
<div class="absolute z-50 h-screen bg-transparent inset-0" <div class="absolute z-50 h-screen bg-transparent inset-0" v-show="showIt"></div>
v-show="showIt"></div>
<el-dialog title="提示" <el-dialog title="提示" :visible.sync="closePaneJudge" width="30%" center>
:visible.sync="closePaneJudge"
width="30%"
center>
<h4 class="antialiased text-center text-2xl">请选择你将进行的操作</h4> <h4 class="antialiased text-center text-2xl">请选择你将进行的操作</h4>
<span slot="footer" <span slot="footer" class="dialog-footer">
class="dialog-footer">
<el-button @click="closePane()">再试一次</el-button> <el-button @click="closePane()">再试一次</el-button>
<!-- <el-button type="primary" @click="closePane(true)">其他业务</el-button> --> <!-- <el-button type="primary" @click="closePane(true)">其他业务</el-button> -->
</span> </span>
@ -1002,7 +945,8 @@ $togetherFontSize: 16px;
.popContainer { .popContainer {
position: absolute; position: absolute;
width: 100%; /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/ width: 100%;
/*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
height: 100%; height: 100%;
z-index: 1000; z-index: 1000;
top: 0; top: 0;
@ -1011,8 +955,10 @@ $togetherFontSize: 16px;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
/deep/.el-container { /deep/.el-container {
height: 80%; height: 80%;
&.is-vertical { &.is-vertical {
position: fixed; position: fixed;
top: 200px; top: 200px;
@ -1023,6 +969,7 @@ $togetherFontSize: 16px;
background-color: #f5f5f5; background-color: #f5f5f5;
z-index: 1001; z-index: 1001;
} }
.el-header { .el-header {
color: #333; color: #333;
padding: 0 12px 0 20px; padding: 0 12px 0 20px;
@ -1041,9 +988,11 @@ $togetherFontSize: 16px;
background: $main-color url(../../assets/img/case/btn.png) 0 0/100% 100% no-repeat; background: $main-color url(../../assets/img/case/btn.png) 0 0/100% 100% no-repeat;
} }
} }
.el-aside { .el-aside {
font-size: $togetherFontSize; font-size: $togetherFontSize;
color: #333; color: #333;
[class*=' el-icon-'], [class*=' el-icon-'],
[class^='el-icon-'] { [class^='el-icon-'] {
line-height: 40px; line-height: 40px;
@ -1051,6 +1000,7 @@ $togetherFontSize: 16px;
font-size: $togetherFontSize; font-size: $togetherFontSize;
} }
} }
.el-main { .el-main {
width: 60%; width: 60%;
background-color: #fff; background-color: #fff;
@ -1062,22 +1012,27 @@ $togetherFontSize: 16px;
background: #fff url(../../assets/img/case/bg.png) top right no-repeat; background: #fff url(../../assets/img/case/bg.png) top right no-repeat;
// overflow: visible; // overflow: visible;
} }
.aside-header { .aside-header {
margin: 0px 10px 10px 10px; margin: 0px 10px 10px 10px;
background-color: #fff; background-color: #fff;
font-size: 0.875rem; font-size: 0.875rem;
} }
.aside-footer { .aside-footer {
margin: 0px 10px 10px 10px; margin: 0px 10px 10px 10px;
background-color: #fff; background-color: #fff;
} }
.header_h { .header_h {
height: 40px; height: 40px;
background: url(../../assets/img/case/header.png) 0 0/100% 100% no-repeat; background: url(../../assets/img/case/header.png) 0 0/100% 100% no-repeat;
justify-content: center; justify-content: center;
i { i {
color: #fff; color: #fff;
} }
p { p {
line-height: 40px; line-height: 40px;
font-size: 16px; font-size: 16px;
@ -1085,21 +1040,27 @@ $togetherFontSize: 16px;
padding-left: 10px; padding-left: 10px;
} }
} }
.el-card { .el-card {
border: 0; border: 0;
border-radius: 0; border-radius: 0;
.el-card__body { .el-card__body {
padding: 0; padding: 0;
} }
} }
.select { .select {
flex: 1; flex: 1;
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #333; color: #333;
} }
.el-input__icon { .el-input__icon {
line-height: 60px; line-height: 60px;
} }
.el-select__caret:before { .el-select__caret:before {
content: '\e78f'; content: '\e78f';
font-size: 16px; font-size: 16px;
@ -1108,6 +1069,7 @@ $togetherFontSize: 16px;
border-radius: 50%; border-radius: 50%;
color: #ffffff; color: #ffffff;
} }
.el-input--suffix .el-input__inner { .el-input--suffix .el-input__inner {
color: #333; color: #333;
font-size: $togetherFontSize; font-size: $togetherFontSize;
@ -1119,6 +1081,7 @@ $togetherFontSize: 16px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.el-input { .el-input {
padding: 10px 0; padding: 10px 0;
} }
@ -1136,6 +1099,7 @@ $togetherFontSize: 16px;
margin: 0 10px; margin: 0 10px;
padding: 20px 0; padding: 20px 0;
} }
.timeSpan { .timeSpan {
color: #333333; color: #333333;
padding: 5px 15px; padding: 5px 15px;
@ -1145,6 +1109,7 @@ $togetherFontSize: 16px;
margin: 0 5px; margin: 0 5px;
text-align: center; text-align: center;
} }
.gradeSpan { .gradeSpan {
color: #878787; color: #878787;
padding: 10px; padding: 10px;
@ -1153,6 +1118,7 @@ $togetherFontSize: 16px;
border-radius: 6px; border-radius: 6px;
text-align: center; text-align: center;
} }
.el-header /deep/.el-button:hover, .el-header /deep/.el-button:hover,
.el-button:focus, .el-button:focus,
.el-button:active { .el-button:active {
@ -1162,16 +1128,20 @@ $togetherFontSize: 16px;
/deep/.el-table { /deep/.el-table {
font-size: 12px; font-size: 12px;
thead { thead {
color: #fff; color: #fff;
} }
.el-table__cell { .el-table__cell {
padding: 12px 0; padding: 12px 0;
} }
.cell { .cell {
font-weight: 100; font-weight: 100;
font-size: 12px; font-size: 12px;
} }
td, td,
th.is-leaf { th.is-leaf {
border-bottom: 0 !important; border-bottom: 0 !important;
@ -1182,47 +1152,58 @@ $togetherFontSize: 16px;
thead { thead {
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
th { th {
font-weight: 100; font-weight: 100;
} }
} }
th, th,
tr { tr {
background-color: #badfff; background-color: #badfff;
} }
} }
.el-table__row--striped { .el-table__row--striped {
td { td {
background-color: #badfff !important; background-color: #badfff !important;
} }
} }
/deep/ .el-collapse { /deep/ .el-collapse {
font-size: 0.875rem; font-size: 0.875rem;
} }
.el-collapse-item__content { .el-collapse-item__content {
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
font-size: $togetherFontSize; font-size: $togetherFontSize;
} }
.el-collapse-item__wrap { .el-collapse-item__wrap {
border-bottom: none; border-bottom: none;
} }
/deep/.el-collapse-item__header { /deep/.el-collapse-item__header {
font-size: 1rem; font-size: 1rem;
border-bottom: none; border-bottom: none;
} }
.el-tabs__content { .el-tabs__content {
margin: 0 20px; margin: 0 20px;
} }
.el-icon-s-ticket:before { .el-icon-s-ticket:before {
font-size: togetherFontSize; font-size: togetherFontSize;
//padding: 5px; //padding: 5px;
color: $main-color; color: $main-color;
} }
.el-collapse-item__arrow { .el-collapse-item__arrow {
margin: 0 5px 0 0; margin: 0 5px 0 0;
} }
.el-icon-arrow-right:before { .el-icon-arrow-right:before {
font-size: 12px; font-size: 12px;
font-size: $togetherFontSize; font-size: $togetherFontSize;
@ -1232,18 +1213,23 @@ $togetherFontSize: 16px;
border-radius: 50%; border-radius: 50%;
color: #ffffff; color: #ffffff;
} }
.el-tabs__item { .el-tabs__item {
font-size: 16px; font-size: 16px;
} }
.el-tabs--card>.el-tabs__header .el-tabs__nav { .el-tabs--card>.el-tabs__header .el-tabs__nav {
border: none; border: none;
} }
.el-tabs--card>.el-tabs__header .el-tabs__item { .el-tabs--card>.el-tabs__header .el-tabs__item {
border-left: none; border-left: none;
} }
.el-tabs--card>.el-tabs__header { .el-tabs--card>.el-tabs__header {
border-bottom: none; border-bottom: none;
} }
.el-collapse { .el-collapse {
border-bottom: none; border-bottom: none;
border-top: none; border-top: none;
@ -1251,32 +1237,39 @@ $togetherFontSize: 16px;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
} }
/deep/.el-collapse-item { /deep/.el-collapse-item {
font-size: $togetherFontSize; font-size: $togetherFontSize;
background-color: red; background-color: red;
color: red; color: red;
} }
.el-tabs__item.is-active { .el-tabs__item.is-active {
color: #fff; color: #fff;
background-color: $main-color; background-color: $main-color;
} }
.el-tabs__header { .el-tabs__header {
padding: 5px 20px; padding: 5px 20px;
} }
} }
.break-all { .break-all {
font-size: 16px; font-size: 16px;
word-break: break-all; word-break: break-all;
} }
.panel { .panel {
position: fixed; position: fixed;
z-index: 10010000; z-index: 10010000;
top: 50%; top: 50%;
&.active { &.active {
//z-index: 10; //z-index: 10;
left: 85%; left: 85%;
z-index: 1001; z-index: 1001;
} }
img { img {
height: 175px; height: 175px;
cursor: pointer; cursor: pointer;

786
src/pages/counter/list/index.vue
View File

File diff suppressed because it is too large Load Diff

85
src/pages/index/list/index.vue
Unescape View File

@ -1,63 +1,36 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<img class="sth bg" <img class="sth bg" src="@/assets/img/index-bg.png" alt="">
src="@/assets/img/index-bg.png" <div class="case" @click="setShowBusiness(true)">业务选择</div>
alt="">
<div class="case"
@click="setShowBusiness(true)">业务选择</div>
<!-- 业务选择 --弹框 --> <!-- 业务选择 --弹框 -->
<div class="sth integrated-counter cp"> <div class="sth integrated-counter cp">
<img width="100%" <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')">
v-lazy="lazy1"
alt=""
@click="toPart('/counter')">
<!-- src="@/assets/img/integrated-counter.png" --> <!-- src="@/assets/img/integrated-counter.png" -->
<div class="name" <div class="name" @click="toPart('/counter')">综合柜台</div>
@click="toPart('/counter')">综合柜台</div>
</div> </div>
<div class="sth international cp" <div class="sth international cp" @click="toPart('/counter', true)">
@click="toPart('/counter', true)">
<!-- <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')"> --> <!-- <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')"> -->
<img width="100%" <img width="100%" v-lazy="lazy2" alt="" @click="showComing" />
v-lazy="lazy2"
alt=""
@click="showComing" />
<!-- src="@/assets/img/integrated-counter.png" --> <!-- src="@/assets/img/integrated-counter.png" -->
<div class="name" <div class="name" @click="toPart('/counter', true)">信贷部</div>
@click="toPart('/counter', true)">信贷部</div>
</div> </div>
<!-- <img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing"> --> <!-- <img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing"> -->
<div class="sth manager cp" <div class="sth manager cp" @click="toPart('/lobbyManager')">
@click="toPart('/lobbyManager')"> <img width="100%" v-lazy="lazy3" alt="">
<img width="100%"
v-lazy="lazy3"
alt="">
<div class="name">大堂经理</div> <div class="name">大堂经理</div>
</div> </div>
<img class="sth credit-dep cp" <img class="sth credit-dep cp" v-lazy="lazy4" alt="" @click="showComing">
v-lazy="lazy4" <img class="sth company-finance cp" v-lazy="lazy5" alt="" @click="showComing">
alt="" <img class="sth personal-finance cp" v-lazy="lazy6" alt="" @click="showComing">
@click="showComing">
<img class="sth company-finance cp" <div class="coming" :class="{ active: comingVisible }">
v-lazy="lazy5"
alt=""
@click="showComing">
<img class="sth personal-finance cp"
v-lazy="lazy6"
alt=""
@click="showComing">
<div class="coming"
:class="{active: comingVisible}">
<div style="width: 20%;margin: auto"> <div style="width: 20%;margin: auto">
<img style="width: 100%" <img style="width: 100%" v-lazy="lazy7" alt="">
v-lazy="lazy7"
alt="">
</div> </div>
<p class="text">敬请期待</p> <p class="text">敬请期待</p>
</div> </div>
@ -87,8 +60,9 @@ export default {
}, },
created () { created () {
if (!sessionStorage.getItem('firstLoad2')) { if (!sessionStorage.getItem('firstLoad2')) {
sessionStorage.removeItem('submited') sessionStorage.clear()
sessionStorage.removeItem('businessKey') // sessionStorage.removeItem('submited')
// sessionStorage.removeItem('businessKey')
this.setBusinessKey('') this.setBusinessKey('')
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
@ -183,26 +157,32 @@ export default {
.wrap { .wrap {
position: relative; position: relative;
min-height: calc(100vh - 68px); min-height: calc(100vh - 68px);
.sth { .sth {
position: absolute; position: absolute;
&.cp { &.cp {
cursor: pointer; cursor: pointer;
} }
} }
.bg { .bg {
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.integrated-counter { .integrated-counter {
top: -14%; top: -14%;
left: 24%; left: 24%;
width: 43%; width: 43%;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
margin-top: -10px; margin-top: -10px;
} }
.name { .name {
position: absolute; position: absolute;
top: 23%; top: 23%;
@ -210,11 +190,13 @@ export default {
@include nameTip; @include nameTip;
} }
} }
.international { .international {
top: -9%; top: -9%;
left: 72%; left: 72%;
width: 28%; width: 28%;
transition: all 0.5s; transition: all 0.5s;
// &:hover{ // &:hover{
// margin-top: -10px; // margin-top: -10px;
// } // }
@ -231,14 +213,17 @@ export default {
@include nameTip; @include nameTip;
} }
} }
.manager { .manager {
bottom: 0; bottom: 0;
left: 57%; left: 57%;
width: 39%; width: 39%;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
bottom: 10px; bottom: 10px;
} }
.name { .name {
position: absolute; position: absolute;
top: 65%; top: 65%;
@ -246,6 +231,7 @@ export default {
@include nameTip; @include nameTip;
} }
} }
.credit-dep { .credit-dep {
top: 31%; top: 31%;
left: 0; left: 0;
@ -255,6 +241,7 @@ export default {
// top: 29%; // top: 29%;
// } // }
} }
.company-finance { .company-finance {
top: 52%; top: 52%;
left: 9%; left: 9%;
@ -264,6 +251,7 @@ export default {
// top: 50%; // top: 50%;
// } // }
} }
.personal-finance { .personal-finance {
bottom: 0; bottom: 0;
left: 25%; left: 25%;
@ -273,6 +261,7 @@ export default {
// bottom: 10px; // bottom: 10px;
// } // }
} }
.case { .case {
position: absolute; position: absolute;
top: 92px; top: 92px;
@ -290,26 +279,32 @@ export default {
// top: 76px; // top: 76px;
// } // }
} }
@media (max-width: 1440px) { @media (max-width: 1440px) {
.credit-dep { .credit-dep {
top: 32%; top: 32%;
} }
.company-finance { .company-finance {
top: 53%; top: 53%;
} }
.personal-finance { .personal-finance {
top: 72%; top: 72%;
} }
.integrated-counter { .integrated-counter {
width: 44%; width: 44%;
} }
} }
@media (max-width: 1300px) { @media (max-width: 1300px) {
& { & {
min-height: calc(100vh - 76px); min-height: calc(100vh - 76px);
} }
} }
} }
.coming { .coming {
position: fixed; position: fixed;
top: -200%; top: -200%;
@ -321,9 +316,11 @@ export default {
border-radius: 16px; border-radius: 16px;
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
transition: all 0.3s; transition: all 0.3s;
&.active { &.active {
top: 50%; top: 50%;
} }
.text { .text {
margin-top: 24px; margin-top: 24px;
font-size: 22px; font-size: 22px;

187
src/pages/manage/list/personal/callDeposits/accountClosed.vue
Unescape View File

@ -1,190 +1,108 @@
// 销户 // 销户
<template> <template>
<div class="body"> <div class="body">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form ref="form" <el-col :span="10" :offset="1">
:model="form" <el-form-item label="凭证号码" required="">
label-width="120px"
:rules="rules">
<el-col :span="10"
:offset="1">
<el-form-item label="凭证号码"
required="">
<!-- <div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')"> <!-- <div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> --> </div> -->
<el-input @blur="getDataBlur" <el-input @blur="getDataBlur" ref="voucherNumber" :value="form.voucherNumber"
ref="voucherNumber"
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="客户号" <el-form-item label="客户号" prop="customerNumber">
prop="customerNumber"> <el-input v-model.trim="form.customerNumber" disabled></el-input>
<el-input v-model.trim="form.customerNumber"
disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" <el-form-item label="币种" prop="currency">
prop="currency"> <el-select v-model.trim="form.currency" disabled placeholder="请选择" ref="currency">
<el-select v-model.trim="form.currency" <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
disabled
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="通知类型" <el-form-item label="通知类型" prop="noticeType">
prop="noticeType"> <el-select v-model.trim="form.noticeType" disabled placeholder="请选择" ref="noticeType">
<el-select v-model.trim="form.noticeType" <el-option label="1天" :value="95"> </el-option>
disabled <el-option label="7天" :value="96"> </el-option>
placeholder="请选择"
ref="noticeType">
<el-option label="1天"
:value="95"> </el-option>
<el-option label="7天"
:value="96"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="起息日期" <el-form-item label="起息日期" prop="breathDate">
prop="breathDate"> <el-input autocomplete="off" v-model.trim="form.breathDate"></el-input>
<el-input autocomplete="off"
v-model.trim="form.breathDate"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="利息" <el-form-item label="利息" prop="interest">
prop="interest"> <el-input :value="form.interest" disabled @input="val => ismoney(val, form, 'interest')"
<el-input :value="form.interest"
disabled
@input="val => ismoney(val, form, 'interest')"
ref="interest"></el-input> ref="interest"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取类别" <el-form-item label="支取类别" prop="drawWayType">
prop="drawWayType"> <el-select v-model.trim="form.drawWayType" disabled placeholder="请选择" ref="drawWayType">
<el-select v-model.trim="form.drawWayType" <el-option label="现金" :value="133"> </el-option>
disabled
placeholder="请选择"
ref="drawWayType">
<el-option label="现金"
:value="133"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="证件类型" <el-form-item label="证件类型" prop="certificateType">
prop="certificateType"> <el-select v-model.trim="form.certificateType" disabled placeholder="请选择" ref="certificateType">
<el-select v-model.trim="form.certificateType" <el-option label="身份证" :value="83"> </el-option>
disabled
placeholder="请选择"
ref="certificateType">
<el-option label="身份证"
:value="83"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp3('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp3('密码器')">
@click="popUp3('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="凭证类型" prop="voucherType">
<el-form-item label="凭证类型" <el-select v-model.trim="form.voucherType" disabled placeholder="请选择" ref="voucherType">
prop="voucherType"> <el-option label="存单" :value="123"> </el-option>
<el-select v-model.trim="form.voucherType"
disabled
placeholder="请选择"
ref="voucherType">
<el-option label="存单"
:value="123"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" <el-form-item label="客户姓名" prop="clientName">
prop="clientName"> <el-input :value="form.clientName" disabled @input="(val) => checkName(val, form, 'clientName')"
<el-input :value="form.clientName"
disabled
@input="(val) => checkName(val, form, 'clientName')"
ref="clientName"></el-input> ref="clientName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" <el-form-item label="钞汇标识" prop="goldLogo">
prop="goldLogo"> <el-select v-model.trim="form.goldLogo" disabled placeholder="请选择" ref="goldLogo">
<el-select v-model.trim="form.goldLogo" <el-option v-for="item in getSelectList.goldLogo" :label="item.options" :value="item.itemId"
disabled
placeholder="请选择"
ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogo"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="定存编号" <el-form-item label="定存编号" prop="depositNumber">
prop="depositNumber"> <el-input disabled v-model.trim="form.depositNumber"></el-input>
<el-input disabled
v-model.trim="form.depositNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="本金" <el-form-item label="本金" prop="capital">
prop="capital"> <el-input :value="form.capital" disabled @input="val => ismoney(val, form, 'capital')"
<el-input :value="form.capital"
disabled
@input="val => ismoney(val, form, 'capital')"
ref="capital"></el-input> ref="capital"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="总金额" <el-form-item label="总金额" prop="totalMoney">
prop="totalMoney"> <el-input :value="form.totalMoney" disabled @input="val => ismoney(val, form, 'totalMoney')"
<el-input :value="form.totalMoney"
disabled
@input="val => ismoney(val, form, 'totalMoney')"
ref="totalMoney"></el-input> ref="totalMoney"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取金额" <el-form-item label="支取金额" prop="payMoney">
prop="payMoney"> <el-input :value="form.payMoney" disabled @input="val => ismoney(val, form, 'payMoney')"
<el-input :value="form.payMoney"
disabled
@input="val => ismoney(val, form, 'payMoney')"
ref="payMoney"></el-input> ref="payMoney"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="证件号码" <el-form-item label="证件号码" required>
required> <div class="idCard" @click="popUp2('身份证扫描仪')" v-if='!idNumberJudge'>
<div class="idCard"
@click="popUp2('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
<div v-else> <div v-else>
<el-input :value="form.idNumber" <el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
disabled
ref="idNumber"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
class="submitBtn" @submitIt="submitForm2" depositNumber='0812' />
v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
depositNumber='0812' />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
@ -563,5 +481,4 @@ export default {
// bottom: 10px; // bottom: 10px;
// left: 50%; // left: 50%;
// transform: translate(-50%,0); // transform: translate(-50%,0);
// } // }</style>
</style>

45
src/pages/manage/navbar/index.vue
Unescape View File

@ -1,44 +1,29 @@
<template> <template>
<!-- 商业银行系统菜单文件 --> <!-- 商业银行系统菜单文件 -->
<el-menu class="sidebar-el-menu" <el-menu class="sidebar-el-menu" :default-active="onRoutes" @select="select" router background-color="#313540"
:default-active="onRoutes" text-color="#fff" active-text-color="#ffd04b" unique-opened>
@select="select"
router
background-color="#313540"
text-color="#fff"
active-text-color="#ffd04b"
unique-opened>
<template v-for="(item, index) in menus"> <template v-for="(item, index) in menus">
<template v-if="item.children"> <template v-if="item.children">
<el-submenu :index="item.index" <el-submenu :index="item.index" :key="item.index">
:key="item.index">
<template slot="title"> <template slot="title">
<el-image style="width: 22px; height: 22px; margin-right: 10px;" <el-image style="width: 22px; height: 22px; margin-right: 10px;" class="align-middle"
class="align-middle"
:src="item.logo"></el-image> :src="item.logo"></el-image>
<span slot="title">{{ item.title }}</span> <span slot="title">{{ item.title }}</span>
</template> </template>
<template v-for="(subItem, index) in item.children"> <template v-for="(subItem, index) in item.children">
<el-submenu v-if="subItem.children" <el-submenu v-if="subItem.children" :index="subItem.index" :key="subItem.index">
:index="subItem.index"
:key="subItem.index">
<template slot="title">{{ subItem.title }}</template> <template slot="title">{{ subItem.title }}</template>
<el-menu-item v-for="(threeItem,i) in subItem.children" <el-menu-item v-for="(threeItem, i) in subItem.children" :key="i" :index="threeItem.index">{{
:key="i" threeItem.title
:index="threeItem.index">{{ threeItem.title }}</el-menu-item> }}</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item v-else <el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }}</el-menu-item>
:index="subItem.index"
:key="subItem.index">{{ subItem.title }}</el-menu-item>
</template> </template>
</el-submenu> </el-submenu>
</template> </template>
<template v-else> <template v-else>
<el-menu-item :index="item.index" <el-menu-item :index="item.index" :key="item.index">
:key="item.index"> <el-image v-if="item.logo" style="width: 22px; height: 22px; margin: 0 10px 0 26px;" class="align-middle"
<el-image v-if="item.logo"
style="width: 22px; height: 22px; margin: 0 10px 0 26px;"
class="align-middle"
:src="item.logo"></el-image> :src="item.logo"></el-image>
<span slot="title">{{ item.title }}</span> <span slot="title">{{ item.title }}</span>
</el-menu-item> </el-menu-item>
@ -367,17 +352,21 @@ export default {
.sidebar::-webkit-scrollbar { .sidebar::-webkit-scrollbar {
width: 0; width: 0;
} }
.sidebar-el-menu:not(.el-menu--collapse) { .sidebar-el-menu:not(.el-menu--collapse) {
width: 100%; width: 100%;
border: 0; border: 0;
border-bottom-left-radius: 20px; border-bottom-left-radius: 20px;
} }
.sidebar>ul { .sidebar>ul {
height: 100%; height: 100%;
} }
/deep/.el-menu { /deep/.el-menu {
border: 0; border: 0;
} }
// 改变menu的字体大小 // 改变menu的字体大小
/deep/ .el-submenu__title span { /deep/ .el-submenu__title span {
font-size: 18px; font-size: 18px;
@ -386,7 +375,7 @@ export default {
/deep/.el-menu-item { /deep/.el-menu-item {
font-size: 18px !important; font-size: 18px !important;
} }
// .myOver { // .myOver {
// overflow: hidden; // overflow: hidden;
// } // }</style>
</style>

5
src/store/modules/system.js
Unescape View File

@ -2841,6 +2841,8 @@ export default {
stampSuccess = '454' stampSuccess = '454'
} else if (id === 411) { } else if (id === 411) {
judgeDelete = false judgeDelete = false
} else if (id === 469 || id === 470 || id === 471) {
stampSuccess = id
} }
} }
} else if (sealArr.length === 2) { } else if (sealArr.length === 2) {
@ -2904,6 +2906,7 @@ export default {
} }
const formList = JSON.parse(sessionStorage.getItem('stampList')) const formList = JSON.parse(sessionStorage.getItem('stampList'))
const findIt = formList.findIndex(item => item.answerId === stampSuccess) const findIt = formList.findIndex(item => item.answerId === stampSuccess)
debugger
if (findIt === -1) { if (findIt === -1) {
formList.push({ "answerId": stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8," + stampSuccess, "type": "" }) formList.push({ "answerId": stampSuccess, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + state.businessSelect[state.businessKey].id + ",287,8," + stampSuccess, "type": "" })
sessionStorage.setItem('stampList', JSON.stringify(formList)) sessionStorage.setItem('stampList', JSON.stringify(formList))
@ -2922,7 +2925,7 @@ export default {
projectId: +projectId, projectId: +projectId,
startTime: startTime, startTime: startTime,
} }
debugger
addOperation(params).then((data) => { addOperation(params).then((data) => {
// 给存款凭证盖收讫章 要特殊处理：盖完后去掉存款凭证，然后显示盖了章的存款凭条凭证联和存款凭条回单 // 给存款凭证盖收讫章 要特殊处理：盖完后去掉存款凭证，然后显示盖了章的存款凭条凭证联和存款凭条回单
if (sealArr[0] === '收讫章' && id === 17) { if (sealArr[0] === '收讫章' && id === 17) {

Write Preview
Loading…
Cancel
Save