缴费，案件详情问题处理
This commit is contained in:
Your Name
@@ -59,17 +59,24 @@
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)">提交</el-button>
|
||||
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
|
||||
icon="el-icon-edit">修改</el-button>
|
||||
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
|
||||
<el-button size="mini" @click="consultantApplica(scope.row)" type="text" icon="el-icon-tickets">法律顾问用印申请</el-button>
|
||||
<el-button size="mini" @click="departmentApplica(scope.row)" type="text" icon="el-icon-edit-outline">部门长用印申请</el-button>
|
||||
<el-button size="mini" @click="consultantApplica(scope.row)" type="text"
|
||||
icon="el-icon-tickets">法律顾问用印申请</el-button>
|
||||
<el-button size="mini" @click="departmentApplica(scope.row)" type="text"
|
||||
icon="el-icon-edit-outline">部门长用印申请</el-button>
|
||||
<el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
|
||||
<el-button size="mini" @click="caseLog(scope.row)" type="text" icon="el-icon-edit-outline">案件日志</el-button>
|
||||
<el-button size="mini" @click="caseFiling(scope.row)" type="text" icon="el-icon-tickets">案件归档</el-button>
|
||||
<el-button size="mini" @click="signMediation(scope.row)" type="text" icon="el-icon-edit-outline">签收调解书</el-button>
|
||||
<el-button size="mini" @click="caseLog(scope.row)" type="text"
|
||||
icon="el-icon-edit-outline">案件日志</el-button>
|
||||
<el-button size="mini" @click="caseFiling(scope.row)" type="text"
|
||||
icon="el-icon-tickets">案件归档</el-button>
|
||||
<el-button size="mini" @click="signMediation(scope.row)" type="text"
|
||||
icon="el-icon-edit-outline">签收调解书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
@click="evidenceUpload(scope.row)">证据修改</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)">缴费</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -77,23 +84,27 @@
|
||||
@pagination="getList(queryParams)" />
|
||||
<!-- 新增编辑详情 -->
|
||||
<addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList"
|
||||
:caseData="caseData" :caseDisabled="caseDisabled"></addCase>
|
||||
:caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag"></addCase>
|
||||
<!-- 压缩包导入 -->
|
||||
<caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
|
||||
@cancelCompreess="cancelCompreess" :getList="getList">
|
||||
</caseCompressionPackage>
|
||||
<!-- 案件详情 -->
|
||||
<mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"></mediationCaseDetails>
|
||||
<mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess">
|
||||
</mediationCaseDetails>
|
||||
<!-- 案件日志 -->
|
||||
<mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog"></mediationCaseLog>
|
||||
<!-- 证据修改 -->
|
||||
<evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
|
||||
</evidenceDialog>
|
||||
<!-- 缴费 -->
|
||||
<payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
|
||||
:queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"></payDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { caseApplicationList } from '@/api/caseManagement/caseManagement.js'
|
||||
import { caseApplicationList, caseApplicationSelectById,submitCaseApply } from '@/api/caseManagement/caseManagement.js'
|
||||
import { listDept } from '@/api/system/dept.js'
|
||||
import moment from "moment";
|
||||
import addCase from './components/addCase.vue'
|
||||
@@ -101,6 +112,7 @@ import evidenceDialog from './components/evidenceDialog.vue';
|
||||
import caseCompressionPackage from './components/caseCompressionPackage.vue';
|
||||
import mediationCaseDetails from './components/mediationCaseDetails.vue'
|
||||
import mediationCaseLog from './components/mediationCaseLog.vue'
|
||||
import payDialog from "./components/payDialog.vue";
|
||||
export default {
|
||||
name: "caseList",
|
||||
dicts: ["case_flow_node"],
|
||||
@@ -109,7 +121,8 @@ export default {
|
||||
caseCompressionPackage,
|
||||
mediationCaseDetails,
|
||||
mediationCaseLog,
|
||||
evidenceDialog
|
||||
evidenceDialog,
|
||||
payDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@@ -127,15 +140,21 @@ export default {
|
||||
rules: {},
|
||||
dataList: [],
|
||||
addVisable: false,//新增弹窗
|
||||
openCompressedPackages:false,//压缩包导入弹窗
|
||||
processVisable:false,//案件详情
|
||||
showcaseLog:false,//案件日志
|
||||
openCompressedPackages: false,//压缩包导入弹窗
|
||||
processVisable: false,//案件详情
|
||||
showcaseLog: false,//案件日志
|
||||
evidenceVisable: false,//证据修改弹窗
|
||||
openPay: false, //缴费弹框
|
||||
formPayDetail: {},
|
||||
payId: null,
|
||||
payForm: {},
|
||||
caseData: {},
|
||||
evidenceData: {},
|
||||
caseDisabled: false,
|
||||
caseTime: '',
|
||||
deptList: []
|
||||
deptList: [],
|
||||
payTitle: '',
|
||||
tabFlag: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -148,6 +167,7 @@ export default {
|
||||
this.addVisable = true;
|
||||
this.caseData = {};
|
||||
this.caseDisabled = false;
|
||||
this.tabFlag = false;
|
||||
},
|
||||
/** 查看详情 */
|
||||
checkDetail(val) {
|
||||
@@ -155,17 +175,46 @@ export default {
|
||||
this.caseData = val;
|
||||
this.caseData.flag = 1;
|
||||
this.caseDisabled = true;
|
||||
this.tabFlag = true;
|
||||
},
|
||||
/** 修改案件 */
|
||||
eidtNodeprocess(row) {
|
||||
this.addVisable = true;
|
||||
this.caseData = row;
|
||||
this.caseDisabled = false;
|
||||
this.tabFlag = false;
|
||||
},
|
||||
/** 案件导入压缩包 */
|
||||
compressedPackages() {
|
||||
this.openCompressedPackages = true;
|
||||
},
|
||||
/** 缴费 */
|
||||
payStatus(val) {
|
||||
this.getDetail({ id: val.id });
|
||||
this.payTitle = "缴费";
|
||||
this.payId = val.id;
|
||||
this.openPay = true;
|
||||
},
|
||||
/** 列表提交立案 */
|
||||
onsubmitRow(row) {
|
||||
this.$modal
|
||||
.confirm("是否提交立案申请？")
|
||||
.then(function () {
|
||||
return submitCaseApply({ id: row.id,caseFlowId:row.caseFlowId });
|
||||
})
|
||||
.then(() => {
|
||||
this.getList(this.queryParams);
|
||||
this.$modal.msgSuccess("立案申请成功");
|
||||
})
|
||||
.catch(() => { });
|
||||
},
|
||||
getDetail(parms) {
|
||||
caseApplicationSelectById(parms).then((res) => {
|
||||
this.formPayDetail = res.data;
|
||||
this.payForm.feePayable = res.data.feePayable;
|
||||
this.payForm.caseId = res.data.id;
|
||||
});
|
||||
},
|
||||
/** 时间改变处理 */
|
||||
caseTimeChange() {
|
||||
if (this.caseTime) {
|
||||
@@ -204,6 +253,10 @@ export default {
|
||||
cancelCompreess() {
|
||||
this.openCompressedPackages = false;
|
||||
},
|
||||
/**取消缴费*/
|
||||
paycancelRow(row) {
|
||||
this.openPay = false;
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
@@ -232,38 +285,38 @@ export default {
|
||||
})
|
||||
},
|
||||
// 部门长用印申请
|
||||
departmentApplica(){
|
||||
|
||||
departmentApplica() {
|
||||
|
||||
},
|
||||
//案件流程
|
||||
caseFlow(row){
|
||||
this.processVisable = true
|
||||
caseFlow(row) {
|
||||
this.processVisable = true
|
||||
},
|
||||
cancelViewProcess(){
|
||||
cancelViewProcess() {
|
||||
this.processVisable = false
|
||||
},
|
||||
//案件日志
|
||||
caseLog(){
|
||||
this.showcaseLog = true
|
||||
caseLog() {
|
||||
this.showcaseLog = true
|
||||
},
|
||||
cancelcaseLog(){
|
||||
cancelcaseLog() {
|
||||
this.showcaseLog = false
|
||||
},
|
||||
// 案件归档
|
||||
caseFiling(){
|
||||
this.$modal.confirm("你确定要案件归档吗？").then((res) => {
|
||||
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
caseFiling() {
|
||||
this.$modal.confirm("你确定要案件归档吗？").then((res) => {
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
//签收调解书
|
||||
signMediation(){
|
||||
signMediation() {
|
||||
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
|
||||
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
})
|
||||
},
|
||||
departmentApplica() {
|
||||
|
||||
|
||||
@@ -3,338 +3,340 @@
|
||||
<el-dialog :title="title" :visible="addVisable" v-if="addVisable" @close="cancel" width="1000px" center
|
||||
:distroy-on-close="true">
|
||||
<el-tabs v-model="activeName">
|
||||
<el-tab-pane label="案件信息" name="first"><el-form :model="formData" ref="ruleForm" label-width="130px"
|
||||
class="demo-ruleForm" :disabled="caseDisabled">
|
||||
<el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人仲裁请求" prop="arbitratClaims" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人仲裁请求不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="事实和理由" prop="facts" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '事实和理由不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人请求仲裁庭裁决" prop="requestRule">
|
||||
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件描述" prop="caseDescribe">
|
||||
<el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '案件标的不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书模板" prop="templateId" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '裁决书模板',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select placeholder="请选择裁决书模板" v-model="formData.templateId">
|
||||
<el-option v-for="item in templateList" :label="item.temName" :key="item.id"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
|
||||
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove"
|
||||
:on-preview="handlePreview" :before-remove="beforeRemove" :data="filedata"
|
||||
:headers="headers" multiple :limit="50" :on-exceed="handleExceed"
|
||||
:file-list="fileList">
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item label="证据">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index">
|
||||
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
|
||||
item.annexName }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">双方信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '委托代理人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人邮箱不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentIdentityNum"
|
||||
placeholder="请输入被申请人身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择性别'
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="formData.affiliate.respondentSex">
|
||||
<el-radio label="0">男</el-radio>
|
||||
<el-radio label="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人邮箱不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">抓取规则设置</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id">
|
||||
<el-input type="textarea" v-model="item.value"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form></el-tab-pane>
|
||||
<el-tab-pane label="证据清单" name="second" v-show="evidenceFlag">
|
||||
<el-card class="box-card" style="margin-bottom: 30px;">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>被申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
<el-tab-pane label="案件信息" name="first">
|
||||
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="证据清单" name="second" v-if="tabFlag">
|
||||
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<el-form v-if="activeName == 'first'" :disabled="caseDisabled" :model="formData" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
||||
<el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人仲裁请求" prop="arbitratClaims" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人仲裁请求不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="事实和理由" prop="facts" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '事实和理由不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.facts" placeholder="请输入事实和理由" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人请求仲裁庭裁决" prop="requestRule">
|
||||
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="案件描述" prop="caseDescribe">
|
||||
<el-input v-model="formData.caseDescribe" placeholder="请输入案件描述" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的" prop="caseSubjectAmount" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '案件标的不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书模板" prop="templateId" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '裁决书模板',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-select placeholder="请选择裁决书模板" v-model="formData.templateId">
|
||||
<el-option v-for="item in templateList" :label="item.temName" :key="item.id"
|
||||
:value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
|
||||
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove"
|
||||
:on-preview="handlePreview" :before-remove="beforeRemove" :data="filedata"
|
||||
:headers="headers" multiple :limit="50" :on-exceed="handleExceed" :file-list="fileList">
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item label="证据">
|
||||
<div v-for="(item, index) in formData.caseAttachList" :key="index">
|
||||
<div style="color: blue;cursor: pointer;" @click="fileDetil(item.annexPath)">{{
|
||||
item.annexName }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">双方信息：</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请机构名称" prop="affiliate.applicationOrganName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请机构名称不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicationOrganName" placeholder="请输入申请机构名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统一社会信用代码" prop="affiliate.creditCode" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '统一社会信用代码不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.creditCode" placeholder="请输入统一社会信用代码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人" prop="affiliate.compLegalPerson" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人住所" prop="affiliate.applicantHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人联系地址" prop="affiliate.applicantAddress" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="委托代理人姓名" prop="affiliate.nameAgent" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '委托代理人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.nameAgent" placeholder="请输入委托代理人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代理人邮箱" prop="affiliate.agentEmail" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人邮箱不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" prop="affiliate.respondentSex" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择性别'
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="formData.affiliate.respondentSex">
|
||||
<el-radio label="0">男</el-radio>
|
||||
<el-radio label="1">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="formData.affiliate.respondentBirth" type="date"
|
||||
placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人申请人住所不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人邮箱" prop="affiliate.respondentEmail" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '代理人邮箱不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/,
|
||||
message: '请输入正确的邮箱地址',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="formData.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">抓取规则设置</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="modelFlag">
|
||||
<el-form-item v-for="(item) in formData.columnValueList" :label="item.name" :key="item.id">
|
||||
<el-input type="textarea" v-model="item.value"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
<div v-if="activeName == 'second'">
|
||||
<el-card class="box-card" style="margin-bottom: 30px;">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in applicantEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>被申请人证据清单</span>
|
||||
</div>
|
||||
<div v-for="(item, index) in respondentEvidence" :key="index" class="text item"
|
||||
style="color: blue;cursor: pointer;" @click="toPreview(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
||||
@@ -352,7 +354,7 @@ import {
|
||||
} from "@/api/officialSeal/officialSeal.js";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["addVisable", "queryParams", "caseData", "caseDisabled"],
|
||||
props: ["addVisable", "queryParams", "caseData", "caseDisabled","tabFlag"],
|
||||
dicts: ["case_built_type"],
|
||||
data() {
|
||||
return {
|
||||
@@ -377,7 +379,6 @@ export default {
|
||||
},
|
||||
applicantEvidence: [],//申请人证据
|
||||
respondentEvidence: [],//被申请人证据
|
||||
evidenceFlag: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
@@ -390,7 +391,6 @@ export default {
|
||||
this.title = '修改案件';
|
||||
this.caseApplicationSelectByIdFn(val.id)
|
||||
} else if (!val.id && !val.flag) {
|
||||
this.evidenceFlag = false;
|
||||
this.modelFlag = false;
|
||||
this.title = '新增案件';
|
||||
this.formData = {
|
||||
@@ -403,11 +403,15 @@ export default {
|
||||
} else if (val.id && val.flag == 1) {
|
||||
this.modelFlag = true;
|
||||
this.title = '案件详情';
|
||||
this.evidenceFlag = true;
|
||||
this.caseApplicationSelectByIdFn(val.id);
|
||||
}
|
||||
},
|
||||
},
|
||||
addVisable(val){
|
||||
if(val){
|
||||
this.activeName = 'first';
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
|
||||
@@ -0,0 +1,252 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="payTitle" v-if="openPay" :visible="openPay" @close="payCancel" width="800px" append-to-body
|
||||
:destroy-on-close="true" center>
|
||||
<el-descriptions title="订单信息">
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
formPayDetail.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{
|
||||
formPayDetail.affiliate.applicationOrganName || ''
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
formPayDetail.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件应缴费用">{{
|
||||
formPayDetail.feePayable
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人">{{
|
||||
formPayDetail.affiliate.respondentName
|
||||
}}</el-descriptions-item>
|
||||
<!-- <el-descriptions-item label="案件状态">
|
||||
<el-tag size="mini" type='danger' effect="dark">
|
||||
{{ formPayDetail.caseStatusName }}
|
||||
</el-tag>
|
||||
</el-descriptions-item> -->
|
||||
</el-descriptions>
|
||||
<div class="paySelectType">
|
||||
<el-radio-group v-model="paySelect" @input="changPayType">
|
||||
<el-radio :label="0">线上支付</el-radio>
|
||||
<el-radio :label="1">线下支付</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div class="payupload">
|
||||
<span>上传支付凭证：</span>
|
||||
<div class="uploadBtn">
|
||||
<el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers" :data="filedata"
|
||||
:on-preview="handlePreview" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess" :file-list="fileList"
|
||||
>
|
||||
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||||
<!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> -->
|
||||
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
|
||||
</el-upload>
|
||||
</div>
|
||||
</div>
|
||||
<div class="payType" v-if="paySelect == 0">
|
||||
<span>请选择支付方式：</span>
|
||||
<i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
|
||||
<i class="iconfont icon-zhifubao" @click="pay(1)"></i>
|
||||
</div>
|
||||
<div class="payImg">
|
||||
<div id="qrcodeImg"></div>
|
||||
</div>
|
||||
<div class="payTitle">{{ payMain }}</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button @click="submitUpload" class="endbutton"><span>确认缴费</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { casePay, confirmPayDig } from "@/api/pay/pay";
|
||||
import QRCode from "qrcodejs2";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["openPay", "payTitle", "formPayDetail", "payForm", "queryParams","payId"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
// 支付文字
|
||||
payMain: "",
|
||||
timer: null,
|
||||
paySelect: 1,//支付线上/线下
|
||||
fileList: [],
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
annexType: 8,
|
||||
},
|
||||
submitForm:{
|
||||
payType:1,
|
||||
payOrderList:[],
|
||||
caseId:null
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/common/upload";
|
||||
},
|
||||
//选择支付方式(线上,线下)
|
||||
changPayType(data) {
|
||||
if(data == 1){
|
||||
document.getElementById("qrcodeImg").innerHTML = "";
|
||||
this.payMain = ""
|
||||
}
|
||||
this.submitForm.payType = data;
|
||||
},
|
||||
beforeUpload(flie, fileList) {
|
||||
this.fileList = fileList;
|
||||
},
|
||||
// 文件上传成功
|
||||
handlSuccess(res, file) {
|
||||
this.submitForm.payOrderList.push({
|
||||
annexId: res.annexId,
|
||||
annexName:res.annexName
|
||||
});
|
||||
},
|
||||
submitUpload() {
|
||||
if (this.fileList.length < 1) {
|
||||
this.$modal.msgError("请上传缴费凭证");
|
||||
return
|
||||
}
|
||||
this.submitForm.caseFlowId = this.formPayDetail.caseFlowId;
|
||||
confirmPayDig(this.submitForm).then(res=>{
|
||||
this.$modal.msgSuccess("成功");
|
||||
this.payCancel()
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
(this.submitForm.payOrderList = []),
|
||||
fileList.forEach((item) => {
|
||||
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
|
||||
});
|
||||
},
|
||||
handlePreview(file) {
|
||||
},
|
||||
// 生成二维码
|
||||
qrcode(url) {
|
||||
// 前端根据 URL 生成微信支付二维码
|
||||
document.getElementById("qrcodeImg").innerHTML = "";
|
||||
return new QRCode("qrcodeImg", {
|
||||
width: 200,
|
||||
height: 200,
|
||||
text: url,
|
||||
colorDark: "#000",
|
||||
colorLight: "#fff",
|
||||
});
|
||||
},
|
||||
// 支付
|
||||
pay(val) {
|
||||
if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
|
||||
this.$message({
|
||||
message: "此案件无需缴费",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
let payType = "";
|
||||
if (val == 0) {
|
||||
payType = "wxpay";
|
||||
this.payMain = "请使用微信扫二维码支付";
|
||||
} else if (val == 1) {
|
||||
payType = "alipay";
|
||||
this.payMain = "请使用支付宝扫二维码支付";
|
||||
}
|
||||
casePay({
|
||||
totalFee: this.payForm.feePayable * 100,
|
||||
caseId: this.payForm.caseId,
|
||||
tradeType: "native",
|
||||
platform: payType,
|
||||
}).then((res) => {
|
||||
this.paySrc = res.data.code_url;
|
||||
this.qrcode(this.paySrc);
|
||||
});
|
||||
},
|
||||
payCancel() {
|
||||
this.$emit("paycancelRow");
|
||||
this.payMain = "";
|
||||
},
|
||||
},
|
||||
watch:{
|
||||
openPay(val){
|
||||
if(val){
|
||||
this.submitForm.payOrderList = []
|
||||
this.paySelect = 1;
|
||||
this.fileList = [];
|
||||
this.filedata.id = this.payId;
|
||||
this.submitForm.caseId = this.payId;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.payType {
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
display: flex;
|
||||
|
||||
.icon-weixinzhifu {
|
||||
font-size: 24px;
|
||||
color: #27a56f;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.icon-zhifubao {
|
||||
font-size: 24px;
|
||||
color: #1d76cc;
|
||||
}
|
||||
}
|
||||
|
||||
.paySelectType {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.payupload {
|
||||
display: flex;
|
||||
|
||||
.uploadBtn {}
|
||||
}
|
||||
|
||||
.payImg {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.payTitle {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #d0d0d0;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 31px;
|
||||
height: 13px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #959595;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user