1903 lines
81 KiB
Vue
1903 lines
81 KiB
Vue
<template>
|
||
<view class="">
|
||
<top-bar></top-bar>
|
||
<common-nav></common-nav>
|
||
<view class="w-1200">
|
||
<common-swiper page="qyb" v-if="isSign"/>
|
||
<el-row :gutter="20">
|
||
<el-col :span="6">
|
||
<el-menu @select="menuSelect" :default-active="menuIndex" class="el-menu-vertical-demo">
|
||
<el-menu-item index="0">
|
||
<i class="el-icon-edit"></i>
|
||
<span slot="title">待创建</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="1">
|
||
<i class="el-icon-warning-outline"></i>
|
||
<span slot="title">待签署</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="2">
|
||
<i class="el-icon-circle-check"></i>
|
||
<span slot="title">已完成</span>
|
||
</el-menu-item>
|
||
<!-- <el-menu-item index="-1">-->
|
||
<!-- <i class="el-icon-delete"></i>-->
|
||
<!-- <span slot="title">已作废</span>-->
|
||
<!-- </el-menu-item>-->
|
||
</el-menu>
|
||
<view class="mt-20 bg-white flex justify-start items-center sign pointer" @click="selectSign">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20" :class="[isSign ? 'text-main' : '']">金久信签约宝</text>
|
||
</view>
|
||
<view class="bg-white flex justify-start items-center sign pointer" @click="selectSignIntro">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20" :class="[isSignIntro ? 'text-main' : '']">金久信签约宝简介</text>
|
||
</view>
|
||
<view class="bg-white flex justify-start items-center sign pointer" @click="selectSignLog">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20" :class="[isSignLog ? 'text-main' : '']">金久信签约宝消费明细</text>
|
||
</view>
|
||
<view class="bg-white flex justify-start items-center sign pointer" @click="selectSignTips">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20" :class="[isSignTips ? 'text-main' : '']">金久信签约宝重要提示</text>
|
||
</view>
|
||
<view class="bg-white flex justify-start items-center sign pointer" @click="selectSignFlow">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20" :class="[isSignFlow ? 'text-main' : '']">{{ signFlowTitle }}</text>
|
||
</view>
|
||
<view class="bg-white flex justify-start items-center sign pointer" @click="changeAuthInfo">
|
||
<view class="icon">
|
||
<agreement theme="outline" size="18" fill="#999" strokeLinecap="square"/>
|
||
</view>
|
||
<text class="ml-20">认证信息变更</text>
|
||
</view>
|
||
</el-col>
|
||
<el-col :span="18">
|
||
<view class="flex flex-col justify-start items-start" v-if="isSignLog">
|
||
<view class="trade-method">
|
||
<view @click="getSignLog(1)" class="trade-method-item"
|
||
:class="{active: signLogType === 'log'}">使用明细
|
||
</view>
|
||
<view @click="getSignBuyLog(1)" class="trade-method-item"
|
||
:class="{active: signLogType === 'payLog'}">付费明细
|
||
</view>
|
||
</view>
|
||
<template v-if="signLogType === 'log'">
|
||
<el-table :data="signLog.rows" style="width: 100%">
|
||
<el-table-column prop="_add_time_str" label="日期"/>
|
||
<el-table-column label="项目">
|
||
<template slot-scope="scope">
|
||
{{ parseInt(scope.row.contract.signType) === 1 ? '单据签约' : '合同签约' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="contract.transactionId" label="合同编号"/>
|
||
<el-table-column label="签约身份">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.mineContract ? (scope.row.mineContract.role === 'third' ? '第三方' : (scope.row.mineContract.userId === scope.row.userId ? '发起方' : '接收方')) : ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="扣除次数">
|
||
<template slot-scope="scope">
|
||
<p>扣除次数：1次</p>
|
||
<p v-if="scope.row.remainNum !== undefined && scope.row.remainNum !== null">
|
||
剩余次数：{{ scope.row.remainNum }}次</p>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<view class="flex justify-center items-center w-100p mt-20">
|
||
<el-pagination @current-change="getSignLog" background layout="prev, pager, next"
|
||
:total="signLog.total"></el-pagination>
|
||
</view>
|
||
</template>
|
||
<template v-else>
|
||
<el-table :data="signBuyLog.rows" style="width: 100%">
|
||
<el-table-column prop="_add_time_str" label="日期"/>
|
||
<el-table-column label="项目">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.type === 12 ? '合同司法调证' : '金久信签约宝续费' }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="orderNo" label="流水号"/>
|
||
<el-table-column label="缴费金额">
|
||
<template slot-scope="scope">
|
||
{{ scope.row.type === 12 ? scope.row.amount : scope.row.payAmount }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="采购次数">
|
||
<template slot-scope="scope">
|
||
<p>{{ scope.row.goods[0].goodsName }}</p>
|
||
<p v-if="scope.row.remainNum">剩余{{ scope.row.remainNum }}次</p>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作">
|
||
<template slot-scope="scope">
|
||
<view class="flex flex-col justify-start items-start">
|
||
<el-button size="mini" @click="openInvoice(scope.row._id)" type="primary"
|
||
v-if="!scope.row.isInvoice">申请发票
|
||
</el-button>
|
||
<template v-else>
|
||
<el-button size="mini" v-if="scope.row.isInvoice === 1">开票中</el-button>
|
||
<el-button size="mini" type="success" v-if="scope.row.isInvoice === 2"
|
||
@click.native="copyInvoice(scope.row)">下载
|
||
</el-button>
|
||
</template>
|
||
<el-button size="mini" style="margin-left: 0; margin-top: 10px"
|
||
v-if="scope.row.type === 12 && scope.row.certificate && scope.row.certificate.paymentMethod === 'advance'"
|
||
@click.native="openPayVoucher(scope.row.certificate)">查看支付凭证
|
||
</el-button>
|
||
</view>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<view class="flex justify-center items-center w-100p mt-20">
|
||
<el-pagination @current-change="getSignBuyLog" background layout="prev, pager, next"
|
||
:total="signBuyLog.total"></el-pagination>
|
||
</view>
|
||
</template>
|
||
</view>
|
||
<view class="contract-list" v-if="!isSign && !isSignIntro && !isSignLog && !isSignFlow && !isSignTips">
|
||
<view class="trade-method">
|
||
<!-- <view @click="changeTradeMethod(null)" class="trade-method-item"-->
|
||
<!-- :class="{active: (formData.tradeMethod === null && formData.type === null)}">全部-->
|
||
<!-- </view>-->
|
||
<!-- <view @click="changeTradeMethod(0)" class="trade-method-item"-->
|
||
<!-- :class="{active: formData.tradeMethod === 0}">自主交易-->
|
||
<!-- </view>-->
|
||
<!-- <view @click="changeTradeMethod(1)" class="trade-method-item"-->
|
||
<!-- :class="{active: formData.tradeMethod === 1}">金久信公正-->
|
||
<!-- </view>-->
|
||
<view @click="changeType('sign')" class="trade-method-item"
|
||
:class="{active: formData.type === 'sign'}">金久信签约宝
|
||
</view>
|
||
</view>
|
||
<view class="flex justify-start items-center" v-if="menuIndex === '2'">
|
||
<view style="flex: 0 0 200px">
|
||
<el-radio-group v-model="signTypeFilter" fill="#A92924" @change="query(1)">
|
||
<el-radio-button label="2">合同签约</el-radio-button>
|
||
<el-radio-button label="1">单据签约</el-radio-button>
|
||
</el-radio-group>
|
||
</view>
|
||
<el-input class="ml-10" @keyup.enter.native="query(1)" clearable placeholder="输入签约方关键字搜索"
|
||
v-model="keyword">
|
||
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
||
<el-button @click="query(1)" type="primary" slot="append" style="border-radius: 0">搜索
|
||
</el-button>
|
||
</el-input>
|
||
</view>
|
||
<view v-for="(item,index) in tableData.rows" class="contract-box" :key="index">
|
||
<view class="contract-left">
|
||
<view class="contract-left-top">
|
||
<el-tag size="mini" v-if="item.contract.type === 'enquiry'" type="danger"
|
||
effect="plain">询价单
|
||
</el-tag>
|
||
<el-tag size="mini" v-else-if="item.contract.type === 'process'" type="warning"
|
||
effect="plain">加工单
|
||
</el-tag>
|
||
<el-tag size="mini" v-else-if="item.contract.type === 'sign'" type="success"
|
||
effect="plain">金久信签约宝
|
||
</el-tag>
|
||
<el-tag size="mini" v-else-if="item.contract.type === 'old'" type="primary"
|
||
effect="plain">旧货交易
|
||
</el-tag>
|
||
<el-tag size="mini" v-else-if="item.contract.type === 'self-support'" type="primary"
|
||
effect="plain">自营询价
|
||
</el-tag>
|
||
<template v-if="item.sheet">
|
||
<view class="ml-20">
|
||
<el-tag size="mini" v-if="item.sheet.tradeMethod === 0" type="primary"
|
||
>自主交易
|
||
</el-tag>
|
||
<el-tag size="mini" v-if="item.sheet.tradeMethod === 1" type="success"
|
||
>金久信公证
|
||
</el-tag>
|
||
</view>
|
||
<view class="ml-20">
|
||
<el-tag size="mini" effect="plain" v-if="item.sheet.signMethod === 0"
|
||
type="success"
|
||
>标准合同
|
||
</el-tag>
|
||
<el-tag size="mini" effect="plain" v-if="item.sheet.signMethod === 2"
|
||
type="primary"
|
||
>双方协商合同
|
||
</el-tag>
|
||
<el-tag size="mini" effect="plain" v-if="item.sheet.signMethod === 1"
|
||
type="warning"
|
||
>线下合同
|
||
</el-tag>
|
||
</view>
|
||
</template>
|
||
<el-tag size="mini" v-if="item.contract.tradeMethod === 1" type="success"
|
||
>金久信公证
|
||
</el-tag>
|
||
<view class="contract-product" v-if="item.contract.status > 0">
|
||
{{ item.contract.docTitle }}
|
||
</view>
|
||
<template v-else>
|
||
<text class="contract-product" v-if="item.sheet">
|
||
{{ item.sheet.title }}
|
||
</text>
|
||
</template>
|
||
<view class="contract-status">
|
||
<template v-if="item.contract.status == 1">
|
||
<view class="contract-status-tag"
|
||
v-for="(party, pIndex) in item.contract.partyList" :key="pIndex">
|
||
<el-tag size="mini"
|
||
v-if="party.userId !== vk.getVuex('$user.userInfo._id') && !party.sign && party.role !== 'third'"
|
||
type="warning" effect="plain">待交易方签署
|
||
</el-tag>
|
||
<el-tag size="mini"
|
||
v-if="party.userId !== vk.getVuex('$user.userInfo._id') && !party.sign && party.role === 'third'"
|
||
type="warning" effect="plain">待第三方签署
|
||
</el-tag>
|
||
<el-tag size="mini"
|
||
v-if="party.userId === vk.getVuex('$user.userInfo._id') && !party.sign"
|
||
type="primary" effect="plain">待我签署
|
||
</el-tag>
|
||
</view>
|
||
</template>
|
||
<!-- <text v-if="item.contract.status == -1">已作废</text>-->
|
||
</view>
|
||
<view v-if="item.order" class="text-main">
|
||
(订单状态：{{
|
||
item.order.orderStatus === 4 ? '已完成' : ([5, 6].includes(item.order.orderStatus) ? '订单终止' : '执行中')
|
||
}})
|
||
</view>
|
||
</view>
|
||
<view class="contract-left-center">
|
||
<view>
|
||
合同编码：{{ item.contract.transactionId }}
|
||
</view>
|
||
<view v-if="item.sheet && item.contract.type === 'old'">
|
||
交易编码：{{
|
||
item.contract.type === 'enquiry' ? item.sheet.enquiryNo : item.sheet.orderNo
|
||
}}
|
||
</view>
|
||
<view>
|
||
创建时间：{{ item.contract._add_time_str }}
|
||
</view>
|
||
<view v-if="item.contract.signEndDate">
|
||
签订截止时间：{{
|
||
dayjs(item.contract.signEndDate).format('YYYY-MM-DD HH:mm:ss')
|
||
}}
|
||
</view>
|
||
<view v-if="item.contract.type === 'sign' && item.contract.payUser && item.contract.payUser.user">
|
||
费用承担方：{{
|
||
item.contract.payUser.user.accountType === 2 ?
|
||
item.contract.payUser.user.company.companyName : item.contract.payUser.user.person.personName
|
||
}}
|
||
</view>
|
||
<template v-if="parseInt(item.contract.status) > 0">
|
||
<view v-for="(party, partyIndex) in item.contract.partyList.filter(p => p.role !== 'third')"
|
||
:key="`p_${partyIndex}`">
|
||
<template v-if="party.userId === item.contract.userId">
|
||
发起方签订完成时间：{{
|
||
party.signedAt ? dayjs(party.signedAt).format('YYYY-MM-DD HH:mm:ss') : ''
|
||
}}
|
||
</template>
|
||
<template v-if="party.userId !== item.contract.userId">
|
||
接收方签订完成时间：{{
|
||
party.signedAt ? dayjs(party.signedAt).format('YYYY-MM-DD HH:mm:ss') : ''
|
||
}}
|
||
</template>
|
||
<template v-if="party.role === 'third'">
|
||
第三方签订完成时间：{{
|
||
party.signedAt ? dayjs(party.signedAt).format('YYYY-MM-DD HH:mm:ss') : ''
|
||
}}
|
||
</template>
|
||
</view>
|
||
<view v-for="(party, partyIndex) in item.contract.partyList.filter(p => p.role === 'third')"
|
||
:key="`t_${partyIndex}`">
|
||
第{{ numToChForThird[partyIndex] }}方签订完成时间：{{
|
||
party.signedAt ? dayjs(party.signedAt).format('YYYY-MM-DD HH:mm:ss') : ''
|
||
}}
|
||
</view>
|
||
</template>
|
||
</view>
|
||
<view class="contract-left-bottom">
|
||
<el-button size="mini" plain @click.native="showParty(item)">
|
||
查看交易方
|
||
</el-button>
|
||
<el-button
|
||
v-if="item.contract.status === 0 && item.contract.userId === vk.getVuex('$user.userInfo._id')"
|
||
@click="createContract(item.contract)" size="mini" type="primary">创建合同
|
||
</el-button>
|
||
<el-button
|
||
v-if="item.contract.isMine"
|
||
@click="delContract(item.contract)" size="mini" type="text">
|
||
删除合同
|
||
</el-button>
|
||
<template v-if="parseInt(item.contract.status) === 1">
|
||
<el-button @click="extSign(item.sign, item.contract)" size="mini" type="primary"
|
||
:disabled="item.sign">
|
||
{{ item.sign ? '已签署' : '签署文件' }}
|
||
</el-button>
|
||
</template>
|
||
<template v-if="parseInt(item.contract.status) === 2">
|
||
<el-button
|
||
@click="viewContract(item.contract)"
|
||
size="mini" plain>
|
||
{{ parseInt(item.contract.signType) === 1 ? '查看单据' : '查看合同' }}
|
||
</el-button>
|
||
<el-button @click="downloadContract(item.contract.transactionId)"
|
||
type="primary"
|
||
size="mini" plain>
|
||
{{ parseInt(item.contract.signType) === 1 ? '下载单据' : '下载合同' }}
|
||
</el-button>
|
||
<el-button @click="payDownloadContract(item.contract)"
|
||
size="mini" plain>
|
||
{{
|
||
parseInt(item.contract.signType) === 1 ? '下载单据(付费司法调证)' : '下载合同(付费司法调证)'
|
||
}}
|
||
</el-button>
|
||
</template>
|
||
<el-button
|
||
v-if="item.order && parseInt(item.contract.status) === 2 && ((item.sheet && item.sheet.tradeMethod === 1) || item.contract.tradeMethod === 1)"
|
||
@click="navTo(`/pages/order/order?menuIndex=${item.role === 'buyer' ? 1 : 0}&keyword=${item.order.orderNo}`)"
|
||
size="mini"
|
||
:type="(item.order && item.order.orderStatus > 4) ? 'info' :'success'">
|
||
{{
|
||
(item.order && item.order.orderStatus === 4) ? '订单已结束' : ([5, 6].includes(item.order.orderStatus) ? '订单已终止' : (item.role === 'buyer' ? '去付款' : '去请款'))
|
||
}}
|
||
</el-button>
|
||
<el-button
|
||
v-if="item.contract.otherFile && item.contract.otherFile.length > 0"
|
||
@click="openDownload(item.contract.otherFile)" plain
|
||
size="mini"
|
||
type="info">查看附件
|
||
</el-button>
|
||
</view>
|
||
</view>
|
||
<view class="contract-right">
|
||
<!-- <view class="">
|
||
{{item._add_time_str}}到期，到期将无法签署合同
|
||
</view> -->
|
||
<view class="">
|
||
<el-button @click.native="changeContract(item.contract)"
|
||
v-if="((item.sheet && item.sheet.signMethod === 2) || item.contract.type === 'sign' || item.contract.type === 'self-support') && item.contract.status === 1
|
||
&& item.contract.userId === vk.getVuex('$user.userInfo._id') && item.contract.signCount === 0"
|
||
size="mini" type="primary">修改合同内容
|
||
</el-button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="paginatio">
|
||
<el-pagination @current-change="query" background layout="prev, pager, next"
|
||
:total="tableData.total"></el-pagination>
|
||
</view>
|
||
</view>
|
||
<view v-if="isSign" class="bg-white p-20">
|
||
<view class="flex justify-start items-center pb-30">
|
||
<text class="text-main mr-35">您剩余金久信签约宝次数: {{ userInfo.qybNum }}次</text>
|
||
<el-button size="mini" type="primary" @click.native="dialogVisible = true">立即购买
|
||
</el-button>
|
||
</view>
|
||
<view class="text-main mt-10">温馨提示:尊敬的用户如果您的剩余金久信签约宝次数为0次，请先进行购买，再进行签约。</view>
|
||
<vk-data-form ref="form2" v-model="form2.data" :action="form2.props.action"
|
||
:columns="form2.props.columns"
|
||
:rules="form2.props.rules" :form-type="form2.props.formType"
|
||
:loading.sync="form2.props.loading" :show-cancel="false"
|
||
:auto-close="true" label-width="140px" @success="onFormSuccess">
|
||
<template v-slot:download>
|
||
<el-button size="mini" type="text" @click="downloadContractTemplate">点击下载
|
||
</el-button>
|
||
</template>
|
||
<template v-slot:contractFile>
|
||
<vk-data-upload v-model="form2.data.contractFile" :cloudPathRemoveChinese="false" list-type="text"
|
||
accept=".pdf" :on-success="uploadSuccess" ref="uploader" :before-upload="beforeUpload"
|
||
:show-file-list="false">
|
||
</vk-data-upload>
|
||
<view class="text-main text-24 my-15 pointer" @click="openPreview(form2.data.contractFile)"
|
||
v-if="form2.data.contractFile">预览:
|
||
{{ form2.data.contractFile[form2.data.contractFile.length - 1].split('-').pop() }}
|
||
</view>
|
||
<view class="tips text-24 text-gray">
|
||
仅支持PDF文件,如有其他附件或多个单据签约请合并成一个PDF文档上传。且仅支持纵向文档上传,横向文档显示不完整。电子签署文件中需添加以下内容以增强双方约束力和文件法律效力:签约双方均自愿通过以“电子签约”形式进行签约，电子签名和加盖电子印章双方均予以认可具有法律效力。
|
||
</view>
|
||
</template>
|
||
<template v-slot:signEndDate>
|
||
<el-date-picker
|
||
:popper-class="'currentDatePickerClass'"
|
||
v-model="form2.data.signEndDate"
|
||
type="datetime"
|
||
placeholder="选择签署截止日期">
|
||
</el-date-picker>
|
||
</template>
|
||
<template v-slot:tips>
|
||
<view class="tips text-24 text-gray">注意事项(电子签名不适用文件):</view>
|
||
<view class="tips text-24 text-gray">1.婚姻、继承、收养等人身关系的；</view>
|
||
<view class="tips text-24 text-gray">2.涉及停止供水、供热、供气等公用事业服务的；</view>
|
||
<view class="tips text-24 text-gray">3.其他法律、行政法规规定的不适用电子文书的其他形式；</view>
|
||
</template>
|
||
<template v-slot:third>
|
||
<div v-for="(item, index) in form2.data.thirdList" :key="index"
|
||
class="flex justify-start items-center mb-10 ">
|
||
<span>第{{ numToChForThird[index] }}方</span>
|
||
<div class="mx-15">
|
||
<el-input v-model="form2.data.thirdList[index].phone"
|
||
placeholder="请输入第三方手机号"/>
|
||
</div>
|
||
<div>
|
||
<el-input v-model="form2.data.thirdList[index].signKeyword"
|
||
placeholder="请输入第三方签章关键字"/>
|
||
</div>
|
||
<div class="flex justify-start items-center">
|
||
<i class="el-icon-circle-plus pointer text-main text-50 ml-35"
|
||
@click="addThird"/>
|
||
<i class="el-icon-remove pointer text-50 ml-35"
|
||
@click="removeThird(index)"/>
|
||
<i title="上移" class="el-icon-arrow-up pointer text-50 ml-35" v-if="index > 0"
|
||
@click="thirdMoveUp(index)"/>
|
||
<i title="下移" class="el-icon-arrow-down pointer text-50 ml-35"
|
||
@click="thirdMoveDown(index)"
|
||
v-if="index < form2.data.thirdList.length - 1"/>
|
||
</div>
|
||
</div>
|
||
<p class="text-25 text-gray mt-20">如无第三方签约可忽略，签章关键字使用方法同下。</p>
|
||
<p class="text-25 text-gray mt-20">手机号请连续输入，请勿添加空格和断开输入，系统无法准确识别。</p>
|
||
</template>
|
||
<template v-slot:footer="{ loading }">
|
||
<view style="text-align: center;">
|
||
<el-button :loading="loading" type="primary" @click="form2.props.action">提交</el-button>
|
||
</view>
|
||
</template>
|
||
</vk-data-form>
|
||
</view>
|
||
<view v-if="isSignIntro" class="bg-white p-20">
|
||
<div v-html="signIntro"></div>
|
||
</view>
|
||
<view v-if="isSignFlow" class="bg-white p-20">
|
||
<div v-html="signFlow"></div>
|
||
</view>
|
||
<view v-if="isSignTips" class="bg-white p-20">
|
||
<div v-html="signTips"></div>
|
||
</view>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
</view>
|
||
<common-footer></common-footer>
|
||
|
||
<el-dialog :visible.sync="form1.props.show" width="70%">
|
||
<vk-data-form ref="form1" v-model="form1.data" :action="form1.props.action" :columns="form1.props.columns"
|
||
:rules="form1.props.rules" :form-type="form1.props.formType"
|
||
:loading.sync="form1.props.loading" :show-cancel="false"
|
||
:auto-close="true" label-width="140px" @success="onFormSuccess">
|
||
<template v-slot:contractFile>
|
||
<vk-data-upload v-model="form1.data.contractFile" :cloudPathRemoveChinese="false" list-type="text"
|
||
accept=".pdf" :on-success="uploadSuccess1" ref="uploader1" :before-upload="beforeUpload"
|
||
:show-file-list="false">
|
||
</vk-data-upload>
|
||
<view class="text-main text-24 my-15 pointer" @click="openPreview(form1.data.contractFile)"
|
||
v-if="form1.data.contractFile">预览:
|
||
{{ form1.data.contractFile[form1.data.contractFile.length - 1].split('-').pop() }}
|
||
</view>
|
||
<view class="tips text-24 text-gray">
|
||
仅支持PDF文件,如有其他附件或多个单据签约请合并成一个PDF文档上传。且仅支持纵向文档上传,横向文档显示不完整。电子签署文件中需添加以下内容以增强双方约束力和文件法律效力:签约双方均自愿通过以“电子签约”形式进行签约，电子签名和加盖电子印章双方均予以认可具有法律效力。
|
||
</view>
|
||
</template>
|
||
<template v-slot:download>
|
||
<el-button size="mini" type="text" @click="downloadContractTemplate">点击下载</el-button>
|
||
</template>
|
||
<template v-slot:third>
|
||
<div v-for="(item, index) in form1.data.thirdList" :key="index"
|
||
class="flex justify-start items-center mb-10 ">
|
||
<span>第{{ numToChForThird[index] }}方</span>
|
||
<div class="mx-15">
|
||
<el-input v-model="form1.data.thirdList[index].phone"
|
||
placeholder="请输入第三方手机号"/>
|
||
</div>
|
||
<div>
|
||
<el-input v-model="form1.data.thirdList[index].signKeyword"
|
||
placeholder="请输入第三方签章关键字"/>
|
||
</div>
|
||
<div class="flex justify-start items-center">
|
||
<i class="el-icon-circle-plus pointer text-main text-50 ml-35"
|
||
@click="addThird1"/>
|
||
<i class="el-icon-remove pointer text-50 ml-35"
|
||
@click="removeThird1(index)"/>
|
||
<i title="上移" class="el-icon-arrow-up pointer text-50 ml-35" v-if="index > 0"
|
||
@click="thirdMoveUp1(index)"/>
|
||
<i title="下移" class="el-icon-arrow-down pointer text-50 ml-35"
|
||
@click="thirdMoveDown1(index)"
|
||
v-if="index < form1.data.thirdList.length - 1"/>
|
||
</div>
|
||
</div>
|
||
<p class="text-25 text-gray mt-20">如无第三方签约可忽略，签章关键字使用方法同下。</p>
|
||
<p class="text-25 text-gray mt-20">手机号请连续输入，请勿添加空格和断开输入，系统无法准确识别。</p>
|
||
</template>
|
||
<template v-slot:footer="{ loading }">
|
||
<view style="text-align: center;">
|
||
<el-button :loading="loading" type="primary" @click="form1.props.action">提交</el-button>
|
||
</view>
|
||
</template>
|
||
</vk-data-form>
|
||
</el-dialog>
|
||
|
||
<el-dialog title="金久信签约宝次数" :visible.sync="dialogVisible" width="50%">
|
||
<p>请选择购买次数</p>
|
||
<div class="flex justify-center items-center">
|
||
<div class="p-20 rounded m-20 shadow flex flex-col justify-center items-center flex-1 pointer"
|
||
:class="[selectedQyb === item._id ? 'buy-quote-mode-active' : '']"
|
||
v-for="(item, index) in qybPackageList" :key="index"
|
||
@click="selectedQyb = item._id">
|
||
<p>{{ item.amount }}元</p>
|
||
<p>可获得{{ item.getNum }}次</p>
|
||
</div>
|
||
</div>
|
||
<div class="mt-20 text-main font-bold">
|
||
剩余金久信签约宝次数:{{ userInfo.qybNum }}次
|
||
</div>
|
||
<div class="mt-20 flex justify-center items-center">
|
||
<el-button type="primary" :disabled="!selectedQyb" @click.native="doBuyQyb">确定</el-button>
|
||
<el-button plain @click.native="dialogVisible = false">取消</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<el-dialog title="申请发票" :visible.sync="showInvoice" width="50%">
|
||
<p>请输入开票信息</p>
|
||
<el-form ref="form" label-width="140px">
|
||
<el-form-item label="名称" required>
|
||
<el-input v-model="invoiceForm.name" placeholder="请输入企业名称或个人姓名"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="税号/证号" required>
|
||
<el-input v-model="invoiceForm.code" placeholder="请输入税号或身份证号"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="手机号" required>
|
||
<el-input v-model="invoiceForm.phone" placeholder="请输入手机号"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="电子邮箱" required>
|
||
<el-input v-model="invoiceForm.email" placeholder="请输入电子邮箱"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="开户行">
|
||
<el-input v-model="invoiceForm.bankName" placeholder="请输入开户行"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="银行账号">
|
||
<el-input v-model="invoiceForm.bankAccount" placeholder="请输入银行账号"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="地址" required>
|
||
<el-input v-model="invoiceForm.address" placeholder="请输入地址"></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="单位/个人电话">
|
||
<el-input v-model="invoiceForm.tel" placeholder="请输入单位/个人电话"></el-input>
|
||
</el-form-item>
|
||
|
||
</el-form>
|
||
<div class="mt-20 flex justify-center items-center">
|
||
<el-button type="primary" @click.native="doInvoice">确定</el-button>
|
||
<el-button plain @click.native="showInvoice = false">取消</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
<el-dialog title="支付凭证" :visible.sync="showPayVoucher" width="50%">
|
||
<el-image :src="payVoucher" :preview-src-list="[payVoucher]"/>
|
||
</el-dialog>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {Agreement} from "@icon-park/vue";
|
||
import dayjs from "dayjs";
|
||
import {Loading} from "element-ui";
|
||
|
||
|
||
export default {
|
||
components: {Agreement},
|
||
data() {
|
||
return {
|
||
numToChForThird: ['三', '四', '五', '六', '七', '八', '九', '十'],
|
||
userInfo: {
|
||
qybNum: 0
|
||
},
|
||
dialogVisible: false,
|
||
qybPackageList: [],
|
||
selectedQyb: null,
|
||
contractTemplate: '',
|
||
pageIndex: 1,
|
||
menuIndex: '0',
|
||
isSign: false,
|
||
isSignIntro: false,
|
||
signIntro: '',
|
||
signFlow: '',
|
||
signFlowTitle: '',
|
||
signType: '1',
|
||
signTypeFilter: '2',
|
||
keyword: '',
|
||
formData: {
|
||
status: 0,
|
||
tradeMethod: null,
|
||
type: 'sign'
|
||
},
|
||
showPayVoucher: false,
|
||
payVoucher: '',
|
||
isSignLog: false,
|
||
isSignFlow: false,
|
||
signLog: {},
|
||
signBuyLog: {},
|
||
signLogType: 'log',
|
||
showInvoice: false,
|
||
isSignTips: false,
|
||
signTips: '',
|
||
invoiceForm: {
|
||
id: null,
|
||
name: null,
|
||
code: null,
|
||
phone: null,
|
||
email: null,
|
||
bankName: null,
|
||
bankAccount: null,
|
||
address: null,
|
||
tel: null,
|
||
},
|
||
tableData: {},
|
||
// 表单相关开始-----------------------------------------------------------
|
||
form1: {
|
||
// 表单请求数据，此处可以设置默认值
|
||
data: {
|
||
contractId: '',
|
||
signEndDate: '',
|
||
title: '',
|
||
contractFile: '',
|
||
buyerSignKeyword: '',
|
||
sellerSignKeyword: '',
|
||
otherFile: '',
|
||
thirdList: [{phone: '', signKeyword: ''}],
|
||
},
|
||
// 表单属性
|
||
props: {
|
||
// 表单请求地址
|
||
action: async () => {
|
||
const thirdKeywords = []
|
||
for (let i = 0; i < this.form1.data.thirdList.length; i++) {
|
||
const item = this.form1.data.thirdList[i]
|
||
if (item.phone && item.signKeyword) {
|
||
thirdKeywords.push(item.signKeyword)
|
||
}
|
||
}
|
||
uni.showLoading({title: '查验中'})
|
||
let file = this.form1.data.contractFile[this.form1.data.contractFile.length - 1]
|
||
if (Array.isArray(file)) file = file[file.length - 1]
|
||
vk.request({
|
||
method: "POST",
|
||
url: 'https://hcsc.gxwebsoft.com/api/read-pdf',
|
||
header: {
|
||
"content-type": "application/json; charset=utf-8",
|
||
},
|
||
data: {
|
||
file,
|
||
buyerSignKeyword: this.form1.data.buyerSignKeyword,
|
||
sellerSignKeyword: this.form1.data.sellerSignKeyword,
|
||
thirdKeywords
|
||
},
|
||
success: async (pdfRes) => {
|
||
|
||
},
|
||
fail: (pdfRes) => {
|
||
uni.hideLoading()
|
||
this.$message.error(pdfRes.content.msg)
|
||
},
|
||
complete: async (pdfRes) => {
|
||
if (pdfRes.code !== 200) this.$message.error(pdfRes.content.msg)
|
||
else {
|
||
uni.hideLoading()
|
||
this.form1.props.loading = true
|
||
this.form1.data.thirdList = this.form1.data.thirdList.filter(item => item.phone && item.signKeyword)
|
||
if (this.form1.data.thirdList.length > 0) {
|
||
for (let i = 0; i < this.form1.data.thirdList.length; i++) {
|
||
const item = this.form1.data.thirdList[i]
|
||
if (item.phone === '') {
|
||
vk.toast('请填写手机号')
|
||
this.form1.props.loading = false
|
||
return false
|
||
}
|
||
if (item.signKeyword === '') {
|
||
vk.toast('请填写签章关键字')
|
||
this.form1.props.loading = false
|
||
return false
|
||
}
|
||
if (item.phone === this.form1.data.phone) {
|
||
vk.toast('第三方手机号不能与接收方手机号相同')
|
||
this.form1.props.loading = false
|
||
return false
|
||
}
|
||
}
|
||
}
|
||
if (!this.form1.data.signEndDate) {
|
||
vk.toast('请选择签署截止时间')
|
||
this.form1.props.loading = false
|
||
return false
|
||
}
|
||
if (dayjs(this.form1.data.signEndDate).isBefore(dayjs())) {
|
||
vk.toast('签署截止日期不能早于当前时间')
|
||
this.form1.props.loading = false
|
||
return false
|
||
}
|
||
const res = await this.$confirm(`1、您确认，若全体各签约方未完成全部签约流程，本签约文件不发生法律效力，系统无法对该签约文件予以保存及提供司法调证服务;<br>2、您确认，当前签约的实名主体名称、手机号码与注册认证阶段提交的信息未发生变更;若发生变更，必须及时进行重新认证后方可继续签约，避免产生严重法律风险与经济损失;<br>3、您确认，本次签约为本系统实名认证主体操作，如若不是实名认证主体操作，授权委托人需本系统进行授权认证后签约;<br>4、您确认，您与其他签约方均系在平等、自愿的基础上完成本次签约;<br>5、你确认，此次签约内容符合《中华人民共和国电子签名法》《民法典》生效保护范畴;<br>6、如因法律法规、监管部门政策更新等原因，系统提示您重新进行实名认证、证书续期等重要提示时，请您必须在签约前完成，否则造成任何损失，平台不承担任何责任;以上签约条件您均已经知悉并确认，否则您有权拒绝本次签约。`, '提示', {
|
||
confirmButtonText: '知悉同意',
|
||
showCancelButton: false,
|
||
type: 'warning',
|
||
dangerouslyUseHTMLString: true
|
||
})
|
||
if (res === 'confirm') {
|
||
await vk.callFunction({
|
||
url: 'client/contract/kh/launch',
|
||
data: this.form1.data
|
||
})
|
||
vk.redirectTo({url: '/pages/contract/index?tab=1'})
|
||
}
|
||
}
|
||
uni.hideLoading()
|
||
},
|
||
})
|
||
|
||
},
|
||
// 表单字段显示规则
|
||
columns: [
|
||
{
|
||
key: "title",
|
||
title: "标题",
|
||
type: "text"
|
||
},
|
||
{
|
||
key: "third",
|
||
title: "",
|
||
type: "html",
|
||
tips: "如无第三方签约可忽略，签章关键字使用方法同下。"
|
||
},
|
||
{
|
||
key: "signEndDate",
|
||
title: "签署截止日期",
|
||
type: "date",
|
||
tips: '发起方填写签署截止日期和时间即为各签约方共同认可的签署时间，请酌情填写仔细阅读签署文件。',
|
||
dateType: "datetime",
|
||
pickerOptions: {
|
||
disabledDate: (date) => {
|
||
const now = new Date()
|
||
return now > date
|
||
}
|
||
}
|
||
},
|
||
{
|
||
key: "contractFile",
|
||
title: "签署文档",
|
||
type: "file",
|
||
limit: 1,
|
||
accept: ".pdf",
|
||
tips: "仅支持PDF文件,如有其他附件或多个单据签约请合并成一个PDF文档上传。且仅支持纵向文档上传,横向文档显示不完整。"
|
||
},
|
||
// {
|
||
// key: "download",
|
||
// title: "合同模板下载",
|
||
// type: "html"
|
||
// },
|
||
{
|
||
key: "buyerSignKeyword",
|
||
title: "签约发起方关键字",
|
||
type: "text",
|
||
tips: '先点击上传文档后，在线预览文档，点击ctrl+f，复制粘贴或输入预盖章部位关键字至弹框内，再次点击ctrl+f进行核验确认位置和内容，核实无误后可返回签署页面输入测验关键字后进行签署(如同一关键字文档多次使用无误后可考虑省略检测流程)。系统将按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均会盖上指定用户的电子章，建议关键字在合同中保持唯一。',
|
||
placeholder: '发起方盖章关键字',
|
||
},
|
||
{
|
||
key: "sellerSignKeyword",
|
||
title: "签约接收方关键字",
|
||
type: "text",
|
||
placeholder: '签约接收方关键字',
|
||
tips: '先点击上传文档后，在线预览文档，点击ctrl+f，复制粘贴或输入预盖章部位关键字至弹框内，再次点击ctrl+f进行核验确认位置和内容，核实无误后可返回签署页面输入测验关键字后进行签署(如同一关键字文档多次使用无误后可考虑省略检测流程)。系统将按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均会盖上指定用户的电子章，建议关键字在合同中保持唯一。'
|
||
},
|
||
// {
|
||
// key: "otherFile",
|
||
// title: "附件",
|
||
// type: "file",
|
||
// accept: ".pdf",
|
||
// tips: "仅支持PDF文件(附件将按顺序附在合同末尾一并签章)",
|
||
// },
|
||
],
|
||
// 表单验证规则
|
||
rules: {
|
||
title: [{
|
||
required: true,
|
||
message: "标题不能为空",
|
||
trigger: "change"
|
||
},],
|
||
signEndDate: [{
|
||
required: true,
|
||
message: "签署截止日期不能为空",
|
||
trigger: "change"
|
||
}],
|
||
buyerSignKeyword: [{
|
||
required: true,
|
||
message: "签约发起方关键字不能为空",
|
||
trigger: "change"
|
||
}],
|
||
sellerSignKeyword: [{
|
||
required: true,
|
||
message: "签约接收方关键字不能为空",
|
||
trigger: "change"
|
||
}],
|
||
contractFile: [{
|
||
required: true,
|
||
message: "签署文档不能为空",
|
||
trigger: "change"
|
||
},]
|
||
},
|
||
// add 代表添加 update 代表修改
|
||
formType: "",
|
||
// 表单是否在请求中
|
||
loading: false,
|
||
// 是否显示表单1 的弹窗
|
||
show: false,
|
||
}
|
||
},
|
||
form2: {
|
||
// 表单请求数据，此处可以设置默认值
|
||
data: {
|
||
contractId: '',
|
||
signEndDate: '',
|
||
title: '',
|
||
contractFile: '',
|
||
buyerSignKeyword: '',
|
||
sellerSignKeyword: '',
|
||
signType: '1',
|
||
tradeMethod: 0,
|
||
payBy: 0,
|
||
otherFile: [],
|
||
thirdList: [{phone: '', signKeyword: ''}],
|
||
},
|
||
// 表单属性
|
||
props: {
|
||
// 表单请求地址
|
||
action: async () => {
|
||
const thirdKeywords = []
|
||
for (let i = 0; i < this.form2.data.thirdList.length; i++) {
|
||
const item = this.form2.data.thirdList[i]
|
||
if (item.phone && item.signKeyword) {
|
||
thirdKeywords.push(item.signKeyword)
|
||
}
|
||
}
|
||
uni.showLoading({title: '查验中'})
|
||
vk.request({
|
||
method: "POST",
|
||
url: 'https://hcsc.gxwebsoft.com/api/read-pdf',
|
||
header: {
|
||
"content-type": "application/json; charset=utf-8",
|
||
},
|
||
data: {
|
||
file: this.form2.data.contractFile[this.form2.data.contractFile.length - 1],
|
||
buyerSignKeyword: this.form2.data.buyerSignKeyword,
|
||
sellerSignKeyword: this.form2.data.sellerSignKeyword,
|
||
thirdKeywords
|
||
},
|
||
success: async (pdfRes) => {
|
||
|
||
},
|
||
fail: (pdfRes) => {
|
||
uni.hideLoading()
|
||
this.$message.error(pdfRes.content.msg)
|
||
},
|
||
complete: async (pdfRes) => {
|
||
if (pdfRes.code !== 200) this.$message.error(pdfRes.content.msg)
|
||
else {
|
||
uni.hideLoading()
|
||
this.form2.props.loading = true
|
||
this.form2.data.thirdList = this.form2.data.thirdList.filter(item => item.phone && item.signKeyword)
|
||
if (this.form2.data.thirdList.length > 0) {
|
||
for (let i = 0; i < this.form2.data.thirdList.length; i++) {
|
||
const item = this.form2.data.thirdList[i]
|
||
if (item.phone === '') {
|
||
vk.toast('请填写手机号')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
if (item.signKeyword === '') {
|
||
vk.toast('请填写签章关键字')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
if (item.phone === this.form2.data.phone) {
|
||
vk.toast('第三方手机号不能与接收方手机号相同')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
}
|
||
}
|
||
if (!this.form2.data.signEndDate) {
|
||
vk.toast('请选择签署截止时间')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
if (this.form2.data.payBy === undefined || this.form2.data.payBy === '' || this.form2.data.payBy === null) {
|
||
vk.toast('请选择费用承担方')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
if (dayjs(this.form2.data.signEndDate).isBefore(dayjs())) {
|
||
vk.toast('签署截止日期不能早于当前时间')
|
||
this.form2.props.loading = false
|
||
return false
|
||
}
|
||
const res = await this.$confirm(`1、您确认，若全体各签约方未完成全部签约流程，本签约文件不发生法律效力，系统无法对该签约文件予以保存及提供司法调证服务;<br>2、您确认，当前签约的实名主体名称、手机号码与注册认证阶段提交的信息未发生变更;若发生变更，必须及时进行重新认证后方可继续签约，避免产生严重法律风险与经济损失;<br>3、您确认，本次签约为本系统实名认证主体操作，如若不是实名认证主体操作，授权委托人需本系统进行授权认证后签约;<br>4、您确认，您与其他签约方均系在平等、自愿的基础上完成本次签约;<br>5、你确认，此次签约内容符合《中华人民共和国电子签名法》《民法典》生效保护范畴;<br>6、如因法律法规、监管部门政策更新等原因，系统提示您重新进行实名认证、证书续期等重要提示时，请您必须在签约前完成，否则造成任何损失，平台不承担任何责任;以上签约条件您均已经知悉并确认，否则您有权拒绝本次签约。`, '提示', {
|
||
confirmButtonText: '知悉同意',
|
||
showCancelButton: false,
|
||
type: 'warning',
|
||
dangerouslyUseHTMLString: true
|
||
})
|
||
if (res === 'confirm') {
|
||
await vk.callFunction({
|
||
url: 'client/contract/kh/addSign',
|
||
data: this.form2.data
|
||
})
|
||
vk.redirectTo({url: '/pages/contract/index?tab=1'})
|
||
}
|
||
}
|
||
console.log('complete:', pdfRes)
|
||
uni.hideLoading()
|
||
},
|
||
})
|
||
|
||
},
|
||
// 表单字段显示规则
|
||
columns: [
|
||
{
|
||
key: "signType",
|
||
title: "",
|
||
type: "radio",
|
||
data: [
|
||
{
|
||
value: '1',
|
||
label: "单据签约"
|
||
},
|
||
{
|
||
value: '2',
|
||
label: "合同签约"
|
||
}
|
||
]
|
||
},
|
||
// {
|
||
// key: "tradeMethod",
|
||
// title: "交易方式",
|
||
// type: "radio",
|
||
// data: [
|
||
// {
|
||
// value: 0,
|
||
// label: "自主交易"
|
||
// },
|
||
// {
|
||
// value: 1,
|
||
// label: "金久信公正"
|
||
// }
|
||
// ],
|
||
// showRule: (data) => {
|
||
// return data.signType === '2';
|
||
// }
|
||
// },
|
||
{
|
||
key: "payBy",
|
||
title: "签约费用",
|
||
type: "radio",
|
||
data: [
|
||
{
|
||
value: 0,
|
||
label: "发起方承担"
|
||
},
|
||
{
|
||
value: 1,
|
||
label: "接收方承担"
|
||
},
|
||
{
|
||
value: 2,
|
||
label: "第三方承担"
|
||
},
|
||
]
|
||
},
|
||
// {
|
||
// key: "payByThird",
|
||
// title: "承担签约费用的第三方手机号",
|
||
// type: "text",
|
||
// showRule: (data) => {
|
||
// return data.payBy === 2;
|
||
// }
|
||
// },
|
||
{
|
||
key: "title",
|
||
title: "标题",
|
||
placeholder: `请输入自定义合同或单据名称`,
|
||
type: "text"
|
||
},
|
||
{
|
||
key: "phone",
|
||
title: "对方手机号",
|
||
type: "text",
|
||
placeholder: "请输入对方金久信实名认证手机号码",
|
||
tips: '手机号请连续输入，请勿添加空格和断开输入，系统无法准确识别。'
|
||
},
|
||
{
|
||
key: "userType",
|
||
title: "对方身份",
|
||
type: "select",
|
||
data: [
|
||
{
|
||
value: 1,
|
||
label: "买家"
|
||
},
|
||
{
|
||
value: 2,
|
||
label: "卖家"
|
||
},
|
||
{
|
||
value: 3,
|
||
label: "甲方"
|
||
},
|
||
{
|
||
value: 4,
|
||
label: "乙方"
|
||
},
|
||
{
|
||
value: 5,
|
||
label: "授权签约方"
|
||
},
|
||
]
|
||
},
|
||
{
|
||
key: "signEndDate",
|
||
title: "签署截止时间",
|
||
tips: '发起方填写签署截止日期和时间即为各签约方共同认可的签署时间，请酌情填写仔细阅读签署文件。',
|
||
pickerOptions: {
|
||
disabledDate: (date) => {
|
||
const now = new Date()
|
||
return now > date
|
||
}
|
||
}
|
||
},
|
||
{
|
||
key: "contractFile",
|
||
title: "签署文档",
|
||
type: "file",
|
||
limit: 1,
|
||
accept: ".pdf",
|
||
tips: "仅支持PDF文件,如有其他附件或多个单据签约请合并成一个PDF文档上传。且仅支持纵向文档上传,横向文档显示不完整。电子签署文件中需添加以下内容以增强双方约束力和文件法律效力:签约双方均自愿通过以“电子签约”形式进行签约，电子签名和加盖电子印章双方均予以认可具有法律效力。",
|
||
},
|
||
// {
|
||
// key: "download",
|
||
// title: "单据签约模板下载",
|
||
// type: "html",
|
||
// showRule: () => {
|
||
// return this.signType === '1'
|
||
// }
|
||
// },
|
||
{
|
||
key: "buyerSignKeyword",
|
||
title: "签约发起方关键字",
|
||
type: "text",
|
||
placeholder: '发起方盖章关键字',
|
||
tips: '先点击上传文档后，在线预览文档，点击ctrl+f，复制粘贴或输入预盖章部位关键字至弹框内，再次点击ctrl+f进行核验确认位置和内容，核实无误后可返回签署页面输入测验关键字后进行签署(如同一关键字文档多次使用无误后可考虑省略检测流程)。系统将按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均会盖上指定用户的电子章，建议关键字在合同中保持唯一。'
|
||
},
|
||
{
|
||
key: "sellerSignKeyword",
|
||
title: "签约接收方关键字",
|
||
type: "text",
|
||
placeholder: '签约接收方关键字',
|
||
tips: '先点击上传文档后，在线预览文档，点击ctrl+f，复制粘贴或输入预盖章部位关键字至弹框内，再次点击ctrl+f进行核验确认位置和内容，核实无误后可返回签署页面输入测验关键字后进行签署(如同一关键字文档多次使用无误后可考虑省略检测流程)。系统将按此关键字进行签章位置的定位，将电子章盖在这个关键字上面。凡出现关键字的地方均会盖上指定用户的电子章，建议关键字在合同中保持唯一。'
|
||
},
|
||
{
|
||
key: "third",
|
||
title: "",
|
||
type: "html"
|
||
},
|
||
{
|
||
key: "otherFile",
|
||
title: "合同附件",
|
||
type: "file",
|
||
showRule: () => {
|
||
return this.signType === '2'
|
||
}
|
||
},
|
||
{
|
||
key: "tips",
|
||
title: "",
|
||
type: "text",
|
||
placeholder: '',
|
||
},
|
||
],
|
||
// 表单验证规则
|
||
rules: {
|
||
title: [{
|
||
required: true,
|
||
message: "标题不能为空",
|
||
trigger: "change"
|
||
},],
|
||
phone: [{
|
||
required: true,
|
||
message: "请输入对方金久信实名注册手机号码 不能为空",
|
||
trigger: "change"
|
||
},],
|
||
signEndDate: [{
|
||
required: true,
|
||
message: "签署截止日期不能为空",
|
||
trigger: "change"
|
||
}],
|
||
buyerSignKeyword: [{
|
||
required: true,
|
||
message: "签约发起方关键字不能为空",
|
||
trigger: "change"
|
||
}],
|
||
sellerSignKeyword: [{
|
||
required: true,
|
||
message: "签约接收方关键字不能为空",
|
||
trigger: "change"
|
||
}],
|
||
contractFile: [{
|
||
required: true,
|
||
message: "签署文档不能为空",
|
||
trigger: "change"
|
||
},],
|
||
payBy: [{
|
||
required: true,
|
||
message: "请选择签约承担方",
|
||
trigger: "change"
|
||
},]
|
||
},
|
||
// add 代表添加 update 代表修改
|
||
formType: "",
|
||
// 表单是否在请求中
|
||
loading: false,
|
||
// 是否显示表单1 的弹窗
|
||
show: false,
|
||
},
|
||
},
|
||
// 表单相关结束-----------------------------------------------------------
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
if (options.tab) {
|
||
if (options.tab === 'sign') {
|
||
// this.menuIndex = null
|
||
// this.formData.tradeMethod = null
|
||
// this.isSign = true
|
||
// this.isSignIntro = false
|
||
// this.isSignFlow = false
|
||
// this.isSignLog = false
|
||
// this.isSignTips = false
|
||
this.selectSign()
|
||
} else if (options.tab === 'signPayLog') {
|
||
this.getSignBuyLog(1)
|
||
} else {
|
||
this.menuIndex = String(options.tab)
|
||
if (options.tradeMethod) this.formData.tradeMethod = (parseInt(options.tradeMethod))
|
||
this.formData.status = Number(options.tab)
|
||
this.isSign = false
|
||
if (options.result_desc) {
|
||
uni.showLoading({title: '请求中...'})
|
||
setTimeout(async () => {
|
||
await this.query(1)
|
||
uni.hideLoading()
|
||
}, 1500)
|
||
} else this.query(1)
|
||
}
|
||
} else {
|
||
this.menuIndex = '0'
|
||
this.formData.status = 0
|
||
this.isSign = false
|
||
this.query(1)
|
||
}
|
||
this.getCommonContractUrl()
|
||
this.getQybPackage()
|
||
this.getSignFlow()
|
||
},
|
||
onShow() {
|
||
this.userInfo = vk.getVuex('$user.userInfo')
|
||
this.getUserInfo()
|
||
},
|
||
methods: {
|
||
dayjs,
|
||
menuSelect(e) {
|
||
this.menuIndex = String(e)
|
||
this.formData.status = Number(e)
|
||
this.isSign = false
|
||
this.isSignIntro = false
|
||
this.isSignLog = false
|
||
this.isSignFlow = false
|
||
this.isSignTips = false
|
||
this.query(1)
|
||
},
|
||
selectSign() {
|
||
this.isSign = true
|
||
this.isSignIntro = false
|
||
this.isSignLog = false
|
||
this.isSignFlow = false
|
||
this.isSignTips = false
|
||
this.menuIndex = ''
|
||
},
|
||
selectSignLog() {
|
||
this.isSign = false
|
||
this.isSignIntro = false
|
||
this.isSignLog = true
|
||
this.isSignFlow = false
|
||
this.isSignTips = false
|
||
this.menuIndex = ''
|
||
this.getSignLog(1)
|
||
},
|
||
async selectSignTips() {
|
||
this.isSign = false
|
||
this.isSignIntro = false
|
||
this.isSignLog = false
|
||
this.isSignTips = true
|
||
this.menuIndex = ''
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: '614937966875c18505570c357541c6e0'
|
||
},
|
||
})
|
||
this.signTips = res.content
|
||
},
|
||
async getSignLog(pageIndex) {
|
||
this.signLogType = 'log'
|
||
this.signLog = await vk.callFunction({
|
||
url: 'client/qyb/list/kh/payList',
|
||
data: {
|
||
pageIndex: pageIndex,
|
||
pageSize: 10
|
||
}
|
||
})
|
||
this.signLog.rows = this.signLog.rows.filter(item => !!item.contract)
|
||
this.$forceUpdate()
|
||
},
|
||
async getSignBuyLog(pageIndex) {
|
||
this.isSign = false
|
||
this.isSignIntro = false
|
||
this.isSignFlow = false
|
||
this.isSignLog = true
|
||
this.isSignTips = false
|
||
this.menuIndex = ''
|
||
this.signLogType = 'payLog'
|
||
this.signBuyLog = await vk.callFunction({
|
||
url: 'client/order/kh/getList',
|
||
data: {
|
||
isSeller: 0,
|
||
keyword: null,
|
||
orderStatus: 4,
|
||
pageIndex,
|
||
pageSize: 10,
|
||
signMethod: null,
|
||
type: [12, 13]
|
||
}
|
||
})
|
||
this.$forceUpdate()
|
||
},
|
||
async selectSignIntro(pageIndex) {
|
||
this.isSign = false
|
||
this.isSignIntro = true
|
||
this.isSignLog = false
|
||
this.isSignTips = false
|
||
this.isSignFlow = false
|
||
this.menuIndex = ''
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: 'ef45322e671cece4110ec73b36ca2b7d'
|
||
},
|
||
})
|
||
this.signIntro = res.content
|
||
},
|
||
async selectSignFlow() {
|
||
this.isSign = false
|
||
this.isSignIntro = false
|
||
this.isSignLog = false
|
||
this.isSignFlow = true
|
||
this.isSignTips = false
|
||
this.menuIndex = ''
|
||
},
|
||
changeAuthInfo() {
|
||
vk.navigateTo({url: '/pages/user/user?menu=fadada'})
|
||
},
|
||
async getSignFlow() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: 'd77d384f686b9bd204bd4dc744cf75d0'
|
||
},
|
||
})
|
||
this.signFlow = res.content
|
||
this.signFlowTitle = res.name
|
||
},
|
||
async query(pageIndex) {
|
||
this.tableData = await vk.callFunction({
|
||
url: 'client/contract/kh/getList',
|
||
title: '请求中...',
|
||
data: {
|
||
pageIndex,
|
||
pageSize: 10,
|
||
status: this.formData.status,
|
||
tradeMethod: this.formData.tradeMethod,
|
||
type: this.formData.type,
|
||
keyword: this.keyword,
|
||
signType: this.signTypeFilter === '1' ? '1' : '2',
|
||
},
|
||
});
|
||
// this.tableData.rows.forEach(item => {
|
||
// if (item.contract.type === 'sign' && !item.contract.payUser.user) console.log(item.contract.docTitle, item.contract._id)
|
||
// })
|
||
this.$forceUpdate()
|
||
},
|
||
/**
|
||
* 创建合同
|
||
* @param contract
|
||
*/
|
||
createContract(contract) {
|
||
this.form1.data.contractId = contract._id
|
||
this.form1.props.action = 'client/contract/kh/launch'
|
||
this.form1.props.show = true
|
||
},
|
||
async changeContract(contract) {
|
||
this.form1.data.contractId = contract._id
|
||
const {data} = await vk.callFunction({
|
||
url: 'client/contract/kh/getDetail',
|
||
title: '请求中...',
|
||
data: {
|
||
contractId: contract._id
|
||
},
|
||
});
|
||
this.form1.data.signEndDate = dayjs(data.signEndDate).toDate()
|
||
// console.log(this.form1.data.signEndDate, dayjs(data.signEndDate), dayjs(data.signEndDate).date())
|
||
this.form1.data.title = data.docTitle
|
||
if (Array.isArray(data.contractBase)) this.form1.data.contractFile = data.contractBase
|
||
else this.form1.data.contractFile = [data.contractBase]
|
||
console.log('this.form1.data.contractFile', this.form1.data.contractFile)
|
||
this.form1.data.buyerSignKeyword = data.buyerSignKeyword
|
||
this.form1.data.sellerSignKeyword = data.sellerSignKeyword
|
||
this.form1.data.otherFile = data.otherFile
|
||
this.form1.props.show = true
|
||
this.form1.data.thirdList = data.partyList.filter(item => item.role === 'third').map(item => {
|
||
return {
|
||
phone: item.user.mobile,
|
||
signKeyword: item.keyword
|
||
}
|
||
})
|
||
console.log(this.form1.data)
|
||
if (!this.form1.data.thirdList || !this.form1.data.thirdList.length) {
|
||
this.form1.data.thirdList = [{
|
||
phone: '',
|
||
signKeyword: ''
|
||
}]
|
||
}
|
||
},
|
||
onFormSuccess() {
|
||
this.form1.props.show = false
|
||
// this.form1.data.contractId = null
|
||
// this.formData.status = 1
|
||
// this.menuIndex = '1'
|
||
// this.isSign = false
|
||
// this.$refs.form2.resetForm()
|
||
// this.$refs.form1.resetForm()
|
||
// this.query(1)
|
||
vk.redirectTo({url: '/pages/contract/index?tab=1'})
|
||
},
|
||
/**
|
||
* 签署合同
|
||
* @param sign
|
||
* @param contract
|
||
*/
|
||
async extSign(sign, contract) {
|
||
if (sign) return
|
||
try {
|
||
await this.$confirm(`1、您确认，若全体各签约方未完成全部签约流程，本签约文件不发生法律效力，系统无法对该签约文件予以保存及提供司法调证服务;<br>2、您确认，当前签约的实名主体名称、手机号码与注册认证阶段提交的信息未发生变更;若发生变更，必须及时进行重新认证后方可继续签约，避免产生严重法律风险与经济损失;<br>3、您确认，本次签约为本系统实名认证主体操作，如若不是实名认证主体操作，授权委托人需本系统进行授权认证后签约;<br>4、您确认，您与其他签约方均系在平等、自愿的基础上完成本次签约;<br>5、你确认，此次签约内容符合《中华人民共和国电子签名法》《民法典》生效保护范畴;<br>6、如因法律法规、监管部门政策更新等原因，系统提示您重新进行实名认证、证书续期等重要提示时，请您必须在签约前完成，否则造成任何损失，平台不承担任何责任;以上签约条件您均已经知悉并确认，否则您有权拒绝本次签约。`, '提示', {
|
||
confirmButtonText: '知悉同意',
|
||
showCancelButton: false,
|
||
type: 'warning',
|
||
dangerouslyUseHTMLString: true
|
||
})
|
||
} catch (e) {
|
||
return
|
||
}
|
||
vk.callFunction({
|
||
url: 'client/contract/kh/extSign',
|
||
title: '请求中...',
|
||
data: {
|
||
contractId: contract._id,
|
||
isSignOnly: true,
|
||
},
|
||
success: (res) => {
|
||
window.open(res.data)
|
||
}
|
||
});
|
||
},
|
||
showStopSign(contract) {
|
||
vk.callFunction({
|
||
url: 'client/contract/kh/extSign',
|
||
title: '请求中...',
|
||
data: {
|
||
contractId: contract._id
|
||
},
|
||
success: (res) => {
|
||
window.open(res.data)
|
||
}
|
||
});
|
||
},
|
||
viewContract(contract) {
|
||
vk.callFunction({
|
||
url: 'client/contract/kh/viewContract',
|
||
title: '请求中...',
|
||
data: {
|
||
contractId: contract._id
|
||
},
|
||
success: (res) => {
|
||
const userAgent = window.navigator.userAgent.toLowerCase();
|
||
// if (userAgent.match(/micromessenger/i)) {
|
||
// window.open(`https://www.jinjiuxinzg.cn/pdfjs/web/viewer.html?file=${encodeURIComponent(res.data)}`)
|
||
// } else {
|
||
window.open(res.data)
|
||
// }
|
||
// window.open(res.data)
|
||
this.query(1)
|
||
}
|
||
});
|
||
},
|
||
navTo(url) {
|
||
vk.navigateTo({
|
||
url: url
|
||
})
|
||
},
|
||
showParty(userContract) {
|
||
// let content = ''
|
||
// userContract.contract.partyList.forEach(party => {
|
||
// // if (party.userId !== userContract.userId) partyUser = party.user
|
||
// const partyUser = party.user
|
||
// if (partyUser) {
|
||
// const name = partyUser.nickname
|
||
// let role = party.role === 'buyer' ? '购买方' : '销售方'
|
||
// if (party.role === 'third') role = '第三方'
|
||
// content += `<view class="flex flex-col justify-start items-start py-10 border-bottom">
|
||
// <view>身份:${role}</view>
|
||
// <view>联系人:${name}</view>
|
||
// <view>联系方式:${partyUser.mobile}</view></view>`
|
||
// }
|
||
// })
|
||
console.log(123123)
|
||
let content = ''
|
||
const buyer = userContract.contract.partyList.find(item => item.role !== 'third' && userContract.contract.userId === item.userId)
|
||
const seller = userContract.contract.partyList.find(item => item.role !== 'third' && userContract.contract.userId !== item.userId)
|
||
const thirdList = userContract.contract.partyList.filter(item => item.role === 'third')
|
||
content += `<view class="flex flex-col justify-start items-start py-10 border-bottom">
|
||
<view>身份:发起方</view>
|
||
<view>联系人:${(buyer && buyer.user) ? buyer.user.nickname : ''}</view>
|
||
<view>联系方式:${(buyer && buyer.user) ? buyer.user.mobile : ''}</view></view>`
|
||
content += `<view class="flex flex-col justify-start items-start py-10 border-bottom">
|
||
<view>身份:接收方</view>
|
||
<view>联系人:${(seller && seller.user) ? seller.user.nickname : ''}</view>
|
||
<view>联系方式:${(seller && seller.user) ? seller.user.mobile : ''}</view></view>`
|
||
thirdList.forEach((item, index) => {
|
||
content += `<view class="flex flex-col justify-start items-start py-10 border-bottom">
|
||
<view>身份:第${this.numToChForThird[index]}方</view>
|
||
<view>联系人:${item.user ? item.user.nickname : ''}</view>
|
||
<view>联系方式:${item.user ? item.user.mobile : ''}</view></view>`
|
||
})
|
||
this.$confirm(content, '', {
|
||
cancelButtonText: '关闭',
|
||
showConfirmButton: false,
|
||
dangerouslyUseHTMLString: true
|
||
})
|
||
},
|
||
changeTradeMethod(tradeMethod) {
|
||
this.formData.tradeMethod = tradeMethod
|
||
this.formData.type = null
|
||
this.query(1)
|
||
},
|
||
changeType(type) {
|
||
this.formData.tradeMethod = null
|
||
this.formData.type = type
|
||
// if (type === 'sign' && this.userInfo.qybNum === 0) {
|
||
// this.$confirm(`金久信签约宝次数已用完，请先购买`, '', {
|
||
// confirmButtonText: '去购买',
|
||
// })
|
||
// }
|
||
this.query(1)
|
||
},
|
||
openDownload(otherFile) {
|
||
for (let file in otherFile) {
|
||
window.open(otherFile)
|
||
}
|
||
},
|
||
async getCommonContractUrl() {
|
||
const res = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: '657d36befe975f63af1f24e7'
|
||
},
|
||
})
|
||
this.contractTemplate = res.content
|
||
},
|
||
openPreview(url) {
|
||
let openUrl = url
|
||
if (Array.isArray(url)) openUrl = url[url.length - 1]
|
||
if (!openUrl) return
|
||
window.open(`https://www.jinjiuxinzg.cn/pdfjs/web/viewer.html?file=${encodeURIComponent(openUrl)}`, '_blank')
|
||
},
|
||
downloadContractTemplate() {
|
||
window.open(this.contractTemplate)
|
||
},
|
||
async delContract(contract) {
|
||
this.$confirm('请您确认文件无用或已经完成履约后再删除文件，删除后平台将无法为您提供相关数据，您将无法查询已经删除文件。请您谨慎操作。', '温馨提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(async () => {
|
||
await vk.callFunction({
|
||
url: 'client/contract/kh/del',
|
||
data: {
|
||
id: contract._id
|
||
},
|
||
success: (res) => {
|
||
this.query(1)
|
||
}
|
||
})
|
||
this.getUserInfo()
|
||
})
|
||
},
|
||
async payDownloadContract(contract) {
|
||
const amountRes = await vk.callFunction({
|
||
url: 'client/dict/pub/getDetail',
|
||
data: {
|
||
id: 'ded3e568662e5817000026633aad1e69'
|
||
},
|
||
})
|
||
if (!contract.canDownloadUidList || !contract.canDownloadUidList.includes(this.userInfo.uid)) {
|
||
if (contract.certificate && !contract.certificate.paidConfirm) {
|
||
if (contract.certificate.paymentMethod === 'online') {
|
||
return vk.navigateTo({
|
||
url: `/pages/index/shop/pay?id=${contract.certificate.orderId}`
|
||
})
|
||
}else return vk.toast('请先等待后台确认支付')
|
||
}
|
||
vk.navigateTo({
|
||
url: `/pages/contract/certificate?contractId=${contract._id}&transactionId=${contract.transactionId}&amount=${amountRes.content}`
|
||
})
|
||
} else {
|
||
this.$confirm(`您提交申请后，平台将在两个工作日内向您提供合法生效文件，客服电话：0771-3923001`, '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(async () => {
|
||
// let loadingInstance1 = Loading.service({fullscreen: true, text: '加载中...'});
|
||
// const res = await vk.callFunction({
|
||
// url: 'client/contract/kh/report',
|
||
// data: {
|
||
// contractNum: contract.transactionId
|
||
// }
|
||
// });
|
||
// loadingInstance1.close()
|
||
// if (res) {
|
||
// window.open(res.data.downloadUrl)
|
||
// }
|
||
if (contract.certificate) {
|
||
if (contract.certificate.deliveryMethods.paper) {
|
||
vk.toast('您的司法调证文件已发货,请注意查收')
|
||
} else {
|
||
if (contract.certificate.downloadUrl) window.open(contract.certificate.downloadUrl)
|
||
else vk.toast('文件生成中,请耐心等待')
|
||
}
|
||
} else vk.toast('操作失败，请联系客服')
|
||
})
|
||
|
||
}
|
||
},
|
||
async downloadContract(contract_id) {
|
||
let loadingInstance1 = Loading.service({fullscreen: true, text: '加载中...'});
|
||
const res = await vk.callFunction({
|
||
url: 'client/contract/pub/getDownload',
|
||
data: {
|
||
contract_id
|
||
}
|
||
});
|
||
loadingInstance1.close()
|
||
if (res) {
|
||
window.open(`https://textapi.fadada.com/api2/downLoadContract.api?app_id=502704×tamp=${res.data.timestamp}&v=2.0&msg_digest=${res.data.msg_digest}&contract_id=${contract_id}`)
|
||
}
|
||
},
|
||
getUserInfo() {
|
||
vk.userCenter.getCurrentUserInfo({
|
||
success: ({userInfo}) => {
|
||
this.userInfo = userInfo
|
||
if (!this.userInfo.mobile) {
|
||
this.$confirm('请先绑定手机号', '提示', {
|
||
confirmButtonText: '确定',
|
||
showCancelButton: false,
|
||
type: 'warning'
|
||
}).then(() => {
|
||
vk.redirectTo(`/pages/auth/login/wechat?state=jjx_` + this.userInfo.accountType)
|
||
}).catch(() => {
|
||
vk.redirectTo(`/pages/auth/login/wechat?state=jjx_` + this.userInfo.accountType)
|
||
})
|
||
return
|
||
}
|
||
if (!this.userInfo.fadadaConfirm) {
|
||
this.$confirm('您尚未认证, 是否前往个人中心认证?', '提示', {
|
||
confirmButtonText: '确定',
|
||
showCancelButton: false,
|
||
type: 'warning',
|
||
showClose: false,
|
||
closeOnClickModal: false,
|
||
closeOnPressEscape: false
|
||
}).then(() => {
|
||
vk.navigateTo({url: '/pages/user/user?menu=fadada'});
|
||
})
|
||
}
|
||
this.invoiceForm.phone = this.userInfo.mobile
|
||
this.invoiceForm.email = this.userInfo.businessCard ? this.userInfo.businessCard.email : ''
|
||
if (this.userInfo.accountType === 2) {
|
||
if (this.userInfo.fadadaConfirm && this.userInfo.company) {
|
||
this.invoiceForm.name = this.userInfo.company.companyName
|
||
this.invoiceForm.code = this.userInfo.company.organization
|
||
this.invoiceForm.address = this.userInfo.company.addressDetail
|
||
this.invoiceForm.tel = this.userInfo.company.mobile
|
||
this.invoiceForm.bankName = this.userInfo.company.companyBankName
|
||
this.invoiceForm.bankAccount = this.userInfo.company.companyAccount
|
||
}
|
||
} else {
|
||
this.invoiceForm.name = this.userInfo.person.personName
|
||
this.invoiceForm.code = this.userInfo.person.idCard
|
||
this.invoiceForm.address = this.userInfo.person.address
|
||
this.invoiceForm.tel = this.userInfo.mobile
|
||
}
|
||
}
|
||
});
|
||
},
|
||
async getQybPackage() {
|
||
const {rows} = await vk.callFunction({
|
||
url: 'client/qyb/list/pub/getList',
|
||
data: {
|
||
pageIndex: 1,
|
||
pageSize: 500
|
||
}
|
||
});
|
||
this.qybPackageList = rows
|
||
},
|
||
async doBuyQyb() {
|
||
const {data} = await vk.callFunction({
|
||
url: 'client/qyb/list/kh/buy',
|
||
title: '请求中...',
|
||
data: {
|
||
qybId: this.selectedQyb,
|
||
}
|
||
})
|
||
this.dialogVisible = false
|
||
vk.navigateTo({
|
||
url: `/pages/index/shop/pay?id=${data}`
|
||
})
|
||
},
|
||
addThird() {
|
||
if (this.form2.data.thirdList.length < 8) this.form2.data.thirdList.push({
|
||
phone: '',
|
||
signKeyword: '',
|
||
})
|
||
},
|
||
removeThird(index) {
|
||
if (this.form2.data.thirdList.length === 1) return
|
||
this.form2.data.thirdList.splice(index, 1)
|
||
},
|
||
thirdMoveUp(index) {
|
||
let tmpList = JSON.parse(JSON.stringify(this.form2.data.thirdList));
|
||
[tmpList[index], tmpList[index - 1]] = [tmpList[index - 1], tmpList[index]];
|
||
this.form2.data.thirdList = tmpList
|
||
this.$forceUpdate()
|
||
},
|
||
thirdMoveDown(index) {
|
||
let tmpList = JSON.parse(JSON.stringify(this.form2.data.thirdList));
|
||
[tmpList[index], tmpList[index + 1]] = [tmpList[index + 1], tmpList[index]];
|
||
this.form2.data.thirdList = tmpList
|
||
this.$forceUpdate()
|
||
},
|
||
addThird1() {
|
||
if (this.form1.data.thirdList.length < 8) this.form1.data.thirdList.push({
|
||
phone: '',
|
||
signKeyword: '',
|
||
})
|
||
},
|
||
removeThird1(index) {
|
||
if (this.form1.data.thirdList.length === 1) return
|
||
this.form1.data.thirdList.splice(index, 1)
|
||
},
|
||
thirdMoveUp1(index) {
|
||
let tmpList = JSON.parse(JSON.stringify(this.form1.data.thirdList));
|
||
[tmpList[index], tmpList[index - 1]] = [tmpList[index - 1], tmpList[index]];
|
||
this.form1.data.thirdList = tmpList
|
||
this.$forceUpdate()
|
||
},
|
||
thirdMoveDown1(index) {
|
||
let tmpList = JSON.parse(JSON.stringify(this.form1.data.thirdList));
|
||
[tmpList[index], tmpList[index + 1]] = [tmpList[index + 1], tmpList[index]];
|
||
this.form1.data.thirdList = tmpList
|
||
this.$forceUpdate()
|
||
},
|
||
openInvoice(id) {
|
||
this.invoiceForm.id = id
|
||
this.showInvoice = true
|
||
},
|
||
async doInvoice() {
|
||
if (!this.invoiceForm.name) return this.$message.error('请输入发票抬头')
|
||
if (!this.invoiceForm.code) return this.$message.error('请输入纳税人识别号')
|
||
if (!this.invoiceForm.phone) return this.$message.error('请输入手机号码')
|
||
if (!this.invoiceForm.email) return this.$message.error('请输入邮箱')
|
||
if (!this.invoiceForm.address) return this.$message.error('请输入地址')
|
||
await vk.callFunction({
|
||
url: 'client/order/kh/changeInvoice',
|
||
data: {
|
||
...this.invoiceForm,
|
||
isInvoice: 1
|
||
}
|
||
})
|
||
this.showInvoice = false
|
||
this.$message.success('申请成功')
|
||
await this.getSignBuyLog(1)
|
||
},
|
||
copyInvoice(row) {
|
||
// const url = row.invoiceUrl[0]
|
||
// document.oncopy = function (e) {
|
||
// e.clipboardData.setData('text', url);
|
||
// e.preventDefault();
|
||
// document.oncopy = null;
|
||
// }
|
||
// document.execCommand('Copy');
|
||
// this.$message({
|
||
// type: 'success',
|
||
// message: '已复制'
|
||
// })
|
||
let openUrl = row.invoiceUrl
|
||
if (Array.isArray(openUrl)) openUrl = openUrl[openUrl.length - 1]
|
||
const userAgent = window.navigator.userAgent.toLowerCase();
|
||
// 检测 userAgent 中是否包含 'micromessenger' 字符串
|
||
if (userAgent.match(/micromessenger/i)) {
|
||
window.open(`https://www.jinjiuxinzg.cn/pdfjs/web/viewer.html?file=${encodeURIComponent(openUrl)}`)
|
||
} else {
|
||
window.open(openUrl)
|
||
}
|
||
},
|
||
openPayVoucher(row) {
|
||
const userAgent = window.navigator.userAgent.toLowerCase();
|
||
// 检测 userAgent 中是否包含 'micromessenger' 字符串
|
||
if (userAgent.match(/micromessenger/i)) {
|
||
this.payVoucher = row.payVoucher
|
||
this.showPayVoucher = true
|
||
} else {
|
||
window.open(row.payVoucher)
|
||
}
|
||
// window.open(row.payVoucher)
|
||
},
|
||
beforeUpload(file) {
|
||
if ((new RegExp(/\s+/g).test(file.name))) {
|
||
vk.toast('文件名不能有空格')
|
||
return false
|
||
}
|
||
},
|
||
uploadSuccess(response, file, fileList) {
|
||
console.log(response, file, fileList)
|
||
this.openPreview(response.url)
|
||
this.$refs.uploader.clearFiles();
|
||
},
|
||
uploadSuccess1(response, file, fileList) {
|
||
console.log(response, file, fileList)
|
||
this.openPreview(response.url)
|
||
this.$refs.uploader1.clearFiles();
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.el-picker-panel.currentDatePickerClass {
|
||
.el-button--text.el-picker-panel__link-btn {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.currentDatePickerClass > > > .el-picker-panel__link-btn {
|
||
display: none
|
||
}
|
||
</style>
|
||
|
||
<style scoped lang="scss">
|
||
.w-1200 {
|
||
width: 1200px;
|
||
margin: 20px auto;
|
||
}
|
||
|
||
.contract-list {
|
||
background-color: #FFFFFF;
|
||
padding: 10px 20px 20px;
|
||
}
|
||
|
||
.paginatio {
|
||
margin: 20px auto;
|
||
display: flex;
|
||
justify-content: center;
|
||
}
|
||
|
||
|
||
.contract-box {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
border-bottom: solid 1px #e8e8e8;
|
||
padding: 10rpx 0;
|
||
}
|
||
|
||
.contract-right {
|
||
text-align: right;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.trade-method {
|
||
display: flex;
|
||
margin-bottom: 20px;
|
||
border-bottom: solid 2px #f4f4f4;
|
||
}
|
||
|
||
.trade-method-item {
|
||
cursor: pointer;
|
||
font-size: 18px;
|
||
margin-right: 15px;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
|
||
.trade-method-item.active {
|
||
color: #A92924;
|
||
border-bottom: solid 2px #A92924;
|
||
}
|
||
|
||
.contract-left-top {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
}
|
||
|
||
.contract-product {
|
||
margin: 0 10px;
|
||
}
|
||
|
||
.contract-left-center {
|
||
//height: 40px;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: flex-start;
|
||
color: #999999;
|
||
font-size: 12px;
|
||
flex-direction: column;
|
||
margin-top: 5px;
|
||
}
|
||
|
||
.contract-left-bottom {
|
||
display: flex;
|
||
}
|
||
|
||
.contract-status {
|
||
display: flex;
|
||
}
|
||
|
||
.contract-status-tag {
|
||
margin-left: 2px;
|
||
}
|
||
|
||
.sign {
|
||
padding: 20px 20px 20px 25px;
|
||
font-size: 14px;
|
||
|
||
.icon {
|
||
line-height: 18px;
|
||
}
|
||
}
|
||
|
||
.buy-quote-mode-active {
|
||
border: 1px solid #a92924;
|
||
background-color: #f1c7c7;
|
||
color: #333;
|
||
}
|
||
</style>
|