Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
  hanchaoboandGitea
|
39f43dfde1 |
+1
-1
@@ -5,7 +5,7 @@ VUE_APP_TITLE = 智慧仲裁管理系统
|
||||
ENV = 'development'
|
||||
|
||||
# 智慧仲裁管理系统/开发环境
|
||||
VUE_APP_BASE_API = '/API'
|
||||
VUE_APP_BASE_API = '/dev-api'
|
||||
|
||||
# 路由懒加载
|
||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||
|
||||
+1
-1
@@ -7,4 +7,4 @@ NODE_ENV = production
|
||||
ENV = 'staging'
|
||||
|
||||
# 智慧仲裁管理系统/测试环境
|
||||
VUE_APP_BASE_API = '/API'
|
||||
VUE_APP_BASE_API = '/stage-api'
|
||||
|
||||
@@ -48,16 +48,13 @@
|
||||
"js-beautify": "1.13.0",
|
||||
"js-cookie": "3.0.1",
|
||||
"jsencrypt": "3.0.0-rc.1",
|
||||
"moment": "^2.29.4",
|
||||
"nprogress": "0.2.0",
|
||||
"qrcodejs2": "0.0.2",
|
||||
"quill": "1.3.7",
|
||||
"screenfull": "5.0.2",
|
||||
"sortablejs": "1.10.2",
|
||||
"vue": "2.6.12",
|
||||
"vue-count-to": "1.0.13",
|
||||
"vue-cropper": "0.5.5",
|
||||
"vue-esign": "^1.1.4",
|
||||
"vue-meta": "2.4.0",
|
||||
"vue-router": "3.4.9",
|
||||
"vuedraggable": "2.24.3",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 5.5 KiB |
@@ -7,7 +7,6 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= webpackConfig.name %></title>
|
||||
<script src="http://121.40.189.20:8899/web-apps/apps/api/documents/api.js"></script>
|
||||
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
|
||||
<style>
|
||||
html,
|
||||
|
||||
@@ -1,141 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
// 案件列表
|
||||
export function caseApplicationList(data) {
|
||||
return request({
|
||||
url: '/caseApplication/list',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 查看详情
|
||||
export function caseApplicationDetail(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectCaseApplication',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 检验裁决书
|
||||
export function verificationArbitrateRecord(data) {
|
||||
return request({
|
||||
url: '/caseApplication/verificationArbitrateRecord',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 审核裁决书
|
||||
export function checkArbitrateRecord(data) {
|
||||
return request({
|
||||
url: '/caseApplication/checkArbitrateRecord',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 裁决书送达
|
||||
export function adjudicationDelivery(data) {
|
||||
return request({
|
||||
url: '/adjudication/delivery',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 送达(不包含发送电子邮件)
|
||||
export function adjudicationService(data) {
|
||||
return request({
|
||||
url: '/adjudication/service',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 查询物流信息
|
||||
export function adjudicationLogistics(data) {
|
||||
return request({
|
||||
url: '/adjudication/logistics',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// // 签名(暂时只改案件状态)
|
||||
// export function adjudicationSignature(data) {
|
||||
// return request({
|
||||
// url: '/adjudication/signature',
|
||||
// method: 'post',
|
||||
// data: data
|
||||
// })
|
||||
// }
|
||||
export function selectSignUrl(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectSignUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 归档(暂时只改案件状态)
|
||||
export function adjudicationCaseFile(data) {
|
||||
return request({
|
||||
url: '/adjudication/caseFile',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 用印(暂时只改案件状态)
|
||||
// export function adjudicationStamp(data) {
|
||||
// return request({
|
||||
// url: '/adjudication/stamp',
|
||||
// method: 'post',
|
||||
// data: data
|
||||
// })
|
||||
// }
|
||||
|
||||
export function selectSealUrl(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectSealUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 裁决书列表查询裁决书
|
||||
export function selectSignSealUrl(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectSignSealUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 重新生成裁决书
|
||||
export function regenerationDocument(data) {
|
||||
return request({
|
||||
url: '/adjudication/regenerationDocument',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 根据案件id
|
||||
export function emailByCaseId(data) {
|
||||
return request({
|
||||
url: '/adjudication/emailByCaseId',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 仲裁员审核裁决书
|
||||
export function arbitratorCheckArbitrateRecord(data) {
|
||||
return request({
|
||||
url: '/caseApplication/arbitrator/checkArbitrateRecord',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -1,146 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 批量案件查询
|
||||
export function listBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/listBatch',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 批量提交
|
||||
export function submitCaseApplicationBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/submitCaseApplicationBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 批量立案审查
|
||||
export function submitCaseApplicationCheckBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/submitCaseApplicationCheckBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 批量缴费
|
||||
export function confirmPayBatch(data) {
|
||||
return request({
|
||||
url: '/pay/confirmPayBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//批量缴费总金额
|
||||
export function payListBatch(data) {
|
||||
return request({
|
||||
url: '/pay/listBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 缴费支付二维码
|
||||
export function casePayBatch(data) {
|
||||
return request({
|
||||
url: '/pay/casePayBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 批量缴费确认
|
||||
export function confirmBatch(data) {
|
||||
return request({
|
||||
url: '/pay/confirmBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//批量组庭审核
|
||||
export function pendTralCheckBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/pendTralCheckBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 批量组庭确认
|
||||
export function pendTralSureBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/pendTralSureBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//秘书批量审核文书
|
||||
export function verificationArbitrateRecordBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/verificationArbitrateRecordBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//仲裁员批量审核
|
||||
export function checkArbitrateRecordBatch(data) {
|
||||
return request({
|
||||
url: '/caseApplication/arbitrator/checkArbitrateRecordBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 部门长批量审核
|
||||
export function checkArbitrateRecordBatchs(data) {
|
||||
return request({
|
||||
url: '/caseApplication/checkArbitrateRecordBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//审核仲裁方式
|
||||
export function methodBatch(data) {
|
||||
return request({
|
||||
url: '/arbitrate/methodBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//批量书面审理
|
||||
export function writtenHearBatch(data) {
|
||||
return request({
|
||||
url: '/arbitrate/writtenHearBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 根据批号批量签名
|
||||
export function getSignUrlBatch(data) {
|
||||
return request({
|
||||
url: '/adjudication/getSignUrlBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//根据批号批量用印
|
||||
export function getSealUrlBatch(data) {
|
||||
return request({
|
||||
url: '/adjudication/getSealUrlBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//批量归档
|
||||
export function caseFileBatch(data) {
|
||||
return request({
|
||||
url: '/adjudication/caseFileBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//仲裁文书送达
|
||||
export function serviceBatch(data) {
|
||||
return request({
|
||||
url: '/adjudication/serviceBatch',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -1,114 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询案件录入列表
|
||||
export function caseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
//批量查询案件签名
|
||||
export function pageSignAdjudicate(data) {
|
||||
return request({
|
||||
url: '/adjudication/pageSignAdjudicate',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 批量签名提交
|
||||
export function selectBatchSignUrl(data) {
|
||||
return request({
|
||||
url: '/adjudication/selectBatchSignUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 批量签名提交
|
||||
export function selectBatchSealUrl(data) {
|
||||
return request({
|
||||
url: '/adjudication/selectBatchSealUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 立案申请
|
||||
export function addCaseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/addCaseApplication',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 点击修改获取主体信息
|
||||
export function selectCaseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectCaseApplication',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 修改案件信息
|
||||
export function editCaseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/editCaseApplication',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 抓取内容修改
|
||||
export function editCaseApplicationDefineval(data) {
|
||||
return request({
|
||||
url: '/caseApplication/editCaseApplicationDefineval',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 删除案件信息
|
||||
export function removeCaseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/removeCaseApplication',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 提交
|
||||
export function submitCaseApply(data) {
|
||||
return request({
|
||||
url: '/caseApplication/submitCaseApplication',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 立案审查
|
||||
export function submitCaseApplicationCheck(data) {
|
||||
return request({
|
||||
url: "/caseApplication/submitCaseApplicationCheck",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 下载模板
|
||||
export function importTemplate(data) {
|
||||
return request({
|
||||
url: '/caseApplication/importTemplate',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 更新案件锁定状态
|
||||
export function updateCaseLockStatus(data) {
|
||||
return request({
|
||||
url: "/caseApplication/updateCaseLockStatus",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 获取证据目录
|
||||
export function evidenceTree(data) {
|
||||
return request({
|
||||
url: "/evidence/evidenceTree",
|
||||
method: "get",
|
||||
params: data,
|
||||
});
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 档案详情查询
|
||||
export function adjudicationArchives(data) {
|
||||
return request({
|
||||
url: '/adjudication/archives',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
//根据案件id查询视频列表
|
||||
export function videoList(data) {
|
||||
return request({
|
||||
url: '/video/videoList',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 下载案件压缩包
|
||||
export function downloadCaseZipFile(data) {
|
||||
return request({
|
||||
url: '/caseApplication/downloadCaseZipFile',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -1,174 +0,0 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 确定仲裁方式
|
||||
export function arbitrateMethod(data,id) {
|
||||
return request({
|
||||
url: "/arbitrate/method",
|
||||
method: "put",
|
||||
params:data,
|
||||
data: id,
|
||||
});
|
||||
}
|
||||
// 书面审理
|
||||
export function writtenHear(data) {
|
||||
return request({
|
||||
url: "/arbitrate/writtenHear",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 生成庭审笔录
|
||||
export function creatTrialRecord(data) {
|
||||
return request({
|
||||
url: "/caseApplication/creatTrialRecord",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 确认生成笔录
|
||||
export function creatTrialRecordnew(data) {
|
||||
return request({
|
||||
url: "/caseApplication/confirmMeetingResult",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 组庭确认
|
||||
export function pendTralSure(data) {
|
||||
return request({
|
||||
url: "/caseApplication/pendTralSure",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 立案审查
|
||||
export function submitCaseApplicationCheck(data) {
|
||||
return request({
|
||||
url: "/caseApplication/submitCaseApplicationCheck",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 生成裁决书
|
||||
export function document(data) {
|
||||
return request({
|
||||
url: "/adjudication/document",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 开庭审理提交
|
||||
export function changeCaseStatus(data) {
|
||||
return request({
|
||||
url: "/adjudication/changeCaseStatus",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 案件证据上传
|
||||
export function evidenceUpload(data) {
|
||||
return request({
|
||||
url: "/evidence/upload",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 案件日志列表查询
|
||||
export function caseLogRecordList(data) {
|
||||
return request({
|
||||
url: "/caseLogRecord/list",
|
||||
method: "get",
|
||||
params: data,
|
||||
});
|
||||
}
|
||||
// 案件证据查询
|
||||
export function getFileList(data) {
|
||||
return request({
|
||||
url: "/evidence/fileList",
|
||||
method: "get",
|
||||
params: data,
|
||||
});
|
||||
}
|
||||
//案件状态进度
|
||||
export function selectCaseProgress(data) {
|
||||
return request({
|
||||
url: "/caseApplication/selectCaseProgress",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 批量上传证据
|
||||
export function batchUpload(data) {
|
||||
return request({
|
||||
url: "/evidence/batchUpload",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 修改开庭时间
|
||||
export function updateHeardate(data) {
|
||||
return request({
|
||||
url: "/caseApplication/updateHeardate",
|
||||
method: "post",
|
||||
data: data,
|
||||
});
|
||||
}
|
||||
// 案件快递信息查询
|
||||
export function logistics(data) {
|
||||
return request({
|
||||
url: "/adjudication/logistics",
|
||||
method: "get",
|
||||
params: data,
|
||||
})
|
||||
}
|
||||
// 申请人撤销修改
|
||||
export function revoke(data) {
|
||||
return request({
|
||||
url: "/caseApplicationLog/revoke",
|
||||
method: "post",
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
// 秘书审核修改
|
||||
export function updateAudit(data) {
|
||||
return request({
|
||||
url: "/caseApplicationLog/updateAudit",
|
||||
method: "post",
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
// 查询案件对比信息
|
||||
export function selectCompareCase(data) {
|
||||
return request({
|
||||
url: "/caseApplicationLog/selectCompareCase",
|
||||
method: "post",
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
// 根据案件id和类型查询附件
|
||||
export function attachListByCaseId(data) {
|
||||
return request({
|
||||
url: "/video/attachListByCaseId",
|
||||
method: "get",
|
||||
params: data,
|
||||
})
|
||||
}
|
||||
// 案件列表
|
||||
export function caseApplicationList(data) {
|
||||
return request({
|
||||
url: '/caseApplication/list',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 根据案件id查询当前登陆人是否为仲裁员
|
||||
export function secretaryRoleByUserId(data) {
|
||||
return request({
|
||||
url: '/video/secretaryRoleByUserId',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
@@ -1,51 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询邮件列表
|
||||
export function emailList(data) {
|
||||
return request({
|
||||
url: '/sendMailRecord/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
// 查询短信列表
|
||||
export function smsList(data,params) {
|
||||
return request({
|
||||
url: '/caseApplication/smsRecord',
|
||||
method: 'post',
|
||||
data: data,
|
||||
params:params
|
||||
})
|
||||
}
|
||||
|
||||
// 更新邮件发送记录
|
||||
export function update(data) {
|
||||
return request({
|
||||
url: 'sendMailRecord/update',
|
||||
})
|
||||
}
|
||||
// 分页查询短信
|
||||
export function recordList(data) {
|
||||
return request({
|
||||
url: '/shortMessage/recordList',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
//更新短信内容
|
||||
export function updateSendContent(data) {
|
||||
return request({
|
||||
url: 'shortMessage/updateSendContent',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
// 重新发送短信
|
||||
export function reSendShortMessage(data) {
|
||||
return request({
|
||||
url: 'shortMessage/reSendShortMessage',
|
||||
method: 'post',
|
||||
data: data,
|
||||
})
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询仲裁员列表
|
||||
export function arbitrAtor(data) {
|
||||
return request({
|
||||
url: '/arbitrator/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 组庭审核
|
||||
export function pendTralCheck(data) {
|
||||
return request({
|
||||
url: '/caseApplication/pendTralCheck',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
// 待办数量查询
|
||||
export function toDoCount() {
|
||||
return request({
|
||||
url: '/caseApplication/toDoCount',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,34 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
// 获取房间号
|
||||
export function createRoomId(data) {
|
||||
return request({
|
||||
url: '/caseApplication/createRoomId',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 预约会议
|
||||
export function reservedConference(data) {
|
||||
return request({
|
||||
url: '/caseApplication/reservedConference',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 根据案件id查询预约会议
|
||||
export function reserveConferenceList(data) {
|
||||
return request({
|
||||
url: '/caseApplication/reserveConferenceList',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 发送房间号短信
|
||||
export function sendRoomNoMessage(data) {
|
||||
return request({
|
||||
url: '/caseApplication/sendRoomNoMessage',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
@@ -1,203 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询邮件列表
|
||||
export function deptIdentifyList(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 是否启用
|
||||
export function enableDept(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/enableDept',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 认证
|
||||
export function selectDeptIndefiUrl(data) {
|
||||
return request({
|
||||
url: 'deptIdentify/selectDeptIndefiUrl',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 新增机构
|
||||
export function insert(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/insert',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 查询公章列表
|
||||
export function sealList(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/sealList',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 启用或者禁用公章
|
||||
export function updateSealLockStatus(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/updateSealLockStatus',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 删除未认证的数据
|
||||
export function deleteSeal(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/delete',
|
||||
method: 'delete',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 修改机构信息
|
||||
export function sealUpdate(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/update',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 新增模板
|
||||
export function insertTemplate(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/insertTemplate',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 修改模板
|
||||
export function updateTemplate(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/updateTemplate',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 删除模板
|
||||
export function deleteTemplate(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/deleteTemplate',
|
||||
method: 'delete',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 根据机构id查询模板
|
||||
export function getTemplate(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/getTemplate',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 查询机构下的经办人
|
||||
export function selectPostUserByDeptId(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/selectPostUserByDeptId',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 机构绑定经办人
|
||||
export function bindHandler(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/bindHandler',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 查询模板
|
||||
export function getManagerList(data) {
|
||||
return request({
|
||||
url: '/template/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 案件编号查新模板
|
||||
export function caseNumRuleList(data) {
|
||||
return request({
|
||||
url: '/caseNumRule/list',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 新增模板
|
||||
export function insertManager(data) {
|
||||
return request({
|
||||
url: '/template/insert',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 案件编号新增
|
||||
export function insertCaseNumRule(data) {
|
||||
return request({
|
||||
url: '/caseNumRule/insertCaseNumRule',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 删除模板
|
||||
export function deleteManager(data) {
|
||||
return request({
|
||||
url: '/template/delete',
|
||||
method: 'delete',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
//案件编号删除
|
||||
export function deleteCaseNumRule(data) {
|
||||
return request({
|
||||
url: '/caseNumRule/deleteCaseNumRule',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 修改模板
|
||||
export function updateManager(data) {
|
||||
return request({
|
||||
url: '/template/update',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 案件编号修改
|
||||
export function updateCaseNumRule(data) {
|
||||
return request({
|
||||
url: '/caseNumRule/updateCaseNumRule',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 查询模板id对应的设置抓取字段
|
||||
export function getFatchRuleByTemplateid(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/getFatchRuleByTemplateid',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 保存抓取规则
|
||||
export function saveFatchRules(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/saveFatchRules',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 模板字段列表
|
||||
export function getTemplateInfoById(data) {
|
||||
return request({
|
||||
url: '/deptIdentify/getTemplateInfoById',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
// 获取onlyoffice配置文件
|
||||
export function getOnlyoffice(params) {
|
||||
return request({
|
||||
url: '/onlyOffice',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
// 保存onlyoffice文档
|
||||
export function saveOnlyOfficeFile(data) {
|
||||
return request({
|
||||
url: '/caseApplication/saveOnlyOfficeFile',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@@ -1,77 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
// 案件列表
|
||||
export function caseApplicationList(data) {
|
||||
return request({
|
||||
url: '/caseApplication/list',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 查看详情
|
||||
export function caseApplicationDetail(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectCaseApplication',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 支付
|
||||
export function casePay(data) {
|
||||
return request({
|
||||
url: '/pay/casePay',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 确认缴费
|
||||
export function confirmPay(data) {
|
||||
return request({
|
||||
url: '/pay/confirm',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//确认缴费查看案件详情接口（新修改显示案件缴费状态）
|
||||
export function selectCaseApplicationConfirm(data) {
|
||||
return request({
|
||||
url: '/caseApplication/selectCaseApplicationConfirm',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 缴费页面缴费确认
|
||||
export function confirmPayDig(data) {
|
||||
return request({
|
||||
url: '/pay/confirmPay',
|
||||
// headers: {
|
||||
// isToken: false
|
||||
// },
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
// 查询批量缴费信息
|
||||
// 缴费页面缴费确认
|
||||
export function getPayDetail(params) {
|
||||
return request({
|
||||
url: '/pay/list',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@@ -1,539 +0,0 @@
|
||||
/* Logo 字体 */
|
||||
@font-face {
|
||||
font-family: "iconfont logo";
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
|
||||
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
|
||||
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: "iconfont logo";
|
||||
font-size: 160px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* tabs */
|
||||
.nav-tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-tabs .nav-more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#tabs li {
|
||||
cursor: pointer;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
border-bottom: 2px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: -1px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
#tabs .active {
|
||||
border-bottom-color: #f00;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.tab-container .content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 页面布局 */
|
||||
.main {
|
||||
padding: 30px 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main .logo {
|
||||
color: #333;
|
||||
text-align: left;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1;
|
||||
height: 110px;
|
||||
margin-top: -50px;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.main .logo a {
|
||||
font-size: 160px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.helps {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.helps pre {
|
||||
padding: 20px;
|
||||
margin: 10px 0;
|
||||
border: solid 1px #e7e1cd;
|
||||
background-color: #fffdef;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.icon_lists {
|
||||
width: 100% !important;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.icon_lists li {
|
||||
width: 100px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 20px;
|
||||
text-align: center;
|
||||
list-style: none !important;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.icon_lists li .code-name {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.icon_lists .icon {
|
||||
display: block;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
font-size: 42px;
|
||||
margin: 10px auto;
|
||||
color: #333;
|
||||
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
-moz-transition: font-size 0.25s linear, width 0.25s linear;
|
||||
transition: font-size 0.25s linear, width 0.25s linear;
|
||||
}
|
||||
|
||||
.icon_lists .icon:hover {
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.icon_lists .svg-icon {
|
||||
/* 通过设置 font-size 来改变图标大小 */
|
||||
width: 1em;
|
||||
/* 图标和文字相邻时，垂直对齐 */
|
||||
vertical-align: -0.15em;
|
||||
/* 通过设置 color 来改变 SVG 的颜色/fill */
|
||||
fill: currentColor;
|
||||
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
|
||||
normalize.css 中也包含这行 */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.icon_lists li .name,
|
||||
.icon_lists li .code-name {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* markdown 样式 */
|
||||
.markdown {
|
||||
color: #666;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
color: #404040;
|
||||
font-weight: 500;
|
||||
line-height: 40px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
color: #404040;
|
||||
margin: 1.6em 0 0.6em 0;
|
||||
font-weight: 500;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background: #e9e9e9;
|
||||
margin: 16px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown>p,
|
||||
.markdown>blockquote,
|
||||
.markdown>.highlight,
|
||||
.markdown>ol,
|
||||
.markdown>ul {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.markdown ul>li {
|
||||
list-style: circle;
|
||||
}
|
||||
|
||||
.markdown>ul li,
|
||||
.markdown blockquote ul>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown>ul li p,
|
||||
.markdown>ol li p {
|
||||
margin: 0.6em 0;
|
||||
}
|
||||
|
||||
.markdown ol>li {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
.markdown>ol li,
|
||||
.markdown blockquote ol>li {
|
||||
margin-left: 20px;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
margin: 0 3px;
|
||||
padding: 0 5px;
|
||||
background: #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown strong,
|
||||
.markdown b {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0px;
|
||||
empty-cells: show;
|
||||
border: 1px solid #e9e9e9;
|
||||
width: 95%;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
white-space: nowrap;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown>table th,
|
||||
.markdown>table td {
|
||||
border: 1px solid #e9e9e9;
|
||||
padding: 8px 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown>table th {
|
||||
background: #F7F7F7;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
font-size: 90%;
|
||||
color: #999;
|
||||
border-left: 4px solid #e9e9e9;
|
||||
padding-left: 0.8em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.markdown blockquote p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.markdown .waiting {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
opacity: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.markdown>br,
|
||||
.markdown>p>br {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.hljs {
|
||||
display: block;
|
||||
background: white;
|
||||
padding: 0.5em;
|
||||
color: #333333;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-meta {
|
||||
color: #969896;
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-strong,
|
||||
.hljs-emphasis,
|
||||
.hljs-quote {
|
||||
color: #df5000;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-type {
|
||||
color: #a71d5d;
|
||||
}
|
||||
|
||||
.hljs-literal,
|
||||
.hljs-symbol,
|
||||
.hljs-bullet,
|
||||
.hljs-attribute {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
.hljs-section,
|
||||
.hljs-name {
|
||||
color: #63a35c;
|
||||
}
|
||||
|
||||
.hljs-tag {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-attr,
|
||||
.hljs-selector-id,
|
||||
.hljs-selector-class,
|
||||
.hljs-selector-attr,
|
||||
.hljs-selector-pseudo {
|
||||
color: #795da3;
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
color: #55a532;
|
||||
background-color: #eaffea;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
color: #bd2c00;
|
||||
background-color: #ffecec;
|
||||
}
|
||||
|
||||
.hljs-link {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 代码高亮 */
|
||||
/* PrismJS 1.15.0
|
||||
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
background: none;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection,
|
||||
pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection,
|
||||
code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection,
|
||||
pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection,
|
||||
code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre)>code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre)>code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number,
|
||||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
background: hsla(0, 0%, 100%, .5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: #DD4A68;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
.token.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
@@ -1,257 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>iconfont Demo</title>
|
||||
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
|
||||
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
|
||||
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
<link rel="stylesheet" href="iconfont.css">
|
||||
<script src="iconfont.js"></script>
|
||||
<!-- jQuery -->
|
||||
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
|
||||
<!-- 代码高亮 -->
|
||||
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
|
||||
<style>
|
||||
.main .logo {
|
||||
margin-top: 0;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.main .logo a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.main .logo .sub-title {
|
||||
margin-left: 0.5em;
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
background: linear-gradient(-45deg, #3967FF, #B500FE);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
||||
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
||||
|
||||
</a></h1>
|
||||
<div class="nav-tabs">
|
||||
<ul id="tabs" class="dib-box">
|
||||
<li class="dib active"><span>Unicode</span></li>
|
||||
<li class="dib"><span>Font class</span></li>
|
||||
<li class="dib"><span>Symbol</span></li>
|
||||
</ul>
|
||||
|
||||
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4246508" target="_blank" class="nav-more">查看项目</a>
|
||||
|
||||
</div>
|
||||
<div class="tab-container">
|
||||
<div class="content unicode" style="display: block;">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">支付宝</div>
|
||||
<div class="code-name">&#xe68a;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">银联</div>
|
||||
<div class="code-name">&#xe68b;</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont"></span>
|
||||
<div class="name">微信支付</div>
|
||||
<div class="code-name">&#xe689;</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="article markdown">
|
||||
<h2 id="unicode-">Unicode 引用</h2>
|
||||
<hr>
|
||||
|
||||
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
|
||||
<ul>
|
||||
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
|
||||
<li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
|
||||
</ul>
|
||||
<blockquote>
|
||||
<p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
|
||||
</blockquote>
|
||||
<p>Unicode 使用步骤如下：</p>
|
||||
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
|
||||
<pre><code class="language-css"
|
||||
>@font-face {
|
||||
font-family: 'iconfont';
|
||||
src: url('iconfont.woff2?t=1694418644261') format('woff2'),
|
||||
url('iconfont.woff?t=1694418644261') format('woff'),
|
||||
url('iconfont.ttf?t=1694418644261') format('truetype');
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
|
||||
<pre><code class="language-css"
|
||||
>.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
</code></pre>
|
||||
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
|
||||
<pre>
|
||||
<code class="language-html"
|
||||
><span class="iconfont">&#x33;</span>
|
||||
</code></pre>
|
||||
<blockquote>
|
||||
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content font-class">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-zhifubao"></span>
|
||||
<div class="name">
|
||||
支付宝
|
||||
</div>
|
||||
<div class="code-name">.icon-zhifubao
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-yinlian"></span>
|
||||
<div class="name">
|
||||
银联
|
||||
</div>
|
||||
<div class="code-name">.icon-yinlian
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<span class="icon iconfont icon-weixinzhifu"></span>
|
||||
<div class="name">
|
||||
微信支付
|
||||
</div>
|
||||
<div class="code-name">.icon-weixinzhifu
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="article markdown">
|
||||
<h2 id="font-class-">font-class 引用</h2>
|
||||
<hr>
|
||||
|
||||
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
|
||||
<p>与 Unicode 使用方式相比，具有如下特点：</p>
|
||||
<ul>
|
||||
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
||||
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
|
||||
</ul>
|
||||
<p>使用步骤如下：</p>
|
||||
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
|
||||
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
||||
</code></pre>
|
||||
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
|
||||
<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
|
||||
</code></pre>
|
||||
<blockquote>
|
||||
<p>"
|
||||
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content symbol">
|
||||
<ul class="icon_lists dib-box">
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-zhifubao"></use>
|
||||
</svg>
|
||||
<div class="name">支付宝</div>
|
||||
<div class="code-name">#icon-zhifubao</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-yinlian"></use>
|
||||
</svg>
|
||||
<div class="name">银联</div>
|
||||
<div class="code-name">#icon-yinlian</div>
|
||||
</li>
|
||||
|
||||
<li class="dib">
|
||||
<svg class="icon svg-icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-weixinzhifu"></use>
|
||||
</svg>
|
||||
<div class="name">微信支付</div>
|
||||
<div class="code-name">#icon-weixinzhifu</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<div class="article markdown">
|
||||
<h2 id="symbol-">Symbol 引用</h2>
|
||||
<hr>
|
||||
|
||||
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
|
||||
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
|
||||
<ul>
|
||||
<li>支持多色图标了，不再受单色限制。</li>
|
||||
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
|
||||
<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
|
||||
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
|
||||
</ul>
|
||||
<p>使用步骤如下：</p>
|
||||
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
|
||||
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
||||
</code></pre>
|
||||
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
|
||||
<pre><code class="language-html"><style>
|
||||
.icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
vertical-align: -0.15em;
|
||||
fill: currentColor;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
</code></pre>
|
||||
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
|
||||
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xxx"></use>
|
||||
</svg>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.tab-container .content:first').show()
|
||||
|
||||
$('#tabs li').click(function (e) {
|
||||
var tabContent = $('.tab-container .content')
|
||||
var index = $(this).index()
|
||||
|
||||
if ($(this).hasClass('active')) {
|
||||
return
|
||||
} else {
|
||||
$('#tabs li').removeClass('active')
|
||||
$(this).addClass('active')
|
||||
|
||||
tabContent.hide().eq(index).fadeIn()
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,27 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 4246508 */
|
||||
src: url('iconfont.woff2?t=1694418644261') format('woff2'),
|
||||
url('iconfont.woff?t=1694418644261') format('woff'),
|
||||
url('iconfont.ttf?t=1694418644261') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-zhifubao:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
|
||||
.icon-yinlian:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
|
||||
.icon-weixinzhifu:before {
|
||||
content: "\e689";
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,30 +0,0 @@
|
||||
{
|
||||
"id": "4246508",
|
||||
"name": "法务",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "9306312",
|
||||
"name": "支付宝",
|
||||
"font_class": "zhifubao",
|
||||
"unicode": "e68a",
|
||||
"unicode_decimal": 59018
|
||||
},
|
||||
{
|
||||
"icon_id": "9306315",
|
||||
"name": "银联",
|
||||
"font_class": "yinlian",
|
||||
"unicode": "e68b",
|
||||
"unicode_decimal": 59019
|
||||
},
|
||||
{
|
||||
"icon_id": "9306311",
|
||||
"name": "微信支付",
|
||||
"font_class": "weixinzhifu",
|
||||
"unicode": "e689",
|
||||
"unicode_decimal": 59017
|
||||
}
|
||||
]
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 355 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 5.5 KiB |
@@ -51,12 +51,12 @@ export default {
|
||||
// 图片数量限制
|
||||
limit: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
default: 5,
|
||||
},
|
||||
// 大小限制(MB)
|
||||
fileSize: {
|
||||
type: Number,
|
||||
// default: 5,
|
||||
default: 5,
|
||||
},
|
||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||
fileType: {
|
||||
|
||||
@@ -15,8 +15,6 @@ import plugins from './plugins' // plugins
|
||||
import { download } from '@/utils/request'
|
||||
|
||||
import './assets/icons' // icon
|
||||
// 引入Iconfont 矢量图标库
|
||||
import './assets/icon/iconfont.css'
|
||||
import './permission' // permission control
|
||||
import { getDicts } from "@/api/system/dict/data";
|
||||
import { getConfigKey } from "@/api/system/config";
|
||||
@@ -39,9 +37,6 @@ import DictTag from '@/components/DictTag'
|
||||
import VueMeta from 'vue-meta'
|
||||
// 字典数据组件
|
||||
import DictData from '@/components/DictData'
|
||||
//画布组件
|
||||
import vueEsign from 'vue-esign'
|
||||
import {checkPermi} from '@/utils/permission'
|
||||
|
||||
// 全局方法挂载
|
||||
Vue.prototype.getDicts = getDicts
|
||||
@@ -53,7 +48,6 @@ Vue.prototype.selectDictLabel = selectDictLabel
|
||||
Vue.prototype.selectDictLabels = selectDictLabels
|
||||
Vue.prototype.download = download
|
||||
Vue.prototype.handleTree = handleTree
|
||||
Vue.prototype.checkPermi = checkPermi
|
||||
|
||||
// 全局组件挂载
|
||||
Vue.component('DictTag', DictTag)
|
||||
@@ -67,7 +61,6 @@ Vue.component('ImagePreview', ImagePreview)
|
||||
Vue.use(directive)
|
||||
Vue.use(plugins)
|
||||
Vue.use(VueMeta)
|
||||
Vue.use(vueEsign)
|
||||
DictData.install()
|
||||
|
||||
/**
|
||||
|
||||
+10
-17
@@ -61,23 +61,18 @@ export const constantRoutes = [
|
||||
component: () => import('@/views/error/401'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/onlyoffice',
|
||||
component: () => import('@/views/onlyoffice/onlyoffice'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '',
|
||||
component: Layout,
|
||||
redirect: 'index',
|
||||
// children: [
|
||||
// {
|
||||
// path: 'index',
|
||||
// component: () => import('@/views/index'),
|
||||
// name: 'Index',
|
||||
// meta: { title: '首页', icon: 'dashboard', affix: true }
|
||||
// }
|
||||
// ]
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/index'),
|
||||
name: 'Index',
|
||||
meta: { title: '首页', icon: 'dashboard', affix: true }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/user',
|
||||
@@ -105,8 +100,7 @@ export const dynamicRoutes = [
|
||||
children: [
|
||||
{
|
||||
path: 'role/:userId(\\d+)',
|
||||
// component: () => import('@/views/system/user/authRole'),
|
||||
component: (resolve) => require(['@/views/system/user/authRole'],resolve),
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
name: 'AuthRole',
|
||||
meta: { title: '分配角色', activeMenu: '/system/user' }
|
||||
}
|
||||
@@ -120,8 +114,7 @@ export const dynamicRoutes = [
|
||||
children: [
|
||||
{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
// component: () => import('@/views/system/role/authUser'),
|
||||
component: (resolve) => require(['@/views/system/role/authUser'],resolve),
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
name: 'AuthUser',
|
||||
meta: { title: '分配用户', activeMenu: '/system/role' }
|
||||
}
|
||||
|
||||
@@ -15,6 +15,5 @@ const getters = {
|
||||
topbarRouters:state => state.permission.topbarRouters,
|
||||
defaultRoutes:state => state.permission.defaultRoutes,
|
||||
sidebarRouters:state => state.permission.sidebarRouters,
|
||||
userId:state => state.user.userId,
|
||||
}
|
||||
export default getters
|
||||
|
||||
@@ -126,8 +126,7 @@ export const loadView = (view) => {
|
||||
return (resolve) => require([`@/views/${view}`], resolve)
|
||||
} else {
|
||||
// 使用 import 实现生产环境的路由懒加载
|
||||
// return () => import(`@/views/${view}`)
|
||||
return (resolve) => require([`@/views/${view}`], resolve)
|
||||
return () => import(`@/views/${view}`)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -11,9 +11,6 @@ const user = {
|
||||
},
|
||||
|
||||
mutations: {
|
||||
SET_USERID:(state,userId) => {
|
||||
state.userId = userId
|
||||
},
|
||||
SET_TOKEN: (state, token) => {
|
||||
state.token = token
|
||||
},
|
||||
@@ -63,7 +60,6 @@ const user = {
|
||||
}
|
||||
commit('SET_NAME', user.userName)
|
||||
commit('SET_AVATAR', avatar)
|
||||
commit('SET_USERID',user.userId)
|
||||
resolve(res)
|
||||
}).catch(error => {
|
||||
reject(error)
|
||||
|
||||
@@ -24,6 +24,7 @@ export function checkPermi(value) {
|
||||
return false
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 角色权限校验
|
||||
* @param {Array} value 校验值
|
||||
|
||||
@@ -17,8 +17,7 @@ const service = axios.create({
|
||||
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
||||
baseURL: process.env.VUE_APP_BASE_API,
|
||||
// 超时
|
||||
// timeout: 10000
|
||||
timeout: 15000
|
||||
timeout: 10000
|
||||
})
|
||||
|
||||
// request拦截器
|
||||
|
||||
@@ -1,230 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
label-width="88px"
|
||||
>
|
||||
<el-form-item label="仲裁员姓名" prop="arbitratorName">
|
||||
<el-input
|
||||
v-model="queryParams.arbitratorName"
|
||||
placeholder="请输入仲裁员姓名"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
size="mini"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="addArbitrator"
|
||||
v-hasPermi="['monitor:job:add']"
|
||||
>新增仲裁员</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="仲裁员姓名"
|
||||
align="center"
|
||||
prop="arbitratorName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="职业"
|
||||
align="center"
|
||||
prop="career"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="专业分类"
|
||||
align="center"
|
||||
prop="professiClassifi"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="学历"
|
||||
align="center"
|
||||
prop="education"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="所在地区"
|
||||
align="center"
|
||||
prop="area"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="联系电话"
|
||||
align="center"
|
||||
prop="telephone"
|
||||
: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-zoom-in"
|
||||
@click="detailRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="editRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getArbitratorList"
|
||||
/>
|
||||
<arbitrator-dialog
|
||||
:showarbitrator="showarbitrator"
|
||||
:dialogTitle="dialogTitle"
|
||||
@closeArbitratorDialog="closeArbitratorDialog"
|
||||
:formData="formData"
|
||||
:flag="flag"
|
||||
></arbitrator-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import arbitratorDialog from "./components/arbitratorDialog.vue";
|
||||
export default {
|
||||
components: { arbitratorDialog },
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
arbitratorName: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
formData: {}, // 弹框数据
|
||||
dataList: [],
|
||||
showarbitrator: false, //显示弹框
|
||||
dialogTitle: "", //弹框标题
|
||||
flag: null,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getArbitratorList(this.queryParams);
|
||||
},
|
||||
methods: {
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getArbitratorList(this.queryParams);
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.getArbitratorList(this.queryParams);
|
||||
},
|
||||
// 获取仲裁员列表数据
|
||||
getArbitratorList() {
|
||||
this.dataList.push({
|
||||
id: "1",
|
||||
arbitratorName: "刘某",
|
||||
career: "律师",
|
||||
professiClassifi: "经济管理",
|
||||
education: "本科",
|
||||
area: "西安",
|
||||
telephone: "18547451263",
|
||||
});
|
||||
this.total = this.dataList.length;
|
||||
this.loading = false;
|
||||
},
|
||||
// 新增仲裁员
|
||||
addArbitrator() {
|
||||
this.showarbitrator = true;
|
||||
this.dialogTitle = "新增";
|
||||
this.flag = 0;
|
||||
this.formData = {};
|
||||
},
|
||||
// 详情
|
||||
detailRow(row) {
|
||||
this.showarbitrator = true;
|
||||
this.dialogTitle = "详情";
|
||||
this.flag = 1;
|
||||
this.formData = row;
|
||||
},
|
||||
// 修改
|
||||
editRow(row) {
|
||||
this.showarbitrator = true;
|
||||
this.dialogTitle = "修改";
|
||||
this.flag = 2;
|
||||
this.formData = row;
|
||||
},
|
||||
// 关闭弹框
|
||||
closeArbitratorDialog() {
|
||||
this.showarbitrator = false;
|
||||
},
|
||||
// 删除
|
||||
deleteRow() {
|
||||
this.$modal
|
||||
.confirm("是否确认删除？")
|
||||
.then(function () {
|
||||
// return removeCaseApply({ id: row.id });
|
||||
})
|
||||
.then((res) => {
|
||||
this.getArbitratorList(this.queryParams);
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
@@ -1,114 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 仲裁员弹框 -->
|
||||
<el-dialog
|
||||
:title="dialogTitle"
|
||||
:visible="showarbitrator"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="form"
|
||||
label-width="100px"
|
||||
:disabled="flag == 1"
|
||||
>
|
||||
<el-form-item label="仲裁员姓名：" prop="arbitratorName">
|
||||
<el-input
|
||||
v-model="form.arbitratorName"
|
||||
placeholder="请输入仲裁员姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="职业：" prop="career">
|
||||
<el-input v-model="form.career" placeholder="请输入职业" />
|
||||
</el-form-item>
|
||||
<el-form-item label="专业分类：" prop="professiClassifi">
|
||||
<el-input v-model="form.professiClassifi" placeholder="请输入专业" />
|
||||
</el-form-item>
|
||||
<el-form-item label="学历：" prop="education">
|
||||
<el-input v-model="form.education" placeholder="请输入学历" />
|
||||
</el-form-item>
|
||||
<el-form-item label="所在地区：" prop="area">
|
||||
<el-input v-model="form.area" placeholder="请输入所在地区" />
|
||||
</el-form-item>
|
||||
<el-form-item label="电话：" prop="telephone">
|
||||
<el-input v-model="form.telephone" placeholder="请输入电话" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"
|
||||
><span>提 交</span></el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span> 取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["showarbitrator", "dialogTitle", "formData", "flag"],
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
formData: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.form = val;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("closeArbitratorDialog");
|
||||
},
|
||||
// /提交
|
||||
submitForm() {},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 600px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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>
|
||||
@@ -1,148 +0,0 @@
|
||||
<template>
|
||||
<!-- 送达裁决书页面 -->
|
||||
<div>
|
||||
<el-dialog
|
||||
title="是否确认发送裁决书"
|
||||
:visible="openMailawardDialog"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form ref="form" :model="formData" label-width="150px">
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="申请人电子邮件："
|
||||
prop="appEmail"
|
||||
: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.appEmail"
|
||||
placeholder="请输入电子邮件"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人电子邮件："
|
||||
prop="resEmail"
|
||||
: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.resEmail"
|
||||
placeholder="请输入电子邮件"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item
|
||||
label="申请人快递单号："
|
||||
prop="apptrackingNum"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.apptrackingNum"
|
||||
placeholder="请输入快递单号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人快递单号："
|
||||
prop="restrackingNum"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.restrackingNum"
|
||||
placeholder="请输入快递单号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button type="" @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { adjudicationDelivery, adjudicationService } from "@/api/awardManagement/awardManagement";
|
||||
export default {
|
||||
props: ["openMailawardDialog", "mailawardata", "emailobj"],
|
||||
data() {
|
||||
return {
|
||||
formData: this.emailobj,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
emailobj: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.formData = this.emailobj
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
// adjudicationDelivery
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
// adjudicationDelivery({
|
||||
delete this.formData.id
|
||||
delete this.formData.apptrackingNum
|
||||
delete this.formData.restrackingNum
|
||||
adjudicationService({
|
||||
id: this.mailawardata.id,
|
||||
...this.formData,
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.$emit("updataList");
|
||||
this.cancel();
|
||||
}
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("closeMailaward");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 550px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,159 +0,0 @@
|
||||
<template>
|
||||
<!-- 批量用印 -->
|
||||
<div>
|
||||
<el-dialog title="批量用印" width="65%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<!-- 查询机构信息 -->
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="查询机构:"
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '查询机构不能为空',
|
||||
trigger: 'change',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择查询机构"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.id"
|
||||
:label="item.identifyName"
|
||||
:value="item.operPhone+item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" prop="caseNum" align="center" width="150" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount"/>
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" />
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="confirmSeals"><span>确认用印</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
|
||||
export default {
|
||||
props:["printingVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 14,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
printingVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchPrinting(this.queryParamsData);
|
||||
this.getarbitrAtor()
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
// this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchPrinting(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 查询机构信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
deptIdentifyList({}).then((res) => {
|
||||
console.log(res)
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
// 下拉获取电话号码
|
||||
changeArbitor(val){
|
||||
this.paramsdata.psnAccount = val.slice(0,11)
|
||||
},
|
||||
// 确认用印
|
||||
confirmSeals(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
selectBatchSealUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("printingOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,165 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量签名 -->
|
||||
<el-dialog title="批量签名" width="65%" :visible="signatureVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'change',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.value"
|
||||
:label="item.nickName"
|
||||
:value="item.phonenumber+item.userId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" prop="caseNum" align="center" width="150" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">
|
||||
{{ scope.row.caseStatusName }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)"/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="endbutton"
|
||||
:disabled="dataList.length == 0 || batchData.length == 0"
|
||||
@click="witnessing"><span>确认签名</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
export default {
|
||||
props:["signatureVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 13,//待定
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
signatureVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
this.getarbitrAtor()
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
// this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchSignation(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
arbitrAtor({}).then((res) => {
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.paramsdata.psnAccount = val.slice(0,11)
|
||||
|
||||
},
|
||||
// 确认签名
|
||||
witnessing(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
console.log(this.paramsdata)
|
||||
selectBatchSignUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("signatureOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,133 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="案件详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
|
||||
<div class="loading" v-if="flagLoadingS">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<!-- <div class="noData" v-if="noData">暂无数据！</div> -->
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
|
||||
<el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane>
|
||||
<el-tab-pane label="裁决书附件" name="third"></el-tab-pane>
|
||||
<!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
|
||||
<el-tab-pane label="案件视频" name="five"></el-tab-pane>
|
||||
<el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
|
||||
<el-tab-pane label="案件异议信息" name="seven"></el-tab-pane>
|
||||
</el-tabs>
|
||||
<div v-show="activeName=='first'">
|
||||
|
||||
<div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='second'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='third'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==3" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,3) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='fourth'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==1" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,1) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='five'">
|
||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
|
||||
<el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<!-- <div v-show="activeName=='six'">
|
||||
<div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
|
||||
</div> -->
|
||||
<div v-show="activeName=='six'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='seven'">
|
||||
<div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div>
|
||||
<el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'first',
|
||||
fileURL: window.location.origin + "/API",
|
||||
headPath:window.location.origin + "/API",
|
||||
noData: false,
|
||||
// myData:[],
|
||||
// videoLists:[]
|
||||
};
|
||||
},
|
||||
created(){
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
isNoData(data,type){
|
||||
let resNumber = 0
|
||||
if(data){
|
||||
let list = data.filter(item => item.annexType == type)
|
||||
if(list){
|
||||
resNumber = list.length
|
||||
}
|
||||
}
|
||||
return resNumber
|
||||
},
|
||||
handleClick(tab, event) {
|
||||
|
||||
},
|
||||
|
||||
cancel() {
|
||||
this.$emit("cancelDetail");
|
||||
// this.activeName ="first"
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 850px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,129 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="快递信息"
|
||||
:visible="showDelivery"
|
||||
@close="cancel"
|
||||
center
|
||||
:distroy-on-close="true"
|
||||
>
|
||||
<div class="loading" v-if="flagLoading">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="noData" v-if="noData">暂无快递信息！</div>
|
||||
<div v-else>
|
||||
<div class="deliverName">
|
||||
{{ applicantdelivery.company }} {{ applicantdelivery.no }}
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
:timestamp="activity.timestamp"
|
||||
>
|
||||
{{ activity.content }}
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["showDelivery", "deliveryDataArr", "flagLoading"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
reverse: true,
|
||||
applicantdelivery: {}, //申请人物流信息
|
||||
activities: [],
|
||||
noData: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
deliveryDataArr: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
val.forEach((item) => {
|
||||
if (item.identityType == 1) {
|
||||
let applicantdata = item.logisticsInfo;
|
||||
this.applicantdelivery = JSON.parse(applicantdata);
|
||||
if (this.applicantdelivery.list) {
|
||||
this.activities = this.applicantdelivery.list;
|
||||
this.activities.forEach((item) => {
|
||||
item.content = item.datetime;
|
||||
item.timestamp = item.remark;
|
||||
});
|
||||
} else {
|
||||
this.noData = true;
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("closeDeliveryModel");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 600px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.deliverName {
|
||||
margin-left: 6%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
.noData {
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,384 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :visible="openDialog" width="1000px" @close="cancel" :destroy-on-close="true">
|
||||
<el-descriptions title="案件信息" border style="margin-bottom: 30px">
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
form.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
form.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="借款开始日期">{{
|
||||
form.loanStartDate
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="借款结束日期">{{
|
||||
form.loanEndDate
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="合同编号">{{
|
||||
form.contractNumber
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张欠本金">{{
|
||||
form.claimPrinciOwed
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张欠利息">{{
|
||||
form.claimInterestOwed
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张违约金">{{
|
||||
form.claimLiquidDamag
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人案件证据资料">
|
||||
<p @click="toFile(index, 2)" v-for="(item, index) in applicantFileArr" :key="index">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人案件证据资料">
|
||||
<p v-for="(item, index) in respondentFileArr" :key="index" @click="toFile(index, 6)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="裁决书附件">
|
||||
<p v-for="(item, index) in awardFileArr" :key="index" @click="toFile(index, 3)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="庭审笔录附件">
|
||||
<p v-for="(item, index) in bookFileArr" :key="index" @click="toFile(index, 7)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-form ref="form" :model="arbitrateRecord" label-width="300px" label-position="left" :rules="rules"
|
||||
:disabled="flag == 3">
|
||||
<!-- <el-form-item label="经庭审质证，对各方提供的证据认定如下" prop="evidenDetermi">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.evidenDetermi" />
|
||||
</el-form-item>
|
||||
<el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)" prop="factDetermi">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.factDetermi" />
|
||||
</el-form-item>
|
||||
<el-form-item label="综上所述" prop="caseSketch">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.caseSketch" />
|
||||
</el-form-item>
|
||||
<el-form-item label="本庭认为" prop="arbitrateThink">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.arbitrateThink" />
|
||||
</el-form-item>
|
||||
<el-form-item label="裁决如下" prop="rulingFollows">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.rulingFollows" />
|
||||
</el-form-item>
|
||||
<el-form-item label="核验裁决书意见：" prop="verificaOpinion">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.verificaOpinion" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="笔录内容：" prop="responCrossOpin">
|
||||
<!-- <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecord.responCrossOpin" placeholder="请输入" /> -->
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecordt.responCrossOpin"
|
||||
placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见：" prop="checkOpinion" v-if="flag == 2 || flag == 4">
|
||||
<el-input type="textarea" autosize placeholder="请输入内容" v-model="arbitrateRecord.checkOpinion" />
|
||||
</el-form-item>
|
||||
<el-form-item label="驳回原因" prop="arbitrateReject" v-if="flag == 2 || flag == 4">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="arbitrateRecord.arbitrateReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 画布 -->
|
||||
<!-- <h4 v-if="flag == 3">签名区域</h4>
|
||||
<div class="esign" v-if="flag == 3">
|
||||
<vue-esign ref="esign" :width="900" :height="300" bgColor="#ffffff" />
|
||||
</div> -->
|
||||
<!-- 清除画布 -->
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
|
||||
<el-button type="primary" @click="submitForm(0)" v-if="flag == 1">提 交</el-button>
|
||||
<el-button type="primary" @click="submitForm(1)" v-if="flag == 2">同 意</el-button>
|
||||
<el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button>
|
||||
<el-button type="primary" @click="submitForm(3)" v-if="flag == 3">提 交</el-button>
|
||||
<el-button type="primary" @click="submitForm(5)" v-if="flag == 4">同 意</el-button>
|
||||
<el-button type="danger" @click="submitForm(6)" v-if="flag == 4">驳 回</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
verificationArbitrateRecord,
|
||||
checkArbitrateRecord,
|
||||
adjudicationSignature,
|
||||
regenerationDocument,
|
||||
arbitratorCheckArbitrateRecord
|
||||
} from "@/api/awardManagement/awardManagement";
|
||||
export default {
|
||||
props: ["openDialog", "title", "flag", "detailform"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
arbitrateRecordt: {},
|
||||
form: {},
|
||||
arbitrateRecord: {
|
||||
// checkOpinion:"同意"
|
||||
checkOpinion: ""
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
evidenDetermi: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
factDetermi: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
caseSketch: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
arbitrateThink: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
rulingFollows: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
verificaOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "意见不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
checkOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "意见不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
// arbitrateReject: [
|
||||
// {
|
||||
// required: true,
|
||||
// message: "拒绝原因不能为空",
|
||||
// trigger: "blur",
|
||||
// },
|
||||
// ],
|
||||
},
|
||||
applicantFileArr: [], //申请人
|
||||
applicantPathArr: [], //申请人
|
||||
respondentFileArr: [], //被申请人
|
||||
respondenPathArr: [], //被申请人
|
||||
awardFileArr: [], //庭审笔录文件
|
||||
awardPathArr: [], //庭审笔录路径
|
||||
bookFileArr: [], //裁决书文件
|
||||
bookPathArr: [], //庭审笔录路径
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
detailform: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
(this.applicantFileArr = []), //申请人
|
||||
(this.applicantPathArr = []), //申请人
|
||||
(this.respondentFileArr = []), //被申请人
|
||||
(this.respondenPathArr = []), //被申请人
|
||||
(this.awardFileArr = []), //裁决书
|
||||
(this.awardPathArr = []), //裁决书
|
||||
// setTimeout(() => {
|
||||
this.form = this.detailform;
|
||||
// if(this.form.arbitrateRecord && this.form.arbitrateRecord.checkOpinion == null ){
|
||||
// this.form.arbitrateRecord.checkOpinion = '同意';
|
||||
this.arbitrateRecord.checkOpinion = '';
|
||||
// }
|
||||
this.arbitrateRecord = {};
|
||||
if (this.form.arbitrateRecord) {
|
||||
this.arbitrateRecord.id = this.form.arbitrateRecord.id;
|
||||
}
|
||||
this.evidenceFile(this.form);
|
||||
// }, 1000);
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 申请人裁决书
|
||||
evidenceFile(val) {
|
||||
if (val) {
|
||||
this.applicantFileArr = [];
|
||||
this.applicantPathArr = [];
|
||||
this.respondentFileArr = [];
|
||||
this.respondenPathArr = [];
|
||||
this.awardFileArr = [];
|
||||
this.awardPathArr = [];
|
||||
this.bookFileArr = [];
|
||||
this.bookPathArr = [];
|
||||
val.caseAttachList.forEach((item) => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicantFileArr.push(item.annexName);
|
||||
this.applicantPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 6) {
|
||||
this.respondentFileArr.push(item.annexName);
|
||||
this.respondenPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 3) {
|
||||
this.awardFileArr.push(item.annexName);
|
||||
this.awardPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 7) {
|
||||
this.bookFileArr.push(item.annexName);
|
||||
this.bookPathArr.push(item.annexPath);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 预览文件
|
||||
toFile(index, val) {
|
||||
let headPath = window.location.origin + "/API";
|
||||
if (val == 2) {
|
||||
window.open(headPath + this.applicantPathArr[index], "_blank");
|
||||
} else if (val == 6) {
|
||||
window.open(headPath + this.respondenPathArr[index], "_blank");
|
||||
} else if (val == 3) {
|
||||
window.open(headPath + this.awardPathArr[index], "_blank");
|
||||
} else if (val == 7) {
|
||||
window.open(headPath + this.bookPathArr[index], "_blank");
|
||||
}
|
||||
},
|
||||
// 校验裁决书
|
||||
verificationArbitrateRecordFn(parms) {
|
||||
verificationArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.$emit("updataList");
|
||||
this.$message("成功");
|
||||
});
|
||||
},
|
||||
//审核裁决书
|
||||
checkArbitrateRecordFn(parms) {
|
||||
checkArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.$emit("updataList");
|
||||
this.$message("成功");
|
||||
});
|
||||
},
|
||||
// 仲裁员审核裁决书
|
||||
arbitratorCheckArbitrateRecordFn(parms) {
|
||||
arbitratorCheckArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.$emit("updataList");
|
||||
this.$message("成功");
|
||||
});
|
||||
},
|
||||
// 签名
|
||||
adjudicationSignatureFn(parms) {
|
||||
adjudicationSignature(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.$emit("updataList");
|
||||
this.$message("成功");
|
||||
})
|
||||
},
|
||||
// 重新生成裁决书
|
||||
getRegenerationDocument(params) {
|
||||
regenerationDocument(params).then(res => {
|
||||
console.log(res.data, "重新生成裁决书");
|
||||
this.awardFileArr = [];
|
||||
this.awardPathArr = [];
|
||||
this.awardFileArr[0] = res.data.annexName;
|
||||
this.awardPathArr[0] = res.data.annexPath;
|
||||
})
|
||||
},
|
||||
submitForm(parms) {
|
||||
let that = this;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (parms == 0) {
|
||||
this.verificationArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
} else if (parms == 1) {
|
||||
this.checkArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 1,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
} else if (parms == 2) {
|
||||
if (!that.arbitrateRecord.arbitrateReject == "") {
|
||||
this.$message.error('请输入拒绝原因');
|
||||
return
|
||||
} else {
|
||||
this.arbitrateRecord.deptorReject = this.arbitrateRecord.arbitrateReject;
|
||||
delete this.arbitrateRecord.arbitrateReject;
|
||||
this.checkArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 2,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}
|
||||
} else if (parms == 3) {
|
||||
this.adjudicationSignatureFn({
|
||||
id: this.form.id,
|
||||
});
|
||||
} else if (parms == 4) {
|
||||
let paramsData = {};
|
||||
paramsData.arbitrateRecord = this.arbitrateRecord;
|
||||
paramsData.id = this.form.id
|
||||
this.getRegenerationDocument(paramsData)
|
||||
} else if (parms == 5) {
|
||||
this.arbitratorCheckArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 1,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
} else if (parms == 6) {
|
||||
debugger
|
||||
if (!that.arbitrateRecord.arbitrateReject) {
|
||||
this.$message.error('请输入拒绝原因');
|
||||
return
|
||||
} else {
|
||||
this.arbitratorCheckArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 2,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelpaymentdetails");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.esign {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
@@ -1,447 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="案件状态" prop="caseStatus">
|
||||
<el-select :disabled="caseStatusType" v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable
|
||||
@keyup.enter.native="handleQuery">
|
||||
<el-option v-for="dict in caseStatus" :key="dict.dictValue" :label="dict.dictLabel"
|
||||
:value="dict.dictValue"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="是否完成" prop="selectCaseStatus">
|
||||
<el-select v-model="queryParams.selectCaseStatus" placeholder="请选择状态" clearable
|
||||
@keyup.enter.native="handleQuery">
|
||||
<el-option v-for="dict in selectCaseStatusList" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item label="开庭日期" prop="hearDate">
|
||||
<el-date-picker v-model="queryParams.hearDate" type="daterange" range-separator="至" start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(3)"
|
||||
v-hasPermi="['caseManagement:list:check']">案件批量归档</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(5)"
|
||||
v-hasPermi="['awardManagement:list:check']">案件批量核查</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchSignature"
|
||||
v-hasPermi="['awardManagement:list:signature']"
|
||||
>批量签名
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchPrinting"
|
||||
v-hasPermi="['awardManagement:list:officialSeal']"
|
||||
>批量用印
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<!-- 缴费人 -->
|
||||
<!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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-reading"
|
||||
v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
|
||||
@click="showModel(scope.row, 0)">查看裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 11 && checkPermi(['awardManagement:list:secretarycheck'])"
|
||||
@click="showModel(scope.row, 1)">确认裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 18 && checkPermi(['awardManagement:list:check']) && btnStatus"
|
||||
@click="showModel(scope.row, 4)">核查裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 12 && checkPermi(['awardManagement:list:confirmaward']) && btnStatus"
|
||||
@click="showModel(scope.row, 2)">审核裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 13 && checkPermi(['awardManagement:list:sign']) && btnStatus"
|
||||
@click="showModel(scope.row, 3)">签名</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 14 && checkPermi(['awardManagement:list:signprint']) && btnStatus"
|
||||
@click="showaffixModel(scope.row, 4)">用印</el-button>
|
||||
<!-- v-if="scope.row.caseStatus > 15" -->
|
||||
<el-button size="mini" type="text" icon="el-icon-truck"
|
||||
v-if="scope.row.caseStatus > 15 && checkPermi(['delivery:list:detail'])"
|
||||
@click="showDeliveryModel(scope.row, 4)">快递信息</el-button>
|
||||
<!-- v-if="scope.row.caseStatus == 15" 送达裁决书 -->
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 15 && checkPermi(['awardManagement:list:sendaward']) && btnStatus"
|
||||
@click="showMailaward(scope.row)">送达裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
||||
v-if="scope.row.caseStatus == 16 && checkPermi(['awardManagement:list:file']) && btnStatus"
|
||||
@click="showCasefilingModel(scope.row, 6)">案件归档</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-tickets" @click="detailsAwardList(scope.row)">案件详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)" />
|
||||
<!-- 弹窗 -->
|
||||
<paymentdetailsDialog :openDialog="openDialog" :detailform="detailform" :title="title" :flag="flag"
|
||||
@cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList"></paymentdetailsDialog>
|
||||
<!-- 送达裁决书页面 -->
|
||||
<mailawardDialog :openMailawardDialog="openMailawardDialog" @closeMailaward="closeMailaward"
|
||||
@updataList="updataList" :mailawardata="mailawardata" :emailobj="emailobj"></mailawardDialog>
|
||||
<!-- 快递信息页面 -->
|
||||
<expressDeliveryDialog :showDelivery="showDelivery" :deliveryDataArr="deliveryDataArr"
|
||||
@closeDeliveryModel="closeDeliveryModel" :flagLoading="flagLoading"></expressDeliveryDialog>
|
||||
<!-- 批量操作弹窗 -->
|
||||
<operateDialog :queryParams="queryParams" :operateStatus="operateStatus" :operateVisable="operateVisable"
|
||||
@getcaseApply="getList" :operateTitle="operateTitle" @cancelOperate="cancelOperate" :operateData="operateData">
|
||||
</operateDialog>
|
||||
<!-- 裁决书案件详情 -->
|
||||
<detailsAward :showarchiveDetails="showarchiveDetails" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :videoList="videoList"
|
||||
:flagLoadingS="flagLoadingS" :trialTranscripts="trialTranscripts"
|
||||
></detailsAward>
|
||||
<!-- 批量签名 -->
|
||||
<batchSignatures :signatureVisable="signatureVisable" @signatureOperate="signatureOperate"></batchSignatures>
|
||||
<!-- 批量用印 -->
|
||||
<batchPrintings :printingVisable="printingVisable" @printingOperate="printingOperate"></batchPrintings>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
caseApplicationList,
|
||||
caseApplicationDetail,
|
||||
adjudicationLogistics,
|
||||
adjudicationCaseFile,
|
||||
adjudicationStamp,
|
||||
selectSignUrl,
|
||||
selectSealUrl,
|
||||
selectSignSealUrl,
|
||||
emailByCaseId
|
||||
} from "@/api/awardManagement/awardManagement";
|
||||
import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
|
||||
import mailawardDialog from './components/MailawardDialog.vue';
|
||||
import expressDeliveryDialog from './components/expressDeliveryDialog.vue';
|
||||
import operateDialog from '@/views/caseManagement/components/operateDialog.vue'
|
||||
import detailsAward from './components/detailsAward.vue'
|
||||
import { getDicts } from '@/api/system/dict/data.js'
|
||||
import { videoList } from "@/api/caseFiling/caseFiling";
|
||||
import {attachListByCaseId} from "@/api/caseManagement/caseManagement"
|
||||
import batchSignatures from "./components/batchSignatures.vue"
|
||||
import batchPrintings from "./components/batchPrintings.vue"
|
||||
export default {
|
||||
name: "paymentList",
|
||||
dicts: ["case_status"],
|
||||
components: {
|
||||
paymentdetailsDialog,
|
||||
mailawardDialog,
|
||||
expressDeliveryDialog,
|
||||
operateDialog,
|
||||
detailsAward,
|
||||
batchSignatures,
|
||||
batchPrintings
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
caseStatus: [],
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 表格数据
|
||||
list: [],
|
||||
emailobj: {},//邮箱存储
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
payTitle: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
openPay: false,
|
||||
// 弹出层内容
|
||||
form: {},
|
||||
// 校验表单
|
||||
rules: {},
|
||||
dataList: [],
|
||||
detailform: {}, //缴费详情数据
|
||||
detailsAwardNum:{},//裁决书数据
|
||||
signatureVisable:false,//批量签名
|
||||
printingVisable:false,
|
||||
videoList:"", //视频数据
|
||||
trialTranscripts:[],//庭审笔录
|
||||
openDialog: false, //缴费详情数据弹框
|
||||
flag: null,
|
||||
openMailawardDialog: false, //送达裁决书页面
|
||||
mailawardata: {}, //裁决书送达界面数据
|
||||
showDelivery: false, //快递信息弹框
|
||||
deliveryDataArr: [],//快递信息数据
|
||||
flagLoading: true,
|
||||
flagLoadingS: true,
|
||||
operateVisable: false,
|
||||
operateData: {},
|
||||
operateStatus: 0,
|
||||
operateTitle: "",
|
||||
// 裁决书详情
|
||||
showarchiveDetails: false,
|
||||
selectCaseStatusList: [
|
||||
{
|
||||
label: "待办案件",
|
||||
value: 0
|
||||
},
|
||||
{
|
||||
label: "已办案件",
|
||||
value: 1
|
||||
}
|
||||
],
|
||||
caseStatusType: false,
|
||||
btnStatus: true,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
getDicts("case_status").then(res => {
|
||||
this.caseStatus = res.data;
|
||||
let params = this.$route.params.status;
|
||||
if (params) {
|
||||
this.queryParams.caseStatus = params + '';
|
||||
}
|
||||
this.queryParams.caseStatusList = [11, 12, 13, 14, 15, 16, 18]
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
// 裁决书列表不显示 生成裁决书
|
||||
// this.queryParams.caseStatusList = [10, 11, 12, 13, 14, 15, 16]
|
||||
},
|
||||
methods: {
|
||||
cancelOperate() {
|
||||
this.operateVisable = false;
|
||||
},
|
||||
cancelDetail(){
|
||||
this.showarchiveDetails = false;
|
||||
},
|
||||
signatureOperate(){
|
||||
this.signatureVisable = false;
|
||||
},
|
||||
printingOperate(){
|
||||
this.printingVisable = false;
|
||||
},
|
||||
operateClick(type) {
|
||||
this.operateVisable = true;
|
||||
if (type == 0) {
|
||||
this.operateTitle = '批量提交';
|
||||
this.operateStatus = 0;
|
||||
} else if (type == 1) {
|
||||
this.operateTitle = '批量删除';
|
||||
this.operateStatus = 1;
|
||||
} else if (type == 2) {
|
||||
this.operateTitle = '批量立案申请';
|
||||
this.operateStatus = 2;
|
||||
} else if (type == 3) {
|
||||
this.operateTitle = '批量归档';
|
||||
this.operateStatus = 3;
|
||||
} else if (type == 5) {
|
||||
this.operateTitle = '批量核查';
|
||||
this.operateStatus = 5;
|
||||
}
|
||||
},
|
||||
updataList() {
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList(this.queryParams);
|
||||
if (this.queryParams.selectCaseStatus == 1) {
|
||||
this.queryParams.caseStatus = null;
|
||||
this.caseStatusType = true;
|
||||
this.btnStatus = false;
|
||||
} else if (this.queryParams.selectCaseStatus == 0) {
|
||||
this.caseStatusType = false;
|
||||
this.btnStatus = true;
|
||||
}
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询列表数据
|
||||
getList(parms) {
|
||||
this.loading = true;
|
||||
caseApplicationList(parms).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// model框显示
|
||||
showModel(row, type) {
|
||||
|
||||
switch (type) {
|
||||
case 0:
|
||||
selectSignSealUrl({ id: row.id }).then(res => {
|
||||
let url = res.data.filearbitraUrl;
|
||||
window.open(url)
|
||||
})
|
||||
break;
|
||||
case 1:
|
||||
this.getDetail({ id: row.id });
|
||||
this.openDialog = true;
|
||||
this.title = "核验裁决书";
|
||||
this.flag = 1;
|
||||
break;
|
||||
case 2:
|
||||
this.getDetail({ id: row.id });
|
||||
this.openDialog = true;
|
||||
this.title = "审核裁决书";
|
||||
this.flag = 2;
|
||||
break;
|
||||
case 3:
|
||||
// this.title = "裁决书签名";
|
||||
// this.flag = 3;
|
||||
selectSignUrl({ id: row.id }).then(res => {
|
||||
let url = res.data.signUrl;
|
||||
window.open(url)
|
||||
})
|
||||
break;
|
||||
case 4:
|
||||
this.getDetail({ id: row.id });
|
||||
this.openDialog = true;
|
||||
this.title = "审核裁决书";
|
||||
this.flag = 4;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
// 关闭弹窗
|
||||
cancelpaymentdetails() {
|
||||
this.openDialog = false;
|
||||
},
|
||||
// 用印申请
|
||||
showaffixModel(row) {
|
||||
this.$modal.confirm('是否进行用印申请？')
|
||||
.then(function () {
|
||||
// return adjudicationStamp({ id: row.id });
|
||||
selectSealUrl({ id: row.id }).then(res => {
|
||||
let url = res.data.sealUrl;
|
||||
window.open(url)
|
||||
})
|
||||
})
|
||||
// .then(() => {
|
||||
// this.getList(this.queryParams);
|
||||
// this.$modal.msgSuccess("用印成功！");
|
||||
// })
|
||||
.catch(function () {
|
||||
});
|
||||
},
|
||||
// 快递信息弹框
|
||||
showDeliveryModel(row) {
|
||||
console.log(row, '快递');
|
||||
this.showDelivery = true
|
||||
this.getadjudicationLogistics({ id: row.id })
|
||||
},
|
||||
closeDeliveryModel() {
|
||||
this.showDelivery = false
|
||||
},
|
||||
// 查询物流信息
|
||||
getadjudicationLogistics(val) {
|
||||
this.flagLoading = true;
|
||||
adjudicationLogistics(val).then((res) => {
|
||||
this.deliveryDataArr = res.data
|
||||
this.flagLoading = false
|
||||
})
|
||||
},
|
||||
// 案件归档
|
||||
showCasefilingModel(row) {
|
||||
this.$modal.confirm('是否确认立即进行案件扫描？').then(
|
||||
function () {
|
||||
// return adjudicationCaseFile({ id: row.id })
|
||||
return adjudicationCaseFile({ ids: [row.id] })
|
||||
}
|
||||
).then(() => {
|
||||
this.getList(this.queryParams);
|
||||
this.$modal.msgSuccess("归档成功！");
|
||||
}).catch(function () { })
|
||||
},
|
||||
// 送达裁决书弹框
|
||||
showMailaward(row) {
|
||||
this.mailawardata = row;
|
||||
this.emailByCaseIdFn(row.id)
|
||||
this.openMailawardDialog = true
|
||||
},
|
||||
// 关闭送达裁决书弹框
|
||||
closeMailaward(row) {
|
||||
this.openMailawardDialog = false
|
||||
},
|
||||
// 根据案件id查询邮件
|
||||
emailByCaseIdFn(val) {
|
||||
emailByCaseId({ id: val }).then((res) => {
|
||||
this.emailobj = res.data
|
||||
})
|
||||
},
|
||||
/** 查询详情 */
|
||||
getDetail(parms) {
|
||||
caseApplicationDetail(parms).then((res) => {
|
||||
this.detailform = res.data;
|
||||
this.detailsAwardNum = res.data;
|
||||
console.log(this.detailsAwardNum)
|
||||
});
|
||||
},
|
||||
// 裁决书详情
|
||||
detailsAwardList(row){
|
||||
this.showarchiveDetails = true
|
||||
this.getDetail({ id: row.id })
|
||||
this.getvideoList({ caseId: row.id })
|
||||
this.getAttachListByCaseId({caseAppliId:row.id,annexType:11})
|
||||
this.flagLoadingS = false
|
||||
},
|
||||
// 根据id查询视频列表
|
||||
getvideoList(data){
|
||||
videoList(data).then(res => {
|
||||
this.videoList = res.data;
|
||||
})
|
||||
},
|
||||
//根据案件id和类型查询附件
|
||||
getAttachListByCaseId(data){
|
||||
attachListByCaseId(data).then(res =>{
|
||||
this.trialTranscripts = res.data;
|
||||
})
|
||||
},
|
||||
// 批量签名
|
||||
batchSignature(){
|
||||
this.signatureVisable = true;
|
||||
},
|
||||
// 批量用印
|
||||
batchPrinting(){
|
||||
this.printingVisable = true;
|
||||
}
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -1,387 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="80px">
|
||||
<el-form-item label="案件批号:" prop="batchNumber">
|
||||
<el-input v-model="queryParams.batchNumber" placeholder="请输入批号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请人" prop="applicantName">
|
||||
<el-cascader v-model="queryParams.nameId" :options="options" @change="changeDept" :props="{ checkStrictly: true }"
|
||||
clearable></el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" style="width: 100%" :data="dataList">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName}}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="350">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="viewingCasesBtn(scope.row)">查看案件列表</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-check" @click="confirmSubmission(scope.row)" v-if="scope.row.caseStatusstr == '0' && checkPermi(['batchManagement:list:submit'])">提交</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="filingFeview(scope.row)" v-if="scope.row.caseStatusstr == '1' && checkPermi(['batchManagement:list:filingReview'])">立案审查</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-tickets" @click="batchPayments(scope.row)" v-if="scope.row.caseStatusstr == '2' && checkPermi(['batchManagement:list:pay'])">缴费</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-tickets" @click="paymentConfir(scope.row)" v-if="scope.row.caseStatusstr == '3' && checkPermi(['batchManagement:list:payconfirm'])">缴费确认</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-check" @click="courtReviews(scope.row)" v-if="scope.row.caseStatusstr == '5' && checkPermi(['batchManagement:list:checkgroup'])">组庭审核</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-sort" @click="courtConfirmations(scope.row)" v-if="scope.row.caseStatusstr == '6' && checkPermi(['batchManagement:list:confirmgroup'])">组庭确认</el-button>
|
||||
<el-button size="mini" type="text" @click="reviewArbitrations(scope.row)" v-if="scope.row.caseStatusstr == '7' && checkPermi(['batchManagement:list:checkarbitrationway'])">审核仲裁方式</el-button>
|
||||
<el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)" v-if="scope.row.caseStatusstr == '9' && checkPermi(['batchManagement:list:hear'])">书面审理</el-button>
|
||||
<!-- <el-button size="mini" type="text" @click="batchWrittenReviewy(scope.row)">书面审理</el-button> -->
|
||||
<el-button size="mini" type="text" @click="secretaryArbitration(scope.row)" v-if="scope.row.caseStatusstr == '11' && checkPermi(['batchManagement:list:secretarycheck'])">秘书确认</el-button>
|
||||
<el-button size="mini" type="text" @click="arbitratorsVerify(scope.row)" v-if="scope.row.caseStatusstr == '18' && checkPermi(['batchManagement:list:arbitratorConfirm'])">仲裁员确认</el-button>
|
||||
<el-button size="mini" type="text" @click="departmentDocuments(scope.row)" v-if="scope.row.caseStatusstr == '12' && checkPermi(['batchManagement:list:confirmaward'])">部门长确认</el-button>
|
||||
<el-button size="mini" type="text" @click="batchSignatures(scope.row)" v-if="scope.row.caseStatusstr == '13' && checkPermi(['batchManagement:list:sign'])">签名</el-button>
|
||||
<el-button size="mini" type="text" @click="batchPrintings(scope.row)" v-if="scope.row.caseStatusstr == '14' && checkPermi(['batchManagement:list:signprint'])">用印</el-button>
|
||||
<el-button size="mini" type="text" @click="servicearBitration(scope.row)" v-if="scope.row.caseStatusstr == '15' && checkPermi(['batchManagement:list:sendaward'])">送达裁决书</el-button>
|
||||
<el-button size="mini" type="text" @click="archive(scope.row)" v-if="scope.row.caseStatusstr == '16' && checkPermi(['batchManagement:list:file'])">案件归档</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)"
|
||||
/>
|
||||
<!-- 缴费 -->
|
||||
<batchPayment :caseVisablePay="caseVisablePay" @cancelCasePay="cancelCasePay" :batchPaymentValue="batchPaymentValue" :totalFees="totalFees" :queryParams="queryParams" @getList="getList"></batchPayment>
|
||||
<!-- 缴费确认 -->
|
||||
<paymentConfirmation :caseVisablePayment="caseVisablePayment" @cancelCasePayment="cancelCasePayment" :confirmPaymen="confirmPaymen" :queryParams="queryParams" @getList="getList" :totalFeeConfir="totalFeeConfir"></paymentConfirmation>
|
||||
<!-- 组庭审核 -->
|
||||
<courtReview :caseVisableReview="caseVisableReview" @cancelCaseReview="cancelCaseReview" :formateCourtData="formateCourtData" :queryParams="queryParams" @getList="getList"></courtReview>
|
||||
<!-- 查看案件列表 -->
|
||||
<!-- <viewingCases :caseVisableViewing="caseVisableViewing" @cancelCaseViewing="cancelCaseViewing"></viewingCases> -->
|
||||
<!-- 组庭确认 -->
|
||||
<courtConfirmation :showcourtReview="showcourtReview" @cancelcourtReview="cancelcourtReview" :courtConfirmationData="courtConfirmationData" :queryParams="queryParams" @getList="getList"></courtConfirmation>
|
||||
<!-- 审核仲裁方式 -->
|
||||
<reviewArbitrationMethod :caseVisableReviewl="caseVisableReviewl" @cancelCaseReviewl="cancelCaseReviewl" :queryParams="queryParams" @getList="getList" :reviewMethod="reviewMethod"></reviewArbitrationMethod>
|
||||
<!-- 签名 -->
|
||||
<batchSignature :caseVisableSignature="caseVisableSignature" @cancelCaseSignature="cancelCaseSignature" :queryParams="queryParams" @getList="getList" :signatureData="signatureData"></batchSignature>
|
||||
<!-- 用印 -->
|
||||
<batchPrinting :caseVisablePrinting="caseVisablePrinting" @cancelCasePrinting="cancelCasePrinting" :queryParams="queryParams" @getList="getList" :printingData="printingData"></batchPrinting>
|
||||
<!-- 立案审查 -->
|
||||
<filingReview :caseVisableReviewF="caseVisableReviewF" @cancelCaseReviewF="cancelCaseReviewF" :filingFeviewbatchNumber="filingFeviewbatchNumber" :queryParams="queryParams" @getList="getList"></filingReview>
|
||||
<!-- 秘书审核仲裁文书 -->
|
||||
<arbitratorsDocuments :caseVisableSecretary="caseVisableSecretary" @cancelCaseSecretary="cancelCaseSecretary" :queryParams="queryParams" @getList="getList" :secretaryArb="secretaryArb"></arbitratorsDocuments>
|
||||
<!-- 仲裁员审核仲裁文书 -->
|
||||
<arbitratorsvVerify :caseVisablearBitration="caseVisablearBitration" @cancelCaseBitration="cancelCaseBitration" :queryParams="queryParams" @getList="getList" :arbitratorDeter="arbitratorDeter"></arbitratorsvVerify>
|
||||
<!-- 部门长审核仲裁文书 -->
|
||||
<departmentReviews :caseVisablearHead="caseVisablearHead" @cancelCaseHead="cancelCaseHead" :queryParams="queryParams" @getList="getList" :departmentDoc="departmentDoc"></departmentReviews>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listBatch,submitCaseApplicationBatch,
|
||||
payListBatch,writtenHearBatch,
|
||||
caseFileBatch,serviceBatch,getSignUrlBatch
|
||||
} from '@/api/batchManagement/batchManagement.js'
|
||||
import { listDept } from "@/api/system/dept";
|
||||
import batchPayment from './components/batchPayment.vue'
|
||||
import paymentConfirmation from './components/paymentConfirmation.vue'
|
||||
import courtReview from './components/courtReview.vue'
|
||||
import viewingCases from './components/viewingCases.vue'
|
||||
import courtConfirmation from './components/courtConfirmation.vue'
|
||||
import reviewArbitrationMethod from './components/reviewArbitrationMethod.vue'
|
||||
import batchSignature from './components/batchSignature.vue'
|
||||
import batchPrinting from './components/batchPrinting.vue'
|
||||
import filingReview from './components/filingReview.vue'
|
||||
import arbitratorsDocuments from './components/arbitratorsDocuments.vue'
|
||||
import arbitratorsvVerify from './components/arbitratorsvVerify.vue'
|
||||
import departmentReviews from './components/departmentReviews.vue'
|
||||
export default {
|
||||
components: {
|
||||
batchPayment,
|
||||
paymentConfirmation,
|
||||
courtReview,
|
||||
viewingCases,
|
||||
courtConfirmation,
|
||||
reviewArbitrationMethod,
|
||||
batchSignature,
|
||||
batchPrinting,
|
||||
filingReview,
|
||||
arbitratorsDocuments,
|
||||
arbitratorsvVerify,
|
||||
departmentReviews
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
filingFeviewbatchNumber:'',
|
||||
batchPaymentValue:{},
|
||||
confirmPaymen:{},//批量确认缴费
|
||||
totalFees:{},//缴费总金额
|
||||
totalFeeConfir:{},//确认缴费总金额
|
||||
formateCourtData:{},//组庭审核
|
||||
courtConfirmationData:{},//组庭确认
|
||||
secretaryArb:{},//秘书确认
|
||||
arbitratorDeter:{},//仲裁员确认
|
||||
departmentDoc:{}, //部门长确认
|
||||
reviewMethod:{},//仲裁员审核仲裁方式
|
||||
signatureData:{},//签名批号
|
||||
printingData:{},//批量用印批号
|
||||
caseVisablePay: false,//批量缴费弹窗
|
||||
caseVisablePayment:false,//批量缴费确认
|
||||
caseVisableReview:false,//批量组庭审核
|
||||
caseVisableViewing:false,//查看案件列表
|
||||
showcourtReview:false,//批量组庭确认
|
||||
caseVisableReviewl:false,//批量审核仲裁方式
|
||||
caseVisableSignature:false,//批量签名
|
||||
caseVisablePrinting:false,//批量用印
|
||||
caseVisableReviewF:false, //批量立案审查
|
||||
caseVisableSecretary:false,//秘书审核文书
|
||||
caseVisablearBitration:false,//仲裁员核查文书
|
||||
caseVisablearHead:false,//部门长审核文书
|
||||
dataList: [],
|
||||
editData:{},
|
||||
options: [], //机构数据
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList(this.queryParams)
|
||||
this.getInstitution();
|
||||
},
|
||||
methods: {
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
(this.queryParams.applicantName = ""),
|
||||
(this.queryParams.nameId = ""),
|
||||
this.handleQuery();
|
||||
},
|
||||
// 机构发生变化
|
||||
changeDept(data) {
|
||||
if(data){
|
||||
this.queryParams.nameId = data[0];
|
||||
}
|
||||
},
|
||||
// 获取机构数据
|
||||
getInstitution() {
|
||||
listDept().then((res) => {
|
||||
res.data.forEach((item) => {
|
||||
item.value = item.deptId;
|
||||
item.label = item.deptName;
|
||||
});
|
||||
this.options = this.handleTree(res.data, "deptId");
|
||||
|
||||
});
|
||||
},
|
||||
// 查询列表
|
||||
getList(parm){
|
||||
this.loading = true;
|
||||
listBatch(parm).then(res=>{
|
||||
this.dataList = res.rows;
|
||||
this.total = res.total
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 批量提交
|
||||
confirmSubmission(row){
|
||||
console.log(row)
|
||||
this.$modal.confirm("您确定要批量提交吗？").then((res) => {
|
||||
this.submitCaseApplicationBatchs({ batchNumber: row.batchNumber })
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
},
|
||||
// 批量提交接口
|
||||
submitCaseApplicationBatchs(data) {
|
||||
submitCaseApplicationBatch(data).then(res => {
|
||||
this.$modal.msgSuccess("提交成功！");
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
},
|
||||
// 批量立案审查
|
||||
filingFeview(row){
|
||||
console.log(row)
|
||||
this.filingFeviewbatchNumber = row.batchNumber
|
||||
this.caseVisableReviewF = true
|
||||
},
|
||||
cancelCaseReviewF(){
|
||||
this.caseVisableReviewF = false
|
||||
},
|
||||
// 批量缴费
|
||||
batchPayments(row){
|
||||
this.batchPaymentValue = row
|
||||
let batchNumber = row.batchNumber.toString()
|
||||
payListBatch({batchNumber:batchNumber}).then(res=>{
|
||||
this.totalFees = res.data
|
||||
})
|
||||
this.caseVisablePay = true
|
||||
},
|
||||
cancelCasePay(){
|
||||
this.caseVisablePay = false
|
||||
},
|
||||
// 批量缴费确认
|
||||
paymentConfir(row){
|
||||
this.confirmPaymen = row
|
||||
let batchNumber = row.batchNumber.toString()
|
||||
payListBatch({batchNumber:batchNumber}).then(res=>{
|
||||
this.totalFeeConfir = res.data
|
||||
})
|
||||
this.caseVisablePayment = true
|
||||
},
|
||||
cancelCasePayment(){
|
||||
this.caseVisablePayment = false
|
||||
},
|
||||
// 批量组庭审核
|
||||
courtReviews(row){
|
||||
this.formateCourtData = row;
|
||||
this.caseVisableReview = true
|
||||
},
|
||||
cancelCaseReview(){
|
||||
this.caseVisableReview = false
|
||||
},
|
||||
// 查看案件列表
|
||||
viewingCasesBtn(row){
|
||||
let batchNumber = row.batchNumber
|
||||
if(batchNumber){
|
||||
this.$router.push({ name: 'CaseManagement/caseList', params: { batchNumber: batchNumber + '' } })
|
||||
}
|
||||
},
|
||||
// 批量组庭确认
|
||||
courtConfirmations(row){
|
||||
this.courtConfirmationData = row
|
||||
console.log(row)
|
||||
this.showcourtReview = true
|
||||
},
|
||||
cancelcourtReview(){
|
||||
this.showcourtReview = false
|
||||
},
|
||||
// 批量审核仲裁方式
|
||||
reviewArbitrations(row){
|
||||
console.log(row)
|
||||
this.reviewMethod = row
|
||||
this.caseVisableReviewl = true
|
||||
},
|
||||
cancelCaseReviewl(){
|
||||
this.caseVisableReviewl = false
|
||||
},
|
||||
// 批量书面审理
|
||||
batchWrittenReviewy(row){
|
||||
this.$modal.confirm("你确定要批量书面审理吗？").then(res => {
|
||||
writtenHearBatch({batchNumber: row.batchNumber}).then(res=>{
|
||||
this.$modal.msgSuccess("提交成功！");
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
})
|
||||
},
|
||||
// 批量归档
|
||||
archive(row){
|
||||
this.$modal.confirm("你确定要批量归档吗？").then((res) => {
|
||||
this.caseFileBatchs({ batchNumber: row.batchNumber})
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
},
|
||||
// 批量归档接口
|
||||
caseFileBatchs(vals){
|
||||
caseFileBatch(vals).then(res=>{
|
||||
this.$modal.msgSuccess("归档成功！");
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
},
|
||||
// 批量签名
|
||||
batchSignatures(row){
|
||||
this.signatureData = row
|
||||
this.caseVisableSignature = true
|
||||
// this.$modal.confirm("你确定要批量签名吗？").then(res => {
|
||||
// getSignUrlBatch({
|
||||
// batchNumber: row.batchNumber
|
||||
// }).then(res=>{
|
||||
// window.open(res.data.signUrl)
|
||||
// this.$modal.confirm("你已经批量签名了吗？").then(res => {
|
||||
// this.$modal.msgSuccess("签名成功！");
|
||||
// this.getList(this.queryParams);
|
||||
// })
|
||||
// })
|
||||
// }).catch(() =>{
|
||||
|
||||
// })
|
||||
},
|
||||
cancelCaseSignature(){
|
||||
this.caseVisableSignature = false
|
||||
},
|
||||
// 批量签名
|
||||
batchPrintings(row){
|
||||
this.printingData = row
|
||||
this.caseVisablePrinting = true
|
||||
},
|
||||
cancelCasePrinting(){
|
||||
this.caseVisablePrinting = false
|
||||
},
|
||||
// 生成裁决书
|
||||
arbitrationAward(){
|
||||
this.$modal.confirm("你确定要批量生成裁决书吗？").then((res) => {
|
||||
// this.deleteSealFn({ id: row.id })
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
},
|
||||
//仲裁文书送达
|
||||
servicearBitration(row){
|
||||
this.$modal.confirm("你确定要批量仲裁文书批量送达吗？").then((res) => {
|
||||
this.serviceBatchs({ batchNumber: row.batchNumber})
|
||||
}).catch(() =>{
|
||||
|
||||
})
|
||||
},
|
||||
serviceBatchs(val){
|
||||
serviceBatch(val).then(res=>{
|
||||
this.$modal.msgSuccess("批量送达成功！");
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
},
|
||||
// 秘书审核仲裁文书
|
||||
secretaryArbitration(row){
|
||||
this.secretaryArb = row
|
||||
this.caseVisableSecretary = true
|
||||
},
|
||||
cancelCaseSecretary(){
|
||||
this.caseVisableSecretary = false
|
||||
},
|
||||
// 仲裁员审核文书
|
||||
arbitratorsVerify(row){
|
||||
this.arbitratorDeter = row
|
||||
this.caseVisablearBitration = true
|
||||
},
|
||||
cancelCaseBitration(){
|
||||
this.caseVisablearBitration = false
|
||||
},
|
||||
// 部门长审核仲裁文书
|
||||
departmentDocuments(row){
|
||||
this.departmentDoc =row
|
||||
this.caseVisablearHead = true
|
||||
},
|
||||
cancelCaseHead(){
|
||||
this.caseVisablearHead = false
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -1,52 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 秘书批量审核 -->
|
||||
<el-dialog title="秘书批量审核" :visible="caseVisableSecretary" destroy-on-close width="30%" @close="cancel" center>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="secretaryConfirmed"><span>确认</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {verificationArbitrateRecordBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisableSecretary","queryParams","secretaryArb"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisableSecretary(val) {
|
||||
if (val) {
|
||||
this.ruleForm = {};
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
secretaryConfirmed(){
|
||||
verificationArbitrateRecordBatch({batchNumber:this.secretaryArb.batchNumber}).then(res=>{
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
}).catch((err) => {});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelCaseSecretary");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,94 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 仲裁员批量审核 -->
|
||||
<el-dialog title="仲裁员批量审核" :visible="caseVisablearBitration" destroy-on-close width="30%" @close="cancel" center>
|
||||
<div>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<el-form-item label="审核意见" prop="checkOpinion">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入审核意见" v-model="ruleForm.checkOpinion"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="驳回原因">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="ruleForm.arbitrateReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="submitForm(1)"><span>同 意</span></el-button>
|
||||
<el-button type="danger" class="endbutton" @click="submitForm(2)"><span>驳 回</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {checkArbitrateRecordBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisablearBitration","queryParams","arbitratorDeter"],
|
||||
data() {
|
||||
return {
|
||||
ruleForm: {},
|
||||
rules: {
|
||||
checkOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "审核意见不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisablearBitration(val) {
|
||||
if (val) {
|
||||
// this.ruleForm = {};
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
submitForm(val){
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if(valid){
|
||||
if(val==1){
|
||||
let values = {
|
||||
batchNumber:this.arbitratorDeter.batchNumber,
|
||||
agreeOrNotCheck:1,
|
||||
arbitrateRecord:this.ruleForm
|
||||
}
|
||||
checkArbitrateRecordBatch(values).then(res=>{
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
}).catch((err) => {});
|
||||
}else if(val==2){
|
||||
let values = {
|
||||
batchNumber:this.arbitratorDeter.batchNumber,
|
||||
agreeOrNotCheck:2,
|
||||
arbitrateRecord:this.ruleForm
|
||||
}
|
||||
checkArbitrateRecordBatch(values).then(res=>{
|
||||
this.$modal.msgSuccess("驳回成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
}).catch((err) => {});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
|
||||
this.$emit("cancelCaseBitration");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,239 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="批量确认缴费" :visible="caseVisablePay" @close="payCancel" width="800px" append-to-body
|
||||
:destroy-on-close="true" center>
|
||||
<el-descriptions>
|
||||
<el-descriptions-item label="案件总金额">{{totalFees.totalFee}}元</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{batchPaymentValue.name}}</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 style="color:black">取 消</span></el-button>
|
||||
<el-button @click="submitUpload" type="primary" class="endbutton"><span>确认缴费</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { casePay, confirmPayDig } from "@/api/pay/pay";
|
||||
import {confirmPayBatch,casePayBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
import QRCode from "qrcodejs2";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["caseVisablePay", "payForm", "queryParams","payId","batchPaymentValue","totalFees"],
|
||||
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/evidence/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.data.annexId,
|
||||
annexName:res.data.annexName
|
||||
});
|
||||
},
|
||||
submitUpload() {
|
||||
if (this.fileList.length < 1) {
|
||||
this.$modal.msgError("请上传缴费凭证");
|
||||
return
|
||||
}
|
||||
let batchNumber = this.batchPaymentValue.batchNumber.toString()
|
||||
let submitForm = Object.assign(this.submitForm,{batchNumber:batchNumber})
|
||||
confirmPayBatch(submitForm).then(res=>{
|
||||
this.$modal.msgSuccess("缴费成功");
|
||||
this.payCancel()
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
(this.submitForm.payOrderList = []),
|
||||
fileList.forEach((item) => {
|
||||
console.log(item.response.data,"item");
|
||||
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
|
||||
});
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(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.totalFees.totalFee == 0 || !this.totalFees.totalFee) {
|
||||
this.$message({
|
||||
message: "此案件无需缴费",
|
||||
type: "error",
|
||||
});
|
||||
return;
|
||||
}
|
||||
let payType = "";
|
||||
if (val == 0) {
|
||||
payType = "wxpay";
|
||||
this.payMain = "请使用微信扫二维码支付";
|
||||
} else if (val == 1) {
|
||||
payType = "alipay";
|
||||
this.payMain = "请使用支付宝扫二维码支付";
|
||||
}
|
||||
let batchNumber = this.batchPaymentValue.batchNumber.toString()
|
||||
casePayBatch({
|
||||
totalFee: this.totalFees.totalFee*100,
|
||||
batchNumber:batchNumber,
|
||||
tradeType: "native",
|
||||
platform: payType,
|
||||
}).then((res) => {
|
||||
console.log(res)
|
||||
this.paySrc = res.data.code_url;
|
||||
this.qrcode(this.paySrc);
|
||||
});
|
||||
},
|
||||
payCancel() {
|
||||
this.$emit("cancelCasePay");
|
||||
this.payMain = "";
|
||||
},
|
||||
},
|
||||
watch:{
|
||||
openPay(val){
|
||||
if(val){
|
||||
this.submitForm.payOrderList = []
|
||||
this.paySelect = 1;
|
||||
this.fileList = [];
|
||||
this.filedata.id = this.payId;
|
||||
this.submitForm.caseIds = [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;
|
||||
border: 1px solid #d0d0d0;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 31px;
|
||||
height: 13px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,113 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量用印 -->
|
||||
<el-dialog title="批量用印" :visible="caseVisablePrinting" destroy-on-close width="30%" @close="cancel('courtReviewform')" center>
|
||||
<!-- 查询机构信息 -->
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="查询机构:"
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '查询机构不能为空',
|
||||
trigger: 'change',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择查询机构"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.id"
|
||||
:label="item.identifyName"
|
||||
:value="item.operPhone+item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="confirmSeals"><span>确认用印</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel('courtReviewform')"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
|
||||
import {getSealUrlBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisablePrinting","queryParams","printingData"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
batchNumber:0,
|
||||
psnAccount:""
|
||||
},
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisablePrinting(val) {
|
||||
if (val) {
|
||||
console.log(this.atoDataList)
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getarbitrAtor()
|
||||
},
|
||||
methods: {
|
||||
// 查询机构信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
deptIdentifyList({}).then((res) => {
|
||||
res.rows.forEach(item => {
|
||||
if(item.isUse ==1){
|
||||
this.atoDataList.push(item);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
// 下拉获取电话号码
|
||||
changeArbitor(val){
|
||||
this.paramsdata.psnAccount = val.slice(0,11)
|
||||
},
|
||||
// 确认用印
|
||||
confirmSeals(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if(valid){
|
||||
this.paramsdata.batchNumber= this.printingData.batchNumber
|
||||
console.log(this.paramsdata)
|
||||
getSealUrlBatch(this.paramsdata).then(res=>{
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel('courtReviewform');
|
||||
this.$emit("getList", this.queryParams);
|
||||
window.open(res.data.signUrl)
|
||||
}).catch((err) => {
|
||||
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel(formName) {
|
||||
this.$refs[formName].resetFields(); //清空下拉列表的内容
|
||||
this.$emit("cancelCasePrinting");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,107 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量签名 -->
|
||||
<el-dialog title="批量签名" :visible="caseVisableSignature" destroy-on-close width="30%" @close="cancel('courtReviewform')" center>
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'change'
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.value"
|
||||
:label="item.nickName"
|
||||
:value="item.phonenumber+item.deptId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="witnessing"><span>确认签名</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel('courtReviewform')"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
import {getSignUrlBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisableSignature","queryParams","signatureData"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
courtReviewform: {
|
||||
Arbitor: "",
|
||||
},
|
||||
Arbitor: "",
|
||||
atoDataList:[],
|
||||
paramsdata:{
|
||||
batchNumber:0,
|
||||
psnAccount:""
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisableSignature(val) {
|
||||
if (val) {
|
||||
this.getarbitrAtor()
|
||||
console.log(this.atoDataList)
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.getarbitrAtor()
|
||||
},
|
||||
methods: {
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor() {
|
||||
arbitrAtor({}).then((res) => {
|
||||
this.atoDataList = res.rows;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.paramsdata.psnAccount =val.slice(0,11)
|
||||
|
||||
},
|
||||
// 确认签名提交
|
||||
witnessing(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if(valid){
|
||||
this.paramsdata.batchNumber= this.signatureData.batchNumber
|
||||
console.log(this.paramsdata)
|
||||
getSignUrlBatch(this.paramsdata).then(res=>{
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel('courtReviewform');
|
||||
this.$emit("getList", this.queryParams);
|
||||
window.open(res.data.signUrl)
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel(formName) {
|
||||
this.$refs[formName].resetFields();
|
||||
this.$emit("cancelCaseSignature");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,236 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量组庭确认页面 -->
|
||||
<el-dialog
|
||||
title="批量组庭确认"
|
||||
:visible="showcourtReview"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item label="是否同意组庭：">
|
||||
<el-radio-group v-model="isAgreePendTral">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- </el-form> -->
|
||||
<!-- <el-tag type="warning" v-if="noArbitrator"
|
||||
>当前案件未指定仲裁员，请先指定仲裁员！</el-tag
|
||||
> -->
|
||||
<div style="display: inline-flex; margin: 1% 9%">
|
||||
<div v-if="isAgreePendTral == 0">请选择仲裁员</div>
|
||||
<div v-if="isAgreePendTral == 1">
|
||||
当前案件仲裁员
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="isAgreePendTral == 1" class="nowarbitrator">
|
||||
<el-tag size="medium">
|
||||
{{ courtConfirmationData.arbitratorName }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<!-- <div v-if="noArbitrator || isAgreePendTral == 0"> -->
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
v-if="noArbitrator || isAgreePendTral == 0"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dataList"
|
||||
:key="item.value"
|
||||
:label="item.nickNameAndNum"
|
||||
:value="item.userId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- </div> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"
|
||||
><span>确 定</span>
|
||||
</el-button>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span> 取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
import {pendTralSureBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
import moment from "moment";
|
||||
export default {
|
||||
name: "courtReviewDialog",
|
||||
props: ["showcourtReview", "courtConfirmationData", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
dataList: [],
|
||||
hearDate: "",
|
||||
courtReviewform: {
|
||||
hearDate: null,
|
||||
},
|
||||
noArbitrator: false,
|
||||
isAgreePendTral: 1,
|
||||
paramsdata: {},
|
||||
Arbitor: "",
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getarbitrAtor();
|
||||
},
|
||||
watch: {
|
||||
showcourtReview(val) {
|
||||
if (val) {
|
||||
this.isAgreePendTral = 1;
|
||||
this.courtReviewform.hearDate = null;
|
||||
}
|
||||
},
|
||||
// form: {
|
||||
// handler(val) {
|
||||
// if (val.arbitratorName == null) {
|
||||
// this.noArbitrator = true;
|
||||
// } else {
|
||||
// this.noArbitrator = false;
|
||||
// }
|
||||
// },
|
||||
// },
|
||||
},
|
||||
methods: {
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor() {
|
||||
arbitrAtor({}).then((res) => {
|
||||
this.dataList = res.rows;
|
||||
this.total = res.total;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.arbitrators = [];
|
||||
this.dataList.forEach((item) => {
|
||||
if (item.userId == val) {
|
||||
this.arbitrators.push({
|
||||
id: item.userId,
|
||||
arbitratorName: item.nickName,
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
// if (this.noArbitrator) {
|
||||
// this.paramsdata = {
|
||||
// id: this.form.id,
|
||||
// arbitrators: this.arbitrators,
|
||||
// };
|
||||
// } else {
|
||||
// if (this.isAgreePendTral == 0) {
|
||||
// this.paramsdata = {
|
||||
// isAgreePendTral: 0,
|
||||
// id: this.form.id,
|
||||
// arbitrators: this.arbitrators,
|
||||
// };
|
||||
// } else {
|
||||
// this.paramsdata = {
|
||||
// isAgreePendTral: 1,
|
||||
// id: this.form.id,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
if (this.isAgreePendTral == 0) {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 0,
|
||||
batchNumber: this.courtConfirmationData.batchNumber,
|
||||
arbitrators: this.arbitrators,
|
||||
};
|
||||
} else {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 1,
|
||||
batchNumber: this.courtConfirmationData.batchNumber,
|
||||
};
|
||||
}
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
pendTralSureBatch(this.paramsdata)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelcourtReview");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
.nowarbitrator {
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
::v-deep .el-form-item__error {
|
||||
left: 90px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,245 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 组庭界面 -->
|
||||
<el-dialog
|
||||
title="批量组庭审核"
|
||||
:visible="caseVisableReview"
|
||||
v-if="caseVisableReview"
|
||||
@close="cancel"
|
||||
destroy-on-close
|
||||
center
|
||||
>
|
||||
<el-form
|
||||
ref="formateCourtform"
|
||||
:model="formateCourtform"
|
||||
label-width="110px"
|
||||
label-position="left"
|
||||
>
|
||||
<el-form-item label="是否同意组庭：">
|
||||
<el-radio-group v-model="isAgreePendTral" @change="radioValue">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- <el-tag type="warning" v-if="noArbitrator"
|
||||
>当前案件未指定仲裁员，请先指定仲裁员！</el-tag
|
||||
>
|
||||
<p></p> -->
|
||||
<!-- <el-form ref="form"> -->
|
||||
<!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
|
||||
<div style="display: inline-flex; margin-bottom: 8px">
|
||||
<div v-if="isAgreePendTral !== 1">请选择仲裁员</div>
|
||||
<!-- <div v-if="isAgreePendTral == 1">
|
||||
当前案件仲裁员
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <div
|
||||
v-if="isAgreePendTral == 1"
|
||||
class="nowarbitrator"
|
||||
>
|
||||
<el-tag size="medium">
|
||||
|
||||
</el-tag>
|
||||
</div> -->
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="formateCourtform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dataList"
|
||||
:key="item.value"
|
||||
:label="item.nickNameAndNum"
|
||||
:value="item.userId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"
|
||||
><span>确 定</span></el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
import {pendTralCheckBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisableReview", "formateCourtData", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
dataList: [],
|
||||
formateCourtform: {},
|
||||
arbitrators: [],
|
||||
isAgreePendTral: 1,
|
||||
paramsdata: {},
|
||||
noArbitrator: false,
|
||||
Arbitor: "",
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getarbitrAtor();
|
||||
},
|
||||
watch: {
|
||||
caseVisableReview(val){
|
||||
this.Arbitor = ""
|
||||
if(val){
|
||||
this.isAgreePendTral = 1;
|
||||
this.getarbitrAtor({caseId:this.formateCourtData.id});
|
||||
}
|
||||
},
|
||||
// formateCourtData: {
|
||||
// handler(val) {
|
||||
// console.log(val)
|
||||
// if (val.arbitratorName == null) {
|
||||
// this.noArbitrator = true;
|
||||
// } else {
|
||||
// this.noArbitrator = false;
|
||||
// }
|
||||
// },
|
||||
// },
|
||||
},
|
||||
methods: {
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor(val) {
|
||||
arbitrAtor(val).then((res) => {
|
||||
this.dataList = res.rows;
|
||||
// console.log(this.dataList, "this.dataList");
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.arbitrators = [];
|
||||
this.dataList.forEach((item) => {
|
||||
if (item.userId == val) {
|
||||
this.arbitrators.push({
|
||||
id: item.userId,
|
||||
arbitratorName: item.nickName,
|
||||
});
|
||||
}
|
||||
});
|
||||
console.log(this.arbitratorss)
|
||||
},
|
||||
// 确认
|
||||
submitForm() {
|
||||
// if (this.noArbitrator) {
|
||||
// this.paramsdata = {
|
||||
// id: this.formateCourtData.id,
|
||||
// arbitrators: this.arbitrators,
|
||||
// };
|
||||
// } else {
|
||||
// if (this.isAgreePendTral == 0) {
|
||||
// this.paramsdata = {
|
||||
// isAgreePendTral: 0,
|
||||
// id: this.formateCourtData.id,
|
||||
// arbitrators: this.arbitrators,
|
||||
// };
|
||||
// } else {
|
||||
// this.paramsdata = {
|
||||
// isAgreePendTral: 1,
|
||||
// id: this.formateCourtData.id,
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
if (this.isAgreePendTral == 0) {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 0,
|
||||
batchNumber: this.formateCourtData.batchNumber,
|
||||
arbitrators: this.arbitrators,
|
||||
};
|
||||
} else {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 1,
|
||||
batchNumber: this.formateCourtData.batchNumber,
|
||||
arbitrators: this.arbitrators,
|
||||
};
|
||||
}
|
||||
this.$refs["formateCourtform"].validate((valid) => {
|
||||
if (valid) {
|
||||
pendTralCheckBatch(this.paramsdata).then((res) => {
|
||||
console.log(res)
|
||||
this.cancel();
|
||||
this.$modal.msgSuccess("组庭成功");
|
||||
this.$emit("getList", this.queryParams);
|
||||
// 初始化页面
|
||||
this.formateCourtform={}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
this.$emit("cancelCaseReview");
|
||||
this.arbitrators = [];
|
||||
},
|
||||
radioValue(val){
|
||||
if(val==1){
|
||||
this.formateCourtform={}
|
||||
}else if(val==0){
|
||||
this.formateCourtform={}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
.infoIcon {
|
||||
width: 4px;
|
||||
// height: 17px;
|
||||
background-color: #0072ff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.nowarbitrator {
|
||||
margin-left: 4%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,94 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 部门长批量审核 -->
|
||||
<el-dialog title="部门长批量审核" :visible="caseVisablearHead" destroy-on-close width="30%" @close="cancel" center>
|
||||
<div>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<el-form-item label="审核意见" prop="checkOpinion">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入审核意见" v-model="ruleForm.checkOpinion"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="驳回原因">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="ruleForm.arbitrateReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="submitForm(1)"><span>同 意</span></el-button>
|
||||
<el-button type="danger" class="endbutton" @click="submitForm(2)"><span>驳 回</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {checkArbitrateRecordBatchs} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisablearHead","queryParams","departmentDoc"],
|
||||
data() {
|
||||
return {
|
||||
ruleForm: {},
|
||||
rules: {
|
||||
checkOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "审核意见不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisablearHead(val) {
|
||||
if (val) {
|
||||
// this.ruleForm = {};
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
submitForm(val){
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if(valid){
|
||||
if(val==1){
|
||||
let values = {
|
||||
batchNumber:this.departmentDoc.batchNumber,
|
||||
agreeOrNotCheck:1,
|
||||
arbitrateRecord:this.ruleForm
|
||||
}
|
||||
checkArbitrateRecordBatchs(values).then(res=>{
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
}).catch((err) => {});
|
||||
}else if(val==2){
|
||||
let values = {
|
||||
batchNumber:this.departmentDoc.batchNumber,
|
||||
agreeOrNotCheck:2,
|
||||
arbitrateRecord:this.ruleForm
|
||||
}
|
||||
checkArbitrateRecordBatchs(values).then(res=>{
|
||||
this.$modal.msgSuccess("驳回成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
}).catch((err) => {});
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
|
||||
this.$emit("cancelCaseHead");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,116 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量立案审查 -->
|
||||
<el-dialog title="批量立案审查" :visible="caseVisableReviewF" width="500px" @close="cancel" :destroy-on-close="true">
|
||||
<div class="radiobox">
|
||||
<el-radio-group v-model="radio" style="margin-bottom: 20px;">
|
||||
<el-radio :label="1">同意</el-radio>
|
||||
<el-radio :label="2">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<!-- TODO -->
|
||||
<el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>提 交</span></el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {submitCaseApplicationCheckBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
name: "filingReview",
|
||||
props: ["caseVisableReviewF", "filingreviewdata", "filingFeviewbatchNumber","queryParams"],
|
||||
data() {
|
||||
return {
|
||||
radio: 1,
|
||||
ruleForm: {},
|
||||
rules: {
|
||||
caseCheckReject: [
|
||||
{
|
||||
required: true,
|
||||
message: "拒绝原因不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
let batchNumber = this.filingFeviewbatchNumber
|
||||
let paramsdata = {
|
||||
agreeOrNotCheck: this.radio,
|
||||
batchNumber:batchNumber.toString(),
|
||||
caseCheckReject:this.ruleForm.caseCheckReject
|
||||
};
|
||||
submitCaseApplicationCheckBatch(paramsdata)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
.catch((err) => { });
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelCaseReviewF");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.radiobox {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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>
|
||||
@@ -1,56 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量缴费确认 -->
|
||||
<el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
|
||||
<el-descriptions>
|
||||
<el-descriptions-item label="案件总金额">{{totalFeeConfir.totalFee}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{confirmPaymen.name}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="confirmPayment"><span>缴费确认</span></el-button>
|
||||
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {confirmBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
props: ["caseVisablePayment","queryParams","confirmPaymen","totalFeeConfir"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisablePayment(val) {
|
||||
if (val) {
|
||||
this.ruleForm = {};
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
confirmPayment(){
|
||||
confirmBatch({batchNumber:this.confirmPaymen.batchNumber}).then(res=>{
|
||||
this.$modal.msgSuccess("缴费确认成功");
|
||||
this.cancel()
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelCasePayment");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,79 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量选择仲裁方式页面 -->
|
||||
<el-dialog
|
||||
title="批量审核仲裁方式"
|
||||
:visible="caseVisableReviewl"
|
||||
width="500px"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<div>
|
||||
<el-form :model="form" :rules="rules" ref="form">
|
||||
<el-form-item label="选择开庭方式:" prop="arbitratMethod">
|
||||
<el-radio-group v-model="form.arbitratMethod">
|
||||
<el-radio :label=2>书面审理</el-radio>
|
||||
<el-radio :label=1>开庭审理</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" class="endbutton" @click="determine">确定</el-button>
|
||||
<el-button @click="cancel" class="endbutton">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
|
||||
import {methodBatch} from '@/api/batchManagement/batchManagement.js'
|
||||
export default {
|
||||
name: "showchoosetrialmethodDialog",
|
||||
props: ["caseVisableReviewl", "reviewMethod", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
form:{},
|
||||
rules:{
|
||||
arbitratMethod: [
|
||||
{ required: true, message: '请选择开庭方式', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 审核仲裁方式 arbitrateMethod
|
||||
determine(val){
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
let dates = {
|
||||
batchNumber: this.reviewMethod.batchNumber,
|
||||
arbitratMethod:this.form.arbitratMethod
|
||||
};
|
||||
console.log(dates)
|
||||
methodBatch(dates).then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getList", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.form.arbitratMethod=""
|
||||
this.$emit("cancelCaseReviewl");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,71 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!--查看案件列表 -->
|
||||
<el-dialog title="查看案件列表" :visible="caseVisableViewing" destroy-on-close @close="cancel" width="70%" center>
|
||||
<el-table style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<!-- <span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="仲裁方式" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="仲裁员" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="开庭时间" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" >
|
||||
<template slot-scope="scope">
|
||||
<!-- <el-tag type="success">{{ scope.row.prefixstr }}</el-tag> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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-view">跳转案件列表</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)"
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button type="primary" class="endbutton"><span>确认</span></el-button> -->
|
||||
<el-button class="endbutton" @click="cancel"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["caseVisableViewing","queryParams"],
|
||||
dicts: ["manager_type"],
|
||||
data() {
|
||||
return {
|
||||
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caseVisableViewing(val) {
|
||||
if (val) {
|
||||
this.ruleForm = {};
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelCaseViewing");
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,304 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="案件编号" prop="caseNumber">
|
||||
<el-input
|
||||
v-model="queryParams.caseNumber"
|
||||
placeholder="请输入案件编号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请人" prop="applicant">
|
||||
<el-input
|
||||
v-model="queryParams.applicant"
|
||||
placeholder="请输入申请人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
size="mini"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="batchFiling"
|
||||
v-hasPermi="['monitor:job:add']"
|
||||
>批量立案</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="batchList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="案件编号"
|
||||
align="center"
|
||||
prop="caseNumber"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="申请人"
|
||||
align="center"
|
||||
prop="applicant"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="案件标的" align="center" prop="matterofCase" />
|
||||
<el-table-column
|
||||
label="立案日期"
|
||||
align="center"
|
||||
prop="filingDate"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<!-- <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" /> -->
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatus" />
|
||||
<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-edit"
|
||||
@click="editRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-zoom-in"
|
||||
@click="detailRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="pageNum"
|
||||
:limit.sync="pageSize"
|
||||
/>
|
||||
|
||||
<!-- 立案申请弹框 -->
|
||||
<el-dialog
|
||||
:title="dialogtitle"
|
||||
:visible.sync="openapply"
|
||||
width="800px"
|
||||
append-to-body
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-row>
|
||||
<el-col :span="16">
|
||||
<el-form-item label="申请人姓名：" prop="applyName">
|
||||
<el-input v-model="form.jobName" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button type="primary" @click="downloadTemplate"
|
||||
>下载模板</el-button
|
||||
>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12"> </el-col> -->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item :span="24" label="批量立案信息上传：" prop="upload">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:on-preview="handlePreview"
|
||||
:on-remove="handleRemove"
|
||||
:before-remove="beforeRemove"
|
||||
multiple
|
||||
:limit="3"
|
||||
:on-exceed="handleExceed"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传文件，且不超过500kb
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { list } from "@/api/caseAccess/caseEntry";
|
||||
export default {
|
||||
name: "caseEntry",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 表格数据
|
||||
batchList: [],
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
caseNumber: undefined,
|
||||
applicant: undefined,
|
||||
},
|
||||
dialogtitle: "", //弹框标题
|
||||
openapply: false, //申请弹框控制
|
||||
form: {}, // 表单参数
|
||||
// 表单校验
|
||||
rules: {
|
||||
jobName: [
|
||||
{ required: true, message: "任务名称不能为空", trigger: "blur" },
|
||||
],
|
||||
invokeTarget: [
|
||||
{
|
||||
required: true,
|
||||
message: "调用目标字符串不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
cronExpression: [
|
||||
{
|
||||
required: true,
|
||||
message: "cron执行表达式不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
},
|
||||
starttime: "", //开始时间
|
||||
endtime: "", //结束时间
|
||||
fileList: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询登录日志列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.batchList = [
|
||||
{
|
||||
id: 1,
|
||||
caseNumber: "5644456",
|
||||
applicant: "韩某某",
|
||||
matterofCase: "5000",
|
||||
filingDate: "2023-9-3",
|
||||
// ArbitrateMethod: '线上',
|
||||
caseStatus: "未开庭",
|
||||
},
|
||||
];
|
||||
// list(this.queryParams).then((response) => {
|
||||
// this.list = response.rows;
|
||||
// this.total = response.total;
|
||||
this.loading = false;
|
||||
// });
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 立案申请
|
||||
batchFiling() {
|
||||
this.openapply = true;
|
||||
this.dialogtitle = "批量立案";
|
||||
},
|
||||
// 提交立案申请
|
||||
submitForm() {},
|
||||
// 取消
|
||||
cancel() {
|
||||
this.openapply = false;
|
||||
},
|
||||
// 修改
|
||||
editRow() {},
|
||||
// 详情
|
||||
detailRow() {},
|
||||
// 删除
|
||||
deleteRow(row) {
|
||||
// const id = row.id;
|
||||
this.$modal
|
||||
.confirm("是否确认删除？")
|
||||
.then()
|
||||
.then(() => {
|
||||
// this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
// 下载模板
|
||||
downloadTemplate() {
|
||||
console.log("下载模板");
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
console.log(file, fileList);
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(file);
|
||||
},
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
+2
-2
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
身份认证列表
|
||||
<div>
|
||||
案件接入
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,349 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input
|
||||
v-model="queryParams.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="申请人" prop="applicant">
|
||||
<el-input
|
||||
v-model="queryParams.applicant"
|
||||
placeholder="请输入申请人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
size="mini"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||
>重置</el-button
|
||||
> -->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="filingApplication"
|
||||
v-hasPermi="['monitor:job:add']"
|
||||
>立案申请</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="batchApplication"
|
||||
v-hasPermi="['monitor:job:add']"
|
||||
>批量立案</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="案件编号"
|
||||
align="center"
|
||||
prop="caseNum"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<!-- <el-table-column
|
||||
label="申请人"
|
||||
align="center"
|
||||
prop="caseAffiliates[0].name"
|
||||
:show-overflow-tooltip="true"
|
||||
/> -->
|
||||
<el-table-column
|
||||
label="案件标的"
|
||||
align="center"
|
||||
prop="caseSubjectAmount"
|
||||
/>
|
||||
<el-table-column
|
||||
label="立案日期"
|
||||
align="center"
|
||||
prop="registerDate"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<!-- <el-table-column label="仲裁方式" align="center" prop="arbitratMethod" /> -->
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatus" />
|
||||
<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)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>提交</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="editRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-zoom-in"
|
||||
@click="detailRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteRow(scope.row)"
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>删除</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getcaseApply"
|
||||
/>
|
||||
|
||||
<!-- 立案申请弹框 -->
|
||||
<caseentryDialog
|
||||
:visible="visible"
|
||||
@cancel="cancel"
|
||||
:form="form"
|
||||
:dialogtitle="dialogtitle"
|
||||
:getcaseApply="getcaseApply"
|
||||
:flag="flag"
|
||||
:initpaymentArr="initpaymentArr"
|
||||
:initpaymentArr1="initpaymentArr1"
|
||||
></caseentryDialog>
|
||||
<!-- 批量申请弹框 openbatch-->
|
||||
<batchDialog
|
||||
:openbatch="openbatch"
|
||||
@cancelBatch="cancelBatch"
|
||||
:getcaseApply="getcaseApply"
|
||||
></batchDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import caseentryDialog from "./components/caseentryDialog";
|
||||
import batchDialog from "./components/batchDialog";
|
||||
import {
|
||||
caseApply,
|
||||
removeCaseApply,
|
||||
submitCaseApply,
|
||||
selectCaseApply
|
||||
} from "@/api/caseAccess/caseEntry";
|
||||
export default {
|
||||
name: "caseEntry",
|
||||
dicts: ["sys_identity_type"],
|
||||
components: {
|
||||
caseentryDialog,
|
||||
batchDialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
isapply: "申请人：",
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
caseNum: undefined,
|
||||
// applicant: undefined,
|
||||
caseStatus: 0,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
dialogtitle: "", //弹框标题
|
||||
visible: false, //申请弹框控制
|
||||
form: {},
|
||||
starttime: "", //开始时间
|
||||
endtime: "", //结束时间
|
||||
formData: {},
|
||||
flag:"-1",
|
||||
initpaymentArr:[],
|
||||
initpaymentArr1:[],
|
||||
// 批量申请弹框
|
||||
openbatch: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getcaseApply();
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.visible = false;
|
||||
},
|
||||
cancelBatch() {
|
||||
this.openbatch = false
|
||||
},
|
||||
/** 查询登录日志列表 */
|
||||
getcaseApply() {
|
||||
this.loading = true;
|
||||
caseApply(this.queryParams).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.dataList.forEach((item) => {
|
||||
item.caseStatus = item.caseStatus == 0 ? "立案申请" : "待缴费";
|
||||
});
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getcaseApply();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 立案申请
|
||||
filingApplication() {
|
||||
this.form = {};
|
||||
this.paymentArr = [
|
||||
{
|
||||
identityType: 1,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
];
|
||||
this.paymentArr1 = [
|
||||
{
|
||||
identityType: 2,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
]
|
||||
|
||||
this.visible = true;
|
||||
this.dialogtitle = "立案申请";
|
||||
this.flag = "2"
|
||||
},
|
||||
// 批量立案
|
||||
batchApplication() {
|
||||
this.openbatch = true
|
||||
},
|
||||
// 列表提交立案
|
||||
onsubmitRow(row) {
|
||||
this.$modal
|
||||
.confirm("是否提交立案？")
|
||||
.then(function () {
|
||||
return submitCaseApply({ id: row.id });
|
||||
})
|
||||
.then(() => {
|
||||
this.getcaseApply();
|
||||
this.$modal.msgSuccess("立案成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
|
||||
// 修改
|
||||
editRow(row) {
|
||||
this.flag = "1"
|
||||
this.form = row;
|
||||
this.visible = true;
|
||||
this.dialogtitle = "立案修改";
|
||||
this.getInfo(row);
|
||||
},
|
||||
// 详情
|
||||
detailRow(row) {
|
||||
this.flag = "0"
|
||||
this.form = row;
|
||||
this.visible = true;
|
||||
this.dialogtitle = "立案详情";
|
||||
this.getInfo(row);
|
||||
},
|
||||
// 查找主体信息数据
|
||||
getInfo(row) {
|
||||
const id = row.id;
|
||||
selectCaseApply({ id }).then((res) => {
|
||||
this.visible = true;
|
||||
this.formData = res.data;
|
||||
this.initpaymentArr = [];
|
||||
this.initpaymentArr1 = [];
|
||||
res.data.caseAffiliates.forEach((item) => {
|
||||
if (item.identityType == 1) {
|
||||
this.initpaymentArr.push(item);
|
||||
} else {
|
||||
this.initpaymentArr1.push(item);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
// 删除
|
||||
deleteRow(row) {
|
||||
// const id = row.id;
|
||||
this.$modal
|
||||
.confirm("是否确认删除？")
|
||||
.then(function () {
|
||||
return removeCaseApply({ id: row.id });
|
||||
})
|
||||
.then((res) => {
|
||||
this.getcaseApply();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#formContainer {
|
||||
}
|
||||
</style>
|
||||
@@ -1,159 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 立案申请弹框 -->
|
||||
<el-dialog
|
||||
title="批量立案"
|
||||
:visible="openbatch"
|
||||
width="600px"
|
||||
append-to-body
|
||||
@close="cancel"
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-row>
|
||||
<!-- <el-col :span="16">
|
||||
<el-form-item label="申请人姓名：" prop="applyName">
|
||||
<el-input v-model="form.jobName" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="8">
|
||||
<div class="download" style="margin-bottom: 20px">
|
||||
<span> 下载： </span>
|
||||
<a href="#">
|
||||
<el-button class="uploadlink" @click="downloadTemplate">批量导入模板</el-button>
|
||||
</a>
|
||||
</div>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12"> </el-col> -->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item :span="24" label="批量立案信息上传：" prop="upload">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
ref="uploadbatch"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
<!-- <el-button size="small" type="primary">点击上传</el-button> -->
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只接收.xlsx, .xls格式文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { importTemplate } from "@/api/caseAccess/caseEntry";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["openbatch","getcaseApply"],
|
||||
data() {
|
||||
return {
|
||||
// key: value,
|
||||
form: {},
|
||||
fileList: [],
|
||||
rules: {
|
||||
upload: [
|
||||
{ required: true, message: "批量立案文件不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
// 案件批量导入
|
||||
upload: {
|
||||
// 是否显示弹出层（用户导入）
|
||||
open: false,
|
||||
// 弹出层标题（用户导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的用户数据
|
||||
updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url: process.env.VUE_APP_BASE_API + "/caseApplication/importData",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 批量提交立案申请
|
||||
submitForm() {
|
||||
this.$refs.uploadbatch.submit();
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
// this.openbatch = false;
|
||||
this.$emit("cancelBatch");
|
||||
},
|
||||
handleRemove(file, fileList) {},
|
||||
handlePreview(file) {},
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
// 下载模板 importTemplate
|
||||
downloadTemplate() {
|
||||
// console.log("下载模板");
|
||||
this.download(
|
||||
"caseApplication/importTemplate",
|
||||
{},
|
||||
`case_batch_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
// this.upload.open = false;
|
||||
this.$emit("cancelBatch");
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.uploadbatch.clearFiles();
|
||||
this.$alert(
|
||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||
response.msg +
|
||||
"</div>",
|
||||
"导入结果",
|
||||
{ dangerouslyUseHTMLString: true }
|
||||
);
|
||||
this.getcaseApply();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.download {
|
||||
a {
|
||||
.uploadlink{
|
||||
border: none;
|
||||
color: #2092c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,788 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
:title="dialogtitle"
|
||||
:visible="visible"
|
||||
@close="cancel"
|
||||
width="1000px"
|
||||
append-to-body
|
||||
:destroy-on-close= true
|
||||
>
|
||||
<!-- 案件信息 -->
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
>
|
||||
<p>案件信息：</p>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input
|
||||
v-model="formData.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanStartDate"
|
||||
type="datetime"
|
||||
placeholder="借款开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanEndDate"
|
||||
type="datetime"
|
||||
placeholder="借款结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同编号：" prop="contractNumber">
|
||||
<el-input
|
||||
v-model="formData.contractNumber"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input
|
||||
v-model="formData.claimPrinciOwed"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
|
||||
<el-input
|
||||
v-model="formData.claimInterestOwed"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
|
||||
<el-input
|
||||
v-model="formData.claimLiquidDamag"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人案件证据资料上传："
|
||||
prop="applicantEvidence"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:on-preview="handlePreview"
|
||||
:on-remove="handleRemove"
|
||||
:before-remove="beforeRemove"
|
||||
multiple
|
||||
:limit="3"
|
||||
:on-exceed="handleExceed"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传jpg/png文件，且不超过500kb
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 仅详情展示 -->
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="被申请人案件证据资料上传："
|
||||
prop="respondentEvidence"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:on-preview="handlePreview"
|
||||
:on-remove="handleRemove"
|
||||
:before-remove="beforeRemove"
|
||||
multiple
|
||||
:limit="3"
|
||||
:on-exceed="handleExceed"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传jpg/png文件，且不超过500kb
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 申请人主体信息 -->
|
||||
<el-form
|
||||
ref="form2"
|
||||
:model="form2"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
>
|
||||
<div v-for="(item, index) in form2.paymentArr" :key="index">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<p>申请人主体信息：</p>
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteData(index)"
|
||||
v-if="form2.paymentArr.length > 1 && flag != '0'"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人姓名"
|
||||
:prop="'paymentArr.' + index + '.name'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr.' + index + '.identityNum'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr.' + index + '.contactTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:prop="'paymentArr.' + index + '.workAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:prop="'paymentArr.' + index + '.workTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr.' + index + '.contactAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<p>代理人信息：</p>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:prop="'paymentArr.' + index + '.nameAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr.' + index + '.identityNumAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.identityNumAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr.' + index + '.contactTelphoneAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr.' + index + '.contactAddressAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-button
|
||||
v-if="flag == 1 || flag == 2"
|
||||
type="primary"
|
||||
plain
|
||||
@click="generateForm"
|
||||
>新增申请人主体信息</el-button
|
||||
>
|
||||
<!-- 被申请人主体信息 -->
|
||||
<el-form
|
||||
ref="form3"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
:model="form3"
|
||||
>
|
||||
<div
|
||||
v-for="(itm, index) in form3.paymentArr1"
|
||||
:key="index + form2.paymentArr.length"
|
||||
>
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<p>被申请人主体信息：</p>
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteData1(index)"
|
||||
v-if="form3.paymentArr1.length > 1 && flag != '0'"
|
||||
></el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="被申请人姓名"
|
||||
:prop="'paymentArr1.' + index + '.name'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNum'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.contactTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:prop="'paymentArr1.' + index + '.workAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:prop="'paymentArr1.' + index + '.workTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<p>代理人信息：</p>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:prop="'paymentArr1.' + index + '.nameAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNumAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.identityNumAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="itm.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddressAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="itm.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
<el-button
|
||||
v-if="flag == 1 || flag == 2"
|
||||
type="primary"
|
||||
plain
|
||||
@click="generateForm1()"
|
||||
>新增被申请人主体信息</el-button
|
||||
>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" v-if="flag != 0"
|
||||
>确 定</el-button
|
||||
>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from "moment"; //导入文件
|
||||
import { addCaseApply, editCaseApply } from "@/api/caseAccess/caseEntry";
|
||||
export default {
|
||||
props: [
|
||||
"visible",
|
||||
"dialogtitle",
|
||||
"form",
|
||||
"getcaseApply",
|
||||
"flag",
|
||||
"initpaymentArr",
|
||||
"initpaymentArr1",
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
formData: this.form,
|
||||
form2: {
|
||||
paymentArr: [
|
||||
{
|
||||
identityType: 1,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
],
|
||||
}, //申请人主体信息
|
||||
form3: {
|
||||
paymentArr1: [
|
||||
{
|
||||
identityType: 2,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
],
|
||||
}, //被申请人主体信息
|
||||
// 表单校验
|
||||
rules: {
|
||||
caseNum: [
|
||||
{
|
||||
required: true,
|
||||
message: "案件编号不能为空",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
|
||||
],
|
||||
caseSubjectAmount: [
|
||||
{
|
||||
required: true,
|
||||
message: "案件标的不能为空",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
// { type: "Number", message: "案件标的必须为数字值" },
|
||||
],
|
||||
loanStartDate: [
|
||||
{
|
||||
required: true,
|
||||
message: "借款开始日期不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
loanEndDate: [
|
||||
{
|
||||
required: true,
|
||||
message: "借款结束日期不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
name: [
|
||||
{
|
||||
required: true,
|
||||
message: "申请人姓名不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
contractNumber: [
|
||||
{
|
||||
required: true,
|
||||
message: "合同编号不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
claimPrinciOwed: [
|
||||
{
|
||||
required: true,
|
||||
message: "申请人主张欠本金不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张欠本金必须为数字值'}
|
||||
],
|
||||
claimInterestOwed: [
|
||||
{
|
||||
required: true,
|
||||
message: "申请人主张欠利息不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张欠利息必须为数字值'}
|
||||
],
|
||||
Overduedays: [
|
||||
{
|
||||
required: true,
|
||||
message: "逾期天数不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '逾期天数必须为数字值'}
|
||||
],
|
||||
claimLiquidDamag: [
|
||||
{
|
||||
required: true,
|
||||
message: "申请人主张违约金不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
// { type: 'number', message: '申请人主张违约金必须为数字值'}
|
||||
],
|
||||
},
|
||||
fileList: [],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
visible: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.formData = this.form;
|
||||
if (this.flag == "1" || this.flag == "0") {
|
||||
setTimeout(() => {
|
||||
this.form2.paymentArr = this.initpaymentArr;
|
||||
this.form3.paymentArr1 = this.initpaymentArr1;
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
},
|
||||
deep: true,
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleRemove(file, fileList) {},
|
||||
handlePreview(file) {},
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
this.$emit("cancel");
|
||||
},
|
||||
|
||||
// 新增申请人主体信息
|
||||
generateForm() {
|
||||
this.form2.paymentArr.push({
|
||||
identityType: 1,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
});
|
||||
},
|
||||
// 新增被申请人主体信息
|
||||
generateForm1() {
|
||||
this.form3.paymentArr1.push({
|
||||
identityType: 2,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
});
|
||||
},
|
||||
// 删除申请人主体信息
|
||||
deleteData(index) {
|
||||
this.form2.paymentArr.splice(index, 1);
|
||||
},
|
||||
// 删除被申请人主体信息
|
||||
deleteData1(index) {
|
||||
this.form3.paymentArr1.splice(index, 1);
|
||||
},
|
||||
// 提交立案申请 addCaseApply
|
||||
submitForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
this.formData.loanStartDate = moment(
|
||||
this.formData.loanStartDate
|
||||
).format("YYYY-MM-DD HH:mm:ss");
|
||||
this.formData.loanEndDate = moment(this.formData.loanEndDate).format(
|
||||
"YYYY-MM-DD HH:mm:ss"
|
||||
);
|
||||
if (valid) {
|
||||
this.$refs["form2"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$refs["form3"].validate((vail) => {
|
||||
if (vail) {
|
||||
this.formData.caseAffiliates = [
|
||||
...this.form2.paymentArr,
|
||||
...this.form3.paymentArr1,
|
||||
];
|
||||
if (this.formData.id) {
|
||||
editCaseApply({
|
||||
...this.formData,
|
||||
caseAffiliates: this.formData.caseAffiliates,
|
||||
}).then((res) => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$emit("cancel");
|
||||
this.getcaseApply();
|
||||
});
|
||||
} else {
|
||||
addCaseApply({
|
||||
...this.formData,
|
||||
caseAffiliates: this.formData.caseAffiliates,
|
||||
}).then((response) => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.$emit("cancel");
|
||||
this.getcaseApply();
|
||||
});
|
||||
}
|
||||
// this.$emit("cancel");
|
||||
// this.getcaseApply();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 700px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
</style>
|
||||
@@ -1,200 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="案件状态" prop="caseStatus">
|
||||
<el-select
|
||||
v-model="queryParams.caseStatus"
|
||||
placeholder="请选择案件状态"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.case_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item label="开庭日期" prop="hearDate">
|
||||
<el-date-picker
|
||||
v-model="queryParams.hearDate"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<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-reading"
|
||||
v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
|
||||
@click="showModel(scope.row)">查看裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-reading" @click="showDetail(scope.row)">归档详情</el-button>
|
||||
<el-button type="text" size="mini" v-if="checkPermi(['caseFiling:list:downZip'])" icon="el-icon-download" @click="downloadZips(scope.row)">下载案件压缩包</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)" />
|
||||
<!-- 弹窗 -->
|
||||
<archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :caseDetail="caseDetail" :caseLog="caseLog" :videoList="videoList" :detailform="detailform"
|
||||
:flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
|
||||
</archiveDetailsDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { caseApplicationList, selectSignSealUrl,caseApplicationDetail } from "@/api/awardManagement/awardManagement";
|
||||
import { caseLogRecordList, logistics } from "@/api/caseManagement/caseManagement";
|
||||
import { adjudicationArchives, videoList,downloadCaseZipFile} from "@/api/caseFiling/caseFiling";
|
||||
import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
|
||||
export default {
|
||||
name: "archiveList",
|
||||
dicts: ["case_status"],
|
||||
components: { archiveDetailsDialog },
|
||||
data() {
|
||||
return {
|
||||
fileURL: window.location.origin + "/API",
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 表格数据
|
||||
list: [],
|
||||
// 是否显示弹出层
|
||||
// 弹出层内容
|
||||
form: {},
|
||||
// 校验表单
|
||||
rules: {},
|
||||
dataList: [],
|
||||
detailform: [], //详情数据
|
||||
showarchiveDetails: false, //详情数据弹框
|
||||
flagLoading: false, //详情弹框loading
|
||||
videoList:"",
|
||||
caseDetail:{},
|
||||
caseLog:null
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.queryParams.caseStatusList = [17];
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
methods: {
|
||||
showModel(row) {
|
||||
selectSignSealUrl({ id: row.id }).then(res => {
|
||||
let url = res.data.filearbitraUrl;
|
||||
window.open(url)
|
||||
})
|
||||
},
|
||||
updataList() {
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 下在案件归档压缩包
|
||||
downloadZips(row){
|
||||
downloadCaseZipFile({ id: row.id }).then(res => {
|
||||
let url = this.fileURL+res.data.annexPath
|
||||
window.open(url)
|
||||
})
|
||||
},
|
||||
// 查询列表数据
|
||||
getList(parms) {
|
||||
this.loading = true;
|
||||
caseApplicationList(parms).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// model框显示
|
||||
showDetail(row) {
|
||||
// this.getDetail({ id: row.id });
|
||||
this.logisticsFn({ id: row.id })
|
||||
this.getvideoList({ caseId: row.id });
|
||||
this.getCaseDetail({ id: row.id })
|
||||
this.getCaseLog({caseAppliId :row.id})
|
||||
this.showarchiveDetails = true;
|
||||
this.flagLoading = true;
|
||||
},
|
||||
// 关闭弹窗
|
||||
cancelpaymentdetails() {
|
||||
this.showarchiveDetails = false;
|
||||
},
|
||||
// 根据id查询视频列表
|
||||
getvideoList(data) {
|
||||
videoList(data).then(res => {
|
||||
this.videoList = res.data;
|
||||
})
|
||||
},
|
||||
/** 查询详情 */
|
||||
// getDetail(parms) {
|
||||
// adjudicationArchives(parms).then((res) => {
|
||||
// console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPP");
|
||||
// this.detailform = res.data.logisticsInfoVOList;
|
||||
// });
|
||||
// },
|
||||
// 查询快递单号信息 logistics
|
||||
logisticsFn(params) {
|
||||
logistics(params).then((res) => {
|
||||
// console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPP");
|
||||
this.detailform = res.data;
|
||||
})
|
||||
},
|
||||
// 查询案件详情
|
||||
getCaseDetail(params){
|
||||
caseApplicationDetail(params).then(res=>{
|
||||
this.caseDetail = res.data;
|
||||
this.flagLoading = false;
|
||||
})
|
||||
},
|
||||
// 查看案件日志
|
||||
getCaseLog(params){
|
||||
caseLogRecordList(params).then(res=>{
|
||||
// console.log(res,"LLLLLLLLLLL");
|
||||
this.caseLog = res.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -1,125 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="归档详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
|
||||
<div class="loading" v-if="flagLoading">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="noData" v-if="noData">暂无数据！</div>
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="案件信息" name="first">
|
||||
<caseInfo :caseApplicationObj="caseDetail"></caseInfo>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="案件日志" name="second">
|
||||
<caselogInfo :caselogDataArr="caseLog"></caselogInfo>
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="快递信息" name="third" v-if="false">
|
||||
<expressDeliveryInfo :deliveryDataArr="detailform"></expressDeliveryInfo>
|
||||
</el-tab-pane> -->
|
||||
<el-tab-pane label="案件视频" name="fourth" v-if="caseDetail.arbitratMethodName=='开庭审理'?true:false">
|
||||
<!-- <div @click="getVideo">chakanshipin</div> -->
|
||||
<el-empty description="暂无视频" v-if="!videoFlag"></el-empty>
|
||||
<video style="background-color: #181717;width: 400px;height: 200px;margin: 30px;" v-if="videoFlag" :src="headPath + item.annexPath" controls="controls" v-for="(item,index) in videoUrl" :key="index"></video>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import caseInfo from "./caseInfo.vue";
|
||||
import caselogInfo from "./caselogInfo.vue";
|
||||
import expressDeliveryInfo from "./expressDeliveryInfo.vue";
|
||||
export default {
|
||||
props: ["showarchiveDetails", "detailform", "flagLoading", "videoList","caseDetail","caseLog"],
|
||||
components: {
|
||||
caseInfo,
|
||||
caselogInfo,
|
||||
expressDeliveryInfo,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: "first",
|
||||
caseApplicationObj: {}, //案件信息
|
||||
caselogDataArr: [], //案件日志
|
||||
deliveryDataArr: [], //快递信息
|
||||
noData: false,
|
||||
videoUrl:[],
|
||||
headPath:window.location.origin + "/API",
|
||||
videoFlag:false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
showarchiveDetails(newValue) {
|
||||
// this.headPath = ;
|
||||
if (newValue) {
|
||||
// this.caseApplicationObj = this.detailform.caseApplication;
|
||||
// this.caselogDataArr = this.detailform.caseLogRecordList;
|
||||
// this.deliveryDataArr = this.detailform.logisticsInfoVOList;
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleClick(tab, event) {
|
||||
// console.log(tab, event);
|
||||
if (this.videoList) {
|
||||
this.videoFlag = true;
|
||||
// this.videoUrl = headPath + this.videoList[0].annexPath;
|
||||
this.videoUrl = this.videoList;
|
||||
}else{
|
||||
this.videoFlag = false;
|
||||
}
|
||||
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelpaymentdetails");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 1000px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
height: 700px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__content {
|
||||
height: 700px;
|
||||
overflow-y: scroll;
|
||||
padding-bottom: 10%;
|
||||
}
|
||||
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.noData {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,636 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 案件信息 -->
|
||||
<el-form ref="form" :model="formData" label-width="180px" disabled>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input v-model="formData.caseNum" placeholder="请输入案件编号" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanStartDate"
|
||||
type="datetime"
|
||||
placeholder="借款开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanEndDate"
|
||||
type="datetime"
|
||||
placeholder="借款结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同编号：" prop="contractNumber">
|
||||
<el-input v-model="formData.contractNumber" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
|
||||
<el-input
|
||||
v-model="formData.claimInterestOwed"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
|
||||
<el-input
|
||||
v-model="formData.claimLiquidDamag"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 应缴费用 -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="应缴费用：" prop="feePayable">
|
||||
<el-input v-model="formData.feePayable" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 申请人仲裁诉求 -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人仲裁诉求" prop="arbitratClaims">
|
||||
<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="申请人案件证据资料：">
|
||||
<!-- <div v-for="(item, index) in applicateArr" :key="index">
|
||||
<a href="#" @click="toFile(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div> -->
|
||||
<p
|
||||
@click="toFile(index, 2)"
|
||||
v-for="(item, index) in applicantFileArr"
|
||||
:key="index"
|
||||
>
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人案件证据资料："
|
||||
prop="respondentEvidence"
|
||||
>
|
||||
<!-- <div v-for="(item, index) in quiltArr" :key="index">
|
||||
<a href="#" @click="toFile1(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div> -->
|
||||
<p
|
||||
v-for="(item, index) in respondentFileArr"
|
||||
:key="index"
|
||||
@click="toFile(index, 6)"
|
||||
>
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书附件：">
|
||||
<p
|
||||
v-for="(item, index) in awardFileArr"
|
||||
:key="index"
|
||||
@click="toFile(index, 3)"
|
||||
>
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="仲裁申请书:">
|
||||
<div v-for="item in caseApplicationObj.caseAttachList" v-if="item.annexType ==1">
|
||||
<el-link target="_blank" type="primary" :href ="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 申请人主体信息 -->
|
||||
<el-form ref="form2" :model="form2" label-width="150px" disabled>
|
||||
<div v-for="(item, index) in form2.paymentArr" :key="index">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">申请人主体信息：</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人(机构)："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代码：">
|
||||
<el-input v-model="item.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
: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="item.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="item.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
: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="item.identityNumAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
: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="item.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
<!-- 被申请人主体信息 -->
|
||||
<el-form ref="form3" label-width="150px" disabled :model="form3">
|
||||
<div
|
||||
v-for="(itm, index) in form3.paymentArr1"
|
||||
:key="index + form2.paymentArr.length"
|
||||
>
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">被申请人主体信息：</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="被申请人姓名"
|
||||
:prop="'paymentArr1.' + index + '.name'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNum'"
|
||||
: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="itm.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.contactTelphone'"
|
||||
: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="itm.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:prop="'paymentArr1.' + index + '.workAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:prop="'paymentArr1.' + index + '.workTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo2">代理人信息：</div>
|
||||
</div>
|
||||
<!-- <p>代理人信息：</p> -->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:prop="'paymentArr1.' + index + '.nameAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input v-model="itm.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<!-- -->
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNumAgent'"
|
||||
: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="itm.identityNumAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.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="itm.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddressAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="itm.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["caseApplicationObj"],
|
||||
data() {
|
||||
return {
|
||||
fileURL: window.location.origin + "/API",
|
||||
formData: {},
|
||||
applicateArr: [],
|
||||
quiltArr: [],
|
||||
initpaymentArr: [],
|
||||
initpaymentArr1: [],
|
||||
form2: {
|
||||
paymentArr: [
|
||||
{
|
||||
identityType: 1,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
],
|
||||
}, //申请人主体信息
|
||||
form3: {
|
||||
paymentArr1: [
|
||||
{
|
||||
identityType: 2,
|
||||
name: "",
|
||||
identityNum: "",
|
||||
contactTelphone: "",
|
||||
workAddress: "",
|
||||
workTelphone: "",
|
||||
contactAddress: "",
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
},
|
||||
],
|
||||
}, //被申请人主体信息
|
||||
applicantFileArr: [], //申请人
|
||||
applicantPathArr: [], //申请人
|
||||
respondentFileArr: [], //被申请人
|
||||
respondenPathArr: [], //被申请人
|
||||
awardFileArr: [], //裁决书
|
||||
awardPathArr: [], //裁决书
|
||||
};
|
||||
},
|
||||
created() {
|
||||
if (this.caseApplicationObj) {
|
||||
this.formData = this.caseApplicationObj;
|
||||
}
|
||||
console.log(this.caseApplicationObj)
|
||||
console.log("this.formData", this.formData);
|
||||
if (this.caseApplicationObj && this.caseApplicationObj.caseAffiliates) {
|
||||
this.caseApplicationObj.caseAffiliates.forEach((item) => {
|
||||
if (item.identityType == 1) {
|
||||
this.initpaymentArr.push(item);
|
||||
} else {
|
||||
this.initpaymentArr1.push(item);
|
||||
}
|
||||
this.form2.paymentArr = this.initpaymentArr;
|
||||
this.form3.paymentArr1 = this.initpaymentArr1;
|
||||
});
|
||||
}
|
||||
if (this.caseApplicationObj && this.caseApplicationObj.caseAttachList) {
|
||||
this.caseApplicationObj.caseAttachList.forEach((item) => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicantFileArr.push(item.annexName);
|
||||
this.applicantPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 6) {
|
||||
this.respondentFileArr.push(item.annexName);
|
||||
this.respondenPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 3) {
|
||||
this.awardFileArr.push(item.annexName);
|
||||
this.awardPathArr.push(item.annexPath);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 预览文件
|
||||
toFile(index, val) {
|
||||
let headPath = window.location.origin + "/API";
|
||||
if (val == 2) {
|
||||
window.open(headPath + this.applicantPathArr[index], "_blank");
|
||||
} else if (val == 6) {
|
||||
window.open(headPath + this.respondenPathArr[index], "_blank");
|
||||
} else if (val == 3) {
|
||||
window.open(headPath + this.awardPathArr[index], "_blank");
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.caseInfo {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.caseInfo2 {
|
||||
font-size: 15px;
|
||||
font-weight: 550;
|
||||
}
|
||||
.infoIcon {
|
||||
width: 4px;
|
||||
background-color: #0072ff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
@@ -1,92 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<div class="noData" v-if="noData">暂无数据！</div>
|
||||
<el-timeline v-else>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
:timestamp="(index + 1).toString()"
|
||||
placement="top"
|
||||
>
|
||||
<p>{{ activity.content }}</p>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["caselogDataArr"],
|
||||
data() {
|
||||
return {
|
||||
activities: [],
|
||||
noData: false,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
if (this.caselogDataArr && this.caselogDataArr.length > 0) {
|
||||
this.noData = false;
|
||||
this.activities = this.caselogDataArr;
|
||||
this.activities.forEach((item) => {
|
||||
item.content = item.content;
|
||||
});
|
||||
} else {
|
||||
this.noData = true;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelcaseLog");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton1 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
.noData {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,126 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<div class="deliverName">
|
||||
<span>申请人快递信息：</span>
|
||||
{{ expressOne.company }} {{ expressOne.no }}
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in expressOne.list"
|
||||
:key="index"
|
||||
:timestamp="activity.timestamp"
|
||||
>
|
||||
{{ activity.content }}
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
|
||||
<div class="deliverName">
|
||||
<span>被申请人快递信息：</span>
|
||||
{{ expressTwo.company }} {{ expressTwo.no }}
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in expressTwo.list"
|
||||
:key="index"
|
||||
:timestamp="activity.timestamp"
|
||||
>
|
||||
{{ activity.content }}
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["deliveryDataArr"],
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
applicantdelivery: {}, //申请人物流信息
|
||||
expressOne: {},
|
||||
expressTwo: {},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
deliveryDataArr() {
|
||||
console.log(this.deliveryDataArr, "deliveryDataArr");
|
||||
if (this.deliveryDataArr && this.deliveryDataArr.length > 0) {
|
||||
this.deliveryDataArr.forEach((item) => {
|
||||
if (item.identityType == 1) {
|
||||
let applicantdata = item.logisticsInfo;
|
||||
this.applicantdelivery = JSON.parse(applicantdata);
|
||||
if (this.applicantdelivery.list) {
|
||||
this.applicantdelivery.list.forEach((item) => {
|
||||
item.content = item.datetime;
|
||||
item.timestamp = item.remark;
|
||||
});
|
||||
this.expressOne = this.applicantdelivery;
|
||||
}
|
||||
} else {
|
||||
let applicantdata = item.logisticsInfo;
|
||||
this.applicantdelivery = JSON.parse(applicantdata);
|
||||
if (this.applicantdelivery.list) {
|
||||
this.applicantdelivery.list.forEach((item) => {
|
||||
item.content = item.datetime;
|
||||
item.timestamp = item.remark;
|
||||
});
|
||||
this.expressTwo = this.applicantdelivery;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("closeDeliveryModel");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 600px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.deliverName {
|
||||
// margin-left: 6%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
span {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,370 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="书面审理"
|
||||
:visible="showadjudicaterecord"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
label-width="180px"
|
||||
:disabled="true"
|
||||
>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input
|
||||
v-model="formData.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人：" prop="applicantName">
|
||||
<el-input v-model="adjudicatename.applicantName" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人：" prop="respondentName">
|
||||
<el-input v-model="adjudicatename.respondentName" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanStartDate"
|
||||
type="datetime"
|
||||
placeholder="借款开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanEndDate"
|
||||
type="datetime"
|
||||
placeholder="借款结束日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="逾期天数：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入逾期天数"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁费用：" prop="feePayable">
|
||||
<el-input
|
||||
v-model="adjudicatename.feePayable"
|
||||
placeholder="请输入仲裁费用"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input
|
||||
v-model="formData.claimPrinciOwed"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="案件顾问：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件状态：" prop="caseStatus">
|
||||
<el-input
|
||||
v-model="formData.caseStatusName"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁员：" prop="arbitratorName">
|
||||
<el-input
|
||||
v-model="adjudicatename.arbitratorName"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="开庭日期：" prop="hearDate">
|
||||
<el-date-picker
|
||||
v-model="adjudicatename.hearDate"
|
||||
type="datetime"
|
||||
placeholder="开庭日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="案件资料：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item
|
||||
label="申请人案件证据："
|
||||
>
|
||||
<div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
|
||||
<div v-else v-for="(item, index) in applicateArr" :key="index">
|
||||
<a href="#" @click="toFile(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人案件证据："
|
||||
>
|
||||
<div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
|
||||
<div v-else v-for="(item, index) in quiltArr" :key="index">
|
||||
<a href="#" @click="toFile1(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-form>
|
||||
<el-form ref="form2" :model="form2" label-width="150px">
|
||||
<el-form-item label="笔录内容：" prop="responCrossOpin">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.responCrossOpin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item
|
||||
label="经庭审质证，对各方提供的证据认定如下："
|
||||
prop="evidenDetermi"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入仲裁结果',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="请输入仲裁结果"
|
||||
v-model="form2.evidenDetermi"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
|
||||
prop="factDetermi"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="请输入"
|
||||
v-model="form2.factDetermi"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="综上所述："
|
||||
prop="caseSketch"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.caseSketch"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="本庭认为："
|
||||
prop="arbitrateThink"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.arbitrateThink"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="裁决如下："
|
||||
prop="rulingFollows"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.rulingFollows"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" :loading="loadingSubmit">提交仲裁结果</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { writtenHear } from "@/api/caseManagement/caseManagement.js";
|
||||
|
||||
export default {
|
||||
props: ["showadjudicaterecord", "form", "adjudicatename", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
form2: {},
|
||||
applicateArr: [],//申请人案件资料
|
||||
quiltArr: [],//被申请人案件资料
|
||||
loadingSubmit: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
showadjudicaterecord: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.applicateArr = [];
|
||||
this.quiltArr = [];
|
||||
this.formData = this.form;
|
||||
setTimeout(() => {
|
||||
if (this.adjudicatename.caseAttachList.length > 0) {
|
||||
this.adjudicatename.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicateArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
if (item.annexType == 6) {
|
||||
this.quiltArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}, 500);
|
||||
this.form2 = {};
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 详情显示，展示申请人案件文件
|
||||
toFile(item, index) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + this.applicateArr[index].annexPath,
|
||||
"_black"
|
||||
);
|
||||
},
|
||||
// 被申请人文件
|
||||
toFile1(item, index) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + this.quiltArr[index].annexPath,
|
||||
"_black"
|
||||
);
|
||||
},
|
||||
submitForm() {
|
||||
this.$refs["form2"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
writtenHear({
|
||||
ids: [this.formData.id],
|
||||
evidenDetermi: this.form2.evidenDetermi,
|
||||
factDetermi: this.form2.factDetermi,
|
||||
caseSketch: this.form2.caseSketch,
|
||||
arbitrateThink: this.form2.arbitrateThink,
|
||||
rulingFollows: this.form2.rulingFollows,
|
||||
})
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply",this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("canceladjudicaterecord");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 900px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.caseInfo {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -1,153 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量确认缴费 -->
|
||||
<el-dialog title="批量确认缴费" width="65%" :visible="batchVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-table v-loading="loading" style="width: 100%" :data="dataList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" width="180" prop="caseNum" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" prop="arbitratorName" align="center" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" prop="hearDate" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" prop="caseStatusName" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)" />
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="submitPay"><span>确认缴费</span></el-button>
|
||||
</div>
|
||||
<el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
|
||||
<!-- 案件总金额 -->
|
||||
<h3>案件总金额：{{ form.totalFee / 100 }}</h3>
|
||||
<el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
|
||||
:key="index" border>
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
item.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{
|
||||
item.caseAppName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
item.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件应缴费用">{{
|
||||
item.feePayable
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人">{{
|
||||
item.caseResName
|
||||
}}</el-descriptions-item>
|
||||
<!-- <el-descriptions-item label="申请人仲裁诉求">{{
|
||||
item.arbitratClaims
|
||||
}}</el-descriptions-item> -->
|
||||
</el-descriptions>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" class="endbutton" @click="submitUpload" :loading="loadingSubmit"><span>确认缴费</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {caseApply} from '@/api/caseAccess/caseEntry'
|
||||
import { getPayDetail,confirmPay} from "@/api/pay/pay";
|
||||
export default {
|
||||
props:["batchVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 3,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
payVisible: false,
|
||||
form: {},
|
||||
submitForm: {
|
||||
ids:[]
|
||||
},
|
||||
loadingSubmit: false,
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
batchVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchComfirmation(this.queryParamsData)
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchComfirmation(this.queryParamsData)
|
||||
},
|
||||
methods:{
|
||||
// 查询列表
|
||||
getBatchComfirmation(val){
|
||||
this.loading = true;
|
||||
caseApply(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val) {
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.id)
|
||||
})
|
||||
},
|
||||
// 批量缴费弹窗
|
||||
submitPay() {
|
||||
this.payVisible = true;
|
||||
this.getPayDetailFn({ caseIds: this.batchData })
|
||||
},
|
||||
// 查询缴费信息
|
||||
getPayDetailFn(params) {
|
||||
getPayDetail(params).then(res => {
|
||||
console.log(res)
|
||||
this.form = res.data;
|
||||
})
|
||||
},
|
||||
payCancel() {
|
||||
this.payVisible = false;
|
||||
},
|
||||
submitUpload() {
|
||||
this.loadingSubmit = true;
|
||||
this.submitForm.ids = this.batchData;
|
||||
console.log(this.submitForm)
|
||||
confirmPay(this.submitForm).then(res => {
|
||||
this.$modal.msgSuccess("成功");
|
||||
this.payCancel();
|
||||
this.getBatchComfirmation(this.queryParamsData);
|
||||
this.loadingSubmit = false;
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("batchOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,194 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 立案申请弹框 -->
|
||||
<el-dialog
|
||||
title="批量立案"
|
||||
:visible="openbatch"
|
||||
width="600px"
|
||||
append-to-body
|
||||
@close="cancel"
|
||||
center
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-row>
|
||||
<!-- <el-col :span="16">
|
||||
<el-form-item label="申请人姓名：" prop="applyName">
|
||||
<el-input v-model="form.jobName" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="8">
|
||||
<div class="download" style="margin-bottom: 20px">
|
||||
<span> 下载： </span>
|
||||
<a href="#">
|
||||
<el-button class="uploadlink" @click="downloadTemplate">批量导入模板</el-button>
|
||||
</a>
|
||||
</div>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12"> </el-col> -->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item :span="24" label="批量立案信息上传：" prop="upload">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
ref="uploadbatch"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
<!-- <el-button size="small" type="primary">点击上传</el-button> -->
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只接收.xlsx, .xls格式文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pageSignAdjudicate } from "@/api/caseAccess/caseEntry";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["openbatch","getcaseApply","queryParams"],
|
||||
data() {
|
||||
return {
|
||||
// key: value,
|
||||
form: {},
|
||||
fileList: [],
|
||||
rules: {
|
||||
upload: [
|
||||
{ required: true, message: "批量立案文件不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
// 案件批量导入
|
||||
upload: {
|
||||
// 是否显示弹出层（用户导入）
|
||||
open: false,
|
||||
// 弹出层标题（用户导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的用户数据
|
||||
updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url: process.env.VUE_APP_BASE_API + "/caseApplication/importData",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 批量提交立案申请
|
||||
submitForm() {
|
||||
this.$refs.uploadbatch.submit();
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
// this.openbatch = false;
|
||||
this.$emit("cancelBatch");
|
||||
},
|
||||
handleRemove(file, fileList) {},
|
||||
handlePreview(file) {},
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
// 下载模板 importTemplate
|
||||
downloadTemplate() {
|
||||
// console.log("下载模板");
|
||||
this.download(
|
||||
"caseApplication/importTemplate",
|
||||
{},
|
||||
`case_batch_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
// this.upload.open = false;
|
||||
this.$emit("cancelBatch");
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.uploadbatch.clearFiles();
|
||||
this.$alert(
|
||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||
response.msg +
|
||||
"</div>",
|
||||
"导入结果",
|
||||
{ dangerouslyUseHTMLString: true }
|
||||
);
|
||||
this.getcaseApply(this.queryParams);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.download {
|
||||
a {
|
||||
.uploadlink{
|
||||
border: none;
|
||||
color: #2092c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
span {
|
||||
width: 96px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.endbutton1 {
|
||||
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>
|
||||
@@ -1,164 +0,0 @@
|
||||
<template>
|
||||
<!-- 批量用印 -->
|
||||
<div>
|
||||
<el-dialog title="批量用印" width="60%" :visible="printingVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<!-- 查询机构信息 -->
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="查询机构:"
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '查询机构不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择查询机构"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.id"
|
||||
:label="item.identifyName"
|
||||
:value="item.operPhone"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" prop="caseNum" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount"/>
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" />
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button type="primary" class="endbutton" :disabled="dataList.length == 0 || batchData.length == 0" @click="confirmSeals" :loading="loadingSubmit"><span>确认用印</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSealUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import {deptIdentifyList} from '@/api/officialSeal/officialSeal'
|
||||
export default {
|
||||
props:["printingVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
loadingSubmit: false,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 14,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
printingVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
this.getarbitrAtor()
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
// this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchPrinting(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 查询机构信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
deptIdentifyList({}).then((res) => {
|
||||
console.log(res)
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
// 下拉获取电话号码
|
||||
changeArbitor(val){
|
||||
this.paramsdata.psnAccount = val
|
||||
},
|
||||
// 确认用印
|
||||
confirmSeals(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
selectBatchSealUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchPrinting(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
this.loadingSubmit = false;
|
||||
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("printingOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,168 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 批量签名 -->
|
||||
<el-dialog title="批量签名" width="60%" :visible="signatureVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in atoDataList"
|
||||
:key="item.value"
|
||||
:label="item.nickName"
|
||||
:value="item.phonenumber"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" prop="caseNum" align="center" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">
|
||||
{{ scope.row.caseStatusName }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" @pagination="getBatchComfirmation(queryParamsData)"/>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
class="endbutton"
|
||||
:disabled="dataList.length == 0 || batchData.length == 0"
|
||||
@click="witnessing" :loading="loadingSubmit"><span>确认签名</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {selectBatchSignUrl,pageSignAdjudicate} from '@/api/caseAccess/caseEntry'
|
||||
import { arbitrAtor} from "@/api/formationCourt/formationCourt";
|
||||
export default {
|
||||
props:["signatureVisable"],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
loadingSubmit: false,
|
||||
// 总条数
|
||||
total:0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: 13,//待定
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
atoDataList:[],
|
||||
courtReviewform: {},
|
||||
Arbitor: "",
|
||||
paramsdata:{
|
||||
ids:[],
|
||||
psnAccount:""
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
signatureVisable(val) {
|
||||
if (val) {
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
this.getarbitrAtor()
|
||||
}
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
// this.getarbitrAtor()
|
||||
},
|
||||
methods:{
|
||||
// 列表查询
|
||||
getBatchSignation(val){
|
||||
this.loading = true;
|
||||
pageSignAdjudicate(val).then(res=>{
|
||||
this.dataList = res.rows
|
||||
this.total = res.total;
|
||||
this.loading = false;
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val){
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.signFlowId)
|
||||
this.paramsdata.ids = this.batchData
|
||||
})
|
||||
},
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor() {
|
||||
this.atoDataList =[]
|
||||
arbitrAtor({}).then((res) => {
|
||||
this.atoDataList = res.rows;
|
||||
// this.total = res.total;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.paramsdata.psnAccount =val
|
||||
|
||||
},
|
||||
// 确认签名
|
||||
witnessing(){
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
selectBatchSignUrl(this.paramsdata).then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.getBatchSignation(this.queryParamsData)
|
||||
window.open(res.data.signUrl)
|
||||
this.loadingSubmit = false;
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("signatureOperate");
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -1,261 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 立案申请弹框 -->
|
||||
<el-dialog title="案件压缩包导入" :visible="openCompressedPackages" width="600px" append-to-body @close="cancel" center>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
||||
<el-row>
|
||||
<!-- <el-col :span="16">
|
||||
<el-form-item label="申请人姓名：" prop="applyName">
|
||||
<el-input v-model="form.jobName" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<!-- <el-col :span="15">
|
||||
<div class="download" style="">
|
||||
<span> 下载： </span>
|
||||
<a href="#">
|
||||
<el-button class="uploadlink" @click="downloadTemplate">案件压缩导入模板</el-button>
|
||||
</a>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="15">
|
||||
<div style="margin:10px 0;font-size:12px;color:grey">
|
||||
<span>
|
||||
提示：请将多个excel文件压缩成zip格式后上传
|
||||
</span>
|
||||
</div>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12"> </el-col> -->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item :span="24" label="案件压缩包上传：" prop="upload">
|
||||
<el-upload class="upload-demo" ref="uploadZipBatch" :limit="1" accept=".zip" :headers="upload.headers" :on-error="onError"
|
||||
:action="upload.url" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess" :auto-upload="false" :data="paramsData" drag>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
<!-- <el-button size="small" type="primary">点击上传</el-button> -->
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
支持zip格式文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item :span="24" label="裁决书模板" prop="templateId">
|
||||
<el-select v-model="form.templateId" placeholder="请选择">
|
||||
<el-option v-for="dict in templateList" :key="dict.id" :label="dict.temName" :value="dict.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :span="24" label="申请人类型" prop="applicantType">
|
||||
<el-select v-model="form.applicantType" placeholder="请选择">
|
||||
<el-option v-for="item in appList" :key="item.id" :label="item.temName" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :span="24" label="被申请人类型" prop="resType">
|
||||
<el-select v-model="form.resType" placeholder="请选择">
|
||||
<el-option v-for="item in resList" :key="item.id" :label="item.temName" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"><span>确 定</span></el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getTemplate,
|
||||
} from "@/api/officialSeal/officialSeal.js";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["openCompressedPackages", "getcaseApply", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
// key: value,
|
||||
form: {},
|
||||
fileList: [],
|
||||
appList: [
|
||||
{ id: 1, temName: "自然人" },
|
||||
{ id: 2, temName: "机构" },
|
||||
],
|
||||
resList: [
|
||||
{ id: 1, temName: "自然人" },
|
||||
{ id: 2, temName: "机构" },
|
||||
],
|
||||
templateList: [],
|
||||
loadingSubmit:false,
|
||||
rules: {
|
||||
templateId: [
|
||||
{ required: true, message: "裁决书模板不能为空", trigger: "blur" },
|
||||
],
|
||||
applicantType: [
|
||||
{ required: true, message: "申请人类型不能为空", trigger: "blur" },
|
||||
],
|
||||
resType: [
|
||||
{ required: true, message: "被申请人类型不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
paramsData:{
|
||||
// templateId:this.form.templateId
|
||||
},
|
||||
// 案件压缩导入
|
||||
upload: {
|
||||
// 是否显示弹出层（用户导入）
|
||||
open: false,
|
||||
// 弹出层标题（用户导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的用户数据
|
||||
// updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url: process.env.VUE_APP_BASE_API + "/caseApplication/uploadCaseZipFile",
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
openCompressedPackages(val) {
|
||||
if (val) {
|
||||
this.form = {}
|
||||
this.getTemplateFn({
|
||||
pageNum: 1,
|
||||
pageSize: 10000000,
|
||||
})
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
this.paramsData.templateId = this.form.templateId;
|
||||
this.paramsData.applicantType = this.form.applicantType;
|
||||
this.paramsData.resType = this.form.resType;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
this.loadingSubmit = true
|
||||
if (valid) {
|
||||
|
||||
this.$refs.uploadZipBatch.submit();
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取裁决书模板
|
||||
getTemplateFn(data) {
|
||||
getTemplate(data).then(res => {
|
||||
this.templateList = res.rows;
|
||||
})
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
this.$emit("cancelCompreess");
|
||||
},
|
||||
handleRemove(file, fileList) { },
|
||||
handlePreview(file) { },
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 1个文件，本次选择了 ${files.length} `
|
||||
);
|
||||
},
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
// 下载模板 importTemplate
|
||||
downloadTemplate() {
|
||||
this.download(
|
||||
"caseApplication/uploadCaseZipFile",
|
||||
{},
|
||||
`case_batch_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
this.$emit("cancelCompreess");
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.uploadZipBatch.clearFiles();
|
||||
if (response.code == 200) {
|
||||
this.loadingSubmit = false
|
||||
this.$alert(
|
||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||
response.msg +
|
||||
"</div>",
|
||||
"导入结果",
|
||||
{ dangerouslyUseHTMLString: true }
|
||||
)
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
} else {
|
||||
this.loadingSubmit = false
|
||||
this.$alert(
|
||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||
"导入压缩失败" +
|
||||
"</div>",
|
||||
"导入结果",
|
||||
{ dangerouslyUseHTMLString: true }
|
||||
)
|
||||
}
|
||||
},
|
||||
onError(){
|
||||
this.loadingSubmit = false
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.download {
|
||||
a {
|
||||
.uploadlink {
|
||||
border: none;
|
||||
color: #2092c7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 96px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
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>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,113 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="案件日志"
|
||||
:visible="showcaseLog"
|
||||
@close="cancel"
|
||||
center
|
||||
:distroy-on-close="true"
|
||||
>
|
||||
<div class="loading" v-if="flagLoading">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="noData" v-if="noData">暂无数据！</div>
|
||||
<el-timeline v-else>
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
:timestamp="(index + 1).toString()"
|
||||
placement="top"
|
||||
>
|
||||
<p>{{ activity.content }}</p>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["showcaseLog", "flagLoading", "caselogDataArr"],
|
||||
data() {
|
||||
return {
|
||||
reverse: true,
|
||||
activities: [],
|
||||
noData: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
caselogDataArr: {
|
||||
handler(val) {
|
||||
if (val && val.length > 0) {
|
||||
this.noData = false;
|
||||
this.activities = val;
|
||||
this.activities.forEach((item) => {
|
||||
item.content = item.content;
|
||||
});
|
||||
} else {
|
||||
this.noData = true;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelcaseLog");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton1 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
.noData {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,185 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 选择仲裁方式页面 -->
|
||||
<el-dialog
|
||||
title="审核仲裁方式"
|
||||
:visible="showchoosetrialmethod"
|
||||
width="500px"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<div v-show="formData.arbitraMethodIssame!=2">
|
||||
<el-descriptions>
|
||||
<el-descriptions-item label="当前仲裁方式：">
|
||||
<el-tag size="small">{{
|
||||
formData.arbitratMethodName
|
||||
}}</el-tag>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<!-- <div class="radiobox">
|
||||
<el-radio-group v-model="radio">
|
||||
<el-radio :label="0">拒绝开庭方式</el-radio>
|
||||
<el-radio :label="1">同意开庭方式</el-radio>
|
||||
</el-radio-group>
|
||||
</div> -->
|
||||
|
||||
<!-- <div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton"
|
||||
><span>提 交</span></el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span> 取 消</span></el-button
|
||||
>
|
||||
</div> -->
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm(1)" class="endbutton"
|
||||
><span>同 意</span></el-button
|
||||
>
|
||||
<el-button class="endbutton1" @click="submitForm(0)"
|
||||
><span>拒 绝</span></el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="formData.arbitraMethodIssame==2">
|
||||
<div>{{formData.arbitratMethodIllustrate}}</div>
|
||||
<el-form :model="form" :rules="rules" ref="form">
|
||||
<el-form-item label="选择开庭方式" prop="arbitratMethod">
|
||||
<el-radio-group v-model="form.arbitratMethod">
|
||||
<el-radio :label=2>书面审理</el-radio>
|
||||
<el-radio :label=1>开庭审理</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="determine(2)" :loading="loadingSubmit">确定</el-button>
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
|
||||
import { selectCaseApply } from "@/api/caseAccess/caseEntry";
|
||||
export default {
|
||||
name: "showchoosetrialmethodDialog",
|
||||
props: ["showchoosetrialmethod", "choosetrialmethodata", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
form:{},
|
||||
loadingSubmit: false,
|
||||
rules:{
|
||||
arbitratMethod: [
|
||||
{ required: true, message: '请选择开庭方式', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
formData:{}
|
||||
};
|
||||
},
|
||||
watch:{
|
||||
showchoosetrialmethod(val){
|
||||
if(val){
|
||||
let params = {
|
||||
id: this.choosetrialmethodata.id,
|
||||
version: this.choosetrialmethodata.version
|
||||
}
|
||||
selectCaseApply(params).then(res=>{
|
||||
console.log(res,"PPPPPPPPPPPPPPPPPPPPPPPPPPPPP");
|
||||
this.formData = res.data;
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 审核仲裁方式 arbitrateMethod
|
||||
submitForm(val) {
|
||||
let paramsdata = {
|
||||
opinion: val
|
||||
};
|
||||
let id = {
|
||||
id: this.formData.id,
|
||||
arbitratMethod:this.formData.arbitratMethod
|
||||
};
|
||||
arbitrateMethod(paramsdata,id)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
.catch((err) => {});
|
||||
},
|
||||
determine(val){
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
let paramsdata = {
|
||||
opinion: val,
|
||||
arbitratMethod:this.form.arbitratMethod
|
||||
};
|
||||
let id = {
|
||||
id: this.choosetrialmethodata.id,
|
||||
};
|
||||
arbitrateMethod(paramsdata,id)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelshowchoosetrialMethod");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.radiobox {
|
||||
margin-left: 5%;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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>
|
||||
@@ -1,239 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 组庭确认页面 -->
|
||||
<el-dialog
|
||||
title="组庭确认"
|
||||
:visible="showcourtReview"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||
<el-form-item label="是否同意组庭：">
|
||||
<el-radio-group v-model="isAgreePendTral">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- </el-form> -->
|
||||
<el-tag type="warning" v-if="noArbitrator"
|
||||
>当前案件未指定仲裁员，请先指定仲裁员！</el-tag
|
||||
>
|
||||
<div style="display: inline-flex; margin: 1% 9%">
|
||||
<div v-if="isAgreePendTral == 0">请选择仲裁员</div>
|
||||
<div v-if="isAgreePendTral == 1 && form.arbitratorName">
|
||||
当前案件仲裁员
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="isAgreePendTral == 1" class="nowarbitrator">
|
||||
<el-tag size="medium">
|
||||
{{ form.arbitratorName }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<!-- <div v-if="noArbitrator || isAgreePendTral == 0"> -->
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
v-if="noArbitrator || isAgreePendTral == 0"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="courtReviewform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dataList"
|
||||
:key="item.value"
|
||||
:label="item.nickNameAndNum"
|
||||
:value="item.userId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- </div> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" :loading="loadingSubmit" @click="submitForm" class="endbutton"
|
||||
><span>确 定</span>
|
||||
</el-button>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span> 取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { pendTralSure } from "@/api/caseManagement/caseManagement.js";
|
||||
import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
|
||||
import moment from "moment";
|
||||
export default {
|
||||
name: "courtReviewDialog",
|
||||
props: ["showcourtReview", "form", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
dataList: [],
|
||||
hearDate: "",
|
||||
courtReviewform: {
|
||||
hearDate: null,
|
||||
},
|
||||
noArbitrator: false,
|
||||
loadingSubmit: false,
|
||||
isAgreePendTral: 1,
|
||||
total: 0,
|
||||
queryParams1: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
paramsdata: {},
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() < Date.now() - 8.64e7;
|
||||
},
|
||||
},
|
||||
Arbitor: "",
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getarbitrAtor();
|
||||
},
|
||||
watch: {
|
||||
showcourtReview(val) {
|
||||
if (val) {
|
||||
this.isAgreePendTral = 1;
|
||||
this.courtReviewform.hearDate = null;
|
||||
this.getarbitrAtor({caseId:this.form.id});
|
||||
}
|
||||
},
|
||||
form: {
|
||||
handler(val) {
|
||||
if (val.arbitratorName == null) {
|
||||
this.noArbitrator = true;
|
||||
} else {
|
||||
this.noArbitrator = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor(val) {
|
||||
arbitrAtor(val).then((res) => {
|
||||
this.dataList = res.data;
|
||||
this.total = res.total;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.arbitrators = [];
|
||||
this.dataList.forEach((item) => {
|
||||
if (item.userId == val) {
|
||||
this.arbitrators.push({
|
||||
id: item.userId,
|
||||
arbitratorName: item.nickName,
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
submitForm() {
|
||||
if (this.noArbitrator) {
|
||||
this.paramsdata = {
|
||||
id: this.form.id,
|
||||
arbitrators: this.arbitrators,
|
||||
};
|
||||
} else {
|
||||
if (this.isAgreePendTral == 0) {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 0,
|
||||
id: this.form.id,
|
||||
arbitrators: this.arbitrators,
|
||||
};
|
||||
} else {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 1,
|
||||
id: this.form.id,
|
||||
};
|
||||
}
|
||||
}
|
||||
this.$refs["courtReviewform"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
pendTralSure(this.paramsdata)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("确认成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelcourtReview");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
.nowarbitrator {
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
::v-deep .el-form-item__error {
|
||||
left: 90px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,133 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="案件详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
|
||||
<div class="loading" v-if="flagLoadingS">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<!-- <div class="noData" v-if="noData">暂无数据！</div> -->
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
|
||||
<el-tab-pane label="被申请人案件证据资料" name="second"></el-tab-pane>
|
||||
<el-tab-pane label="裁决书附件" name="third"></el-tab-pane>
|
||||
<!-- <el-tab-pane label="仲裁申请书" name="fourth"></el-tab-pane> -->
|
||||
<el-tab-pane label="案件视频" name="five"></el-tab-pane>
|
||||
<el-tab-pane label="庭审笔录" name="six"></el-tab-pane>
|
||||
<el-tab-pane label="案件异议信息" name="seven"></el-tab-pane>
|
||||
</el-tabs>
|
||||
<div v-show="activeName=='first'">
|
||||
|
||||
<div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='second'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='third'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==3" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,3) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='fourth'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==1" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,1) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='five'">
|
||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :src="headPath + item.annexPath" v-for="(item,index) in videoList" :key="index" controls="controls"></video>
|
||||
<el-empty v-if="videoList == null || videoList.length ==0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<!-- <div v-show="activeName=='six'">
|
||||
<div v-for="(item,index) in trialTranscripts" :key="index" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="trialTranscripts == null || trialTranscripts.length ==0" description="暂无数据"></el-empty>
|
||||
</div> -->
|
||||
<div v-show="activeName=='six'">
|
||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
<div v-show="activeName=='seven'">
|
||||
<div v-if="detailsAwardNum.adjudicaCounterReason">案件异议信息:{{detailsAwardNum.adjudicaCounterReason}}</div>
|
||||
<el-empty v-if="!detailsAwardNum.adjudicaCounterReason" description="暂无数据"></el-empty>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts"],
|
||||
components: {
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: 'first',
|
||||
fileURL: window.location.origin + "/API",
|
||||
headPath:window.location.origin + "/API",
|
||||
noData: false,
|
||||
// myData:[],
|
||||
// videoLists:[]
|
||||
};
|
||||
},
|
||||
created(){
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
isNoData(data,type){
|
||||
let resNumber = 0
|
||||
if(data){
|
||||
let list = data.filter(item => item.annexType == type)
|
||||
if(list){
|
||||
resNumber = list.length
|
||||
}
|
||||
}
|
||||
return resNumber
|
||||
},
|
||||
handleClick(tab, event) {
|
||||
|
||||
},
|
||||
|
||||
cancel() {
|
||||
this.$emit("cancelDetail");
|
||||
// this.activeName ="first"
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 850px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,139 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="修改证据" :visible="evidenceVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-descriptions title="案件内容" :column="2" border>
|
||||
<el-descriptions-item label="案件编号">{{ evidenceData.caseNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人(机构)">{{ evidenceData.applicantName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{ evidenceData.caseSubjectAmount }}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件状态">
|
||||
<el-tag size="small">{{ evidenceData.caseStatusName }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="仲裁方式">{{ evidenceData.arbitratMethodName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人证据">
|
||||
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in fileListData"
|
||||
@click="preview(item.annexPath)" :key="index">
|
||||
{{ item.annexName }}</div>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div style="margin-top: 30px;">
|
||||
<el-upload class="upload-demo" ref="upload" action="" :file-list="fileList" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:auto-upload="false" :http-request="uploadFile" :on-change="beforeAvatarUpload" :before-remove="beforeRemove" multiple>
|
||||
<el-button type="primary"><span>选择证据</span></el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
<el-button @click="upload" class="endbutton1"><span>点击上传</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getFileList, batchUpload } from '@/api/caseManagement/caseManagement'
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["evidenceVisable", "evidenceData"],
|
||||
data() {
|
||||
return {
|
||||
fileListData: [],
|
||||
// 上传文件的列表
|
||||
uploadFiles: [],
|
||||
// 上传文件的个数
|
||||
filesLength: 0,
|
||||
info: {
|
||||
annexType: 2,
|
||||
},
|
||||
fileList:[]
|
||||
// headers: {
|
||||
// Authorization: "Bearer " + getToken(),
|
||||
// },
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
evidenceVisable(val) {
|
||||
this.fileList = []
|
||||
if (val) {
|
||||
this.getEvidenceList({ caseAppliId: this.evidenceData.id, annexTypeList: "2" })
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.info.id = this.evidenceData.id;
|
||||
},
|
||||
methods: {
|
||||
preview(data) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + data,
|
||||
"_blank"
|
||||
);
|
||||
},
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/upload";
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelEvidence");
|
||||
},
|
||||
// 修改当前文件列表长度
|
||||
// changeFileLength(file, fileList) {
|
||||
// this.uploadFiles.push(file)
|
||||
// },
|
||||
// 删除文件
|
||||
beforeRemove(file, fileList){
|
||||
this.uploadFiles = fileList
|
||||
},
|
||||
// 文件上传之前处理
|
||||
beforeAvatarUpload(file,fileList) {
|
||||
console.log(file,fileList,"before");
|
||||
this.uploadFiles = [];
|
||||
// this.uploadFiles.push(file)
|
||||
this.uploadFiles = fileList
|
||||
},
|
||||
// 用户点击上传调用
|
||||
async upload() {
|
||||
// 触发上传 调用配置 :http-request="uploadFile"
|
||||
// 即触发 uploadFile函数
|
||||
this.uploadFile()
|
||||
// await this.$refs.upload.submit();
|
||||
// 上传完成后执行的操作 ...
|
||||
},
|
||||
// 该函数还是会被调用多次
|
||||
// 每次param参数传入一个文件
|
||||
uploadFile() {
|
||||
// 将文件加入需要上传的文件列表
|
||||
// 当uploadFiles长度等于用户需要上传的文件数时进行上传
|
||||
// 创建FormData上传
|
||||
if (this.uploadFiles.length === 0) {
|
||||
this.$message.warning('请选取文件')
|
||||
return
|
||||
}
|
||||
let fd = new FormData()
|
||||
// 将全部文件添加至FormData中
|
||||
this.uploadFiles.forEach(file => {
|
||||
fd.append('file', file.raw)
|
||||
})
|
||||
// // 将附加信息添加至FormData
|
||||
fd.append("id", this.evidenceData.id)
|
||||
fd.append("annexType", this.info.annexType)
|
||||
// 上传文件
|
||||
batchUpload(fd).then(res => {
|
||||
this.$modal.msgSuccess("上传成功");
|
||||
this.cancel()
|
||||
})
|
||||
},
|
||||
// 获取案件申请人证据列表
|
||||
getEvidenceList(data) {
|
||||
getFileList(data).then(res => {
|
||||
this.fileListData = res.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
@@ -1,100 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="证据清单"
|
||||
:visible="evidenceListD"
|
||||
:caseAttachListR = "caseAttachListR"
|
||||
@close="cancel"
|
||||
center
|
||||
:distroy-on-close="true"
|
||||
>
|
||||
<div class="loading" v-if ="flagLoading">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div>申请人证据清单:</div>
|
||||
<div v-for="item in this.caseAttachListR" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" v-if="item.annexType == 2" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<div style="margin-top:30px;;">被申请人证据清单:</div>
|
||||
<div v-for="item in this.caseAttachListR" style="margin-top:10px;">
|
||||
<el-link target="_blank" type="primary" v-if="item.annexType == 6" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["evidenceListD", "flagLoading", "caseAttachListR"],
|
||||
data() {
|
||||
return {
|
||||
fileURL: window.location.origin + "/API",
|
||||
myData:[]
|
||||
};
|
||||
},
|
||||
created(){
|
||||
// 获取组件传值监听
|
||||
// this.$watch('caseAttachListR',(newVal)=>{
|
||||
// this.myData = newVal;
|
||||
// console.log(this.myData)
|
||||
// })
|
||||
},
|
||||
methods: {
|
||||
|
||||
cancel() {
|
||||
this.$emit("cancelevidenceList");
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog__body {
|
||||
height: 500px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton1 {
|
||||
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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
.noData {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,129 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="快递信息"
|
||||
:visible="showDelivery"
|
||||
@close="cancel"
|
||||
center
|
||||
:distroy-on-close="true"
|
||||
>
|
||||
<div class="loading" v-if="flagLoading">
|
||||
<i class="el-icon-loading"></i>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="noData" v-if="noData">暂无快递信息！</div>
|
||||
<div v-else>
|
||||
<div class="deliverName">
|
||||
{{ applicantdelivery.company }} {{ applicantdelivery.no }}
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-timeline :reverse="reverse">
|
||||
<el-timeline-item
|
||||
v-for="(activity, index) in activities"
|
||||
:key="index"
|
||||
:timestamp="activity.timestamp"
|
||||
>
|
||||
{{ activity.content }}
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ["showDelivery", "deliveryDataArr", "flagLoading"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
reverse: true,
|
||||
applicantdelivery: {}, //申请人物流信息
|
||||
activities: [],
|
||||
noData: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
deliveryDataArr: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
val.forEach((item) => {
|
||||
if (item.identityType == 1) {
|
||||
let applicantdata = item.logisticsInfo;
|
||||
this.applicantdelivery = JSON.parse(applicantdata);
|
||||
if (this.applicantdelivery.list) {
|
||||
this.activities = this.applicantdelivery.list;
|
||||
this.activities.forEach((item) => {
|
||||
item.content = item.datetime;
|
||||
item.timestamp = item.remark;
|
||||
});
|
||||
} else {
|
||||
this.noData = true;
|
||||
return;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("closeDeliveryModel");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 600px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.deliverName {
|
||||
margin-left: 6%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
.loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.el-icon-loading {
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
.noData {
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #959595;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,122 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 立案审查 -->
|
||||
<el-dialog title="立案审查" :visible="showfilingreview" width="500px" @close="cancel" :destroy-on-close="true">
|
||||
<div class="radiobox">
|
||||
<el-radio-group v-model="radio" style="margin-bottom: 20px;">
|
||||
<el-radio :label="1">同意</el-radio>
|
||||
<el-radio :label="2">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
|
||||
<!-- TODO -->
|
||||
<el-form-item label="拒绝原因" prop="caseCheckReject" v-if="radio == 2">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入拒绝原因" v-model="ruleForm.caseCheckReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"><span>提 交</span></el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { submitCaseApplicationCheck } from "@/api/caseManagement/caseManagement.js";
|
||||
|
||||
export default {
|
||||
name: "filingreviewDialog",
|
||||
props: ["showfilingreview", "filingreviewdata", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
radio: 1,
|
||||
ruleForm: {},
|
||||
loadingSubmit: false,
|
||||
rules: {
|
||||
caseCheckReject: [
|
||||
{
|
||||
required: true,
|
||||
message: "拒绝原因不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
this.$refs["ruleForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
let paramsdata = {
|
||||
agreeOrNotCheck: this.radio,
|
||||
ids: [this.filingreviewdata.id],
|
||||
caseCheckReject:this.ruleForm.caseCheckReject
|
||||
};
|
||||
submitCaseApplicationCheck(paramsdata)
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelFilingreview");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.radiobox {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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>
|
||||
@@ -1,248 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 组庭界面 -->
|
||||
<el-dialog
|
||||
title="组庭审核"
|
||||
:visible="showformateCourt"
|
||||
v-if="showformateCourt"
|
||||
@close="cancel"
|
||||
destroy-on-close
|
||||
center
|
||||
>
|
||||
<el-form
|
||||
ref="formateCourtform"
|
||||
:model="formateCourtform"
|
||||
label-width="110px"
|
||||
label-position="left"
|
||||
>
|
||||
<!-- <el-form-item label="是否同意组庭：">
|
||||
<el-radio-group v-model="isAgreePendTral" @change="radioValue">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item> -->
|
||||
<!-- <el-tag type="warning" v-if="noArbitrator"
|
||||
>当前案件未指定仲裁员，请先指定仲裁员！</el-tag
|
||||
> -->
|
||||
<!-- <p></p> -->
|
||||
<!-- <el-form ref="form"> -->
|
||||
<!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
|
||||
<div style="display: inline-flex; margin-bottom: 8px">
|
||||
<div v-if="isAgreePendTral !== 1">请选择仲裁员</div>
|
||||
<div v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName">
|
||||
当前案件仲裁员
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName"
|
||||
class="nowarbitrator"
|
||||
>
|
||||
<el-tag size="medium">
|
||||
{{ formateCourtData.arbitratorName }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<el-form-item
|
||||
label="仲裁员："
|
||||
prop="Arbitor"
|
||||
v-if="noArbitrator || isAgreePendTral == 0"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '仲裁员不能为空',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-select
|
||||
placeholder="请选择仲裁员"
|
||||
@change="changeArbitor"
|
||||
v-model="formateCourtform.Arbitor"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dataList"
|
||||
:key="item.value"
|
||||
:label="item.nickNameAndNum"
|
||||
:value="item.userId"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" class="endbutton" :loading="loadingSubmit"
|
||||
><span>确 定</span></el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { arbitrAtor, pendTralCheck } from "@/api/formationCourt/formationCourt";
|
||||
export default {
|
||||
props: ["showformateCourt", "formateCourtData", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
dataList: [],
|
||||
loadingSubmit: false,
|
||||
queryParams1: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
formateCourtform: {},
|
||||
arbitrators: [],
|
||||
isAgreePendTral: 1,
|
||||
paramsdata: {},
|
||||
noArbitrator: false,
|
||||
Arbitor: "",
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getarbitrAtor();
|
||||
},
|
||||
watch: {
|
||||
showformateCourt(val){
|
||||
console.log(this.formateCourtData)
|
||||
this.Arbitor = ""
|
||||
if(val){
|
||||
this.isAgreePendTral = 1;
|
||||
this.getarbitrAtor({caseId:this.formateCourtData.id});
|
||||
}
|
||||
},
|
||||
formateCourtData: {
|
||||
handler(val) {
|
||||
if (val.arbitratorName == null) {
|
||||
this.noArbitrator = true;
|
||||
} else {
|
||||
this.noArbitrator = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 获取仲裁员信息
|
||||
getarbitrAtor(val) {
|
||||
console.log(val,"ppppppppppppppppppp")
|
||||
arbitrAtor(val).then((res) => {
|
||||
this.dataList = res.data;
|
||||
});
|
||||
},
|
||||
changeArbitor(val) {
|
||||
this.arbitrators = [];
|
||||
this.dataList.forEach((item) => {
|
||||
if (item.userId == val) {
|
||||
this.arbitrators.push({
|
||||
id: item.userId,
|
||||
arbitratorName: item.nickName,
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 确认
|
||||
submitForm() {
|
||||
if (this.noArbitrator) {
|
||||
this.paramsdata = {
|
||||
id: this.formateCourtData.id,
|
||||
arbitrators: this.arbitrators,
|
||||
arbitratorId:this.formateCourtData.arbitratorId,
|
||||
arbitratorName:this.formateCourtData.arbitratorName
|
||||
|
||||
};
|
||||
} else {
|
||||
if (this.isAgreePendTral == 0) {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 0,
|
||||
id: this.formateCourtData.id,
|
||||
arbitrators: this.arbitrators,
|
||||
arbitratorId:this.formateCourtData.arbitratorId,
|
||||
arbitratorName:this.formateCourtData.arbitratorName
|
||||
};
|
||||
} else {
|
||||
this.paramsdata = {
|
||||
isAgreePendTral: 1,
|
||||
id: this.formateCourtData.id,
|
||||
arbitratorId:this.formateCourtData.arbitratorId,
|
||||
arbitratorName:this.formateCourtData.arbitratorName
|
||||
};
|
||||
}
|
||||
}
|
||||
console.log(this.paramsdata)
|
||||
this.$refs["formateCourtform"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
pendTralCheck(this.paramsdata).then((res) => {
|
||||
|
||||
this.cancel();
|
||||
this.$modal.msgSuccess("组庭成功");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
// 初始化页面
|
||||
this.formateCourtform={}
|
||||
}).catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});;
|
||||
}
|
||||
});
|
||||
},
|
||||
// 取消
|
||||
cancel() {
|
||||
this.$emit("cancelcourtDialog");
|
||||
this.arbitrators = [];
|
||||
},
|
||||
radioValue(val){
|
||||
if(val==1){
|
||||
this.formateCourtform={}
|
||||
}else if(val==0){
|
||||
this.formateCourtform={}
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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;
|
||||
}
|
||||
}
|
||||
.infoIcon {
|
||||
width: 4px;
|
||||
// height: 17px;
|
||||
background-color: #0072ff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.nowarbitrator {
|
||||
margin-left: 4%;
|
||||
}
|
||||
</style>
|
||||
@@ -1,464 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :visible="openDialogInfor" width="1000px" @close="cancel" :destroy-on-close="true">
|
||||
<el-descriptions title="案件信息" border style="margin-bottom: 30px">
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
form.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
form.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="借款开始日期">{{
|
||||
form.loanStartDate
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="借款结束日期">{{
|
||||
form.loanEndDate
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="合同编号">{{
|
||||
form.contractNumber
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张欠本金">{{
|
||||
form.claimPrinciOwed
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张欠利息">{{
|
||||
form.claimInterestOwed
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人主张违约金">{{
|
||||
form.claimLiquidDamag
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人案件证据资料">
|
||||
<p @click="toFile(index, 2)" v-for="(item, index) in applicantFileArr" :key="index">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人案件证据资料">
|
||||
<p v-for="(item, index) in respondentFileArr" :key="index" @click="toFile(index, 6)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="裁决书附件">
|
||||
<p v-for="(item, index) in awardFileArr" :key="index" @click="toFile(index, 3)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="庭审笔录附件">
|
||||
<p v-for="(item, index) in bookFileArr" :key="index" @click="toFile(index, 7)">
|
||||
<a href="#">{{ item }}</a>
|
||||
</p>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<el-form ref="form" :model="arbitrateRecord" label-width="300px" label-position="left" :rules="rules"
|
||||
:disabled="flag == 3">
|
||||
<!-- <el-form-item label="经庭审质证，对各方提供的证据认定如下" prop="evidenDetermi">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.evidenDetermi" />
|
||||
</el-form-item>
|
||||
<el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)" prop="factDetermi">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.factDetermi" />
|
||||
</el-form-item>
|
||||
<el-form-item label="综上所述" prop="caseSketch">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.caseSketch" />
|
||||
</el-form-item>
|
||||
<el-form-item label="本庭认为" prop="arbitrateThink">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.arbitrateThink" />
|
||||
</el-form-item>
|
||||
<el-form-item label="裁决如下" prop="rulingFollows">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.rulingFollows" />
|
||||
</el-form-item>
|
||||
<el-form-item label="核验裁决书意见：" prop="verificaOpinion">
|
||||
<el-input type="textarea" autosize :disabled="flag == 2" placeholder="请输入内容"
|
||||
v-model="arbitrateRecord.verificaOpinion" />
|
||||
</el-form-item> -->
|
||||
<!-- <el-form-item label="笔录内容：" prop="responCrossOpin">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="arbitrateRecordt.responCrossOpin"
|
||||
placeholder="请输入" />
|
||||
</el-form-item> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="上传裁决书:" label-width="100px" v-if="flag==1|| flag==4">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
accept=".doc,.docx"
|
||||
ref="upload"
|
||||
:action="UploadUrls()"
|
||||
:headers="headers"
|
||||
:data="filedatas"
|
||||
:before-remove="beforeRemoves"
|
||||
:limit="2"
|
||||
:on-change="beforeUpload"
|
||||
:on-success="handlSuccessAw"
|
||||
:file-list="fileListAw"
|
||||
:before-upload="beforeAvatarUploads"
|
||||
>
|
||||
<el-button slot="trigger" size="small" type="primary"
|
||||
>选取文件</el-button
|
||||
>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传.doc，docx文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-form-item label="驳回原因：" label-width="100px" v-if="flag==1 && awardDetailform.arbitrateReject">
|
||||
<div style="width:800px;">{{awardDetailform.arbitrateReject}}</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="驳回原因：" label-width="100px" v-if="flag==4 && awardDetailform.deptorReject">
|
||||
<div style="width:800px;">{{awardDetailform.deptorReject}}</div>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="100px" label="审核意见：" prop="checkOpinion" v-if="flag == 2 || flag == 4">
|
||||
<el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="arbitrateRecord.checkOpinion" />
|
||||
</el-form-item>
|
||||
<!-- 判断是否驳回 -->
|
||||
<el-form-item label-width="100px" label="是否驳回：" v-if="flag == 2 || flag == 4">
|
||||
<el-radio-group v-model="agreeOrNotCheck">
|
||||
<el-radio :label="1">同意</el-radio>
|
||||
<el-radio :label="2">驳回</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="100px" label="驳回原因" v-if="agreeOrNotCheck==2 && flag == 4" prop="arbitrateReject"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入驳回原因', trigger: 'blur' }
|
||||
]">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model.trim="arbitrateRecord.arbitrateReject"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label-width="100px" label="驳回原因" v-if="agreeOrNotCheck==2 && flag ==2" prop="deptorReject"
|
||||
:rules="[
|
||||
{ required: true, message: '请输入驳回原因', trigger: 'blur' }
|
||||
]">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model.trim="arbitrateRecord.deptorReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 画布 -->
|
||||
<!-- <h4 v-if="flag == 3">签名区域</h4>
|
||||
<div class="esign" v-if="flag == 3">
|
||||
<vue-esign ref="esign" :width="900" :height="300" bgColor="#ffffff" />
|
||||
</div> -->
|
||||
<!-- 清除画布 -->
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<!-- <el-button type="danger" @click="submitForm(4)" v-if="flag == 1">重新生成裁决书</el-button> -->
|
||||
<el-button type="primary" @click="submitForm(0)" v-if="flag == 1" :loading="buttonFlag">提 交</el-button>
|
||||
<el-button type="primary" @click="submitForm(1)" v-if="flag == 2" :loading="buttonFlag">提交</el-button>
|
||||
<!-- <el-button type="danger" @click="submitForm(2)" v-if="flag == 2">驳 回</el-button> -->
|
||||
<!-- <el-button type="primary" @click="submitForm(3)" v-if="flag == 3">提 交</el-button> -->
|
||||
<!-- <el-button type="primary" @click="submitForm(5)" v-if="flag == 4">同 意</el-button> -->
|
||||
<el-button type="primary" @click="submitForm(6)" v-if="flag == 4" :loading="buttonFlag">提交</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
verificationArbitrateRecord,
|
||||
checkArbitrateRecord,
|
||||
adjudicationSignature,
|
||||
regenerationDocument,
|
||||
arbitratorCheckArbitrateRecord
|
||||
} from "@/api/awardManagement/awardManagement";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["openDialogInfor", "title", "flag", "awardDetailform","queryParams"],
|
||||
data() {
|
||||
return {
|
||||
buttonFlag:false,
|
||||
// key: value
|
||||
arbitrateRecordt: {},
|
||||
agreeOrNotCheck:1,
|
||||
form: {},
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedatas: {
|
||||
annexType: 3,
|
||||
id:null
|
||||
},
|
||||
fileListAw:[],
|
||||
arbitrateRecord: {
|
||||
// checkOpinion:"同意"
|
||||
checkOpinion: ""
|
||||
},
|
||||
// 表单校验
|
||||
rules: {
|
||||
evidenDetermi: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
factDetermi: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
caseSketch: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
arbitrateThink: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
rulingFollows: [
|
||||
{
|
||||
required: true,
|
||||
message: "不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
verificaOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "意见不能为空",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
checkOpinion: [
|
||||
{
|
||||
required: true,
|
||||
message: "意见不能为空",
|
||||
trigger: "blur",
|
||||
}
|
||||
],
|
||||
// arbitrateReject: [
|
||||
// {
|
||||
// required: true,
|
||||
// message: "拒绝原因不能为空",
|
||||
// trigger: "blur",
|
||||
// },
|
||||
// ],
|
||||
},
|
||||
applicantFileArr: [], //申请人
|
||||
applicantPathArr: [], //申请人
|
||||
respondentFileArr: [], //被申请人
|
||||
respondenPathArr: [], //被申请人
|
||||
awardFileArr: [], //庭审笔录文件
|
||||
awardPathArr: [], //庭审笔录路径
|
||||
bookFileArr: [], //裁决书文件
|
||||
bookPathArr: [], //庭审笔录路径
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
openDialogInfor:{
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.agreeOrNotCheck = 1;
|
||||
}
|
||||
},
|
||||
},
|
||||
awardDetailform: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
(this.applicantFileArr = []), //申请人
|
||||
(this.applicantPathArr = []), //申请人
|
||||
(this.respondentFileArr = []), //被申请人
|
||||
(this.respondenPathArr = []), //被申请人
|
||||
(this.awardFileArr = []), //裁决书
|
||||
(this.awardPathArr = []), //裁决书
|
||||
// setTimeout(() => {
|
||||
this.form = this.awardDetailform;
|
||||
console.log(this.form)
|
||||
// if(this.form.arbitrateRecord && this.form.arbitrateRecord.checkOpinion == null ){
|
||||
// this.form.arbitrateRecord.checkOpinion = '同意';
|
||||
this.arbitrateRecord.checkOpinion = '';
|
||||
// }
|
||||
this.arbitrateRecord = {};
|
||||
if (this.form.arbitrateRecord) {
|
||||
this.arbitrateRecord.id = this.form.arbitrateRecord.id;
|
||||
}
|
||||
this.evidenceFile(this.form);
|
||||
// }, 1000);
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 申请人裁决书
|
||||
evidenceFile(val) {
|
||||
if (val) {
|
||||
this.applicantFileArr = [];
|
||||
this.applicantPathArr = [];
|
||||
this.respondentFileArr = [];
|
||||
this.respondenPathArr = [];
|
||||
this.awardFileArr = [];
|
||||
this.awardPathArr = [];
|
||||
this.bookFileArr = [];
|
||||
this.bookPathArr = [];
|
||||
val.caseAttachList.forEach((item) => {
|
||||
if (item.annexType == 2) {
|
||||
this.applicantFileArr.push(item.annexName);
|
||||
this.applicantPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 6) {
|
||||
this.respondentFileArr.push(item.annexName);
|
||||
this.respondenPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 3) {
|
||||
this.awardFileArr.push(item.annexName);
|
||||
this.awardPathArr.push(item.annexPath);
|
||||
} else if (item.annexType == 7) {
|
||||
this.bookFileArr.push(item.annexName);
|
||||
this.bookPathArr.push(item.annexPath);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 预览文件
|
||||
toFile(index, val) {
|
||||
let headPath = window.location.origin + "/API";
|
||||
if (val == 2) {
|
||||
window.open(headPath + this.applicantPathArr[index], "_blank");
|
||||
} else if (val == 6) {
|
||||
window.open(headPath + this.respondenPathArr[index], "_blank");
|
||||
} else if (val == 3) {
|
||||
window.open(headPath + this.awardPathArr[index], "_blank");
|
||||
} else if (val == 7) {
|
||||
window.open(headPath + this.bookPathArr[index], "_blank");
|
||||
}
|
||||
},
|
||||
// 校验裁决书
|
||||
verificationArbitrateRecordFn(parms) {
|
||||
this.buttonFlag = true;
|
||||
verificationArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.buttonFlag = false;
|
||||
// this.$emit("updataList");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
// this.$message("成功");
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
});
|
||||
},
|
||||
//审核裁决书
|
||||
checkArbitrateRecordFn(parms) {
|
||||
this.buttonFlag = true;
|
||||
checkArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.buttonFlag = false;
|
||||
// this.$emit("updataList");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
// this.$message("成功");
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
});
|
||||
},
|
||||
// 仲裁员审核裁决书
|
||||
arbitratorCheckArbitrateRecordFn(parms) {
|
||||
this.buttonFlag = true;
|
||||
console.log(parms)
|
||||
arbitratorCheckArbitrateRecord(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.buttonFlag = false;
|
||||
// this.$emit("updataList");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
// this.$message("成功");
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
});
|
||||
},
|
||||
// 签名
|
||||
adjudicationSignatureFn(parms) {
|
||||
this.buttonFlag = true;
|
||||
adjudicationSignature(parms).then((res) => {
|
||||
this.cancel();
|
||||
this.buttonFlag = false;
|
||||
// this.$emit("updataList");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.$message("成功");
|
||||
})
|
||||
},
|
||||
// 上传裁决书
|
||||
UploadUrls() {
|
||||
return window.location.origin + "/API/evidence/uploadRecord";
|
||||
},
|
||||
beforeRemoves(file,fileList){
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
beforeUpload(flie, fileList) {
|
||||
// this.fileList = fileList;
|
||||
},
|
||||
// 上传文件成功
|
||||
handlSuccessAw(res, file) {
|
||||
// this.fileListAw.push(file);
|
||||
},
|
||||
beforeAvatarUploads(){
|
||||
this.filedatas.id = this.awardDetailform.id;
|
||||
},
|
||||
submitForm(parms) {
|
||||
let that = this;
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (parms == 0) {
|
||||
this.verificationArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
} else if (parms == 1) {
|
||||
if(this.agreeOrNotCheck==1){
|
||||
//部门长同意
|
||||
this.checkArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 1,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}else if(this.agreeOrNotCheck==2){
|
||||
// 部门长驳回
|
||||
this.checkArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 2,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}
|
||||
} else if (parms == 2) {
|
||||
|
||||
} else if (parms == 3) {
|
||||
this.adjudicationSignatureFn({
|
||||
id: this.form.id,
|
||||
});
|
||||
}else if (parms == 6) {
|
||||
if(this.agreeOrNotCheck==1){
|
||||
//仲裁员同意
|
||||
this.arbitratorCheckArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 1,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}else if(this.agreeOrNotCheck==2){
|
||||
//仲裁员驳回
|
||||
this.arbitratorCheckArbitrateRecordFn({
|
||||
id: this.form.id,
|
||||
agreeOrNotCheck: 2,
|
||||
arbitrateRecord: this.arbitrateRecord,
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelpaymentdetailsCom");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.esign {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
@@ -1,154 +0,0 @@
|
||||
<template>
|
||||
<!-- 送达裁决书页面 -->
|
||||
<div>
|
||||
<el-dialog
|
||||
title="是否确认发送裁决书"
|
||||
:visible="openMailawardDialog"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-form ref="form" :model="formData" label-width="150px">
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="申请人电子邮件："
|
||||
prop="appEmail"
|
||||
: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.appEmail"
|
||||
placeholder="请输入电子邮件"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人电子邮件："
|
||||
prop="resEmail"
|
||||
: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.resEmail"
|
||||
placeholder="请输入电子邮件"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item
|
||||
label="申请人快递单号："
|
||||
prop="apptrackingNum"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.apptrackingNum"
|
||||
placeholder="请输入快递单号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="被申请人快递单号："
|
||||
prop="restrackingNum"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.restrackingNum"
|
||||
placeholder="请输入快递单号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" :loading="loadingSubmit">确 定</el-button>
|
||||
<el-button type="" @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { adjudicationDelivery, adjudicationService } from "@/api/awardManagement/awardManagement";
|
||||
export default {
|
||||
props: ["openMailawardDialog", "mailawardata", "emailobj","queryParams"],
|
||||
data() {
|
||||
return {
|
||||
formData: this.emailobj,
|
||||
loadingSubmit: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
emailobj: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.formData = this.emailobj
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
// adjudicationDelivery
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
// adjudicationDelivery({
|
||||
delete this.formData.id
|
||||
delete this.formData.apptrackingNum
|
||||
delete this.formData.restrackingNum
|
||||
adjudicationService({
|
||||
id: this.mailawardata.id,
|
||||
...this.formData,
|
||||
})
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
// this.$emit("updataList");
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.cancel();
|
||||
this.loadingSubmit = false;
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("closeMailaward");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 550px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,415 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="operateTitle" width="65%" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
|
||||
<!-- 案件总金额 -->
|
||||
<h3>案件总金额：{{ form.totalFee / 100 }}</h3>
|
||||
<el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
|
||||
:key="index" border>
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
item.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{
|
||||
item.caseAppName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
item.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件应缴费用">{{
|
||||
item.feePayable
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人">{{
|
||||
item.caseResName
|
||||
}}</el-descriptions-item>
|
||||
<!-- <el-descriptions-item label="申请人仲裁诉求">{{
|
||||
item.arbitratClaims
|
||||
}}</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-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess"
|
||||
:file-list="fileList">
|
||||
<el-button slot="trigger" size="small" type="primary">选取文件</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" type="primary" class="endbutton"><span>确认缴费</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection">
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParamsData.pageNum - 1) * queryParamsData.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" width="180" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="radiobox" v-if="operateStatus == 2">
|
||||
<el-radio-group v-model="radio">
|
||||
<el-radio :label="1">同意</el-radio>
|
||||
<el-radio :label="2">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParamsData.pageNum"
|
||||
:limit.sync="queryParamsData.pageSize" @pagination="getcaseApply(queryParamsData)" />
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button @click="submitPay" type="primary" class="endbutton"
|
||||
:disabled="dataList.length == 0 || batchData.length == 0"
|
||||
v-if="operateStatus == 6"><span>确认缴费</span></el-button>
|
||||
<el-button @click="submitBatch" type="primary" class="endbutton"
|
||||
:disabled="dataList.length == 0 || batchData.length == 0" v-else><span>确 认</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
caseApply,
|
||||
submitCaseApply,
|
||||
removeCaseApply,
|
||||
submitCaseApplicationCheck
|
||||
} from "@/api/caseAccess/caseEntry";
|
||||
import { getPayDetail,confirmPayDig } from "@/api/pay/pay";
|
||||
import { casePay } from "@/api/pay/pay";
|
||||
import QRCode from "qrcodejs2";
|
||||
import { getToken } from "@/utils/auth";
|
||||
import { writtenHear } from "@/api/caseManagement/caseManagement.js";
|
||||
import {
|
||||
adjudicationCaseFile,
|
||||
} from "@/api/awardManagement/awardManagement";
|
||||
export default {
|
||||
props: ["operateVisable", "operateData", "operateTitle", 'operateStatus', 'queryParams'],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 查询参数
|
||||
queryParamsData: {
|
||||
caseStatus: null,
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
// 表格数据
|
||||
dataList: [],
|
||||
batchData: [],
|
||||
radio: 1,
|
||||
payVisible: false,
|
||||
form: {},
|
||||
paySelect: 1,//支付线上/线下
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
annexType: 8,
|
||||
},
|
||||
submitForm: {
|
||||
payType: 1,
|
||||
payOrderList: [],
|
||||
caseIds:[]
|
||||
},
|
||||
payMain: "",
|
||||
fileList: [],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
operateVisable(val) {
|
||||
this.radio = 1;
|
||||
if (val) {
|
||||
this.getcaseApply(this.queryParamsData)
|
||||
}
|
||||
},
|
||||
payVisible(val) {
|
||||
if (val) {
|
||||
this.submitForm.payOrderList = []
|
||||
this.paySelect = 1;
|
||||
this.fileList = [];
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/upload";
|
||||
},
|
||||
beforeUpload(flie, fileList) {
|
||||
this.fileList = fileList;
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
(this.submitForm.payOrderList = []),
|
||||
fileList.forEach((item) => {
|
||||
console.log(item.response.data, "item");
|
||||
this.submitForm.payOrderList.push({ annexId: item.response.data.annexId, annexName: item.response.data.annexName });
|
||||
});
|
||||
},
|
||||
// 文件上传成功
|
||||
handlSuccess(res, file) {
|
||||
this.submitForm.payOrderList.push({
|
||||
annexId: res.data.annexId,
|
||||
annexName: res.data.annexName
|
||||
});
|
||||
},
|
||||
//选择支付方式(线上,线下)
|
||||
changPayType(data) {
|
||||
if (data == 1) {
|
||||
document.getElementById("qrcodeImg").innerHTML = "";
|
||||
this.payMain = ""
|
||||
}
|
||||
this.submitForm.payType = data;
|
||||
},
|
||||
pay(val) {
|
||||
if (this.form.totalFee == 0 || !this.form.totalFee) {
|
||||
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.form.totalFee,
|
||||
caseIds: this.batchData,
|
||||
tradeType: "native",
|
||||
platform: payType,
|
||||
}).then((res) => {
|
||||
this.paySrc = res.data.code_url;
|
||||
this.qrcode(this.paySrc);
|
||||
});
|
||||
},
|
||||
// 生成二维码
|
||||
qrcode(url) {
|
||||
// 前端根据 URL 生成微信支付二维码
|
||||
document.getElementById("qrcodeImg").innerHTML = "";
|
||||
return new QRCode("qrcodeImg", {
|
||||
width: 200,
|
||||
height: 200,
|
||||
text: url,
|
||||
colorDark: "#000",
|
||||
colorLight: "#fff",
|
||||
});
|
||||
},
|
||||
submitUpload() {
|
||||
if (this.fileList.length < 1) {
|
||||
this.$modal.msgError("请上传缴费凭证");
|
||||
return
|
||||
}
|
||||
this.submitForm.caseIds = this.batchData;
|
||||
console.log(this.submitForm,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
|
||||
confirmPayDig(this.submitForm).then(res => {
|
||||
this.$modal.msgSuccess("成功");
|
||||
this.payCancel();
|
||||
this.getcaseApply(this.queryParamsData);
|
||||
})
|
||||
},
|
||||
// 选择勾选框
|
||||
handleSelectionChange(val) {
|
||||
this.batchData = [];
|
||||
val.forEach(item => {
|
||||
this.batchData.push(item.id)
|
||||
})
|
||||
},
|
||||
payCancel() {
|
||||
this.payVisible = false;
|
||||
this.payMain = "";
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelOperate");
|
||||
},
|
||||
// 批量操作
|
||||
submitBatch() {
|
||||
if (this.operateStatus == 0) {
|
||||
this.submitCaseApplyFn({ ids: this.batchData })
|
||||
} else if (this.operateStatus == 1) {
|
||||
this.removeCaseApplyFn({ ids: this.batchData })
|
||||
} else if (this.operateStatus == 2) {
|
||||
this.submitCaseApplicationCheckFn({ ids: this.batchData, agreeOrNotCheck: this.radio })
|
||||
} else if (this.operateStatus == 3) {
|
||||
this.adjudicationCaseFileFn({ ids: this.batchData })
|
||||
} else if (this.operateStatus == 4) {
|
||||
// this.adjudicationCaseFileFn({ ids: this.batchData })
|
||||
this.writtenHearFn({ ids: this.batchData })
|
||||
} else if (this.operateStatus == 5) {
|
||||
// this.adjudicationCaseFileFn({ ids: this.batchData })
|
||||
// this.writtenHearFn({ids: this.batchData})
|
||||
}
|
||||
},
|
||||
// 批量缴费弹窗
|
||||
submitPay() {
|
||||
this.payVisible = true;
|
||||
this.getPayDetailFn({ caseIds: this.batchData })
|
||||
},
|
||||
// 查询缴费信息
|
||||
getPayDetailFn(params) {
|
||||
getPayDetail(params).then(res => {
|
||||
this.form = res.data;
|
||||
document.getElementById("qrcodeImg").innerHTML = "";
|
||||
})
|
||||
},
|
||||
// 批量提交
|
||||
submitCaseApplyFn(data) {
|
||||
submitCaseApply(data).then(res => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
},
|
||||
// 批量删除
|
||||
removeCaseApplyFn(data) {
|
||||
removeCaseApply(data).then(res => {
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
},
|
||||
// 批量立案审查
|
||||
submitCaseApplicationCheckFn(data) {
|
||||
submitCaseApplicationCheck(data).then(res => {
|
||||
this.$modal.msgSuccess("立案审查成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
},
|
||||
//批量归档
|
||||
adjudicationCaseFileFn(data) {
|
||||
adjudicationCaseFile(data).then(res => {
|
||||
this.$modal.msgSuccess("归档成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
},
|
||||
// 批量生成裁决书
|
||||
writtenHearFn(data) {
|
||||
writtenHear(data).then(res => {
|
||||
this.$modal.msgSuccess("生成成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
})
|
||||
},
|
||||
/** 查询列表 */
|
||||
getcaseApply(val) {
|
||||
this.loading = true;
|
||||
if (this.operateStatus == 0) {
|
||||
this.queryParamsData.caseStatus = 0
|
||||
} else if (this.operateStatus == 1) {
|
||||
this.queryParamsData.caseStatus = 0
|
||||
} else if (this.operateStatus == 2) {
|
||||
this.queryParamsData.caseStatus = 1
|
||||
} else if (this.operateStatus == 3) {
|
||||
this.queryParamsData.caseStatus = 16
|
||||
} else if (this.operateStatus == 4) {
|
||||
this.queryParamsData.caseStatus = 9
|
||||
} else if (this.operateStatus == 5) {
|
||||
this.queryParamsData.caseStatus = 11
|
||||
} else if (this.operateStatus == 6) {
|
||||
this.queryParamsData.caseStatus = 2
|
||||
}
|
||||
caseApply(val).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.radiobox {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.paySelectType {
|
||||
margin: 20px 0 20px 0;
|
||||
}
|
||||
|
||||
.payupload {
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.payImg {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.payTitle {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog__body{
|
||||
max-height: 600px;
|
||||
overflow-y: scroll;
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -1,268 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="payTitle" :visible="openPay" @close="payCancel" width="800px" append-to-body
|
||||
:destroy-on-close="true" center>
|
||||
<el-descriptions title="订单信息">
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
form.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人">{{
|
||||
form.applicantName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
form.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件应缴费用">{{
|
||||
form.feePayable
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="被申请人">{{
|
||||
form.respondentName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件状态">
|
||||
<el-tag size="mini" type='danger' effect="dark">
|
||||
{{ form.caseStatusName }}
|
||||
</el-tag>
|
||||
</el-descriptions-item>
|
||||
<!-- <el-descriptions-item label="申请人仲裁诉求">{{
|
||||
form.arbitratClaims
|
||||
}}</el-descriptions-item> -->
|
||||
<!-- <el-descriptions-item label="案件理由">{{
|
||||
form.facts
|
||||
}}</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 v-if="form.payRejectReason">
|
||||
<span>驳回原因:</span>
|
||||
<div style="width:95%;">{{ form.payRejectReason }}</div>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
|
||||
<el-button @click="submitUpload" class="endbutton" :loading="loadingSubmit"><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", "form", "payForm", "queryParams","payId"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
// 支付文字
|
||||
payMain: "",
|
||||
timer: null,
|
||||
paySelect: 1,//支付线上/线下
|
||||
loadingSubmit: false,
|
||||
fileList: [],
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
annexType: 8,
|
||||
},
|
||||
submitForm:{
|
||||
payType:1,
|
||||
payOrderList:[],
|
||||
caseId:null
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/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.data.annexId,
|
||||
annexName:res.data.annexName
|
||||
});
|
||||
},
|
||||
submitUpload() {
|
||||
if (this.fileList.length < 1) {
|
||||
this.$modal.msgError("请上传缴费凭证");
|
||||
return
|
||||
}
|
||||
this.loadingSubmit = true;
|
||||
confirmPayDig(this.submitForm).then(res=>{
|
||||
this.$modal.msgSuccess("成功");
|
||||
this.payCancel()
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
}).catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
(this.submitForm.payOrderList = []),
|
||||
fileList.forEach((item) => {
|
||||
console.log(item.response.data,"item");
|
||||
this.submitForm.payOrderList.push({ annexId:item.response.data.annexId,annexName:item.response.data.annexName });
|
||||
});
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(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,
|
||||
caseIds: [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.caseIds = [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>
|
||||
@@ -1,164 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
|
||||
<el-form ref="form" :model="form" label-width="120px">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input v-model="form.caseNum" placeholder="" :disabled="true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input v-model="form.caseSubjectAmount" :disabled="true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="缴费人：" prop="applicantName">
|
||||
<el-input v-model="form.applicantName" placeholder="" :disabled="true" />
|
||||
</el-form-item>
|
||||
<el-form-item label="缴费金额：" prop="feePayable">
|
||||
<el-input v-model="form.feePayable" :disabled="true" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="缴费截图：" prop="respondent">
|
||||
<el-input v-model="form.Respondent" placeholder="" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="案件状态：" prop="caseStatusName">
|
||||
<!-- <el-input v-model="form.caseStatusName" placeholder="" /> -->
|
||||
<el-tag>{{ form.caseStatusName }}</el-tag>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="支付状态：" prop="paymentStatusName">
|
||||
<el-tag effect="dark" type="success">
|
||||
{{ form.paymentStatusName }}
|
||||
</el-tag>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="缴费凭证：" prop="caseStatusName">
|
||||
<div style="color: #104fad; cursor: pointer" v-for="(item, index) in form.caseAttachList" :key="index"
|
||||
@click="preview(item.annexPath)">
|
||||
<span v-if="item.annexType == 8">{{ item.annexName }}</span>
|
||||
</div>
|
||||
<!-- <el-tag>{{ form.caseStatusName }}</el-tag> -->
|
||||
</el-form-item>
|
||||
<!-- 判断缴费是否通过 -->
|
||||
<el-form-item label="是否缴费通过：" v-if="flag == 0">
|
||||
<el-radio-group v-model="agreeOrNotCheck">
|
||||
<el-radio :label="1">同意</el-radio>
|
||||
<el-radio :label="0">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 缴费驳回原因-->
|
||||
<el-form-item label="拒绝原因：" v-if="agreeOrNotCheck == 0" prop="caseCheckReject" :rules="[
|
||||
{ required: true, message: '请输入驳回原因', trigger: 'blur' },
|
||||
]">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.caseCheckReject"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
|
||||
:loading="loadingSubmit">确认已缴费</el-button>
|
||||
<el-button @click="cancel" class="endbutton1">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { confirmPay } from "@/api/pay/pay";
|
||||
export default {
|
||||
props: ["openDialog", "title", "flag", "detailform", "queryParams", "getcaseApply"],
|
||||
data() {
|
||||
return {
|
||||
// key: value
|
||||
form: {},
|
||||
srcList: [],
|
||||
agreeOrNotCheck: 1,
|
||||
loadingSubmit: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
detailform: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.form = val;
|
||||
console.log(val)
|
||||
}
|
||||
},
|
||||
},
|
||||
openDialog: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
this.agreeOrNotCheck = 1;
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
preview(data) {
|
||||
window.open(window.location.origin + "/API" + data, "_blank");
|
||||
},
|
||||
// 确认缴费
|
||||
submitForm() {
|
||||
let paramsVal = {
|
||||
ids: [this.form.id],
|
||||
agreeOrNotCheck: this.agreeOrNotCheck,
|
||||
caseCheckReject: this.form.caseCheckReject
|
||||
}
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
confirmPay(paramsVal).then((res) => {
|
||||
this.$message({
|
||||
message: "确认成功",
|
||||
type: "success",
|
||||
});
|
||||
this.loadingSubmit = false;
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
}).catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
this.cancel();
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("cancelpaymentdetails");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 50%;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 124px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 32px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
// line-height: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 124px;
|
||||
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>
|
||||
@@ -1,147 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="修改开庭时间"
|
||||
:visible="timeVisable"
|
||||
@close="cancel"
|
||||
center
|
||||
:distroy-on-close="true"
|
||||
>
|
||||
<el-descriptions title="案件内容" :column="2" border>
|
||||
<el-descriptions-item label="案件编号">{{
|
||||
timeData.caseNum
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="申请人(机构)">{{
|
||||
timeData.applicantName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件标的">{{
|
||||
timeData.caseSubjectAmount
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="案件状态">
|
||||
<el-tag size="small">{{ timeData.caseStatusName }}</el-tag>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="仲裁方式">{{
|
||||
timeData.arbitratMethodName
|
||||
}}</el-descriptions-item>
|
||||
<el-descriptions-item label="开庭时间">
|
||||
<el-date-picker
|
||||
v-model="loanStartDate"
|
||||
:picker-options="pickerOptions"
|
||||
type="datetime"
|
||||
placeholder="开庭时间"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
<el-button @click="submitTime" class="endbutton1" :loading="loadingSubmit"
|
||||
><span>提 交</span></el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<!-- hearDate -->
|
||||
<script>
|
||||
import { updateHeardate } from "@/api/caseManagement/caseManagement";
|
||||
import { getToken } from "@/utils/auth";
|
||||
import {
|
||||
createRoomId,
|
||||
reservedConference,
|
||||
sendRoomNoMessage,
|
||||
} from "@/api/meeting/index";
|
||||
import moment from "moment";
|
||||
export default {
|
||||
props: ["timeVisable", "timeData", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
loanStartDate: "",
|
||||
loadingSubmit: false,
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return time.getTime() <= Date.now() - 1 * 24 * 3600 * 1000; // 禁用超过当前时间的日期
|
||||
},
|
||||
selectableRange: `${new Date()}- 23:59:59`, //这
|
||||
},
|
||||
roomId: null,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
timeVisable(val) {
|
||||
if (val) {
|
||||
// this.getEvidenceList({ caseAppliId: this.timeData.id, annexTypeList: "2" })
|
||||
this.loanStartDate = this.timeData.hearDate;
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelTime");
|
||||
},
|
||||
// 获取房间号
|
||||
async createRoomIdFn(data) {
|
||||
await createRoomId(data).then((res) => {
|
||||
this.roomId = res.data;
|
||||
});
|
||||
},
|
||||
// 预约会议
|
||||
async reservedConferenceFn(data) {
|
||||
await reservedConference(data).then((res) => {
|
||||
console.log(res, "PPPPPPPPPPPPPPPPPPPPPPPPP");
|
||||
});
|
||||
},
|
||||
// 提交时间
|
||||
async updateHeardateFn(data) {
|
||||
await updateHeardate(data).then((res) => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.cancel();
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.loadingSubmit = false;
|
||||
}).catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});;
|
||||
},
|
||||
// 发送房间号短信
|
||||
async sendRoomNoMessageFn(data) {
|
||||
sendRoomNoMessage(data).then((res) => {});
|
||||
},
|
||||
async submitTime() {
|
||||
if (!this.loanStartDate) {
|
||||
this.$message.error("请您选择开庭时间");
|
||||
return;
|
||||
} else {
|
||||
this.loadingSubmit = true;
|
||||
this.loanStartDate = moment(this.loanStartDate).format(
|
||||
"YYYY-MM-DD HH:mm:ss"
|
||||
);
|
||||
await this.createRoomIdFn({ caseId: this.timeData.id });
|
||||
await this.reservedConferenceFn({
|
||||
caseId: this.timeData.id,
|
||||
roomId: this.roomId,
|
||||
scheduleStartTime: this.loanStartDate,
|
||||
});
|
||||
await this.updateHeardateFn({
|
||||
id: this.timeData.id,
|
||||
hearDate: this.loanStartDate,
|
||||
});
|
||||
await this.sendRoomNoMessageFn({
|
||||
id: this.timeData.id,
|
||||
roomNo: this.roomId,
|
||||
scheduleStartTime: this.loanStartDate,
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
@@ -1,705 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="true">
|
||||
<el-form ref="form" :model="formData" label-width="180px">
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人：" prop="applicantName">
|
||||
<el-input v-model="formData.applicantName" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人：" prop="respondentName">
|
||||
<el-input v-model="formData.respondentName" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="逾期天数：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入逾期天数"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁费用：" prop="feePayable">
|
||||
<el-input v-model="formData.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="案件顾问：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件状态：" prop="caseStatus">
|
||||
<el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁员：" prop="arbitratorName">
|
||||
<el-input v-model="formData.arbitratorName" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开庭日期：" prop="hearDate">
|
||||
<el-date-picker v-model="formData.hearDate" type="datetime" placeholder="开庭日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="案件资料：" prop="claimPrinciOwed">
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人案件证据：">
|
||||
<div v-if="applicateArr.length == 0">申请人暂未提供证据！</div>
|
||||
<div v-else v-for="(item, index) in applicateArr" :key="index">
|
||||
<a href="#" @click="toFile(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="被申请人案件证据：">
|
||||
<div v-if="quiltArr.length == 0">被申请人暂未提供证据！</div>
|
||||
<div v-for="(item, index) in quiltArr" :key="index">
|
||||
<a href="#" @click="toFile1(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决书:">
|
||||
<div v-if="awardArr.length == 0">裁决书暂未提供！</div>
|
||||
<div v-for="(item, index) in awardArr" :key="index">
|
||||
<a href="#" @click="awardToFile(item.onlyOfficeFileId)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="recordArr.length > 0">
|
||||
<el-form-item label="庭审笔录：">
|
||||
<div v-for="(item, index) in recordArr" :key="index" style="color: blue">
|
||||
<a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="预约会议房间号：">
|
||||
<div>{{ roomId }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="开庭时间：">
|
||||
<div>{{ startTime }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="submitFlag">
|
||||
<el-form-item label="上传裁决书:">
|
||||
<el-upload class="upload-demo" accept=".doc,.docx" ref="upload" :action="UploadUrls()" :headers="headers"
|
||||
:data="filedatas" :before-remove="beforeRemoves" :limit="2" :on-change="beforeUpload"
|
||||
:on-success="handlSuccessAw" :file-list="fileListAw" :before-upload="beforeAvatarUploads">
|
||||
<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">
|
||||
只能上传.doc，docx文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="submitFlag">
|
||||
<el-form-item label="上传庭审笔录:">
|
||||
<el-upload class="upload-demo" ref="fileupload" accept=".doc,.docx" :action="UploadUrlsT()"
|
||||
:on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
|
||||
:before-remove="beforeRemove" :headers="headers" :data="filedata" multiple :limit="3"
|
||||
:on-exceed="handleExceed" :before-upload="beforeAvatarUpload" :file-list="fileList">
|
||||
<el-button type="primary" size="small">选择文件</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
文件支持上传.doc，docx文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- </el-form> -->
|
||||
</el-form>
|
||||
<el-button @click="openmeeting" type="primary">发起会议</el-button>
|
||||
<el-button @click="openArbitrationresults" type="primary"
|
||||
v-if="this.awardArr.length <= 0 && submitFlag">确认会议结果</el-button>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button class="endbutton" :disabled="(showsubmit && recordArr.length == 0) || form2.isAbsence == 1
|
||||
" @click="submitResults" :loading="loadingSub" v-if="submitFlag">提交</el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog title="庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
|
||||
<el-form ref="form2" :model="form2" label-width="150px">
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="form2.isAbsence">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="form2.appliIsAbsen">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="form2.isAbsence">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="被申请人对上述材料的质证意见" prop="respondentOpinion">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.respondentOpinion" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人对上述材料的质证意见" prop="applicantOpinion">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.applicantOpinion" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="查明本案事实" prop="caseFacts">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.caseFacts" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="本案争议焦点" prop="caseFocus">
|
||||
<el-input type="textarea" :autosize="{ minRows: 6 }" v-model="form2.caseFocus" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.evidenDetermi">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="综上所述：" prop="caseSketch" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="submitForm" class="endbutton" :loading="loadingSubmit">
|
||||
<span>确定</span></el-button>
|
||||
<el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getToken } from "@/utils/auth";
|
||||
import { getUserProfile } from "@/api/system/user";
|
||||
import { selectCaseApply } from "@/api/caseAccess/caseEntry";
|
||||
import {
|
||||
writtenHear,
|
||||
creatTrialRecord,
|
||||
creatTrialRecordnew,
|
||||
document,
|
||||
changeCaseStatus,
|
||||
secretaryRoleByUserId
|
||||
} from "@/api/caseManagement/caseManagement.js";
|
||||
import { reserveConferenceList } from "@/api/meeting/index.js";
|
||||
export default {
|
||||
props: ["showtrialincourt", "adjudicatename", "form", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
submitFlag: false,
|
||||
formData: {},
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
annexType: 7,
|
||||
id: null,
|
||||
},
|
||||
filedatas: {
|
||||
annexType: 3,
|
||||
officeFlag: 1,
|
||||
caseId: null
|
||||
},
|
||||
upLife: "",
|
||||
user: "",
|
||||
userId: 1,
|
||||
showArbitrationresults: false,
|
||||
form2: {
|
||||
isAbsence: 0,
|
||||
appliIsAbsen: 0,
|
||||
},
|
||||
applicateArr: [], //申请人案件资料
|
||||
quiltArr: [], //被申请人案件资料
|
||||
awardArr: [], //裁决书案件资料
|
||||
recordArr: [], //笔录附件
|
||||
showsubmit: true, //生成庭审笔录，方可提交
|
||||
annexName: "", //笔录文件名
|
||||
annexPath: "", //笔录文件地址
|
||||
roomId: null,
|
||||
startTime: "",
|
||||
fileList: [],
|
||||
fileListAw: [],
|
||||
loadingSubmit: false,
|
||||
loadingSub: false,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
showtrialincourt: {
|
||||
handler(val) {
|
||||
if (val) {
|
||||
let val = {
|
||||
id: this.form.id,
|
||||
version: this.form.version,
|
||||
};
|
||||
selectCaseApply(val).then(res => {
|
||||
this.formData = res.data;
|
||||
})
|
||||
this.reserveConferenceListFn({ caseId: this.form.id });
|
||||
this.getUser();
|
||||
// this.formData = this.form;
|
||||
console.log(this.formData);
|
||||
this.applicateArr = [];
|
||||
this.quiltArr = [];
|
||||
this.awardArr = [];
|
||||
this.recordArr = [];
|
||||
setTimeout(() => {
|
||||
console.log(this.formData);
|
||||
if (this.formData.caseAttachList.length > 0) {
|
||||
this.formData.caseAttachList.forEach((item) => {
|
||||
// 申请人案件附件
|
||||
if (item.annexType == 2) {
|
||||
this.applicateArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
// 被申请人案件附件
|
||||
if (item.annexType == 6) {
|
||||
this.quiltArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
// 笔录生成附件
|
||||
if (item.annexType == 7) {
|
||||
this.recordArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
//裁决书附件
|
||||
if (item.annexType == 3) {
|
||||
this.awardArr.push(item);
|
||||
}
|
||||
});
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
created() { },
|
||||
methods: {
|
||||
// 根据案件id和用户id查询当前登陆人是否为仲裁员
|
||||
secretaryRoleByUserIdFn(data) {
|
||||
secretaryRoleByUserId(data).then(res => {
|
||||
this.submitFlag = res.data.isSecretaryRole;
|
||||
})
|
||||
},
|
||||
// 根据案件id查询会议号
|
||||
reserveConferenceListFn(data) {
|
||||
reserveConferenceList(data).then((res) => {
|
||||
this.roomId = res.data[0].roomId;
|
||||
this.startTime = res.data[0].scheduleStartTime;
|
||||
});
|
||||
},
|
||||
// 详情显示，展示申请人案件文件
|
||||
toFile(item, index) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + this.applicateArr[index].annexPath,
|
||||
"_black"
|
||||
);
|
||||
},
|
||||
// 被申请人文件
|
||||
toFile1(item, index) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + this.quiltArr[index].annexPath,
|
||||
"_black"
|
||||
);
|
||||
},
|
||||
//裁决书文件
|
||||
awardToFile(item) {
|
||||
// window.open(
|
||||
// window.location.origin + "/API" + this.awardArr[index].annexPath,
|
||||
// "_black"
|
||||
// );
|
||||
if (this.checkPermi(['caseManagement:list:editOffice'])) {
|
||||
this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 1 } })
|
||||
} else {
|
||||
this.$router.push({ path: '/onlyoffice', query: { id: item, flag: 0 } })
|
||||
}
|
||||
},
|
||||
// 庭审笔录附件
|
||||
toFile2(item, index) {
|
||||
window.open(
|
||||
window.location.origin + "/API" + this.recordArr[index].annexPath,
|
||||
"_black"
|
||||
);
|
||||
},
|
||||
getUser() {
|
||||
getUserProfile().then((response) => {
|
||||
this.user = response.data.userName;
|
||||
this.userId = response.data.userId;
|
||||
this.secretaryRoleByUserIdFn({ caseId: this.form.id, userId: this.userId })
|
||||
});
|
||||
},
|
||||
// 打开会议
|
||||
openmeeting() {
|
||||
window.open(
|
||||
// `http://localhost:8081/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}`
|
||||
// `https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}`
|
||||
`https://txroom.xayunmei.com/#/home?name=${this.user}&id=${this.formData.id}&userId=${this.userId}&roomId=${this.roomId}&type=zhongcai&token=${getToken()}`
|
||||
);
|
||||
},
|
||||
// 提交仲裁结果
|
||||
openArbitrationresults() {
|
||||
this.showArbitrationresults = true;
|
||||
|
||||
},
|
||||
closeArbitrationresults() {
|
||||
this.showArbitrationresults = false;
|
||||
},
|
||||
// 提交庭审笔录弹框结果
|
||||
submitForm() {
|
||||
this.$refs["form2"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.loadingSubmit = true;
|
||||
creatTrialRecordnew({
|
||||
caseAppliId: this.formData.id,
|
||||
isAbsence: this.form2.isAbsence,
|
||||
appliIsAbsen: this.form2.appliIsAbsen,
|
||||
respondentOpinion: this.form2.respondentOpinion,
|
||||
applicantOpinion: this.form2.applicantOpinion,
|
||||
})
|
||||
.then((res) => {
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
this.showsubmit = false;
|
||||
this.closeArbitrationresults();
|
||||
console.log(this.form2);
|
||||
this.form2.respondentOpinion = "";
|
||||
this.form2.applicantOpinion = "";
|
||||
this.loadingSubmit = false;
|
||||
let val = {
|
||||
id: this.form.id,
|
||||
version: this.form.version,
|
||||
};
|
||||
this.awardArr = [];
|
||||
selectCaseApply(val).then((res) => {
|
||||
this.formData.caseAttachList = res.data.caseAttachList;
|
||||
this.formData.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 3) {
|
||||
this.awardArr.push(item);
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loadingSubmit = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("canceltrialincourt");
|
||||
},
|
||||
// 提交开庭审理结果
|
||||
submitResults() {
|
||||
if (this.fileList.length == 0 && this.recordArr.length == 0) {
|
||||
this.$message({
|
||||
showClose: true,
|
||||
message: "请先上传案件笔录",
|
||||
type: "warning",
|
||||
});
|
||||
} else {
|
||||
this.loadingSub = true;
|
||||
let id = this.formData.id;
|
||||
changeCaseStatus({
|
||||
id: id,
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.$emit("getcaseApply", this.queryParams);
|
||||
this.cancel();
|
||||
this.loadingSub = false
|
||||
this.fileList = [];
|
||||
}
|
||||
}).catch((err) => {
|
||||
this.loadingSub = false
|
||||
});
|
||||
}
|
||||
},
|
||||
// 文件上传成功
|
||||
handlSuccess(res, file) {
|
||||
// this.fileList.push(file);
|
||||
let val = {
|
||||
id: this.form.id,
|
||||
version: this.form.version,
|
||||
};
|
||||
this.recordArr = [];
|
||||
selectCaseApply(val).then((res) => {
|
||||
this.formData.caseAttachList = res.data.caseAttachList;
|
||||
this.formData.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 7) {
|
||||
this.recordArr.push({
|
||||
annexName: item.annexName,
|
||||
annexPath: item.annexPath,
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
|
||||
},
|
||||
// 文件列表移除文件时的钩子
|
||||
handleRemove(file, fileList) { },
|
||||
handlePreview(file) { },
|
||||
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
|
||||
beforeRemove(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
// 文件超出个数限制时的钩子
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
beforeAvatarUpload(file) {
|
||||
this.filedata.id = this.formData.id;
|
||||
},
|
||||
// 上传裁决书
|
||||
UploadUrls() {
|
||||
return window.location.origin + "/API/video/upload";
|
||||
},
|
||||
UploadUrlsT() {
|
||||
return window.location.origin + "/API/evidence/uploadRecord";
|
||||
},
|
||||
beforeRemoves(file, fileList) {
|
||||
return this.$confirm(`确定移除 ${file.name}？`);
|
||||
},
|
||||
beforeUpload(flie, fileList) {
|
||||
// this.fileList = fileList;
|
||||
},
|
||||
// 上传文件成功
|
||||
handlSuccessAw(res, file) {
|
||||
// this.fileListAw.push(file);
|
||||
let val = {
|
||||
id: this.form.id,
|
||||
version: this.form.version,
|
||||
};
|
||||
this.awardArr = [];
|
||||
selectCaseApply(val).then((res) => {
|
||||
this.formData.caseAttachList = res.data.caseAttachList;
|
||||
this.formData.caseAttachList.forEach(item => {
|
||||
if (item.annexType == 3) {
|
||||
this.awardArr.push(item);
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
},
|
||||
beforeAvatarUploads() {
|
||||
this.filedatas.caseId = this.formData.id;
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-dialog {
|
||||
width: 900px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #488de2;
|
||||
border-radius: 19px;
|
||||
color: #ffffff;
|
||||
|
||||
span {
|
||||
width: 96px;
|
||||
height: 15px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
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;
|
||||
// }
|
||||
}
|
||||
|
||||
.caseInfo {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
@@ -1,137 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="上传证据目录" :visible="uploadCaseVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<el-upload class="upload-demo" :before-upload="beforeUpload" ref="upload" accept=".zip"
|
||||
action="https://jsonplaceholder.typicode.com/posts/" :action="UploadUrl()" :headers="headers"
|
||||
:data="filedata" :on-preview="handlePreview" :on-remove="handleRemove" :on-success="handleSuccess"
|
||||
:file-list="fileList" :auto-upload="false">
|
||||
<el-button slot="trigger" size="small" type="primary" :disabled="flagBtn">选取文件</el-button>
|
||||
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload"
|
||||
:disabled="flagBtn">上传压缩包</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
<div>结构示例</div>
|
||||
<el-tree :data="dataTip"></el-tree>
|
||||
<div>说明:1、压缩包目录结构为三级目录，
|
||||
2、第2级目录名称应为“申请书”或“证据材料”。</div>
|
||||
</div>
|
||||
</el-upload>
|
||||
<div class="title">证据目录结构</div>
|
||||
<el-tree :data="data" @node-click="handleNodeClick"></el-tree>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<!-- hearDate -->
|
||||
<script>
|
||||
import { evidenceTree } from '@/api/caseAccess/caseEntry.js'
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["uploadCaseVisable", "uploadCaseData"],
|
||||
data() {
|
||||
return {
|
||||
fileList: [],
|
||||
data: [],
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
id: this.uploadCaseData.id
|
||||
},
|
||||
flagBtn: false,
|
||||
dataTip: [{
|
||||
label: '压缩包名称',
|
||||
children: [{
|
||||
label: '申请书',
|
||||
children: [{
|
||||
label: '申请书名称.pdf'
|
||||
}]
|
||||
}, {
|
||||
label: '证据材料',
|
||||
children: [{
|
||||
label: '证据1.pdf'
|
||||
}, {
|
||||
label: '证据2.pdf'
|
||||
}]
|
||||
}]
|
||||
},],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
uploadCaseVisable(val) {
|
||||
if (val) {
|
||||
this.evidenceTreeFn({ caseId: this.uploadCaseData.id })
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/caseApplication/uploadZipFile";
|
||||
},
|
||||
cancel() {
|
||||
this.$emit("uploadCaseCancel");
|
||||
},
|
||||
submitUpload() {
|
||||
this.filedata.id = this.uploadCaseData.id
|
||||
this.$refs.upload.submit();
|
||||
},
|
||||
handleRemove(file, fileList) {
|
||||
console.log(file, fileList);
|
||||
},
|
||||
handlePreview(file) {
|
||||
console.log(file);
|
||||
},
|
||||
handleNodeClick(data) {
|
||||
console.log(data);
|
||||
let headPath = window.location.origin + "/API";
|
||||
if(data.annexPath){
|
||||
window.open(headPath + data.annexPath, "_blank")
|
||||
}
|
||||
},
|
||||
// 递归替换key
|
||||
setData(data) {
|
||||
data.forEach((val, i) => {
|
||||
val.label = val.evidenceName
|
||||
this.setData(val.children)
|
||||
})
|
||||
},
|
||||
// 获取证据目录
|
||||
evidenceTreeFn(data) {
|
||||
evidenceTree(data).then(res => {
|
||||
this.setData(res.data);
|
||||
this.data = res.data;
|
||||
if (this.data.length > 0) {
|
||||
this.flagBtn = true;
|
||||
} else {
|
||||
this.flagBtn = false;
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSuccess() {
|
||||
this.evidenceTreeFn({ caseId: this.uploadCaseData.id })
|
||||
},
|
||||
beforeUpload(file) {
|
||||
console.log(file.type);
|
||||
const isZip = file.type === 'application/x-zip-compressed'
|
||||
if (!isZip) {
|
||||
this.$message.error('只能上传zip格式的文件')
|
||||
}
|
||||
return isZip
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.el-upload__tip {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
@@ -1,74 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
|
||||
<div>
|
||||
<el-steps class="steps" :active="caseStatus">
|
||||
<!-- <el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :key="index" :description="(item.createNickName || '') +(item.caseNodeTime || '')+(item.nextRoleName || '')"></el-step> -->
|
||||
<el-step :title="item.caseNodeName || item.content" v-for="(item,index) in pageData.allCasenode" :key="index">
|
||||
<template slot="description">
|
||||
<p>{{item.createNickName || ''}}{{item.caseNodeTime || ''}}</p>
|
||||
<p>{{item.currentRoleName}}</p>
|
||||
<p>{{item.nextRoleName || ''}}</p>
|
||||
</template>
|
||||
</el-step>
|
||||
|
||||
</el-steps>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {selectCaseProgress} from '@/api/caseManagement/caseManagement'
|
||||
export default {
|
||||
props: ["processVisable","processData"],
|
||||
data() {
|
||||
return {
|
||||
processId:null,
|
||||
pageData:{},
|
||||
caseStatus:0
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
processVisable(val){
|
||||
if(val){
|
||||
this.processId = this.processData.id;
|
||||
this.selectCaseProgressFn({id:this.processId});
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelViewProcess");
|
||||
},
|
||||
selectCaseProgressFn(data){
|
||||
selectCaseProgress(data).then(res=>{
|
||||
this.pageData = res.data.data;
|
||||
let allCasenode = res.data.data.allCasenode;
|
||||
console.log(allCasenode)
|
||||
allCasenode.forEach((item,index) => {
|
||||
if(item.caseNode==res.data.data.caseStatus){
|
||||
this.caseStatus = index
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.steps{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
::v-deep .el-step{
|
||||
// width: 150px;
|
||||
flex-basis:25% !important;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,140 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="邮件内容" :visible="emailVidable" @close="cancel" center :distroy-on-close="true">
|
||||
<div>
|
||||
<el-form>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮件主题：" label-width="100px">
|
||||
<div>{{ emailRow.mailSubject }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="收件人：" label-width="100px">
|
||||
<div>{{ emailRow.mailAddress }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发件人：" label-width="100px">
|
||||
<div>{{ emailRow.mailFromAddress }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮件附件：" label-width="100px">
|
||||
<div style="color: blue; cursor: pointer" v-for="(item, index) in emailRow.caseAttachList"
|
||||
:key="index" @click="viewAttachments(item.annexPath)">
|
||||
{{ item.annexName }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="附件上传：" label-width="100px">
|
||||
<el-upload class="upload-demo" accept=".doc,.docx,.pdf" ref="upload" :action="UploadUrl()"
|
||||
:headers="headers" :data="filedata" :on-preview="handlePreview"
|
||||
:on-remove="handleRemove" :limit="1" :on-change="beforeUpload"
|
||||
:on-success="handlSuccess" :file-list="fileList">
|
||||
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
只能上传.doc，docx，pdf文件
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="邮件正文：" label-width="100px">
|
||||
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="sendData"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
|
||||
<el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
updateSendContent,
|
||||
update,
|
||||
} from "@/api/deliveryRecord/deliveryRecord.js";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
props: ["emailVidable", "emailRow", "queryParams"],
|
||||
data() {
|
||||
return {
|
||||
sendData: "",
|
||||
fileURL: window.location.origin + "/API",
|
||||
headers: {
|
||||
Authorization: "Bearer " + getToken(),
|
||||
},
|
||||
filedata: {
|
||||
annexType: 13,
|
||||
},
|
||||
fileList: [],
|
||||
files: [],
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
emailVidable(val) {
|
||||
if (val) {
|
||||
console.log(this.emailRow);
|
||||
this.sendData = this.emailRow.mailContent;
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelEmail");
|
||||
},
|
||||
submitSend() {
|
||||
console.log(this.emailRow.mailContent);
|
||||
let caseAttachListParms = {};
|
||||
if (this.files.annexId) {
|
||||
caseAttachListParms = {
|
||||
id: this.emailRow.id,
|
||||
mailContent: this.sendData,
|
||||
caseAttachList: [{ annexId: this.files.annexId }],
|
||||
}
|
||||
} else{
|
||||
caseAttachListParms = {
|
||||
id: this.emailRow.id,
|
||||
mailContent: this.sendData,
|
||||
caseAttachList: [],
|
||||
}
|
||||
}
|
||||
this.updateSendContentFn(caseAttachListParms);
|
||||
},
|
||||
updateSendContentFn(data) {
|
||||
update(data).then((res) => {
|
||||
this.$message.success("更新成功");
|
||||
this.$emit("cancelEmail");
|
||||
this.$emit("getList", this.queryParams);
|
||||
this.$refs.upload.clearFiles(); // 清除文件列表
|
||||
});
|
||||
},
|
||||
// 查看附件下载附件
|
||||
viewAttachments(val) {
|
||||
window.open(this.fileURL + val);
|
||||
},
|
||||
/**上传地址*/
|
||||
UploadUrl() {
|
||||
return window.location.origin + "/API/evidence/upload";
|
||||
},
|
||||
handlePreview(file) { },
|
||||
handleRemove(file, fileList) { },
|
||||
beforeUpload(flie, fileList) {
|
||||
|
||||
},
|
||||
handlSuccess(res, file) {
|
||||
const fileSuccess = [{ annexId: res.annexId, annexType: res.annexType, annexName: res.newFileName, annexPath: res.fileName, onlyOfficeFileId: res.onlyOfficeFileId }]
|
||||
// this.emailRow.caseAttachList = fileSuccess
|
||||
this.files = res
|
||||
console.log(res)
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -1,69 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="修改内容" :visible="resendVidable" v-if="resendVidable" @close="cancel" center
|
||||
:distroy-on-close="true">
|
||||
<div style="margin-bottom: 30px;"><span style="font-weight: bold;">发送内容:</span>{{ sendData }}</div>
|
||||
<el-form label-width="100px">
|
||||
<el-form-item v-for="(item,index) in rowData.templateParams" :label="item.paramName" :key="item.id">
|
||||
<el-input v-model="rowData.templateParams[index].paramValue" @input="changeContent"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
|
||||
<el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
updateSendContent,
|
||||
} from "@/api/deliveryRecord/deliveryRecord.js";
|
||||
export default {
|
||||
props: ["resendVidable", "rowData","queryParams"],
|
||||
data() {
|
||||
return {
|
||||
sendData:'',
|
||||
param:"",
|
||||
paramValue:""
|
||||
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
resendVidable(val){
|
||||
if(val){
|
||||
this.sendData = this.rowData.sendContent;
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
cancel() {
|
||||
this.$emit("cancelSend");
|
||||
},
|
||||
submitSend() {
|
||||
console.log(this.rowData)
|
||||
this.updateSendContentFn({
|
||||
id:this.rowData.id,
|
||||
templateParams:this.rowData.templateParams
|
||||
})
|
||||
},
|
||||
updateSendContentFn(data){
|
||||
updateSendContent(data).then(res=>{
|
||||
this.$message.success('更新成功');
|
||||
this.$emit("cancelSend");
|
||||
this.$emit('getList',this.queryParams);
|
||||
})
|
||||
},
|
||||
changeContent(){
|
||||
let templateContent = this.rowData.templateContent
|
||||
this.rowData.templateParams.forEach(item => {
|
||||
templateContent = templateContent.replace(item.param,item.paramValue)
|
||||
});
|
||||
this.sendData = templateContent
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -1,137 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="名称" align="center" prop="mailName" :show-overflow-tooltip="true" />
|
||||
<!-- <el-table-column label="证件号码" align="center" prop="caseNum" :show-overflow-tooltip="true" /> -->
|
||||
<el-table-column label="邮箱地址" align="center" prop="mailAddress" />
|
||||
<el-table-column label="发送时间" align="center" prop="sendTime" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="发送状态" align="center" prop="sendStatus" />
|
||||
<!-- <el-table-column label="文书类型" align="center" prop="hearDate" :show-overflow-tooltip="true" /> -->
|
||||
<!-- 缴费人 -->
|
||||
<!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
|
||||
<el-table-column label="内容" align="center" prop="mailContent"></el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" @click="emailEditing(scope.row)" icon="el-icon-s-promotion">邮箱编辑</el-button>
|
||||
<el-button v-if="scope.row.sendStatus == '未发送'" size="mini" type="text" @click="resendCounts(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<emailEdits :emailVidable="emailVidable" @cancelEmail="cancelEmail" @getList="getList" :queryParams="queryParams" :emailRow="emailRow"></emailEdits>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)" />
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
emailList,
|
||||
} from "@/api/deliveryRecord/deliveryRecord.js";
|
||||
import emailEdits from "./components/emailEdits.vue";
|
||||
import { getDicts } from '@/api/system/dict/data.js'
|
||||
export default {
|
||||
name: "paymentList",
|
||||
dicts: ["case_status"],
|
||||
components: {emailEdits},
|
||||
data() {
|
||||
return {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
caseStatus: [],
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 表格数据
|
||||
form: {},
|
||||
// 校验表单
|
||||
rules: {},
|
||||
dataList: [],
|
||||
emailVidable:false,
|
||||
emailRow:{},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
getDicts("case_status").then(res => {
|
||||
this.caseStatus = res.data;
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
// 邮箱编辑内容
|
||||
emailEditing(data){
|
||||
this.emailVidable = true
|
||||
this.emailRow = data;
|
||||
console.log(data)
|
||||
},
|
||||
// 重新发送
|
||||
resendCounts(row){
|
||||
if(row.sendStatus=='未发送'){
|
||||
row.sendStatus = 0
|
||||
}else if(row.sendStatus=='已发送'){
|
||||
row.sendStatus = 1
|
||||
}
|
||||
reSendMailRecord(row).then(res=>{
|
||||
console.log(res)
|
||||
this.$message.success('发送成功');
|
||||
this.getList(this.queryParams);
|
||||
})
|
||||
|
||||
},
|
||||
// 关闭弹窗
|
||||
cancelEmail(){
|
||||
this.emailVidable = false
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 查询列表数据
|
||||
getList(parms) {
|
||||
this.loading = true;
|
||||
emailList(parms).then((response) => {
|
||||
this.dataList = response.rows;
|
||||
this.dataList.forEach(item => {
|
||||
if (item.sendStatus == 0) {
|
||||
item.sendStatus = "未发送"
|
||||
} else if (item.sendStatus == 1) {
|
||||
item.sendStatus = "已发送"
|
||||
} else {
|
||||
item.sendStatus = "未发送"
|
||||
}
|
||||
})
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user