|
|
@ -20,39 +20,44 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p class="tips">- 请选择办理的业务 -</p> |
|
|
|
<p class="tips">- 请选择办理的业务 -</p> |
|
|
|
<ul class="take-list"> |
|
|
|
<ul class="take-list"> |
|
|
|
<li :class="{checked: takeCheck == 1}" @click="checkTake(1)"> |
|
|
|
<!-- @click="checkTake(index)" --> |
|
|
|
|
|
|
|
<li v-for="(item, index) in handleBusiness" :class="{checked: takeCheck == index}" :key="item.key" @click="checkTake(index)"> |
|
|
|
|
|
|
|
<img :src="item.img" :alt="item.name" :title="item.name"> |
|
|
|
|
|
|
|
<p>{{ item.name }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<!-- <li :class="{checked: takeCheck == 400}" @click="checkTake(400)"> |
|
|
|
<img src="@/assets/svg/cash.svg" alt=""> |
|
|
|
<img src="@/assets/svg/cash.svg" alt=""> |
|
|
|
<p>现金业务</p> |
|
|
|
<p>现金业务</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: takeCheck == 2}" @click="checkTake(2)"> |
|
|
|
<li :class="{checked: takeCheck == 401}" @click="checkTake(401)"> |
|
|
|
<img src="@/assets/svg/non-cash.svg" alt=""> |
|
|
|
<img src="@/assets/svg/non-cash.svg" alt=""> |
|
|
|
<p>个人非现金业务</p> |
|
|
|
<p>个人非现金业务</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: takeCheck == 3}" @click="checkTake(3)"> |
|
|
|
<li :class="{checked: takeCheck == 402}" @click="checkTake(402)"> |
|
|
|
<img src="@/assets/svg/company.svg" alt=""> |
|
|
|
<img src="@/assets/svg/company.svg" alt=""> |
|
|
|
<p>公司业务</p> |
|
|
|
<p>公司业务</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: takeCheck == 4}" @click="checkTake(4)"> |
|
|
|
<li :class="{checked: takeCheck == 403}" @click="checkTake(403)"> |
|
|
|
<img src="@/assets/svg/financial.svg" alt=""> |
|
|
|
<img src="@/assets/svg/financial.svg" alt=""> |
|
|
|
<p>理财业务</p> |
|
|
|
<p>理财业务</p> |
|
|
|
</li> |
|
|
|
</li> --> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div class="dia-footer"> |
|
|
|
<div class="dia-footer"> |
|
|
|
<button type="button" @click="confirmTake">确定</button> |
|
|
|
<button type="button" @click="confirmTake" v-throttle>确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- :visible.sync="takeResultVisible" --> |
|
|
|
<el-dialog :visible.sync="takeResultVisible" width="400px" :close-on-click-modal="false" :show-close="false" custom-class="data-dia"> |
|
|
|
<el-dialog :visible.sync="takeResultVisible" width="400px" :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">{{ workingName + '机'}}</div> |
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="takeResultVisible = false"> |
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="takeResultVisible = false"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="result"> |
|
|
|
<div class="result"> |
|
|
|
<div style='width: 60px;height: 60px;margin: auto'> |
|
|
|
<div style='width: 60px;height: 60px;margin: auto'> |
|
|
|
<img src="@/assets/img/finish.png" alt=""> |
|
|
|
<img src="@/assets/img/finish.png" alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<h6>取号成功</h6> |
|
|
|
<h6>{{ workingName + '成功'}}</h6> |
|
|
|
<p class="text">您选择了现金业务</p> |
|
|
|
<p v-if="workingName === '取号'" class="text">您选择了{{ handleBusiness[takeCheck]? handleBusiness[takeCheck].name: ''}}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
@ -63,74 +68,88 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p class="tips">- 请单击选中所需材料、双击可放大预览 -</p> |
|
|
|
<p class="tips">- 请单击选中所需材料、双击可放大预览 -</p> |
|
|
|
<ul class="list"> |
|
|
|
<ul class="list"> |
|
|
|
<li :class="{checked: checkList.includes(1)}" @click="checkData(1)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[0].key)}" @click="checkData(elImg[0].key)"> |
|
|
|
<el-image |
|
|
|
<el-image |
|
|
|
:src="elImg[0]" |
|
|
|
:src="elImg[0].img" |
|
|
|
:fit="elImgFit" |
|
|
|
:fit="elImgFit" |
|
|
|
|
|
|
|
:title="elImg[0].name" |
|
|
|
|
|
|
|
:alt="elImg[0].name" |
|
|
|
></el-image> |
|
|
|
></el-image> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <img style='width: 100%;height: 154px' src="@/assets/img/goods/accountApplyBook.jpg" alt=""> --> |
|
|
|
<!-- <img style='width: 100%;height: 154px' src="@/assets/img/goods/accountApplyBook.jpg" alt=""> --> |
|
|
|
<p>开户申请书</p> |
|
|
|
<p>{{ elImg[0].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(2)}" @click="checkData(2)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[1].key)}" @click="checkData(elImg[1].key)"> |
|
|
|
<img src="@/assets/img/idCard-copy-sm.png" alt=""> |
|
|
|
<img :src="elImg[1].img" :alt="elImg[1].name" :title="elImg[1].name"> |
|
|
|
<p>密码挂失申请书</p> |
|
|
|
<p>{{ elImg[1].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(3)}" @click="checkData(3)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[2].key)}" @click="checkData(elImg[2].key)"> |
|
|
|
<el-image |
|
|
|
<el-image |
|
|
|
style="margin-top: 0" |
|
|
|
style="margin-top: 0" |
|
|
|
:src="elImg[2]" |
|
|
|
:src="elImg[2].img" |
|
|
|
:fit="elImgFit" |
|
|
|
:fit="elImgFit" |
|
|
|
></el-image> |
|
|
|
></el-image> |
|
|
|
<p>特殊业务申请书</p> |
|
|
|
<p>{{ elImg[2].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(4)}" @click="checkData(4)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[3].key)}" @click="checkData(elImg[3].key)"> |
|
|
|
<img style="margin-top: 10px" src="@/assets/img/goods/cash-sm.png" alt=""> |
|
|
|
<!-- <img class="" :src="elImg[3].img" :alt="elImg[3].name" :title="elImg[3].name"> --> |
|
|
|
<p style="font-size: 14px;line-height: 15px">开立单位银行结算账户申请书</p> |
|
|
|
<el-image |
|
|
|
|
|
|
|
style="margin-top: 0" |
|
|
|
|
|
|
|
:src="elImg[3].img" |
|
|
|
|
|
|
|
:fit="elImgFit" |
|
|
|
|
|
|
|
></el-image> |
|
|
|
|
|
|
|
<p style="font-size: 14px;line-height: 15px">{{ elImg[3].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(5)}" @click="checkData(5)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[4].key)}" @click="checkData(elImg[4].key)"> |
|
|
|
<img src="@/assets/img/goods/CashCertificate.png" alt=""> |
|
|
|
<img :src="elImg[4].img" :alt="elImg[4].name" :title="elImg[4].name"> |
|
|
|
<p>现金存款凭证</p> |
|
|
|
<p>{{ elImg[4].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(6)}" @click="checkData(6)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[5].key)}" @click="checkData(elImg[5].key)"> |
|
|
|
<img src="@/assets/img/goods/zzpt.png" alt=""> |
|
|
|
<img :src="elImg[5].img" :alt="elImg[5].name" :title="elImg[5].name"> |
|
|
|
<p>转账凭证</p> |
|
|
|
<p>{{ elImg[5].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(7)}" @click="checkData(7)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[6].key)}" @click="checkData(elImg[6].key)"> |
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
<el-image |
|
|
|
<el-image |
|
|
|
:src="elImg[1]" |
|
|
|
:src="elImg[6].img" |
|
|
|
:fit="elImgFit" |
|
|
|
:fit="elImgFit" |
|
|
|
|
|
|
|
:title="elImg[6].name" |
|
|
|
|
|
|
|
:alt="elImg[6].name" |
|
|
|
lazy></el-image> |
|
|
|
lazy></el-image> |
|
|
|
<p>现金支票</p> |
|
|
|
<p>{{ elImg[6].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(8)}" @click="checkData(8)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[7].key)}" @click="checkData(elImg[7].key)"> |
|
|
|
<img style="margin-top: 10px" src="@/assets/img/goods/cash-sm.png" alt=""> |
|
|
|
<img style="margin-top: 10px" :src="elImg[7].img" :alt="elImg[7].name" :title="elImg[7].name"> |
|
|
|
<p>转账支票</p> |
|
|
|
<p>{{ elImg[7].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(9)}" @click="checkData(9)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[8].key)}" @click="checkData(elImg[8].key)"> |
|
|
|
<img src="@/assets/img/idCard-copy-sm.png" alt=""> |
|
|
|
<img :src="elImg[8].img" :alt="elImg[8].name" :title="elImg[8].name"> |
|
|
|
<p>支票领购单</p> |
|
|
|
<p>{{ elImg[8].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(10)}" @click="checkData(10)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[9].key)}" @click="checkData(elImg[9].key)"> |
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
<el-image |
|
|
|
<el-image |
|
|
|
:src="elImg[1]" |
|
|
|
:src="elImg[9].img" |
|
|
|
:fit="elImgFit" |
|
|
|
:fit="elImgFit" |
|
|
|
|
|
|
|
:title="elImg[9].name" |
|
|
|
|
|
|
|
:alt="elImg[9].name" |
|
|
|
lazy></el-image> |
|
|
|
lazy></el-image> |
|
|
|
<p>现金缴款单</p> |
|
|
|
<p>{{ elImg[9].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<li :class="{checked: checkList.includes(11)}" @click="checkData(11)"> |
|
|
|
<li :class="{checked: checkList.includes(elImg[10].key)}" @click="checkData(elImg[10].key)"> |
|
|
|
<img style="margin-top: 10px" src="@/assets/img/goods/cash-sm.png" alt=""> |
|
|
|
<img style="margin-top: 10px" :src="elImg[10].img" :alt="elImg[10].name" :title="elImg[10].name"> |
|
|
|
<p>境外汇款申请书</p> |
|
|
|
<p>{{ elImg[10].name }}</p> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
<!-- 这个是占位的! --> |
|
|
|
<!-- 这个是占位的! --> |
|
|
|
<li class="sitting2"></li> |
|
|
|
<li class="sitting2"></li> |
|
|
|
|
|
|
|
<li class="sitting2"></li> |
|
|
|
|
|
|
|
<li class="sitting2"></li> |
|
|
|
|
|
|
|
<li class="sitting2"></li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="dia-footer"> |
|
|
|
<div class="dia-footer"> |
|
|
|
<button type="button">确定</button> |
|
|
|
<button type="button" v-throttle @click="fillIt">确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
@ -141,23 +160,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
<ul class="list" style="justify-content: center"> |
|
|
|
<ul class="list" style="justify-content: center"> |
|
|
|
<li :class="{checked: checkList.includes(1)}" @click="checkData(1)"> |
|
|
|
<li v-for="item in elImg2" :class="{checked: checkList.includes(item.key)}" @click="checkData(item.key)" :key="item.key"> |
|
|
|
<img src="@/assets/img/idCard-sm.png" alt=""> |
|
|
|
<img :src="item.img" :title="item.name" :alt="item.name"> |
|
|
|
<p>身份证</p> |
|
|
|
<p>{{ item.name }}</p> |
|
|
|
</li> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li :class="{checked: checkList.includes(3)}" @click="checkData(3)" style='margin-left: 10px'> |
|
|
|
|
|
|
|
<!-- <img style="margin-top: 0" src="@/assets/img/open-account-apply-sm.png" alt=""> --> |
|
|
|
|
|
|
|
<el-image |
|
|
|
|
|
|
|
style="margin-top: 10px" |
|
|
|
|
|
|
|
:src="elImg[1]" |
|
|
|
|
|
|
|
:fit="elImgFit" |
|
|
|
|
|
|
|
></el-image> |
|
|
|
|
|
|
|
<p>开户申请书</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div class="dia-footer"> |
|
|
|
<div class="dia-footer"> |
|
|
|
<button type="button">确定</button> |
|
|
|
<button type="button" v-throttle @click="sureCopy">确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
@ -183,20 +192,37 @@ |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
<div class="dia-footer"> |
|
|
|
<div class="dia-footer"> |
|
|
|
<button type="button">确定</button> |
|
|
|
<button type="button" v-throttle>确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 图片查看器 --> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
|
|
|
custom-class="data-dia" |
|
|
|
|
|
|
|
:visible.sync="showImg" |
|
|
|
|
|
|
|
width="634px" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<img :src="imgSrc" class="w-full" alt=""> |
|
|
|
|
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
|
|
|
|
const projectId = sessionStorage.getItem('projectId') |
|
|
|
|
|
|
|
const startTime = sessionStorage.getItem('startTime') |
|
|
|
|
|
|
|
import { addOperation, getOperation } from '@/api/http' |
|
|
|
|
|
|
|
import saveSystemModule from '@/mixins/saveSystemModule' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'index', |
|
|
|
name: 'index', |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
takeCheck: '', |
|
|
|
workingName: '', // 正在工作的机器 |
|
|
|
|
|
|
|
clickNum: 0, // 点击次数 |
|
|
|
|
|
|
|
imgSrc: '', |
|
|
|
|
|
|
|
showImg: false, |
|
|
|
|
|
|
|
takeCheck: -1, |
|
|
|
takeVisible: false, |
|
|
|
takeVisible: false, |
|
|
|
takeResultVisible: false, |
|
|
|
takeResultVisible: false, |
|
|
|
dataVisible: false, |
|
|
|
dataVisible: false, |
|
|
@ -204,10 +230,27 @@ export default { |
|
|
|
copyVisible: false, |
|
|
|
copyVisible: false, |
|
|
|
recaptionVisible: false, |
|
|
|
recaptionVisible: false, |
|
|
|
elImgFit: 'contain', |
|
|
|
elImgFit: 'contain', |
|
|
|
|
|
|
|
handleBusiness: [ |
|
|
|
|
|
|
|
{ key: 400, name: '现金业务', img: require('@/assets/svg/cash.svg') }, |
|
|
|
|
|
|
|
{ key: 401, name: '个人非现金业务', img: require('@/assets/svg/non-cash.svg') }, |
|
|
|
|
|
|
|
{ key: 402, name: '公司业务', img: require('@/assets/svg/company.svg') }, |
|
|
|
|
|
|
|
{ key: 403, name: '理财业务', img: require('@/assets/svg/financial.svg') } |
|
|
|
|
|
|
|
], |
|
|
|
elImg: [ |
|
|
|
elImg: [ |
|
|
|
require('@/assets/img/goods/accountApplyBook.jpg'), |
|
|
|
{ img: require('@/assets/img/goods/accountApplyBook.jpg'), name: '开户申请书', key: 405 }, |
|
|
|
require('@/assets/img/open-account-apply-sm.png'), |
|
|
|
{ img: require('@/assets/img/idCard-copy-sm.png'), name: '密码挂失申请书', key: 406 }, |
|
|
|
require('@/assets/img/goods/businessSpecialApplication.png') |
|
|
|
{ img: require('@/assets/img/goods/businessSpecialApplication.png'), name: '特殊业务申请书', key: 407 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/ApplicationBankSettlement.png'), name: '开立单位银行结算账户申请书', key: 408 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/CashCertificate.png'), name: '现金存款凭证', key: 409 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/zzpt.png'), name: '转账凭证', key: 410 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/xjzp.png'), name: '现金支票', key: 411 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/sy-zzzp.png'), name: '转账支票', key: 412 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/CheckCoupons.png'), name: '支票领购单', key: 413 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/cash-sm.png'), name: '现金缴款单', key: 414 }, |
|
|
|
|
|
|
|
{ img: require('@/assets/img/goods/cash-sm.png'), name: '境外汇款申请书', key: 415 }, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
elImg2: [ |
|
|
|
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 14 }, |
|
|
|
], |
|
|
|
], |
|
|
|
listLi1 : [ |
|
|
|
listLi1 : [ |
|
|
|
{checked: 1, click: 1, src: require('@/assets/img/goods/accountApplyBook.jpg'), title: '开户申请书'}, |
|
|
|
{checked: 1, click: 1, src: require('@/assets/img/goods/accountApplyBook.jpg'), title: '开户申请书'}, |
|
|
@ -215,6 +258,7 @@ export default { |
|
|
|
{checked: 3, click: 3, src: require('@/assets/img/goods/businessSpecialApplication.png'), title: '特殊业务申请书'}, |
|
|
|
{checked: 3, click: 3, src: require('@/assets/img/goods/businessSpecialApplication.png'), title: '特殊业务申请书'}, |
|
|
|
{checked: 4, click: 4, src: require('@/assets/img/goods/cash-sm.png'), title: '开立单位银行结算账户申请书'}, |
|
|
|
{checked: 4, click: 4, src: require('@/assets/img/goods/cash-sm.png'), title: '开立单位银行结算账户申请书'}, |
|
|
|
{checked: 1, click: 5, src: require('@/assets/img/goods/CashCertificate.png'), title: '现金存款凭证'}, |
|
|
|
{checked: 1, click: 5, src: require('@/assets/img/goods/CashCertificate.png'), title: '现金存款凭证'}, |
|
|
|
|
|
|
|
|
|
|
|
{checked: 2, click: 6, src: require('@/assets/img/goods/zzpt.png'), title: '转账凭证'}, |
|
|
|
{checked: 2, click: 6, src: require('@/assets/img/goods/zzpt.png'), title: '转账凭证'}, |
|
|
|
{checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '境外汇款申请书'}, |
|
|
|
{checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '境外汇款申请书'}, |
|
|
|
{checked: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金支票'}, |
|
|
|
{checked: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金支票'}, |
|
|
@ -226,26 +270,187 @@ export default { |
|
|
|
lazy1: require('@/assets/img/manager.png') |
|
|
|
lazy1: require('@/assets/img/manager.png') |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
mixins: [saveSystemModule], |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
showTake(type){ |
|
|
|
showTake(type){ |
|
|
|
|
|
|
|
this.workingName = '取号' |
|
|
|
this.takeVisible = true |
|
|
|
this.takeVisible = true |
|
|
|
}, |
|
|
|
}, |
|
|
|
checkTake(id){ |
|
|
|
checkTake(index){ |
|
|
|
this.takeCheck = id |
|
|
|
if(this.takeCheck === index) { |
|
|
|
|
|
|
|
this.takeCheck = -1 |
|
|
|
|
|
|
|
}else { |
|
|
|
|
|
|
|
this.takeCheck = index |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeTakeDia(){ |
|
|
|
closeTakeDia(){ |
|
|
|
this.takeVisible = false |
|
|
|
this.takeVisible = false |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeTake(){ |
|
|
|
closeTake(){ |
|
|
|
this.takeCheck = '' |
|
|
|
// this.takeCheck = 0 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 取号 |
|
|
|
confirmTake(){ |
|
|
|
confirmTake(){ |
|
|
|
|
|
|
|
if(this.takeCheck < 0) { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '请选择一个您要办理的业务', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,25,33,43" |
|
|
|
|
|
|
|
const formList = []; |
|
|
|
|
|
|
|
formList.push({"answerId":this.handleBusiness[this.takeCheck].key,"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,399,' + this.handleBusiness[this.takeCheck].key, "type": ""}) |
|
|
|
|
|
|
|
const params= { |
|
|
|
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,399', |
|
|
|
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
projectId:+projectId, |
|
|
|
|
|
|
|
startTime:startTime, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
this.takeVisible = false |
|
|
|
this.takeVisible = false |
|
|
|
this.takeResultVisible = true |
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 2000) |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
showClose: true, |
|
|
|
|
|
|
|
message: '网络可能有问题哦,取号失败', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 填单 |
|
|
|
|
|
|
|
fillIt() { |
|
|
|
|
|
|
|
const formList = []; |
|
|
|
|
|
|
|
const checkList = [...this.checkList] |
|
|
|
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '请选择至少一个填单', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
for(let i=0; i<checkList.length; i++) { |
|
|
|
|
|
|
|
formList.push({"answerId":checkList[i],"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,404,' + checkList[i], "type": ""}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const params= { |
|
|
|
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286, 404', |
|
|
|
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
projectId:+projectId, |
|
|
|
|
|
|
|
startTime:startTime, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
// ... |
|
|
|
|
|
|
|
this.dataVisible = false |
|
|
|
|
|
|
|
this.checkList = [] |
|
|
|
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 2000) |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
showClose: true, |
|
|
|
|
|
|
|
message: '网络可能有问题哦,填单失败', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 复印 |
|
|
|
|
|
|
|
sureCopy() { |
|
|
|
|
|
|
|
const formList = []; |
|
|
|
|
|
|
|
const checkList = [...this.checkList] |
|
|
|
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '请选择至少一个文件进行复印', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
for(let i=0; i<checkList.length; i++) { |
|
|
|
|
|
|
|
formList.push({"answerId":checkList[i],"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416,' + checkList[i], "type": ""}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const params= { |
|
|
|
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286, 416', |
|
|
|
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
projectId:+projectId, |
|
|
|
|
|
|
|
startTime:startTime, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
// ... |
|
|
|
|
|
|
|
this.copyVisible = false |
|
|
|
|
|
|
|
this.checkList = [] |
|
|
|
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 2000) |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
showClose: true, |
|
|
|
|
|
|
|
message: '网络可能有问题哦,填单失败', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
takeBack() { |
|
|
|
|
|
|
|
const formList = []; |
|
|
|
|
|
|
|
const checkList = [...this.checkList] |
|
|
|
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
message: '请取回至少一个文件', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
for(let i=0; i<checkList.length; i++) { |
|
|
|
|
|
|
|
formList.push({"answerId":checkList[i],"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416,' + checkList[i], "type": ""}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
const params= { |
|
|
|
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286, 416', |
|
|
|
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
|
|
|
projectId:+projectId, |
|
|
|
|
|
|
|
startTime:startTime, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
|
|
|
// ... |
|
|
|
|
|
|
|
this.copyVisible = false |
|
|
|
|
|
|
|
this.checkList = [] |
|
|
|
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 2000) |
|
|
|
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
showClose: true, |
|
|
|
|
|
|
|
message: '网络可能有问题哦,填单失败', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
center: true |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 返回跳转路由 没啥好看的 |
|
|
|
toPart(){ |
|
|
|
toPart(){ |
|
|
|
this.$router.push('/index/list') |
|
|
|
this.$router.push('/index/list') |
|
|
|
// let token = sessionStorage.getItem('token') |
|
|
|
// let token = sessionStorage.getItem('token') |
|
|
@ -271,11 +476,46 @@ export default { |
|
|
|
// // location.href = "http://192.168.31.254:8093/#/index/list?"+'token='+token+'&cid='+cid+'&systemId='+systemId |
|
|
|
// // location.href = "http://192.168.31.254:8093/#/index/list?"+'token='+token+'&cid='+cid+'&systemId='+systemId |
|
|
|
// } |
|
|
|
// } |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
dblClickFn(item,val){/* 选中/预览 单/双击函数 */ |
|
|
|
|
|
|
|
let that = this |
|
|
|
|
|
|
|
this.clickNum++ |
|
|
|
|
|
|
|
if (this.clickNum === 2) { // 处理双击事件 |
|
|
|
|
|
|
|
this.clickNum = 0; |
|
|
|
|
|
|
|
this.showImg = true |
|
|
|
|
|
|
|
this.imgSrc = item.img |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
setTimeout(function () { |
|
|
|
|
|
|
|
if (that.clickNum === 1) {// 处理单击事件 |
|
|
|
|
|
|
|
that.clickNum = 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 200) |
|
|
|
|
|
|
|
}, |
|
|
|
showData(){ |
|
|
|
showData(){ |
|
|
|
|
|
|
|
this.workingName = '填单' |
|
|
|
this.dataVisible = true |
|
|
|
this.dataVisible = true |
|
|
|
}, |
|
|
|
}, |
|
|
|
checkData(id){ |
|
|
|
checkData(id){ |
|
|
|
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++ |
|
|
|
|
|
|
|
if (this.clickNum === 2) { // 处理双击事件 |
|
|
|
|
|
|
|
let itemIndex = -1 |
|
|
|
|
|
|
|
if(this.workingName === '填单') { |
|
|
|
|
|
|
|
itemIndex = this.elImg.findIndex(item => item.key === id) |
|
|
|
|
|
|
|
this.imgSrc = this.elImg[itemIndex].img |
|
|
|
|
|
|
|
}else if(this.workingName === '复印') { |
|
|
|
|
|
|
|
itemIndex = this.elImg2.findIndex(item => item.key === id) |
|
|
|
|
|
|
|
this.imgSrc = this.elImg2[itemIndex].img |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.clickNum = 0; |
|
|
|
|
|
|
|
this.showImg = true |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
if (this.clickNum === 1) {// 处理单击事件 |
|
|
|
|
|
|
|
this.clickNum = 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, 200) |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeDataDia(){ |
|
|
|
closeDataDia(){ |
|
|
|
this.dataVisible = false |
|
|
|
this.dataVisible = false |
|
|
@ -285,12 +525,14 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
showCopy(){ |
|
|
|
showCopy(){ |
|
|
|
|
|
|
|
this.workingName = '复印' |
|
|
|
this.copyVisible = true |
|
|
|
this.copyVisible = true |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeCopyDia(){ |
|
|
|
closeCopyDia(){ |
|
|
|
this.copyVisible = false |
|
|
|
this.copyVisible = false |
|
|
|
}, |
|
|
|
}, |
|
|
|
showRecaption() { |
|
|
|
showRecaption() { |
|
|
|
|
|
|
|
this.workingName = '取回' |
|
|
|
this.recaptionVisible = true |
|
|
|
this.recaptionVisible = true |
|
|
|
}, |
|
|
|
}, |
|
|
|
closeRecaption() { |
|
|
|
closeRecaption() { |
|
|
|