|
|
|
@ -13,7 +13,8 @@ |
|
|
|
|
<li @click="showRecaption" class=" duration-1000">取回</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<el-dialog :visible.sync="takeVisible" style="width: 100%" @close="closeTake" :close-on-click-modal="false" :show-close="false" custom-class="data-dia "> |
|
|
|
|
<el-dialog :visible.sync="takeVisible" style="width: 100%" @close="closeTake" :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="closeTakeDia"> |
|
|
|
@ -21,7 +22,8 @@ |
|
|
|
|
<p class="tips">- 请选择办理的业务 -</p> |
|
|
|
|
<ul class="take-list"> |
|
|
|
|
<!-- @click="checkTake(index)" --> |
|
|
|
|
<li v-for="(item, index) in handleBusiness" :class="{checked: takeCheck == index}" :key="item.key" @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> |
|
|
|
@ -47,104 +49,84 @@ |
|
|
|
|
</div> |
|
|
|
|
</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 class="data-title">{{ workingName + '机'}}</div> |
|
|
|
|
<div class="data-title">{{ workingName + '机' }}</div> |
|
|
|
|
<img class="close" src="@/assets/svg/close.svg" alt="" @click="takeResultVisible = false"> |
|
|
|
|
</div> |
|
|
|
|
<div class="result"> |
|
|
|
|
<div style='width: 60px;height: 60px;margin: auto'> |
|
|
|
|
<img src="@/assets/img/finish.png" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<h6>{{ workingName + '成功'}}</h6> |
|
|
|
|
<p v-if="workingName === '取号'" class="text">您选择了{{ handleBusiness[takeCheck]? handleBusiness[takeCheck].name: ''}}</p> |
|
|
|
|
<h6>{{ workingName + '成功' }}</h6> |
|
|
|
|
<p v-if="workingName === '取号'" class="text">您选择了{{ handleBusiness[takeCheck] ? handleBusiness[takeCheck].name : |
|
|
|
|
''}}</p> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="dataVisible" style="width: 100%;margin-top: -90px;" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia"> |
|
|
|
|
<el-dialog :visible.sync="dataVisible" style="width: 100%;margin-top: -90px;" @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="closeDataDia"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中所需材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[0].key)}" @click="checkData(elImg[0].key)"> |
|
|
|
|
<el-image |
|
|
|
|
:src="elImg[0].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
:title="elImg[0].name" |
|
|
|
|
:alt="elImg[0].name" |
|
|
|
|
></el-image> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[0].key) }" @click="checkData(elImg[0].key)"> |
|
|
|
|
<el-image :src="elImg[0].img" :fit="elImgFit" :title="elImg[0].name" :alt="elImg[0].name"></el-image> |
|
|
|
|
|
|
|
|
|
<!-- <img style='width: 100%;height: 154px' src="@/assets/img/goods/accountApplyBook.jpg" alt=""> --> |
|
|
|
|
<p>{{ elImg[0].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[1].key)}" @click="checkData(elImg[1].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[1].key) }" @click="checkData(elImg[1].key)"> |
|
|
|
|
<img :src="elImg[1].img" :alt="elImg[1].name" :title="elImg[1].name"> |
|
|
|
|
<p>{{ elImg[1].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[2].key)}" @click="checkData(elImg[2].key)"> |
|
|
|
|
<el-image |
|
|
|
|
style="margin-top: 0" |
|
|
|
|
:src="elImg[2].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[2].key) }" @click="checkData(elImg[2].key)"> |
|
|
|
|
<el-image style="margin-top: 0" :src="elImg[2].img" :fit="elImgFit"></el-image> |
|
|
|
|
<p>{{ elImg[2].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[3].key)}" @click="checkData(elImg[3].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[3].key) }" @click="checkData(elImg[3].key)"> |
|
|
|
|
<!-- <img class="" :src="elImg[3].img" :alt="elImg[3].name" :title="elImg[3].name"> --> |
|
|
|
|
<el-image |
|
|
|
|
style="margin-top: 0" |
|
|
|
|
:src="elImg[3].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<el-image style="margin-top: 0" :src="elImg[3].img" :fit="elImgFit"></el-image> |
|
|
|
|
<p :title="elImg[3].name">{{ elImg[3].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[4].key)}" @click="checkData(elImg[4].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[4].key) }" @click="checkData(elImg[4].key)"> |
|
|
|
|
<img :src="elImg[4].img" :alt="elImg[4].name" :title="elImg[4].name"> |
|
|
|
|
<p>{{ elImg[4].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[5].key)}" @click="checkData(elImg[5].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[5].key) }" @click="checkData(elImg[5].key)"> |
|
|
|
|
<img :src="elImg[5].img" :alt="elImg[5].name" :title="elImg[5].name"> |
|
|
|
|
<p>{{ elImg[5].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[6].key)}" @click="checkData(elImg[6].key)"> |
|
|
|
|
<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=""> --> |
|
|
|
|
<el-image |
|
|
|
|
:src="elImg[6].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
:title="elImg[6].name" |
|
|
|
|
:alt="elImg[6].name" |
|
|
|
|
lazy></el-image> |
|
|
|
|
<el-image :src="elImg[6].img" :fit="elImgFit" :title="elImg[6].name" :alt="elImg[6].name" lazy></el-image> |
|
|
|
|
<p>{{ elImg[6].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[7].key)}" @click="checkData(elImg[7].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[7].key) }" @click="checkData(elImg[7].key)"> |
|
|
|
|
<img style="margin-top: 10px" :src="elImg[7].img" :alt="elImg[7].name" :title="elImg[7].name"> |
|
|
|
|
<p>{{ elImg[7].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[8].key)}" @click="checkData(elImg[8].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[8].key) }" @click="checkData(elImg[8].key)"> |
|
|
|
|
<img :src="elImg[8].img" :alt="elImg[8].name" :title="elImg[8].name"> |
|
|
|
|
<p>{{ elImg[8].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[9].key)}" @click="checkData(elImg[9].key)"> |
|
|
|
|
<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=""> --> |
|
|
|
|
<el-image |
|
|
|
|
:src="elImg[9].img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
:title="elImg[9].name" |
|
|
|
|
:alt="elImg[9].name" |
|
|
|
|
lazy></el-image> |
|
|
|
|
<el-image :src="elImg[9].img" :fit="elImgFit" :title="elImg[9].name" :alt="elImg[9].name" lazy></el-image> |
|
|
|
|
<p>{{ elImg[9].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[10].key)}" @click="checkData(elImg[10].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[10].key) }" @click="checkData(elImg[10].key)"> |
|
|
|
|
<img style="margin-top: 10px" :src="elImg[10].img" :alt="elImg[10].name" :title="elImg[10].name"> |
|
|
|
|
<p>{{ elImg[10].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[11].key)}" @click="checkData(elImg[11].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[11].key) }" @click="checkData(elImg[11].key)"> |
|
|
|
|
<img style="margin-top: 10px" :src="elImg[11].img" :alt="elImg[11].name" :title="elImg[11].name"> |
|
|
|
|
<p>{{ elImg[11].name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<li :class="{checked: checkList.includes(elImg[12].key)}" @click="checkData(elImg[12].key)"> |
|
|
|
|
<li :class="{ checked: checkList.includes(elImg[12].key) }" @click="checkData(elImg[12].key)"> |
|
|
|
|
<img style="margin-top: 10px" :src="elImg[12].img" :alt="elImg[12].name" :title="elImg[12].name"> |
|
|
|
|
<p>{{ elImg[12].name }}</p> |
|
|
|
|
</li> |
|
|
|
@ -160,24 +142,22 @@ |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-dialog :visible.sync="copyVisible" style="width: 100%" @close="closeData" :close-on-click-modal="false" :show-close="false" custom-class="data-dia "> |
|
|
|
|
<el-dialog :visible.sync="copyVisible" 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="closeCopyDia"> |
|
|
|
|
</div> |
|
|
|
|
<p class="tips">- 请单击选中复印材料、双击可放大预览 -</p> |
|
|
|
|
<ul class="flex justify-center"> |
|
|
|
|
<div v-for="item in elImg2" class="list flex-col spacialStyle" style="justify-content: flex-start" @click="checkData(item.key, item.copyState)" :key="item.key"> |
|
|
|
|
<li :class="{checked: checkList.includes(item.key)}"> |
|
|
|
|
<div v-for="item in elImg2" class="list flex-col spacialStyle" style="justify-content: flex-start" |
|
|
|
|
@click="checkData(item.key, item.copyState)" :key="item.key"> |
|
|
|
|
<li :class="{ checked: checkList.includes(item.key) }"> |
|
|
|
|
<!-- <img :src="item.img" :title="item.name" :alt="item.name"> --> |
|
|
|
|
<el-image |
|
|
|
|
style="margin-top: -10" |
|
|
|
|
:src="item.img" |
|
|
|
|
:fit="elImgFit" |
|
|
|
|
></el-image> |
|
|
|
|
<el-image style="margin-top: -10" :src="item.img" :fit="elImgFit"></el-image> |
|
|
|
|
<p>{{ item.name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<p>{{ item.copyState?'已复印': ' ' }}</p> |
|
|
|
|
<p>{{ item.copyState ? '已复印' : ' ' }}</p> |
|
|
|
|
</div> |
|
|
|
|
</ul> |
|
|
|
|
<div class="dia-footer"> |
|
|
|
@ -186,23 +166,22 @@ |
|
|
|
|
</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 flex-wrap" > |
|
|
|
|
<div v-for="item in elImg3" class="list flex-col spacialStyle" style="justify-content: flex-start" @click="checkData(item.key, item.returnState)" :key="item.key"> |
|
|
|
|
<li :class="{checked: checkList.includes(item.key)}"> |
|
|
|
|
<ul class="flex justify-center flex-wrap"> |
|
|
|
|
<div v-for="item in elImg3" class="list flex-col spacialStyle" style="justify-content: flex-start" |
|
|
|
|
@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> |
|
|
|
|
<el-image :src="item.img" :fit="elImgFit"></el-image> |
|
|
|
|
<p :title="item.name">{{ item.name }}</p> |
|
|
|
|
</li> |
|
|
|
|
<p>{{ item.returnState ? '已取回': (item.copy ? '复印件' : '') }}</p> |
|
|
|
|
<p>{{ item.returnState ? '已取回' : (item.copy ? '复印件' : '') }}</p> |
|
|
|
|
</div> |
|
|
|
|
</ul> |
|
|
|
|
<div class="dia-footer"> |
|
|
|
@ -236,11 +215,7 @@ |
|
|
|
|
</el-dialog> --> |
|
|
|
|
|
|
|
|
|
<!-- 图片查看器 --> |
|
|
|
|
<el-dialog |
|
|
|
|
custom-class="data-dia imgIndex" |
|
|
|
|
:visible.sync="showImg" |
|
|
|
|
width="800px" |
|
|
|
|
> |
|
|
|
|
<el-dialog custom-class="data-dia imgIndex" :visible.sync="showImg" width="800px"> |
|
|
|
|
<img :src="imgSrc" class="imgPop imgIndex min-w-full " alt=""> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
@ -254,7 +229,7 @@ import saveSystemModule from '@/mixins/saveSystemModule' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: 'index', |
|
|
|
|
data() { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
workingName: '', // 正在工作的机器 |
|
|
|
|
clickNum: 0, // 点击次数 |
|
|
|
@ -293,61 +268,61 @@ export default { |
|
|
|
|
{ img: require('@/assets/img/idCard-sm.png'), name: '身份证', key: 13, copyState: false, returnState: false }, |
|
|
|
|
], |
|
|
|
|
elImg3: [], |
|
|
|
|
listLi1 : [ |
|
|
|
|
{checked: 1, click: 1, src: require('@/assets/img/goods/accountApplyBook.jpg'), title: '开户申请书'}, |
|
|
|
|
{checked: 2, click: 2, src: require('@/assets/img/idCard-copy-sm.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: 1, click: 5, src: require('@/assets/img/goods/CashCertificate.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: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金支票'}, |
|
|
|
|
{checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '转账支票'}, |
|
|
|
|
{checked: 2, click: 6, src: require('@/assets/img/idCard-copy-sm.png'), title: '支票领购单'}, |
|
|
|
|
{checked: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金缴款单'}, |
|
|
|
|
{checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '境外汇款申请书'}, |
|
|
|
|
listLi1: [ |
|
|
|
|
{ checked: 1, click: 1, src: require('@/assets/img/goods/accountApplyBook.jpg'), title: '开户申请书' }, |
|
|
|
|
{ checked: 2, click: 2, src: require('@/assets/img/idCard-copy-sm.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: 1, click: 5, src: require('@/assets/img/goods/CashCertificate.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: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金支票' }, |
|
|
|
|
{ checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '转账支票' }, |
|
|
|
|
{ checked: 2, click: 6, src: require('@/assets/img/idCard-copy-sm.png'), title: '支票领购单' }, |
|
|
|
|
{ checked: 3, click: 7, src: require('@/assets/img/open-account-apply-sm.png'), title: '现金缴款单' }, |
|
|
|
|
{ checked: 4, click: 8, src: require('@/assets/img/goods/cash-sm.png'), title: '境外汇款申请书' }, |
|
|
|
|
], |
|
|
|
|
lazy1: require('@/assets/img/manager.png'), |
|
|
|
|
submited: 0 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
created () { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416' |
|
|
|
|
let param= { |
|
|
|
|
let param = { |
|
|
|
|
parentId |
|
|
|
|
} |
|
|
|
|
getOperation(param).then((data)=>{ |
|
|
|
|
getOperation(param).then((data) => { |
|
|
|
|
console.log('缓存的data') |
|
|
|
|
console.log(data) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
mixins: [saveSystemModule], |
|
|
|
|
mounted() { |
|
|
|
|
mounted () { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
showTake(type){ |
|
|
|
|
showTake (type) { |
|
|
|
|
this.workingName = '取号' |
|
|
|
|
this.takeVisible = true |
|
|
|
|
}, |
|
|
|
|
checkTake(index){ |
|
|
|
|
if(this.takeCheck === index) { |
|
|
|
|
checkTake (index) { |
|
|
|
|
if (this.takeCheck === index) { |
|
|
|
|
this.takeCheck = -1 |
|
|
|
|
}else { |
|
|
|
|
} else { |
|
|
|
|
this.takeCheck = index |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
closeTakeDia(){ |
|
|
|
|
closeTakeDia () { |
|
|
|
|
this.takeVisible = false |
|
|
|
|
}, |
|
|
|
|
closeTake(){ |
|
|
|
|
closeTake () { |
|
|
|
|
// this.takeCheck = 0 |
|
|
|
|
}, |
|
|
|
|
// 取号 |
|
|
|
|
confirmTake(){ |
|
|
|
|
confirmTake () { |
|
|
|
|
if (this.submited) return this.$message.error('已提交!') |
|
|
|
|
if(this.takeCheck < 0) { |
|
|
|
|
if (this.takeCheck < 0) { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请选择一个您要办理的业务', |
|
|
|
|
type: 'warning', |
|
|
|
@ -358,23 +333,23 @@ export default { |
|
|
|
|
|
|
|
|
|
// "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= { |
|
|
|
|
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, |
|
|
|
|
lcJudgmentRuleReq: formList, |
|
|
|
|
projectId: +projectId, |
|
|
|
|
startTime: startTime, |
|
|
|
|
} |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
addOperation(params).then((data) => { |
|
|
|
|
this.submited = 1 |
|
|
|
|
this.takeVisible = false |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
setTimeout(() => { |
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
if (this.takeResultVisible) { |
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
} |
|
|
|
|
}, 700) |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
}).catch((error) => { |
|
|
|
|
this.$message({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '网络可能有问题,取号失败', |
|
|
|
@ -386,10 +361,10 @@ export default { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
// 填单 |
|
|
|
|
fillIt() { |
|
|
|
|
fillIt () { |
|
|
|
|
const formList = []; |
|
|
|
|
let checkList = [...this.checkList] |
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
if (this.checkList.length <= 0) { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请选择至少一个填单', |
|
|
|
|
type: 'warning', |
|
|
|
@ -399,21 +374,21 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const tmp = sessionStorage.getItem('isFill') |
|
|
|
|
if(tmp) { |
|
|
|
|
if (tmp) { |
|
|
|
|
checkList = [...new Set([...JSON.parse(tmp), ...checkList])] |
|
|
|
|
} |
|
|
|
|
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": ""}) |
|
|
|
|
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= { |
|
|
|
|
const params = { |
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286, 404', |
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
projectId:+projectId, |
|
|
|
|
startTime:startTime, |
|
|
|
|
lcJudgmentRuleReq: formList, |
|
|
|
|
projectId: +projectId, |
|
|
|
|
startTime: startTime, |
|
|
|
|
} |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
addOperation(params).then((data) => { |
|
|
|
|
// ... |
|
|
|
|
this.dataVisible = false |
|
|
|
|
const isFill = [...this.checkList] |
|
|
|
@ -421,11 +396,11 @@ export default { |
|
|
|
|
this.checkList = [] |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
setTimeout(() => { |
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
if (this.takeResultVisible) { |
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
} |
|
|
|
|
}, 700) |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
}).catch((error) => { |
|
|
|
|
this.$message({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '网络可能有问题,填单失败', |
|
|
|
@ -435,10 +410,10 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 复印 |
|
|
|
|
sureCopy() { |
|
|
|
|
sureCopy () { |
|
|
|
|
const formList = []; |
|
|
|
|
const checkList = [...this.checkList] |
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
if (this.checkList.length <= 0) { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请选择至少一个文件进行复印', |
|
|
|
|
type: 'warning', |
|
|
|
@ -446,25 +421,25 @@ export default { |
|
|
|
|
}); |
|
|
|
|
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": ""}) |
|
|
|
|
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": "" }) |
|
|
|
|
} |
|
|
|
|
this.elImg2.map(item=> { |
|
|
|
|
if(item.copyState) { |
|
|
|
|
formList.push({"answerId":item.key,"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416,' + item.key, "type": ""}) |
|
|
|
|
this.elImg2.map(item => { |
|
|
|
|
if (item.copyState) { |
|
|
|
|
formList.push({ "answerId": item.key, "emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,416,' + item.key, "type": "" }) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
const params= { |
|
|
|
|
const params = { |
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286, 416', |
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
projectId:+projectId, |
|
|
|
|
startTime:startTime, |
|
|
|
|
lcJudgmentRuleReq: formList, |
|
|
|
|
projectId: +projectId, |
|
|
|
|
startTime: startTime, |
|
|
|
|
} |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
addOperation(params).then((data) => { |
|
|
|
|
// ... |
|
|
|
|
this.copyVisible = false |
|
|
|
|
this.elImg2.map(item => { |
|
|
|
|
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) { |
|
|
|
|
if (this.checkList.findIndex(item2 => item2 === item.key) !== -1) { |
|
|
|
|
item.copyState = true |
|
|
|
|
this.elImg3.find(e => e.key == item.key) || this.elImg3.push(item) // 取回弹框里没有该证件才需要添加进去 |
|
|
|
|
|
|
|
|
@ -472,13 +447,13 @@ export default { |
|
|
|
|
let copyItem |
|
|
|
|
// if (copyItem.key == 405) copyItem.key = 589 |
|
|
|
|
if (item.key == 13) { |
|
|
|
|
copyItem = {name:'身份证复印件',img:require('@/assets/img/idCard-copy-sm.png'),key:23,copyState: true,returnState: false} |
|
|
|
|
copyItem = { name: '身份证复印件', img: require('@/assets/img/idCard-copy-sm.png'), key: 23, copyState: true, returnState: false } |
|
|
|
|
} else if (item.key == 442) { |
|
|
|
|
copyItem = {name:'法人身份证复印件',img:require('@/assets/img/idCard-copy-sm.png'),key:431,copyState: true,returnState: false} |
|
|
|
|
copyItem = { name: '法人身份证复印件', img: require('@/assets/img/idCard-copy-sm.png'), key: 431, copyState: true, returnState: false } |
|
|
|
|
} else if (item.key == 434) { |
|
|
|
|
copyItem = {name:'统一社会信用代码证复印件',img:require('@/assets/img/goods/营业执照复印件.png'),key:435,copyState: true,returnState: false} |
|
|
|
|
copyItem = { name: '统一社会信用代码证复印件', img: require('@/assets/img/goods/营业执照复印件.png'), key: 435, copyState: true, returnState: false } |
|
|
|
|
} else if (item.key == 436) { |
|
|
|
|
copyItem = {name:'开户许可证复印件',img:require('@/assets/img/goods/开户许可证复印件.png'),key:437,copyState: true,returnState: false} |
|
|
|
|
copyItem = { name: '开户许可证复印件', img: require('@/assets/img/goods/开户许可证复印件.png'), key: 437, copyState: true, returnState: false } |
|
|
|
|
} |
|
|
|
|
if (copyItem) this.elImg3.push(copyItem) |
|
|
|
|
} |
|
|
|
@ -487,11 +462,11 @@ export default { |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
if (this.takeResultVisible) { |
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
} |
|
|
|
|
}, 700) |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
}).catch((error) => { |
|
|
|
|
this.$message({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '网络可能有问题,填单失败', |
|
|
|
@ -501,10 +476,10 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 取回 |
|
|
|
|
takeBack() { |
|
|
|
|
takeBack () { |
|
|
|
|
const formList = []; |
|
|
|
|
const checkList = [...this.checkList] |
|
|
|
|
if(this.checkList.length <= 0) { |
|
|
|
|
if (this.checkList.length <= 0) { |
|
|
|
|
this.$message({ |
|
|
|
|
message: '请取回至少一个文件', |
|
|
|
|
type: 'warning', |
|
|
|
@ -512,36 +487,36 @@ export default { |
|
|
|
|
}); |
|
|
|
|
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,553,' + checkList[i], "type": ""}) |
|
|
|
|
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,553,' + checkList[i], "type": "" }) |
|
|
|
|
} |
|
|
|
|
this.elImg3.map(item=> { |
|
|
|
|
if(item.returnState) { |
|
|
|
|
formList.push({"answerId":item.key,"emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,553,' + item.key, "type": ""}) |
|
|
|
|
this.elImg3.map(item => { |
|
|
|
|
if (item.returnState) { |
|
|
|
|
formList.push({ "answerId": item.key, "emptyOne": "", "emptyTwo": '', "operationIds": '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,553,' + item.key, "type": "" }) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
const params= { |
|
|
|
|
const params = { |
|
|
|
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',286,553', |
|
|
|
|
lcJudgmentRuleReq:formList, |
|
|
|
|
projectId:+projectId, |
|
|
|
|
startTime:startTime, |
|
|
|
|
lcJudgmentRuleReq: formList, |
|
|
|
|
projectId: +projectId, |
|
|
|
|
startTime: startTime, |
|
|
|
|
} |
|
|
|
|
addOperation(params).then((data)=>{ |
|
|
|
|
addOperation(params).then((data) => { |
|
|
|
|
// ... |
|
|
|
|
this.recaptionVisible = false |
|
|
|
|
this.elImg3.map(item => { |
|
|
|
|
if(this.checkList.findIndex(item2 => item2 === item.key ) !== -1) { |
|
|
|
|
if (this.checkList.findIndex(item2 => item2 === item.key) !== -1) { |
|
|
|
|
item.returnState = true |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.checkList = [] |
|
|
|
|
this.takeResultVisible = true |
|
|
|
|
setTimeout(() => { |
|
|
|
|
if(this.takeResultVisible) { |
|
|
|
|
if (this.takeResultVisible) { |
|
|
|
|
this.takeResultVisible = false |
|
|
|
|
} |
|
|
|
|
}, 700) |
|
|
|
|
}).catch((error)=>{ |
|
|
|
|
}).catch((error) => { |
|
|
|
|
this.$message({ |
|
|
|
|
showClose: true, |
|
|
|
|
message: '网络可能有问题,填单失败', |
|
|
|
@ -551,10 +526,10 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 返回跳转路由 没啥好看的 |
|
|
|
|
toPart(){ |
|
|
|
|
toPart () { |
|
|
|
|
this.$router.push('/index/list') |
|
|
|
|
}, |
|
|
|
|
dblClickFn(item,val){/* 选中/预览 单/双击函数 */ |
|
|
|
|
dblClickFn (item, val) {/* 选中/预览 单/双击函数 */ |
|
|
|
|
let that = this |
|
|
|
|
this.clickNum++ |
|
|
|
|
if (this.clickNum === 2) { // 处理双击事件 |
|
|
|
@ -568,26 +543,26 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, 200) |
|
|
|
|
}, |
|
|
|
|
showData(){ |
|
|
|
|
showData () { |
|
|
|
|
this.workingName = '填单' |
|
|
|
|
this.dataVisible = true |
|
|
|
|
}, |
|
|
|
|
checkData(id, state){ |
|
|
|
|
if(state) { |
|
|
|
|
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++ |
|
|
|
|
if (this.clickNum === 2) { // 处理双击事件 |
|
|
|
|
let itemIndex = -1 |
|
|
|
|
if(this.workingName === '填单') { |
|
|
|
|
if (this.workingName === '填单') { |
|
|
|
|
itemIndex = this.elImg.findIndex(item => item.key === id) |
|
|
|
|
this.imgSrc = this.elImg[itemIndex].img |
|
|
|
|
}else if(this.workingName === '复印') { |
|
|
|
|
} else if (this.workingName === '复印') { |
|
|
|
|
itemIndex = this.elImg2.findIndex(item => item.key === id) |
|
|
|
|
this.imgSrc = this.elImg2[itemIndex].img |
|
|
|
|
}else if(this.workingName === '取回') { |
|
|
|
|
} else if (this.workingName === '取回') { |
|
|
|
|
itemIndex = this.elImg2.findIndex(item => item.key === id) |
|
|
|
|
this.imgSrc = this.elImg2[itemIndex].img |
|
|
|
|
} |
|
|
|
@ -601,14 +576,14 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, 200) |
|
|
|
|
}, |
|
|
|
|
closeDataDia(){ |
|
|
|
|
closeDataDia () { |
|
|
|
|
this.dataVisible = false |
|
|
|
|
}, |
|
|
|
|
closeData(){ |
|
|
|
|
closeData () { |
|
|
|
|
this.checkList = [] |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
showCopy(){ |
|
|
|
|
showCopy () { |
|
|
|
|
console.log("🚀 ~ file: index.vue:607 ~ showCopy ~ this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id:", this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id) |
|
|
|
|
const { id } = this.$store.state.system.businessSelect[this.$store.state.system.businessKey] |
|
|
|
|
if (id === 500) { |
|
|
|
@ -640,14 +615,14 @@ export default { |
|
|
|
|
this.workingName = '复印' |
|
|
|
|
this.copyVisible = true |
|
|
|
|
}, |
|
|
|
|
closeCopyDia(){ |
|
|
|
|
closeCopyDia () { |
|
|
|
|
this.copyVisible = false |
|
|
|
|
}, |
|
|
|
|
showRecaption() { |
|
|
|
|
showRecaption () { |
|
|
|
|
this.workingName = '取回' |
|
|
|
|
this.recaptionVisible = true |
|
|
|
|
}, |
|
|
|
|
closeRecaption() { |
|
|
|
|
closeRecaption () { |
|
|
|
|
this.recaptionVisible = false |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
@ -655,30 +630,33 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.imgPop{ |
|
|
|
|
.imgPop { |
|
|
|
|
max-width: 100%; |
|
|
|
|
margin-top: 20px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.wrap{ |
|
|
|
|
background: rgb(245,246,248); |
|
|
|
|
width:100%; |
|
|
|
|
.wrap { |
|
|
|
|
background: rgb(245, 246, 248); |
|
|
|
|
width: 100%; |
|
|
|
|
//min-height:900px; |
|
|
|
|
overflow:hidden; |
|
|
|
|
.sth{ |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
.sth { |
|
|
|
|
position: absolute; |
|
|
|
|
&.cp{ |
|
|
|
|
|
|
|
|
|
&.cp { |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.guide{ |
|
|
|
|
|
|
|
|
|
.guide { |
|
|
|
|
top: 80px; |
|
|
|
|
left: 10px; |
|
|
|
|
width: 150px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
background:url(../../../assets/img/lobby-btn-bg.png); |
|
|
|
|
background: url(../../../assets/img/lobby-btn-bg.png); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
line-height: 50px; |
|
|
|
@ -686,30 +664,34 @@ export default { |
|
|
|
|
text-align: center; |
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
&:hover{ |
|
|
|
|
&:hover { |
|
|
|
|
opacity: .9; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.manager{ |
|
|
|
|
|
|
|
|
|
.manager { |
|
|
|
|
top: 68px; |
|
|
|
|
left: 10%; |
|
|
|
|
width: 80%; |
|
|
|
|
height: calc(100% - 68px); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.actions{ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.actions { |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0; |
|
|
|
|
left: 50%; |
|
|
|
|
padding: 55px; |
|
|
|
|
transform: translateX(-50%); |
|
|
|
|
background-color: rgba(255,255,255,.7); |
|
|
|
|
background-color: rgba(255, 255, 255, .7); |
|
|
|
|
border-top-left-radius: 20px; |
|
|
|
|
border-top-right-radius: 20px; |
|
|
|
|
.btns{ |
|
|
|
|
|
|
|
|
|
.btns { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
li{ |
|
|
|
|
|
|
|
|
|
li { |
|
|
|
|
width: 200px; |
|
|
|
|
margin-right: 50px; |
|
|
|
|
text-align: center; |
|
|
|
@ -719,16 +701,18 @@ export default { |
|
|
|
|
background: url(../../../assets/img/lobby-btn-bg.png) 0 0/cover no-repeat; |
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:last-child{ |
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/.data-dia{ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.data-dia { |
|
|
|
|
// width:80%; |
|
|
|
|
width: 800px; |
|
|
|
|
min-width:400px; |
|
|
|
|
min-width: 400px; |
|
|
|
|
margin: auto; |
|
|
|
|
|
|
|
|
|
.scannerImg { |
|
|
|
@ -736,13 +720,15 @@ export default { |
|
|
|
|
margin-top: 20px; |
|
|
|
|
max-height: 95%; |
|
|
|
|
} |
|
|
|
|
.take-list{ |
|
|
|
|
|
|
|
|
|
.take-list { |
|
|
|
|
width: 600px; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
li{ |
|
|
|
|
|
|
|
|
|
li { |
|
|
|
|
display: inline-flex; |
|
|
|
|
align-items: center; |
|
|
|
|
width: 250px; |
|
|
|
@ -750,52 +736,63 @@ export default { |
|
|
|
|
border: 4px solid #DBDBDB; |
|
|
|
|
border-radius: 20px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
background-color: rgba(216,216,216,0.10); |
|
|
|
|
&:first-child{ |
|
|
|
|
background-color: rgba(216, 216, 216, 0.10); |
|
|
|
|
|
|
|
|
|
&:first-child { |
|
|
|
|
margin: 0 0px 30px 0; |
|
|
|
|
} |
|
|
|
|
&:last-child{ |
|
|
|
|
|
|
|
|
|
&:last-child { |
|
|
|
|
//margin-left: 30px; |
|
|
|
|
} |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
width: 30%; |
|
|
|
|
} |
|
|
|
|
p{ |
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #000; |
|
|
|
|
text-align: center; |
|
|
|
|
font-weight: bold; |
|
|
|
|
padding: 0 15px; |
|
|
|
|
} |
|
|
|
|
&.checked{ |
|
|
|
|
background: rgba(97,145,255,0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat; |
|
|
|
|
|
|
|
|
|
&.checked { |
|
|
|
|
background: rgba(97, 145, 255, 0.10) url(../../../assets/svg/checked.svg) 96% 7%/auto no-repeat; |
|
|
|
|
border-color: #6191FF; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.result{ |
|
|
|
|
|
|
|
|
|
.result { |
|
|
|
|
margin: 30px 0 20px; |
|
|
|
|
text-align: center; |
|
|
|
|
img{ |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
width: 136px; |
|
|
|
|
} |
|
|
|
|
h6{ |
|
|
|
|
|
|
|
|
|
h6 { |
|
|
|
|
margin: 30px 0 10px; |
|
|
|
|
font-size: 30px; |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
.text{ |
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
|
font-size: 22px; |
|
|
|
|
color: #797979; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.list { |
|
|
|
|
min-width: 5vw; |
|
|
|
|
overflow: auto; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
li { |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
@ -809,19 +806,23 @@ export default { |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding: 10px; |
|
|
|
|
|
|
|
|
|
&>img { |
|
|
|
|
max-height: 80px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&>.el-image { |
|
|
|
|
width: 100%; |
|
|
|
|
max-height: 80px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
//transform: translateY(-35%); |
|
|
|
|
// width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
p{ |
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
font-size: 14px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
overflow: hidden; |
|
|
|
@ -838,6 +839,7 @@ export default { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
li { |
|
|
|
|
width: 140px; |
|
|
|
|
height: 140px; |
|
|
|
@ -851,6 +853,7 @@ export default { |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
overflow: hidden; |
|
|
|
|
padding: 10px; |
|
|
|
|
|
|
|
|
|
// &>img { |
|
|
|
|
// width: 100%; |
|
|
|
|
// //max-width: 90%; |
|
|
|
@ -859,12 +862,14 @@ export default { |
|
|
|
|
width: 100%; |
|
|
|
|
max-height: 80px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
//transform: translateY(-35%); |
|
|
|
|
// width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
p{ |
|
|
|
|
|
|
|
|
|
p { |
|
|
|
|
font-size: 14px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
} |
|
|
|
@ -876,15 +881,15 @@ export default { |
|
|
|
|
.dia-footer23 { |
|
|
|
|
background-color: red; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.sitting2 { |
|
|
|
|
.sitting2 { |
|
|
|
|
opacity: 0; |
|
|
|
|
cursor: default!important; |
|
|
|
|
} |
|
|
|
|
cursor: default !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.spacialStyle { |
|
|
|
|
.spacialStyle { |
|
|
|
|
margin: 0; |
|
|
|
|
width: auto!important; |
|
|
|
|
} |
|
|
|
|
width: auto !important; |
|
|
|
|
} |
|
|
|
|
</style> |