Merge branch 'master' of ssh://git.czcyedu.com:222/huoran/FE_bankTeaching

20240205
yujialong 3 years ago
commit 008f9cf9d1
  1. 7
      src/App.vue
  2. 259
      src/components/dialog/index.vue
  3. 2
      src/components/dialog2/index.vue
  4. 6
      src/components/needBefore/index.vue
  5. 98
      src/components/tipDialog/index.vue
  6. 197
      src/pages/counter/list/index.vue
  7. 85
      src/pages/index/list/index.vue
  8. 163
      src/pages/lobbyManager/list/index.vue
  9. 17
      src/pages/manage/list/client/consumerClient.vue
  10. 11
      src/utils/utilFunction.js

@ -3,7 +3,7 @@
<select-business class="selectBusiness" :showIt.sync="showIt" v-show="!showIt && showBusiness" /> <select-business class="selectBusiness" :showIt.sync="showIt" v-show="!showIt && showBusiness" />
<router-view></router-view> <router-view></router-view>
<vCase :showIt.sync="showIt"></vCase> <vCase :showIt.sync="showIt"></vCase>
<tip-dialog /> <tip-dialog class="Z-9999" />
</div> </div>
</template> </template>
<script> <script>
@ -93,4 +93,9 @@
.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;
} }
.Z-9999 {
position: absolute;
z-index: 9999;
}
</style> </style>

@ -1,59 +1,133 @@
<template> <template>
<!-- width="55%" --> <!-- width="55%" -->
<!-- class="2xl:w-screen xl:w-screen lg:w-full md:w-full h-auto 2xl:left-72" --> <!-- class="2xl:w-screen xl:w-screen lg:w-full md:w-full h-auto 2xl:left-72" -->
<el-dialog <el-dialog
style="margin-top:0vh"
:visible="visible" :visible="visible"
class="2xl:w-9/12 xl:w-screen lg:w-full md:w-full h-auto mx-auto"
append-to-body append-to-body
class="apple"
:close-on-click-modal="true" :close-on-click-modal="true"
:show-close="false" :show-close="false"
custom-class="data-dia"> custom-class="2xl:w-3/5 xl:w-4/5 lg:w-full bg-transparent"
<div slot="title" class="dia-header">
<div class="data-title" v-if="flow === 1 || flow === 2">提交</div> >
<div class="data-title" v-else>提交成功</div> <div class=" data-dia23 mx-auto rounded-3xl w-1/2" :class="{ ['w-full']: flow === 3 }">
</div> <!-- 2xl:w-3/5 xl:w-4/5 lg:w-full -->
<div class="popBody" v-if="flow === 1"> <div slot="title" class="dia-header rounded-3xl">
<h2 class="text-red-500 text-2xl">本业务需要授权</h2> <div class="data-title" v-if="flow === 1 || flow === 2">提示</div>
</div> <div class="data-title" v-else-if="flow === 4">提交</div>
<div class="popBody" v-else-if="flow === 4"> <div class="data-title" v-else>提交成功</div>
<h2 class="text-red-500 text-2xl">提交后将不可更改您确认提交吗</h2> </div>
</div> <div class="popBody" v-if="flow === 1">
<div class="popBody" v-else-if="flow === 2"> <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
<el-form ref="form2" :model="disForm" label-width="80px"> </div>
<div class="popBody" v-else-if="flow === 4">
<h2 class="text-red-500 text-2xl">提交后将不可更改您确定要提交吗</h2>
</div>
<div class="popBody" v-else-if="flow === 2">
<el-form ref="form2" :model="disForm" label-width="150px" >
<el-form-item label="授权柜员">
<el-input disabled v-model="disForm.name"></el-input>
</el-form-item>
<el-form-item label="授权柜员"> <el-form-item label="授权柜员">
<el-input disabled v-model="disForm.name"></el-input> <el-input type="password" disabled v-model="disForm.pass"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="授权柜员"> </el-form>
<el-input type="password" disabled v-model="disForm.pass"></el-input> </div>
</el-form-item> <div class="popBody w-full" v-else>
</el-form> <el-row :gutter="20">
</div> <el-form label-width="100px">
<div class="popBody" v-else> <el-col :span="12">
<el-row :gutter="20"> <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
<el-form label-width="100px"> <div>{{ val }}</div>
<el-col :span="10" :offset="1"> </el-form-item>
<el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'"> </el-col>
<div>{{ val }}</div> <el-col :span="12">
<el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
<div>{{ val }}</div>
</el-form-item>
</el-col>
</el-form>
</el-row>
</div>
<div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
<el-button class="close btn hover:bg-blue-100 " @click="cancelIt"> </el-button>
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button>
</div>
<div class="myPopBtns" v-else>
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button>
</div>
</div>
<!-- <div width="900px" class="data-dia23 max-h-screen 2xl:-mt-20;" ref="dataDia" v-drag>
<div class="dia-header">
<div class="data-title" v-if="flow === 1 || flow === 2">授权</div>
<div class="data-title" v-else>提交成功</div>
</div>
<div class="popBody w-full" v-if="flow === 1">
<h2 class="text-red-500 text-2xl">本业务需要授权</h2>
</div>
<div class="popBody" v-else-if="flow === 4">
<h2 class="text-red-500 text-2xl">提交后将不可更改您确认提交吗</h2>
</div>
<div class="popBody" v-else-if="flow === 2">
<el-form ref="form2" :model="disForm" label-width="80px">
<el-form-item label="授权柜员">
<el-input disabled v-model="disForm.name"></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item label="授权柜员">
<el-col :span="10" :offset="1"> <el-input type="password" disabled v-model="disForm.pass"></el-input>
<el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
<div>{{ val }}</div>
</el-form-item> </el-form-item>
</el-col> </el-form>
</el-form> </div>
</el-row> <div class="popBody w-full" v-else>
</div> <el-row :gutter="20">
<div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4"> <el-form label-width="100px">
<el-button class="close btn hover:bg-blue-100 " @click="cancelIt"> </el-button> <el-col :span="10" :offset="1">
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button> <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
</div> <div>{{ val }}</div>
<div class="myPopBtns" v-else> </el-form-item>
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button> </el-col>
</div> <el-col :span="10" :offset="1">
<el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
<div>{{ val }}</div>
</el-form-item>
</el-col>
</el-form>
</el-row>
</div>
<div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
<el-button class="close btn hover:bg-blue-100 " @click="cancelIt"> </el-button>
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button>
</div>
<div class="myPopBtns" v-else>
<el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt"> </el-button>
</div>
</div> -->
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
@ -293,7 +367,6 @@ export default {
} }
return str; return str;
} }
console.log(num)
if(num%2 === 1) { if(num%2 === 1) {
this.leftObj['流水号'] = tmpFunc2() this.leftObj['流水号'] = tmpFunc2()
this.leftObj['经办机构'] = '国税支行营业部' this.leftObj['经办机构'] = '国税支行营业部'
@ -370,19 +443,96 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/.el-dialog {
-webkit-box-shadow:0;
box-shadow: 0 0 0 0!important;
border: 0!important;
}
/deep/.el-form-item {
label {
font-family: PingFangSC-Regular;
font-size: 18px;
color: #000000;
letter-spacing: 0.21px;
font-weight: 400;
}
.el-form-item__content{
font-family: PingFangSC-Semibold;
font-size: 20px;
color: #000000;
letter-spacing: 0.24px;
font-weight: 600;
}
}
.test {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 9899999;
}
.masking{
width: 100vw;
height: 100vh;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: .5;
background-color: rgba(51,51,51,.9);
}
.data-dia23{
// position: absolute;
background-color: white;
z-index: 9999;
.popBody {
// width: 100%;
min-height: 30vh;
padding-top: 50px;
padding-bottom: 20px;
display: flex;
align-items: center;
/deep/ .el-form {
height: 100%;
}
}
.dia-header{
height: 100%;
// position: relative;
.data-title{
width: 300px;
margin: 0 auto;
line-height: 72px;
text-align: center;
color: #fff;
font-size: 24px;
background: url(../../assets/img/dia-title.png) 0 0/cover no-repeat;
}
}
}
/deep/ .el-row { /deep/ .el-row {
width: 100%; width: 100%;
padding: 0 50px;
} }
/deep/.popbody { // /deep/.popbody {
width: 100vw!important; // width: 100vw!important;
} // height: 100%!important;
// background-color: red!important;;
// }
.popBtns { .popBtns {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px;
& > .btn { & > .btn {
width: 180px; width: 180px;
border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
@ -391,16 +541,23 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px;
& > .btn { & > .btn {
width: 180px; width: 180px;
border-radius: 10px; font-size: 18px;
font-size: 18px;
} }
} }
// /deep/.el-dialog__header, /deep/.el-dialog__body {
// padding: 0;
// border-radius: 16px;
// }
// /deep/.el-dialog { // /deep/.el-dialog {
// position: absolute; // position: absolute;
// left: 50%; // left: 50%;
// transform: translateX(-25%); // transform: translateX(-25%);
// } // }
</style> </style>

@ -6,7 +6,7 @@
append-to-body append-to-body
:close-on-click-modal="true" :close-on-click-modal="true"
:show-close="false" :show-close="false"
custom-class="data-dia"> custom-class="data-dia ">
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title" v-if="flow === 1 || flow === 2">提交</div> <div class="data-title" v-if="flow === 1 || flow === 2">提交</div>
<div class="data-title" v-else>提交成功</div> <div class="data-title" v-else>提交成功</div>

@ -50,7 +50,7 @@ export default {
}else { }else {
this.$message({ this.$message({
message: '请先完成' + obj[this.moduleName], message: '请先完成' + obj[this.moduleName],
type: 'info' type: 'warning'
}); });
} }
@ -60,13 +60,13 @@ export default {
// this.$router.push(obj[this.moduleName]) // this.$router.push(obj[this.moduleName])
this.$message({ this.$message({
message: '请先完成' + obj[this.moduleName], message: '请先完成' + obj[this.moduleName],
type: 'info' type: 'warning'
}); });
}, },
goto2() { goto2() {
this.$message({ this.$message({
message: '您无需完成该操作!', message: '您无需完成该操作!',
type: 'info' type: 'warning'
}); });
}, },
}, },

@ -1,5 +1,5 @@
<template> <template>
<el-dialog :visible="tipsOperate? true: false" width="400px" :close-on-click-modal="false" :modal="false" :close-on-press-escape="false" :show-close="false" custom-class=" data-dia"> <!-- <el-dialog :visible="tipsOperate? true: false" width="400px" :close-on-click-modal="false" :modal="false" :close-on-press-escape="false" :show-close="false" custom-class=" data-dia">
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title">小提示</div> <div class="data-title">小提示</div>
<img class="close" src="@/assets/svg/close.svg" alt="" @click="hide"> <img class="close" src="@/assets/svg/close.svg" alt="" @click="hide">
@ -12,11 +12,20 @@
<svg t="1646104114458" v-else-if="showText.includes('密码')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="200" height="200"><path d="M815.712 226.56c-50.24-54.784-125.6-82.208-200.96-73.088-93.632 11.424-171.264 82.208-191.808 175.84-6.848 36.544-6.848 73.088 2.272 107.328L151.2 710.656c-4.576 4.576-6.848 9.12-6.848 16V856.8c0 13.696 9.12 22.848 22.848 22.848h130.144c13.696 0 22.848-9.12 22.848-22.848v-54.784h57.088c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.816c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.784c13.696 0 22.848-9.12 22.848-22.848 0-16 13.696-29.696 29.696-25.12 27.392 9.12 57.088 9.12 86.784 6.848 107.328-11.424 191.808-98.208 200.96-203.232 6.848-66.24-13.696-127.904-57.088-175.84z m11.424 171.264c-6.848 84.48-75.36 152.992-159.84 162.112-25.12 4.576-47.968 2.272-70.784-4.576-6.848-2.272-11.424-2.272-18.272-2.272-29.696 0-57.088 20.544-66.208 47.968h-59.36c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-84.48v-98.176l278.592-278.592c4.576-4.576 6.848-13.696 4.576-22.848-9.12-29.696-11.424-63.936-4.576-95.904 16-73.088 77.632-132.448 152.992-141.568 59.36-6.848 118.752 16 159.84 59.36 34.24 38.816 50.208 89.056 45.664 141.568zM646.72 263.104c-63.936 0-114.176 50.24-114.176 114.176s50.24 114.176 114.176 114.176 114.176-50.24 114.176-114.176-50.24-114.176-114.176-114.176z m0 182.656c-38.816 0-68.512-29.696-68.512-68.512s29.696-68.512 68.512-68.512 68.512 29.696 68.512 68.512-29.696 68.512-68.512 68.512z" p-id="7045"></path></svg> <svg t="1646104114458" v-else-if="showText.includes('密码')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="200" height="200"><path d="M815.712 226.56c-50.24-54.784-125.6-82.208-200.96-73.088-93.632 11.424-171.264 82.208-191.808 175.84-6.848 36.544-6.848 73.088 2.272 107.328L151.2 710.656c-4.576 4.576-6.848 9.12-6.848 16V856.8c0 13.696 9.12 22.848 22.848 22.848h130.144c13.696 0 22.848-9.12 22.848-22.848v-54.784h57.088c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.816c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.784c13.696 0 22.848-9.12 22.848-22.848 0-16 13.696-29.696 29.696-25.12 27.392 9.12 57.088 9.12 86.784 6.848 107.328-11.424 191.808-98.208 200.96-203.232 6.848-66.24-13.696-127.904-57.088-175.84z m11.424 171.264c-6.848 84.48-75.36 152.992-159.84 162.112-25.12 4.576-47.968 2.272-70.784-4.576-6.848-2.272-11.424-2.272-18.272-2.272-29.696 0-57.088 20.544-66.208 47.968h-59.36c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-84.48v-98.176l278.592-278.592c4.576-4.576 6.848-13.696 4.576-22.848-9.12-29.696-11.424-63.936-4.576-95.904 16-73.088 77.632-132.448 152.992-141.568 59.36-6.848 118.752 16 159.84 59.36 34.24 38.816 50.208 89.056 45.664 141.568zM646.72 263.104c-63.936 0-114.176 50.24-114.176 114.176s50.24 114.176 114.176 114.176 114.176-50.24 114.176-114.176-50.24-114.176-114.176-114.176z m0 182.656c-38.816 0-68.512-29.696-68.512-68.512s29.696-68.512 68.512-68.512 68.512 29.696 68.512 68.512-29.696 68.512-68.512 68.512z" p-id="7045"></path></svg>
<svg t="1646105052843" v-else-if="showText.includes('盖章')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10246" width="200" height="200"><path d="M859.6 859.6H164.4c-15.9 0-29-13-29-29V685.8c0-47.8 39.1-86.9 86.9-86.9h185.4c-5.8-34.8-23.2-68.1-47.8-97-33.3-37.7-50.7-85.5-50.7-134.7 0-55 21.7-107.2 62.3-146.3S464.2 163 520.7 164.4C625 168.7 713.3 258.5 714.8 362.8c1.4 52.1-18.8 102.8-53.6 141.9-24.6 26.1-39.1 57.9-44.9 94.2h185.4c47.8 0 86.9 39.1 86.9 86.9v144.8c0 16-13 29-29 29z m-666.3-57.9h637.3V685.8c0-15.9-13-29-29-29H584.4c-15.9 0-29-13-29-29 0-60.8 21.7-118.8 62.3-162.2 26.1-27.5 39.1-63.7 39.1-101.4C655.4 288.9 593.1 225.1 517.7 222.3c-40.6-1.4-78.2 13-105.7 40.6-29 27.5-44.9 65.2-44.9 104.3 0 34.8 13 69.5 36.2 95.6 42 47.8 65.2 105.7 65.2 165.1 0 15.9-13 29-29 29H222.3c-15.9 0-29 13-29 29v115.8z" p-id="10247"></path></svg> <svg t="1646105052843" v-else-if="showText.includes('盖章')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10246" width="200" height="200"><path d="M859.6 859.6H164.4c-15.9 0-29-13-29-29V685.8c0-47.8 39.1-86.9 86.9-86.9h185.4c-5.8-34.8-23.2-68.1-47.8-97-33.3-37.7-50.7-85.5-50.7-134.7 0-55 21.7-107.2 62.3-146.3S464.2 163 520.7 164.4C625 168.7 713.3 258.5 714.8 362.8c1.4 52.1-18.8 102.8-53.6 141.9-24.6 26.1-39.1 57.9-44.9 94.2h185.4c47.8 0 86.9 39.1 86.9 86.9v144.8c0 16-13 29-29 29z m-666.3-57.9h637.3V685.8c0-15.9-13-29-29-29H584.4c-15.9 0-29-13-29-29 0-60.8 21.7-118.8 62.3-162.2 26.1-27.5 39.1-63.7 39.1-101.4C655.4 288.9 593.1 225.1 517.7 222.3c-40.6-1.4-78.2 13-105.7 40.6-29 27.5-44.9 65.2-44.9 104.3 0 34.8 13 69.5 36.2 95.6 42 47.8 65.2 105.7 65.2 165.1 0 15.9-13 29-29 29H222.3c-15.9 0-29 13-29 29v115.8z" p-id="10247"></path></svg>
<svg t="1646122277509" v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3421" width="200" height="200"><path d="M512 958.016611c-245.919634 0-446.016611-200.064292-446.016611-446.016611 0-245.919634 200.095256-446.016611 446.016611-446.016611 245.952318 0 446.016611 200.064292 446.016611 446.016611S757.952318 958.016611 512 958.016611zM512 129.983389c-210.655557 0-382.016611 171.359333-382.016611 382.016611 0 210.624593 171.359333 382.016611 382.016611 382.016611 210.624593 0 382.016611-171.359333 382.016611-382.016611S722.624593 129.983389 512 129.983389z" p-id="3422"></path><path d="M463.99957 304.00043c0 26.509985 21.490445 48.00043 48.00043 48.00043s48.00043-21.490445 48.00043-48.00043-21.490445-48.00043-48.00043-48.00043S463.99957 277.490445 463.99957 304.00043z" p-id="3423"></path><path d="M512 768c-17.664722 0-32.00086-14.303454-32.00086-32.00086L479.99914 448c0-17.664722 14.336138-32.00086 32.00086-32.00086s32.00086 14.336138 32.00086 32.00086l0 287.99914C544.00086 753.696546 529.664722 768 512 768z" p-id="3424"></path></svg> <svg t="1646122277509" v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3421" width="200" height="200"><path d="M512 958.016611c-245.919634 0-446.016611-200.064292-446.016611-446.016611 0-245.919634 200.095256-446.016611 446.016611-446.016611 245.952318 0 446.016611 200.064292 446.016611 446.016611S757.952318 958.016611 512 958.016611zM512 129.983389c-210.655557 0-382.016611 171.359333-382.016611 382.016611 0 210.624593 171.359333 382.016611 382.016611 382.016611 210.624593 0 382.016611-171.359333 382.016611-382.016611S722.624593 129.983389 512 129.983389z" p-id="3422"></path><path d="M463.99957 304.00043c0 26.509985 21.490445 48.00043 48.00043 48.00043s48.00043-21.490445 48.00043-48.00043-21.490445-48.00043-48.00043-48.00043S463.99957 277.490445 463.99957 304.00043z" p-id="3423"></path><path d="M512 768c-17.664722 0-32.00086-14.303454-32.00086-32.00086L479.99914 448c0-17.664722 14.336138-32.00086 32.00086-32.00086s32.00086 14.336138 32.00086 32.00086l0 287.99914C544.00086 753.696546 529.664722 768 512 768z" p-id="3424"></path></svg>
<!-- <img src="@/assets/img/others/iceDun.jpg" alt="" v-else> -->
</div> </div>
<h6>{{ showText }}</h6> <h6>{{ showText }}</h6>
</div> </div>
</el-dialog> </el-dialog> -->
<div class='tipsMessage' :class="{ [colorJudge.bg]: true, hidden: !tipsOperate}" >
<svg t="1646193086896" :fill="colorJudge.iconColor" v-if="showText.includes('成功')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4086" width="200" height="200"><path d="M878.08 731.274667a32 32 0 0 1-54.88-32.938667A360.789333 360.789333 0 0 0 874.666667 512c0-200.298667-162.368-362.666667-362.666667-362.666667S149.333333 311.701333 149.333333 512s162.368 362.666667 362.666667 362.666667a360.789333 360.789333 0 0 0 186.314667-51.445334 32 32 0 0 1 32.928 54.88A424.778667 424.778667 0 0 1 512 938.666667C276.362667 938.666667 85.333333 747.637333 85.333333 512S276.362667 85.333333 512 85.333333s426.666667 191.029333 426.666667 426.666667c0 78.293333-21.152 153.568-60.586667 219.274667zM374.581333 489.450667l84.341334 83.989333 190.432-190.72a32 32 0 0 1 45.290666 45.226667l-213.013333 213.333333a32 32 0 0 1-45.226667 0.064l-106.986666-106.549333a32 32 0 1 1 45.162666-45.344z" p-id="4087"></path></svg>
<svg t="1646193026146" :fill="colorJudge.iconColor" v-else-if="showText.includes('失败') || showText.includes('请放入') || showText.includes('不一致')|| showText.includes('不足')|| showText.includes('错误')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3279" width="200" height="200"><path d="M942.792571 235.113605c-73.898726-114.998017-188.296753-194.296649-321.894449-223.296149-133.597696-28.9995-270.495335-4.199928-385.493352 69.698798-21.299633 13.699764-27.499526 42.099274-13.799762 63.398907 13.699764 21.299633 42.099274 27.499526 63.398907 13.799762 94.298374-60.698953 206.696435-80.998603 316.294545-57.199014 109.59811 23.79959 203.396492 88.898467 264.095445 183.196841 125.297839 194.796641 68.698815 455.19215-125.997827 580.489989-94.298374 60.698953-206.696435 80.998603-316.294545 57.199013-109.59811-23.79959-203.49649-88.898467-264.095445-183.19684-93.198393-144.997499-88.998465-329.594316 10.799814-470.191891 14.699746-20.699643 9.799831-49.29915-10.899813-63.998897-20.699643-14.699746-49.29915-9.799831-63.998896 10.899812-121.597903 171.397044-126.697815 396.293165-12.999776 572.990118 73.998724 114.998017 188.296753 194.296649 321.894449 223.29615 36.499371 7.899864 73.198738 11.799796 109.59811 11.799796 97.098325 0 192.196685-27.799521 275.795243-81.498594 237.295908-152.697367 306.194719-469.991894 153.597352-707.387801z" p-id="3280"></path><path d="M356.302685 667.706145c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769l90.798434-90.798434 90.798434 90.798434c8.999845 8.999845 20.699643 13.399769 32.49944 13.399769s23.499595-4.499922 32.499439-13.399769c17.899691-17.899691 17.899691-46.999189 0-64.898881l-90.99843-90.798434 90.798434-90.798434c17.899691-17.899691 17.899691-46.999189 0-64.898881-17.899691-17.899691-46.999189-17.899691-64.898881 0L512 447.109949l-90.798434-90.798434c-17.899691-17.899691-46.999189-17.899691-64.898881 0-17.899691 17.899691-17.899691 46.999189 0 64.898881l90.798434 90.798434-90.798434 90.798434c-17.899691 17.899691-17.899691 46.899191 0 64.898881z" p-id="3281"></path></svg>
<svg t="1646103528503" :fill="colorJudge.iconColor" v-else-if="showText.includes('')" class="icon text-center w-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1986" width="200" height="200"><path d="M64 469.333333a21.333333 21.333333 0 0 1-16.896-34.304l141.354667-184.277333a176.682667 176.682667 0 0 1 62.208-50.944 21.333333 21.333333 0 1 1 18.773333 38.357333 131.882667 131.882667 0 0 0-47.146667 38.570667l-141.397333 184.234667A21.333333 21.333333 0 0 1 64 469.333333zM874.666667 640h-360.405334a21.333333 21.333333 0 0 1 0-42.666667H874.666667a64.085333 64.085333 0 0 0 64-64v-298.666666A64.085333 64.085333 0 0 0 874.666667 170.666667h-469.333334A64.085333 64.085333 0 0 0 341.333333 234.666667v225.024a21.333333 21.333333 0 0 1-42.666666 0V234.666667A106.794667 106.794667 0 0 1 405.333333 128h469.333334A106.794667 106.794667 0 0 1 981.333333 234.666667v298.666666a106.794667 106.794667 0 0 1-106.666666 106.666667z" p-id="1987"></path><path d="M248.021333 810.666667H64a21.333333 21.333333 0 0 1 0-42.666667h184.021333a192.597333 192.597333 0 0 0 160.512-85.930667 208.341333 208.341333 0 0 1 60.842667-59.861333l84.778667-54.613333a50.645333 50.645333 0 0 0-57.173334-80.810667l-253.866666 108.8a21.333333 21.333333 0 1 1-16.853334-39.168l253.866667-108.8a93.312 93.312 0 0 1 102.741333 151.68 20.224 20.224 0 0 1-3.541333 2.858667l-86.869333 55.893333a165.973333 165.973333 0 0 0-48.426667 47.701333A235.093333 235.093333 0 0 1 247.978667 810.666667zM320 298.666667a21.333333 21.333333 0 0 1-0.042667-42.666667l553.557334-0.853333a21.333333 21.333333 0 0 1 0.085333 42.666666L320 298.666667z" p-id="1988"></path></svg>
<svg t="1646104114458" :fill="colorJudge.iconColor" v-else-if="showText.includes('密码')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7044" width="200" height="200"><path d="M815.712 226.56c-50.24-54.784-125.6-82.208-200.96-73.088-93.632 11.424-171.264 82.208-191.808 175.84-6.848 36.544-6.848 73.088 2.272 107.328L151.2 710.656c-4.576 4.576-6.848 9.12-6.848 16V856.8c0 13.696 9.12 22.848 22.848 22.848h130.144c13.696 0 22.848-9.12 22.848-22.848v-54.784h57.088c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.816c13.696 0 22.848-9.12 22.848-22.848v-54.784h54.784c13.696 0 22.848-9.12 22.848-22.848 0-16 13.696-29.696 29.696-25.12 27.392 9.12 57.088 9.12 86.784 6.848 107.328-11.424 191.808-98.208 200.96-203.232 6.848-66.24-13.696-127.904-57.088-175.84z m11.424 171.264c-6.848 84.48-75.36 152.992-159.84 162.112-25.12 4.576-47.968 2.272-70.784-4.576-6.848-2.272-11.424-2.272-18.272-2.272-29.696 0-57.088 20.544-66.208 47.968h-59.36c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-54.816c-13.696 0-22.848 9.12-22.848 22.848v54.784h-84.48v-98.176l278.592-278.592c4.576-4.576 6.848-13.696 4.576-22.848-9.12-29.696-11.424-63.936-4.576-95.904 16-73.088 77.632-132.448 152.992-141.568 59.36-6.848 118.752 16 159.84 59.36 34.24 38.816 50.208 89.056 45.664 141.568zM646.72 263.104c-63.936 0-114.176 50.24-114.176 114.176s50.24 114.176 114.176 114.176 114.176-50.24 114.176-114.176-50.24-114.176-114.176-114.176z m0 182.656c-38.816 0-68.512-29.696-68.512-68.512s29.696-68.512 68.512-68.512 68.512 29.696 68.512 68.512-29.696 68.512-68.512 68.512z" p-id="7045"></path></svg>
<svg t="1646105052843" :fill="colorJudge.iconColor" v-else-if="showText.includes('盖章')" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10246" width="200" height="200"><path d="M859.6 859.6H164.4c-15.9 0-29-13-29-29V685.8c0-47.8 39.1-86.9 86.9-86.9h185.4c-5.8-34.8-23.2-68.1-47.8-97-33.3-37.7-50.7-85.5-50.7-134.7 0-55 21.7-107.2 62.3-146.3S464.2 163 520.7 164.4C625 168.7 713.3 258.5 714.8 362.8c1.4 52.1-18.8 102.8-53.6 141.9-24.6 26.1-39.1 57.9-44.9 94.2h185.4c47.8 0 86.9 39.1 86.9 86.9v144.8c0 16-13 29-29 29z m-666.3-57.9h637.3V685.8c0-15.9-13-29-29-29H584.4c-15.9 0-29-13-29-29 0-60.8 21.7-118.8 62.3-162.2 26.1-27.5 39.1-63.7 39.1-101.4C655.4 288.9 593.1 225.1 517.7 222.3c-40.6-1.4-78.2 13-105.7 40.6-29 27.5-44.9 65.2-44.9 104.3 0 34.8 13 69.5 36.2 95.6 42 47.8 65.2 105.7 65.2 165.1 0 15.9-13 29-29 29H222.3c-15.9 0-29 13-29 29v115.8z" p-id="10247"></path></svg>
<svg t="1646122277509" :fill="colorJudge.iconColor" v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3421" width="200" height="200"><path d="M512 958.016611c-245.919634 0-446.016611-200.064292-446.016611-446.016611 0-245.919634 200.095256-446.016611 446.016611-446.016611 245.952318 0 446.016611 200.064292 446.016611 446.016611S757.952318 958.016611 512 958.016611zM512 129.983389c-210.655557 0-382.016611 171.359333-382.016611 382.016611 0 210.624593 171.359333 382.016611 382.016611 382.016611 210.624593 0 382.016611-171.359333 382.016611-382.016611S722.624593 129.983389 512 129.983389z" p-id="3422"></path><path d="M463.99957 304.00043c0 26.509985 21.490445 48.00043 48.00043 48.00043s48.00043-21.490445 48.00043-48.00043-21.490445-48.00043-48.00043-48.00043S463.99957 277.490445 463.99957 304.00043z" p-id="3423"></path><path d="M512 768c-17.664722 0-32.00086-14.303454-32.00086-32.00086L479.99914 448c0-17.664722 14.336138-32.00086 32.00086-32.00086s32.00086 14.336138 32.00086 32.00086l0 287.99914C544.00086 753.696546 529.664722 768 512 768z" p-id="3424"></path></svg>
<h4>{{ showText }}</h4>
</div>
</template> </template>
<script> <script>
@ -27,13 +36,33 @@ export default {
return { return {
takeResultVisible: false, takeResultVisible: false,
showText: '', showText: '',
timeOut: null timeOut: null,
myMessage: null
} }
}, },
computed: { computed: {
...mapState("system", [ ...mapState("system", [
"tipsOperate" "tipsOperate"
]) ]),
colorJudge() {
const showText = this.showText
if(showText.includes('成功')) {
return {
bg: 'successTip',
iconColor: 'green'
}
}else if(showText.includes('失败') || showText.includes('请放入') || showText.includes('不一致')|| showText.includes('不足')|| showText.includes('错误')) {
return {
bg: 'errorTip',
iconColor: 'white'
}
}else {
return {
bg: 'errorTip',
iconColor: 'white'
}
}
}
}, },
methods: { methods: {
...mapMutations({ ...mapMutations({
@ -46,10 +75,29 @@ export default {
watch: { watch: {
tipsOperate(newVal) { tipsOperate(newVal) {
if(newVal) { if(newVal) {
this.showText = newVal this.showText = newVal
let type = 'warning'
if(this.showText.includes('失败') || this.showText.includes('不一致') || this.showText.includes('请放入') || this.showText.includes('非')) {
type = 'error'
}else if(this.showText.includes('成功')){
type = 'success'
}else {
type = 'warning'
}
// this.myMessage = this.$message({
// center: true,
// // message: `<h4 class=' shadow-2xl'>${this.showText}</h4>`,
// message: this.showText,
// // dangerouslyUseHTMLString: true,
// type
// });
setTimeout(() => { setTimeout(() => {
this.setTipsOperate('') this.setTipsOperate('')
}, 700) }, 1000)
}else { }else {
// this.setTipsOperate('') // this.setTipsOperate('')
} }
@ -61,6 +109,7 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
/deep/.data-dia{ /deep/.data-dia{
// width:80%; // width:80%;
position: relative;
width: 800px; width: 800px;
min-width:400px; min-width:400px;
margin: auto; margin: auto;
@ -157,4 +206,41 @@ export default {
} }
} }
} }
.tipsMessage {
min-width: 326px;
min-height: 167px;
position: absolute;
top: 50%;
left: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
svg {
width: 42.94px;
height: 42.94px;
}
h4{
height: 32px;
font-size: 24px;
line-height: auto;
font-family: PingFang SC;
padding: 20px;
}
}
.errorTip {
color: white;
background-color: rgba(31,31,31,.9);
border: 1px solid #979797;
border-radius: 16px;
}
.successTip {
color: green;
background-color: rgba(255, 255, 255,.9);
border: 1px solid white;
border-radius: 16px;
}
</style> </style>

@ -3,7 +3,8 @@
<back-Button /> <back-Button />
<!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> --> <!-- <img class="sth bg" v-lazy="lazyImg[2]" alt="" /> -->
<!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> --> <!-- <img class="sth guide" src="@/assets/img/guide.png" alt="" /> -->
<img class="sth man cp" v-lazy="lazyImg[0]" alt="" @click="changePeopleJudge"/> <!-- <img class="sth man cp" v-lazy="lazyImg[0]" alt="" @click="changePeopleJudge"/> -->
<img slot="reference" class="sth man cp" v-lazy="lazyImg[0]" alt="" @click="changePeopleJudge"/>
<img class="sth counter" v-lazy="lazyImg[1]" alt="" /> <img class="sth counter" v-lazy="lazyImg[1]" alt="" />
<img class="sth glass" v-lazy="lazyImg[2]" alt="" @click="changePeopleJudge"/> <img class="sth glass" v-lazy="lazyImg[2]" alt="" @click="changePeopleJudge"/>
@ -157,11 +158,19 @@
<p>{{item.name}}</p> <p>{{item.name}}</p>
</div> </div>
</div> </div>
<div class="box right" ref="popUpSeal"> <div class="box right flex flex-col justify-items-center items-center" ref="popUpSeal">
<!-- receptionList --> <!-- receptionList -->
<div class="img-wrap2" :class="{ checked: commonChecked.includes(item.id) }" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :key="item.id" > <div class="img-wrap2 max-h-96" :class="{ checked: commonChecked.includes(item.id) }" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :key="item.id" >
<img :src="item.src" class="fileSeal" alt="" /> <img v-if="item.name.includes('复印件')" :src="item.src" class="fileSeal" :alt="item.name" :title="item.name" />
<p class="text">{{item.name}}</p> <el-image
width="100%"
v-else
:src="item.src"
class="fileSeal"
:alt="item.name"
:title="item.name"
fit="contain"></el-image>
<!-- <p class="text">{{item.name}}</p> -->
</div> </div>
<!-- <div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)">--> <!-- <div v-for="(item, index) in goods" :key="index" :class="{ checked: checkList.includes(item.id),file:true }" @click="dblClickFn(item)">-->
<!-- <img :src="item.src" alt="" />--> <!-- <img :src="item.src" alt="" />-->
@ -170,20 +179,20 @@
</div> </div>
</div> </div>
<div v-else-if="popText==='重要空白凭证箱'" class="seal " style="width:1200px;"> <div v-else-if="popText==='重要空白凭证箱'" class="seal content-center" style="width:1200px;">
<div class="left else"> <div class="left else content-center justify-center">
<div v-for="(item) in importanceArr" :key="item.id" :class="{ checked: importantChecked.includes(item.id),file:true, importanceArrClass: true }" @click="dblClickFn(item)"> <div v-for="(item) in importanceArr" :key="item.id" :class="{ checked: importantChecked.includes(item.id),file:true, importanceArrClass: true }" @click="dblClickFn(item)">
<!-- <img :src="item.src" alt="" /> --> <!-- <img :src="item.src" alt="" /> -->
<el-image <el-image
style="width: 100px; height: 70px;margin-top: 10px;" style="width: 100px; height: 70px;margin-top: 10px;"
:src="item.src" :src="item.src"
:fit="fit"></el-image> fit="scale-down"></el-image>
<p>{{item.name}}</p> <p>{{item.name}}</p>
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="popText==='普通凭证箱'" class="seal " style="width:1200px;"> <div v-else-if="popText==='普通凭证箱'" class="seal content-center" style="width:1200px;">
<div class="left else"> <div class="left else content-center justify-center">
<div v-for="(item) in commonArr" :key="item.id" :class="{ checked: commonChecked.includes(item.id),file:true }" @click="dblClickFn(item)"> <div v-for="(item) in commonArr" :key="item.id" :class="{ checked: commonChecked.includes(item.id),file:true }" @click="dblClickFn(item)">
<!-- <img :src="item.src" alt="" /> --> <!-- <img :src="item.src" alt="" /> -->
<el-image <el-image
@ -196,13 +205,25 @@
</div> </div>
<div v-else-if="popText==='身份证扫描仪'" class="list " ref="popUp"> <div v-else-if="popText==='身份证扫描仪'" class="list " ref="popUp">
<div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in receptionList" :key="item.id" @click='dislodgeItem(index)'> <div class="img-wrap" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" v-for="(item, index) in receptionList" :key="item.id" @click='dislodgeItem(index)'>
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
<div v-else-if="popText==='身份证扫描器'" class="list " ref="popUp"> <div v-else-if="popText==='身份证扫描器'" class="list " ref="popUp">
<div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id" @click='dislodgeItem(index)'> <div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id" @click='dislodgeItem(index)'>
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
@ -210,7 +231,13 @@
<div v-else-if="popText==='刷卡器'" ref="popUp" class="list "> <div v-else-if="popText==='刷卡器'" ref="popUp" class="list ">
<div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id"> <div class="img-wrap" v-for="(item, index) in receptionList" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
@ -219,13 +246,25 @@
<!-- 客户签字 --> <!-- 客户签字 -->
<div v-else-if="popText==='客户签字'" class="list " ref="popUp"> <div v-else-if="popText==='客户签字'" class="list " ref="popUp">
<div class="img-wrap" v-for="(item, index) in goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id"> <div class="img-wrap" v-for="(item, index) in goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
<div v-else-if="popText==='返还资料'" class="list " ref="popUp"> <div v-else-if="popText==='返还资料'" class="list " ref="popUp">
<div class="img-wrap" v-for="(item, index) in goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id"> <div class="img-wrap" v-for="(item, index) in goodState" :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" @click='dislodgeItem(index)' :key="item.id">
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name}}</p> <p class="text">{{item.name}}</p>
</div> </div>
</div> </div>
@ -234,16 +273,22 @@
<!-- 暂时未确定是否公共使用一个弹框 receptionList--> <!-- 暂时未确定是否公共使用一个弹框 receptionList-->
<div v-else class="list " ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 --> <div v-else class="list " ref="popUp"><!-- 钱箱 / 传票栏 ... 一系列可存物品弹框 -->
<div class="img-wrap" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id"> <div class="img-wrap" v-for="(item, index) in goodState" @click='dislodgeItem(index)' :class="{ checked: commonChecked.includes(item.id),'img-wrap':true }" :key="item.id">
<img :src="item.src" class="file" alt="" /> <!-- <img :src="item.src" class="file" alt="" /> -->
<el-image
:src="item.src"
class="file"
:alt="item.name"
:title="item.name"
fit="scale-down"></el-image>
<p class="text">{{item.name }}</p> <p class="text">{{item.name }}</p>
</div> </div>
</div> </div>
<div class="dia-footer3"> <div class="dia-footer">
<!-- <button v-throttle @click="popSure" type="button">确定</button> --> <button v-throttle @click="popSure" class="w-1/5" type="button">确定</button>
<el-button type="primary" v-throttle @click="popSure">确定</el-button> <!-- <el-button type="primary" v-throttle @click="popSure">确定</el-button> -->
</div> </div>
</div> </div>
@ -264,21 +309,22 @@
<!-- 图片查看器 --> <!-- 图片查看器 -->
<el-dialog <el-dialog
custom-class="data-dia imgIndex" custom-class="data-dia imgIndex"
class=""
:visible.sync="showImg" :visible.sync="showImg"
width="634px" width="634px"
> >
<img :src="imgSrc" class="imgPop imgIndex" alt=""> <img :src="imgSrc" class="imgPop imgIndex min-w-full " alt="">
<!-- <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',--> <!-- <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',-->
<!-- 'background-size': '100% 100%'}" class="imgPop">--> <!-- 'background-size': '100% 100%'}" class="imgPop">-->
<!-- </div>--> <!-- </div>-->
<!-- 银行卡 --> <!-- 银行卡 -->
<div v-if="magnifyData.id == 16" style="position: absolute;top:0;width: 634px"> <!-- <div v-if="magnifyData.id == 16" style="position: absolute;top:0;width: 634px">
<div style='position: relative;top: 220px;left: 70px;width:250px;font-size: 24px;color: #fff'> <div style='position: relative;top: 220px;left: 70px;width:250px;font-size: 24px;color: #fff'>
{{magnifyData.cardNub}} {{magnifyData.cardNub}}
</div> </div>
</div> </div> -->
<!-- 身份证 --> <!-- 身份证 -->
<div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px"> <!-- <div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px">
<div style='position: relative;top: 73px;left: 80px;width:220px'> <div style='position: relative;top: 73px;left: 80px;width:220px'>
{{magnifyData.userName}} {{magnifyData.userName}}
</div> </div>
@ -297,7 +343,7 @@
<div style='position: relative;top: 215px;left: 160px;width:220px'> <div style='position: relative;top: 215px;left: 160px;width:220px'>
{{magnifyData.idCardNo}} {{magnifyData.idCardNo}}
</div> </div>
</div> </div> -->
</el-dialog> </el-dialog>
<!-- <tip-dialog /> --> <!-- <tip-dialog /> -->
@ -309,11 +355,11 @@
<el-dialog <el-dialog
title="客户对话中..." title="客户对话中..."
:visible.sync="peopleJudge" :visible.sync="peopleJudge"
custom-class="2xl:w-7/12 xl:w-9/12 lg:w-full h-auto rounded-2xl border-2 border-gray-600 border-dashed" custom-class="2xl:w-7/12 xl:w-9/12 lg:w-full h-auto rounded-2xl border-2 border-gray-600"
center> center>
<h3 class="text-4xl antialiased text-center">客户: 你好!我现在该做什么呢</h3> <h3 class="text-4xl antialiased text-center">客户: 你好!我现在该做什么呢</h3>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="peopleDoing(1)">签字</el-button> <el-button @click="peopleDoing(1)">签字</el-button>
<el-button type="primary" @click="peopleDoing(2)">返还资料</el-button> <el-button type="primary" @click="peopleDoing(2)">返还资料</el-button>
</span> </span>
</el-dialog> </el-dialog>
@ -625,6 +671,8 @@ export default {
this.$refs.dataDia this.$refs.dataDia
this.receptionList = [] this.receptionList = []
this.passwordForm.passwordAgain = ''
this.passwordForm.password2 = ''
if(!this.showGoods) this.checkList = [] if(!this.showGoods) this.checkList = []
return this.$store.state.system.showPop; return this.$store.state.system.showPop;
// //
@ -1074,7 +1122,7 @@ export default {
const getIt = evt.target.textContent const getIt = evt.target.textContent
for(var i=0;i<this.goods.length;i++){ for(var i=0;i<this.goods.length;i++){
if (this.goods[i].name == getIt){ if (this.goods[i].name == getIt){
return this.$message.warning('物品栏中已有该物品') return this.setTipsOperate('物品栏中已有该物品')
} }
} }
for(let i=0;i<this.popArr.length; i++) { for(let i=0;i<this.popArr.length; i++) {
@ -1084,7 +1132,7 @@ export default {
} }
} }
}else{ }else{
this.$message.warning('非可拖拽的交互!') this.setTipsOperate('非可拖拽的交互!')
} }
} }
}) })
@ -1172,7 +1220,7 @@ export default {
sort: false,// sort: false,//
onEnd: function (/**Event*/evt) { // onEnd: function (/**Event*/evt) { //
// popUppopUpSeal // popUppopUpSeal
if(!that.$refs.popUp && !that.$refs.popUpSeal) return that.$message.warning('非可拖拽的交互!') if(!that.$refs.popUp && !that.$refs.popUpSeal) return that.setTipsOperate('非可拖拽的交互!')
let targetDom let targetDom
if(that.$refs.popUp) { if(that.$refs.popUp) {
targetDom = that.$refs.popUp.getBoundingClientRect() targetDom = that.$refs.popUp.getBoundingClientRect()
@ -1235,7 +1283,7 @@ export default {
sort: false,// sort: false,//
// //
onEnd: function (/**Event*/evt) { onEnd: function (/**Event*/evt) {
if(!that.$refs.goods) return that.$message.warning('非可拖拽的交互!') if(!that.$refs.goods) return that.setTipsOperate('非可拖拽的交互!')
let targetDom = that.$refs.goods.getBoundingClientRect() let targetDom = that.$refs.goods.getBoundingClientRect()
if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){ if(evt.originalEvent.pageX<targetDom.right&&evt.originalEvent.pageX>targetDom.left){
if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){ if(evt.originalEvent.pageY<targetDom.bottom&&evt.originalEvent.pageY>targetDom.top){
@ -1534,7 +1582,7 @@ export default {
} }
}else if(this.popText.includes('身份证扫描')) { }else if(this.popText.includes('身份证扫描')) {
if(this.receptionList.length === 0) { if(this.receptionList.length === 0) {
this.setTipsOperate('刷卡失败!请放入银行卡或存折!') this.setTipsOperate('刷卡失败!请放入身份证!')
return return
} }
for (let i=0;i<this.receptionList.length;i++){ for (let i=0;i<this.receptionList.length;i++){
@ -1754,6 +1802,7 @@ export default {
}) })
}else if (this.popText === '密码器') { }else if (this.popText === '密码器') {
this.setTipsOperate('输入密码成功!') this.setTipsOperate('输入密码成功!')
} }
// this.showGoods = false // this.showGoods = false
this.changeShowGoods(false) this.changeShowGoods(false)
@ -1770,6 +1819,11 @@ export default {
// //
if(this.peopleDo === 1) { if(this.peopleDo === 1) {
if(this.goodState.length === 0) {
this.setTipsOperate('请放入签字物品!')
return
}
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,555,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,555,"+this.goodState[i].id,"type": ""})}
const tmpGoods = this.goodState.map(item => item.id) const tmpGoods = this.goodState.map(item => item.id)
// this.outThings({name: this.myMap, idArr: [ ...tmpGoods ]}) // this.outThings({name: this.myMap, idArr: [ ...tmpGoods ]})
@ -1785,6 +1839,10 @@ export default {
}).catch((error)=>{ }).catch((error)=>{
}) })
}else { }else {
if(this.goodState.length === 0) {
this.setTipsOperate('请放入返还资料!')
return
}
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,556,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,556,"+this.goodState[i].id,"type": ""})}
let params= { let params= {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,556', parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,556',
@ -1799,6 +1857,10 @@ export default {
}) })
} }
}else if (this.nbm == 1){ // }else if (this.nbm == 1){ //
if(this.goodState.length === 0) {
this.setTipsOperate('传票栏中未放入物品!')
return
}
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,4,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,4,"+this.goodState[i].id,"type": ""})}
@ -1815,7 +1877,7 @@ export default {
}else if (this.nbm == 2){ // }else if (this.nbm == 2){ //
let clickList = this.commonChecked let clickList = this.commonChecked
this.pushThingsGoods([...clickList]) this.pushThingsGoods([...clickList])
if(clickList.length===0) return this.$message.warning(`请选择物品后再确定!`) if(clickList.length===0) return this.setTipsOperate(`请选择物品后再确定!`)
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
let formList = [] let formList = []
@ -1841,7 +1903,7 @@ export default {
}else if (this.nbm == 3){ // }else if (this.nbm == 3){ //
let clickList=this.importantChecked let clickList=this.importantChecked
this.pushThingsGoods([...clickList]) this.pushThingsGoods([...clickList])
if(clickList.length===0) return this.$message.warning(`请选择物品后再确定!`) if(clickList.length===0) return this.setTipsOperate(`请选择物品后再确定!`)
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
let formList = [] let formList = []
@ -1898,12 +1960,7 @@ export default {
}else { }else {
for (var i=0;i<this.goodState.length;i++){ for (var i=0;i<this.goodState.length;i++){
if(this.goodState[i].id !== 15) { if(this.goodState[i].id !== 15) {
this.$message({ this.setTipsOperate('请放入现金!')
center: true,
showClose: true,
message: '请放入现金!',
type: 'error'
});
return return
} }
formList.push( formList.push(
@ -1948,6 +2005,10 @@ export default {
// this.sealChecked = [] // this.sealChecked = []
// this.$store.commit('system/changePop', {show: false, text: ''}) // this.$store.commit('system/changePop', {show: false, text: ''})
}else if (this.nbm == 6){ // }else if (this.nbm == 6){ //
if(this.goodState.length === 0 || this.goodState[0].id !== 15) {
this.setTipsOperate('请放入现金!')
return
}
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,9,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,9,"+this.goodState[i].id,"type": ""})}
@ -1964,6 +2025,10 @@ export default {
// that.outThingsGoods([that.goodsShelfTotalData[evt.oldIndex].id]) // that.outThingsGoods([that.goodsShelfTotalData[evt.oldIndex].id])
}else if (this.nbm == 7){ // }else if (this.nbm == 7){ //
if(this.goodState.length === 0) {
this.setTipsOperate('请放入证件!')
return
}
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,10,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,10,"+this.goodState[i].id,"type": ""})}
@ -1978,13 +2043,12 @@ export default {
}).catch((error)=>{ }).catch((error)=>{
}) })
}else if(this.nbm == 8){ // }else if(this.nbm == 8){ //
if (this.nbm == 8){
let formList = [] let formList = []
let ruleReqs = sessionStorage.getItem('ruleReqs') let ruleReqs = sessionStorage.getItem('ruleReqs')
if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []} if (ruleReqs){formList = JSON.parse(ruleReqs);}else{formList = []}
for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "18", "emptyTwo": this.passwordForm.passwordAgain, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,282,"+this.receptionList[i].id,"type": "3"})} for (var i=0;i<this.receptionList.length;i++){formList.push({"emptyOne": "18", "emptyTwo": this.passwordForm.passwordAgain, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,282,"+this.receptionList[i].id,"type": "3"})}
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
}
if(this.passwordForm.password && this.passwordForm.passwordAgain){ if(this.passwordForm.password && this.passwordForm.passwordAgain){
if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){ if(this.passwordForm.password.length >=6 && this.passwordForm.passwordAgain.length >=6){
if(this.passwordForm.password == this.passwordForm.passwordAgain) { if(this.passwordForm.password == this.passwordForm.passwordAgain) {
@ -1996,6 +2060,10 @@ export default {
this.setTipsOperate('您输入的密码和确认密码不一致!') this.setTipsOperate('您输入的密码和确认密码不一致!')
} }
}else if (this.nbm == 9){// }else if (this.nbm == 9){//
if(this.goodState.length === 0) {
this.setTipsOperate('请放入资料!')
return
}
let projectId = sessionStorage.getItem('projectId') let projectId = sessionStorage.getItem('projectId')
let startTime = sessionStorage.getItem('startTime') let startTime = sessionStorage.getItem('startTime')
for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,11,"+this.goodState[i].id,"type": ""})} for (var i=0;i<this.goodState.length;i++){formList.push({"answerId":this.goodState[i].id, "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,11,"+this.goodState[i].id,"type": ""})}
@ -3139,7 +3207,8 @@ export default {
} }
.imgPop{ .imgPop{
width: 100%; max-width: 100%;
margin-top: 20px;
} }
.masking{ .masking{
position: fixed; position: fixed;
@ -3162,7 +3231,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
padding: 0 15px 15px; padding: 0 15px 15px;
z-index: 999; z-index: 2900;
// border: 1px solid #e6e6e6; // border: 1px solid #e6e6e6;
// border-color: black; // border-color: black;
box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 0 8px rgba(0, 0, 0, .04); box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 0 8px rgba(0, 0, 0, .04);
@ -3171,16 +3240,16 @@ export default {
.dia-header { .dia-header {
position: relative; position: relative;
.data-title { .data-title {
height:30px; height:50px;
width: 200px; width: 250px;
margin: 0 auto; margin: 0 auto;
line-height: 30px; line-height: 50px;
text-align: center; text-align: center;
color: #fff; color: #fff;
font-size: 24px; font-size: 18px;
background: url(../../../assets/img/dia-title.png) 0 0 / cover no-repeat; background: url(../../../assets/img/dia-title.png) 0 0 / cover no-repeat;
// background: url(../../../assets/img/dia-title.png); // background: url(../../../assets/img/dia-title.png);
background-size: 200px 30px; background-size: 250px 50px;
} }
.close { .close {
position: absolute; position: absolute;
@ -3337,9 +3406,15 @@ export default {
.box{ .box{
border: 2px solid #e6e6e6; border: 2px solid #e6e6e6;
width: 45%; width: 45%;
min-height: 280px; min-height: 40vh;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
height: 100%;
// opacity: 0.5;
background: #FCFCFC;
border: 4px solid #DBDBDB;
border-radius: 16px;
} }
.left{ .left{
display: flex; display: flex;
@ -3400,6 +3475,9 @@ export default {
} }
.right{ .right{
margin-left: 5%; margin-left: 5%;
} }
.else{ .else{
width: 100%; width: 100%;
@ -3416,11 +3494,22 @@ export default {
width: 300px; width: 300px;
height: 200px; height: 200px;
} }
// .el-image {
// img {
// min-height: 500px;
// }
// }
// .fileSeal {
// min-height: 50%;
// }
} }
} }
.dia-footer { .dia-footer {
margin-top: 30px; margin-top: 30px;
text-align: center; text-align: center;
button {
width: 10vw;
}
// button { // button {
// width: 100px; // width: 100px;
// line-height: 60px; // line-height: 60px;
@ -3465,6 +3554,7 @@ export default {
top: -3%; top: -3%;
left: 50%; left: 50%;
min-height: 65vh; min-height: 65vh;
z-index: 9980;
.seal{ .seal{
margin-top: -5vh; margin-top: -5vh;
// max-height: 40vh; // max-height: 40vh;
@ -3494,11 +3584,14 @@ export default {
.box{ .box{
//background-color: red; //background-color: red;
border: 2px solid #e6e6e6; border: 2px solid #e6e6e6;
height: 2vh; min-height: 50vh;
width: 45%;
min-height: 280px;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
// opacity: 0.5;
background: #FCFCFC;
border: 4px solid #DBDBDB;
border-radius: 16px;
} }
.else{ .else{
width: 100%; width: 100%;

@ -10,11 +10,22 @@
<div class="sth integrated-counter cp"> <div class="sth integrated-counter cp">
<img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')"> <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')">
<!-- src="@/assets/img/integrated-counter.png" --> <!-- src="@/assets/img/integrated-counter.png" -->
<!-- <div class="name">综合柜台</div> --> <div class="name" @click="toPart('/counter')">综合柜台</div>
</div>
<div class="sth international cp">
<!-- <img width="100%" v-lazy="lazy1" alt="" @click="toPart('/counter')"> -->
<img width="100%" v-lazy="lazy2" alt="" @click="showComing" />
<!-- src="@/assets/img/integrated-counter.png" -->
<div class="name" @click="showComing">国际结算部</div>
</div>
<!-- <img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing"> -->
<div class="sth manager cp" @click="toPart('/lobbyManager')">
<img width="100%" v-lazy="lazy3" alt="">
<div class="name">大堂经理</div>
</div> </div>
<img class="sth international cp" v-lazy="lazy2" alt="" @click="showComing">
<img class="sth manager cp" v-lazy="lazy3" alt="" @click="toPart('/lobbyManager')">
<img class="sth credit-dep cp" v-lazy="lazy4" alt="" @click="showComing"> <img class="sth credit-dep cp" v-lazy="lazy4" alt="" @click="showComing">
<img class="sth company-finance cp" v-lazy="lazy5" alt="" @click="showComing"> <img class="sth company-finance cp" v-lazy="lazy5" alt="" @click="showComing">
<img class="sth personal-finance cp" v-lazy="lazy6" alt="" @click="showComing"> <img class="sth personal-finance cp" v-lazy="lazy6" alt="" @click="showComing">
@ -38,7 +49,7 @@ export default {
caseVisible: true, caseVisible: true,
comingVisible: false, comingVisible: false,
timer: null, timer: null,
lazy1: require('@/assets/img/integrated-counter2.png'), lazy1: require('@/assets/img/integrated-counter.png'),
lazy2: require('@/assets/img/international.png'), lazy2: require('@/assets/img/international.png'),
lazy3: require('@/assets/img/manager-index.png'), lazy3: require('@/assets/img/manager-index.png'),
lazy4: require('@/assets/img/credit-dep.png'), lazy4: require('@/assets/img/credit-dep.png'),
@ -115,6 +126,23 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
//
@mixin nameTip {
width: 200px;
height: 70px;
line-height: 60px;
text-align: center;
font-size: 20px;
background: url(../../../assets/img/index-btn-bg.png);
// background-position: center center;
background-size: 100%;
color: #fff;
border-radius: 16px;
// box-shadow: 0 6px 8px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
z-index: 100;
}
.wrap{ .wrap{
.sth{ .sth{
position: absolute; position: absolute;
@ -132,31 +160,15 @@ export default {
top: -5%; top: -5%;
left: 24%; left: 24%;
width: 43%; width: 43%;
transition: all .5s;
img{ &:hover{
transition: all .5s; margin-top: -10px;
&:hover{
margin-top: -10px;
}
} }
.name{ .name{
position: absolute; position: absolute;
top: 43%; top: 43%;
left: -23%; left: -15%;
width: 220px; @include nameTip;
height: 85px;
width: 150px;
height: 50px;
left: 10%;
top: 30%;
transform: rotate(-29deg);
z-index: 100;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 19px;
background: url(../../../assets/img/index-btn-bg.png) 0 0/cover no-repeat;
} }
} }
.international{ .international{
@ -165,8 +177,21 @@ export default {
width: 28%; width: 28%;
transition: all .5s; transition: all .5s;
&:hover{ &:hover{
top: -20px; margin-top: -10px;
} }
// img{
// transition: all .5s;
// &:hover{
// margin-top: -10px;
// }
// }
.name{
position: absolute;
top: 53%;
left: -10%;
@include nameTip;
}
} }
.manager{ .manager{
top: 47%; top: 47%;
@ -175,7 +200,13 @@ export default {
transition: all .5s; transition: all .5s;
&:hover{ &:hover{
z-index: 9999; z-index: 9999;
top: calc(48% - 20px); top: calc(47% - 10px);
}
.name {
position: absolute;
top: 65%;
left: 37%;
@include nameTip;
} }
} }
.credit-dep{ .credit-dep{

@ -159,35 +159,62 @@
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeCopyDia"> <img class="close" src="@/assets/svg/close.svg" alt="" @click="closeCopyDia">
</div> </div>
<p class="tips">- 请单击选中复印材料双击可放大预览 -</p> <p class="tips">- 请单击选中复印材料双击可放大预览 -</p>
<ul class="list" style="justify-content: center"> <ul class="flex justify-center ">
<li v-for="item in elImg2" :class="{checked: checkList.includes(item.key)}" @click="checkData(item.key)" :key="item.key"> <div v-for="item in elImg2" class="list flex-col spacialStyle" @click="checkData(item.key, item.copyState)" :key="item.key">
<!-- <img :src="item.img" :title="item.name" :alt="item.name"> --> <li :class="{checked: checkList.includes(item.key)}">
<el-image <!-- <img :src="item.img" :title="item.name" :alt="item.name"> -->
style="margin-top: -10" <el-image
:src="item.img" style="margin-top: -10"
:fit="elImgFit" :src="item.img"
></el-image> :fit="elImgFit"
<p>{{ item.name }}</p> ></el-image>
</li> <p>{{ item.name }}</p>
</li>
<p v-show="item.copyState">已复印</p>
</div>
</ul> </ul>
<div class="dia-footer"> <div class="dia-footer">
<button type="button" v-throttle @click="sureCopy">确定</button> <button type="button" v-throttle @click="sureCopy">确定</button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia ">
<el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia ">
<div slot="title" class="dia-header">
<div class="data-title">取回</div>
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption">
</div>
<p class="tips">- 请单击选中复印材料双击可放大预览 -</p>
<ul class="flex justify-center" >
<div v-for="item in elImg2" class="list flex-col" @click="checkData(item.key, item.returnState)" :key="item.key">
<li :class="{checked: checkList.includes(item.key)}">
<!-- <img :src="item.img" :title="item.name" :alt="item.name"> -->
<el-image
:src="item.img"
:fit="elImgFit"
></el-image>
<p>{{ item.name }}</p>
</li>
<p v-show="item.returnState">已取回</p>
</div>
</ul>
<div class="dia-footer">
<button type="button" v-throttle @click="takeBack">确定</button>
</div>
</el-dialog>
<!-- <el-dialog :visible.sync="recaptionVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia ">
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title">取回</div> <div class="data-title">取回</div>
<img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption"> <img class="close" src="@/assets/svg/close.svg" alt="" @click="closeRecaption">
</div> </div>
<p class="tips">- 请单击选中复印材料双击可放大预览 -</p> <p class="tips">- 请单击选中复印材料双击可放大预览 -</p>
<ul class="list" style="justify-content: center"> <ul class="list">
<li :class="{checked: checkList.includes(13)}" @click="checkData(13)"> <li :class="{checked: checkList.includes(13)}" @click="checkData(13)">
<img src="@/assets/img/idCard-sm.png" alt=""> <img src="@/assets/img/idCard-sm.png" alt="">
<p>身份证</p> <p>身份证</p>
</li> </li>
<li :class="{checked: checkList.includes(405)}" @click="checkData(405)" style='margin-left: 10px'> <li :class="{checked: checkList.includes(405)}" @click="checkData(405)">
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> -->
<el-image <el-image
style="margin-top: -10" style="margin-top: -10"
:src="elImg[0].img" :src="elImg[0].img"
@ -199,15 +226,15 @@
<div class="dia-footer"> <div class="dia-footer">
<button type="button" v-throttle @click="takeBack">确定</button> <button type="button" v-throttle @click="takeBack">确定</button>
</div> </div>
</el-dialog> </el-dialog> -->
<!-- 图片查看器 --> <!-- 图片查看器 -->
<el-dialog <el-dialog
custom-class="data-dia" custom-class="data-dia imgIndex"
:visible.sync="showImg" :visible.sync="showImg"
width="634px" width="634px"
> >
<img :src="imgSrc" class="w-full" alt=""> <img :src="imgSrc" class="imgPop imgIndex min-w-full " alt="">
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -256,8 +283,8 @@ export default {
], ],
elImg2: [ elImg2: [
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405 }, { img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405, copyState: false, returnState: false },
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13 }, { img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false },
], ],
listLi1 : [ listLi1 : [
@ -278,6 +305,16 @@ export default {
lazy1: require('@/assets/img/manager.png') lazy1: require('@/assets/img/manager.png')
} }
}, },
created() {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416'
let param= {
parentId
}
getOperation(param).then((data)=>{
console.log('缓存的data')
console.log(data)
})
},
mixins: [saveSystemModule], mixins: [saveSystemModule],
mounted() { mounted() {
@ -403,8 +440,14 @@ export default {
addOperation(params).then((data)=>{ addOperation(params).then((data)=>{
// ... // ...
this.copyVisible = false this.copyVisible = false
this.elImg2.map(item => {
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) {
item.copyState = true
}
})
this.checkList = [] this.checkList = []
this.takeResultVisible = true this.takeResultVisible = true
setTimeout(() => { setTimeout(() => {
if(this.takeResultVisible) { if(this.takeResultVisible) {
this.takeResultVisible = false this.takeResultVisible = false
@ -413,7 +456,7 @@ export default {
}).catch((error)=>{ }).catch((error)=>{
this.$message({ this.$message({
showClose: true, showClose: true,
message: '网络可能有问题,填单失败', message: '网络可能有问题,填单失败',
type: 'warning', type: 'warning',
center: true center: true
}); });
@ -443,6 +486,11 @@ export default {
addOperation(params).then((data)=>{ addOperation(params).then((data)=>{
// ... // ...
this.recaptionVisible = false this.recaptionVisible = false
this.elImg2.map(item => {
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) {
item.returnState = true
}
})
this.checkList = [] this.checkList = []
this.takeResultVisible = true this.takeResultVisible = true
setTimeout(() => { setTimeout(() => {
@ -503,7 +551,11 @@ export default {
this.workingName = '填单' this.workingName = '填单'
this.dataVisible = true this.dataVisible = true
}, },
checkData(id){ checkData(id, state){
if(state) {
return
}
this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id),1) : this.checkList.push(id) this.checkList.includes(id) ? this.checkList.splice(this.checkList.indexOf(id),1) : this.checkList.push(id)
this.clickNum++ this.clickNum++
@ -515,6 +567,9 @@ export default {
}else if(this.workingName === '复印') { }else if(this.workingName === '复印') {
itemIndex = this.elImg2.findIndex(item => item.key === id) itemIndex = this.elImg2.findIndex(item => item.key === id)
this.imgSrc = this.elImg2[itemIndex].img this.imgSrc = this.elImg2[itemIndex].img
}else if(this.workingName === '取回') {
itemIndex = this.elImg2.findIndex(item => item.key === id)
this.imgSrc = this.elImg2[itemIndex].img
} }
this.clickNum = 0; this.clickNum = 0;
this.showImg = true this.showImg = true
@ -552,6 +607,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.imgPop{
max-width: 100%;
margin-top: 20px;
}
.wrap{ .wrap{
background: rgb(245,246,248); background: rgb(245,246,248);
width:100%; width:100%;
@ -620,6 +682,12 @@ export default {
width: 800px; width: 800px;
min-width:400px; min-width:400px;
margin: auto; margin: auto;
.scannerImg {
background-color: red;
margin-top: 20px;
max-height: 95%;
}
.take-list{ .take-list{
width: 600px; width: 600px;
margin: 0 auto; margin: 0 auto;
@ -676,14 +744,55 @@ export default {
} }
.list { .list {
max-height: 30vh; max-height: 30vh;
min-width: 5vw;
overflow: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
li {
width: 140px;
height: 140px;
margin: 10px 10px;
// common.js
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
overflow: hidden;
padding: 10px;
// &>img {
// width: 100%;
// //max-width: 90%;
// }
&>.el-image {
width: 100%;
max-height: 80px;
overflow: hidden;
img {
//transform: translateY(-35%);
// width: 100%;
}
}
p{
font-size: 14px;
line-height: 40px;
}
}
}
.list2 {
max-height: 30vh;
min-width: 5vw;
overflow: auto; overflow: auto;
display: flex; display: flex;
justify-content: space-around; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
&>li { li {
width: 140px; width: 140px;
height: 140px; height: 140px;
margin: 10px 0; margin: 10px 10px;
// common.js // common.js
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@ -698,7 +807,7 @@ export default {
// //max-width: 90%; // //max-width: 90%;
// } // }
&>.el-image { &>.el-image {
width: 100%; width: 100%;
max-height: 80px; max-height: 80px;
overflow: hidden; overflow: hidden;
img { img {
@ -718,4 +827,8 @@ export default {
opacity: 0; opacity: 0;
cursor: default!important; cursor: default!important;
} }
.spacialStyle {
width: 30%!important;
}
</style> </style>

@ -222,23 +222,6 @@ export default {
NeedBefore NeedBefore
}, },
created() { created() {
const findIt = (tree, val, arr) => {
const quee = []
quee.push(tree)
while(quee.length) {
const node = quee.shift()
arr.push(node.val)
if(node.leftNode) {
}quee.push(node.leftNode)
if(node.rightNode) quee.push(node.rightNode)
}
}
if(this.isNeedBefore) { if(this.isNeedBefore) {
return return
} }

@ -1,6 +1,7 @@
import { MessageBox, Message } from 'element-ui'; import { MessageBox, Message } from 'element-ui';
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
const phoneListen = function(val, form, prop) { const phoneListen = function(val, form, prop) {
if(/^[0-9]*$/.test(val)) { if(/^[0-9]*$/.test(val)) {
form[prop] = val; form[prop] = val;
@ -129,10 +130,15 @@ const myValidate = (callback, refs) => {
} catch (error) { } catch (error) {
} }
Message.info({ Message.warning({
center: true, center: true,
message message
}) })
// this.$message({
// message,
// center: true,
// type: 'info'
// });
// Message.message(message + '', '提示', { // Message.message(message + '', '提示', {
// type: 'info', // type: 'info',
// confirmButtonText: message // confirmButtonText: message
@ -191,8 +197,9 @@ const autoPlay = (parentId, form, myTable2, myTable, cards=[]) => {
// message: '提交成功' // message: '提交成功'
// }) // })
}).catch((error)=>{ }).catch((error)=>{
this.$message({ this.$message({
message: '服务器繁忙,提交失败。', message: '服务器繁忙,提交失败。',
center: true, center: true,
type: 'info' type: 'info'
}); });

Loading…
Cancel
Save