Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into gyj
This commit is contained in:
gyj
@@ -1,3 +1,30 @@
|
|||||||
# Mediation-Frontend
|
## 开发
|
||||||
|
|
||||||
调解系统PC端服务
|
```bash
|
||||||
|
# 克隆项目
|
||||||
|
git clone https://gitee.com/y_project/RuoYi-Vue
|
||||||
|
|
||||||
|
# 进入项目目录
|
||||||
|
cd ruoyi-ui
|
||||||
|
|
||||||
|
# 安装依赖
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
|
||||||
|
npm install --registry=https://registry.npmmirror.com
|
||||||
|
|
||||||
|
# 启动服务
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
浏览器访问 http://localhost:80
|
||||||
|
|
||||||
|
## 发布
|
||||||
|
|
||||||
|
```bash
|
||||||
|
# 构建测试环境
|
||||||
|
npm run build:stage
|
||||||
|
|
||||||
|
# 构建生产环境
|
||||||
|
npm run build:prod
|
||||||
|
```
|
||||||
+2
-3
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "ruoyi",
|
"name": "ruoyi",
|
||||||
"version": "3.8.6",
|
"version": "3.8.6",
|
||||||
"description": "智慧仲裁管理系统",
|
"description": "调解系统",
|
||||||
"author": "智慧仲裁",
|
"author": "智慧仲裁",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
@@ -48,8 +48,7 @@
|
|||||||
"js-beautify": "1.13.0",
|
"js-beautify": "1.13.0",
|
||||||
"js-cookie": "3.0.1",
|
"js-cookie": "3.0.1",
|
||||||
"jsencrypt": "3.0.0-rc.1",
|
"jsencrypt": "3.0.0-rc.1",
|
||||||
"lodash": "^4.17.21",
|
"moment": "^2.29.4",
|
||||||
"moment": "^2.30.1",
|
|
||||||
"nprogress": "0.2.0",
|
"nprogress": "0.2.0",
|
||||||
"qrcodejs2": "0.0.2",
|
"qrcodejs2": "0.0.2",
|
||||||
"quill": "1.3.7",
|
"quill": "1.3.7",
|
||||||
|
|||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询首页待办
|
||||||
|
export function todoCount(data) {
|
||||||
|
return request({
|
||||||
|
url: '/caseApplication/todoCount',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
@@ -51,12 +51,12 @@ export default {
|
|||||||
// 图片数量限制
|
// 图片数量限制
|
||||||
limit: {
|
limit: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 5,
|
default: 1,
|
||||||
},
|
},
|
||||||
// 大小限制(MB)
|
// 大小限制(MB)
|
||||||
fileSize: {
|
fileSize: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 5,
|
// default: 5,
|
||||||
},
|
},
|
||||||
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
// 文件类型, 例如['png', 'jpg', 'jpeg']
|
||||||
fileType: {
|
fileType: {
|
||||||
|
|||||||
@@ -9,7 +9,8 @@ export default {
|
|||||||
name: 'RuoYiDoc',
|
name: 'RuoYiDoc',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
url: 'http://doc.ruoyi.vip/ruoyi-vue'
|
// url: 'http://doc.ruoyi.vip/ruoyi-vue'
|
||||||
|
url: '#'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
@@ -7,15 +7,10 @@
|
|||||||
|
|
||||||
<div class="right-menu">
|
<div class="right-menu">
|
||||||
<template v-if="device!=='mobile'">
|
<template v-if="device!=='mobile'">
|
||||||
<!-- <search id="header-search" class="right-menu-item" />
|
<!-- <search id="header-search" class="right-menu-item" /> -->
|
||||||
|
|
||||||
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
|
||||||
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
||||||
</el-tooltip>
|
|
||||||
|
|
||||||
<el-tooltip content="文档地址" effect="dark" placement="bottom">
|
<el-tooltip content="文档地址" effect="dark" placement="bottom">
|
||||||
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
||||||
</el-tooltip> -->
|
</el-tooltip>
|
||||||
|
|
||||||
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
<screenfull id="screenfull" class="right-menu-item hover-effect" />
|
||||||
|
|
||||||
|
|||||||
+6
-3
@@ -4,7 +4,7 @@ import Cookies from 'js-cookie'
|
|||||||
|
|
||||||
import Element from 'element-ui'
|
import Element from 'element-ui'
|
||||||
import './assets/styles/element-variables.scss'
|
import './assets/styles/element-variables.scss'
|
||||||
import './assets/icons' // icon
|
|
||||||
import '@/assets/styles/index.scss' // global css
|
import '@/assets/styles/index.scss' // global css
|
||||||
import '@/assets/styles/ruoyi.scss' // ruoyi css
|
import '@/assets/styles/ruoyi.scss' // ruoyi css
|
||||||
import App from './App'
|
import App from './App'
|
||||||
@@ -14,6 +14,8 @@ import directive from './directive' // directive
|
|||||||
import plugins from './plugins' // plugins
|
import plugins from './plugins' // plugins
|
||||||
import { download } from '@/utils/request'
|
import { download } from '@/utils/request'
|
||||||
|
|
||||||
|
import './assets/icons' // icon
|
||||||
|
// 引入Iconfont 矢量图标库
|
||||||
import './assets/icon/iconfont.css'
|
import './assets/icon/iconfont.css'
|
||||||
import './permission' // permission control
|
import './permission' // permission control
|
||||||
import { getDicts } from "@/api/system/dict/data";
|
import { getDicts } from "@/api/system/dict/data";
|
||||||
@@ -37,8 +39,9 @@ import DictTag from '@/components/DictTag'
|
|||||||
import VueMeta from 'vue-meta'
|
import VueMeta from 'vue-meta'
|
||||||
// 字典数据组件
|
// 字典数据组件
|
||||||
import DictData from '@/components/DictData'
|
import DictData from '@/components/DictData'
|
||||||
|
//画布组件
|
||||||
|
import vueEsign from 'vue-esign'
|
||||||
import {checkPermi} from '@/utils/permission'
|
import {checkPermi} from '@/utils/permission'
|
||||||
import { statusRole } from '@/utils/permission'
|
|
||||||
|
|
||||||
// 全局方法挂载
|
// 全局方法挂载
|
||||||
Vue.prototype.getDicts = getDicts
|
Vue.prototype.getDicts = getDicts
|
||||||
@@ -51,7 +54,6 @@ Vue.prototype.selectDictLabels = selectDictLabels
|
|||||||
Vue.prototype.download = download
|
Vue.prototype.download = download
|
||||||
Vue.prototype.handleTree = handleTree
|
Vue.prototype.handleTree = handleTree
|
||||||
Vue.prototype.checkPermi = checkPermi
|
Vue.prototype.checkPermi = checkPermi
|
||||||
Vue.prototype.statusRole = statusRole
|
|
||||||
|
|
||||||
// 全局组件挂载
|
// 全局组件挂载
|
||||||
Vue.component('DictTag', DictTag)
|
Vue.component('DictTag', DictTag)
|
||||||
@@ -65,6 +67,7 @@ Vue.component('ImagePreview', ImagePreview)
|
|||||||
Vue.use(directive)
|
Vue.use(directive)
|
||||||
Vue.use(plugins)
|
Vue.use(plugins)
|
||||||
Vue.use(VueMeta)
|
Vue.use(VueMeta)
|
||||||
|
Vue.use(vueEsign)
|
||||||
DictData.install()
|
DictData.install()
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
+4
-2
@@ -100,7 +100,8 @@ export const dynamicRoutes = [
|
|||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: 'role/:userId(\\d+)',
|
path: 'role/:userId(\\d+)',
|
||||||
component: () => import('@/views/system/user/authRole'),
|
// component: () => import('@/views/system/user/authRole'),
|
||||||
|
component: (resolve) => require(['@/views/system/user/authRole'],resolve),
|
||||||
name: 'AuthRole',
|
name: 'AuthRole',
|
||||||
meta: { title: '分配角色', activeMenu: '/system/user' }
|
meta: { title: '分配角色', activeMenu: '/system/user' }
|
||||||
}
|
}
|
||||||
@@ -114,7 +115,8 @@ export const dynamicRoutes = [
|
|||||||
children: [
|
children: [
|
||||||
{
|
{
|
||||||
path: 'user/:roleId(\\d+)',
|
path: 'user/:roleId(\\d+)',
|
||||||
component: () => import('@/views/system/role/authUser'),
|
// component: () => import('@/views/system/role/authUser'),
|
||||||
|
component: (resolve) => require(['@/views/system/role/authUser'],resolve),
|
||||||
name: 'AuthUser',
|
name: 'AuthUser',
|
||||||
meta: { title: '分配用户', activeMenu: '/system/role' }
|
meta: { title: '分配用户', activeMenu: '/system/role' }
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -126,6 +126,7 @@ export const loadView = (view) => {
|
|||||||
return (resolve) => require([`@/views/${view}`], resolve)
|
return (resolve) => require([`@/views/${view}`], resolve)
|
||||||
} else {
|
} else {
|
||||||
// 使用 import 实现生产环境的路由懒加载
|
// 使用 import 实现生产环境的路由懒加载
|
||||||
|
// return () => import(`@/views/${view}`)
|
||||||
return (resolve) => require([`@/views/${view}`], resolve)
|
return (resolve) => require([`@/views/${view}`], resolve)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -50,7 +50,6 @@ const user = {
|
|||||||
GetInfo({ commit, state }) {
|
GetInfo({ commit, state }) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
getInfo().then(res => {
|
getInfo().then(res => {
|
||||||
sessionStorage.setItem('caseStatus', JSON.stringify(res.caseStatus))
|
|
||||||
const user = res.user
|
const user = res.user
|
||||||
const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
|
const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
|
||||||
if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
|
if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
|
||||||
|
|||||||
@@ -24,7 +24,6 @@ export function checkPermi(value) {
|
|||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 角色权限校验
|
* 角色权限校验
|
||||||
* @param {Array} value 校验值
|
* @param {Array} value 校验值
|
||||||
@@ -48,43 +47,4 @@ export function checkRole(value) {
|
|||||||
console.error(`need roles! Like checkRole="['admin','editor']"`)
|
console.error(`need roles! Like checkRole="['admin','editor']"`)
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 状态权限校验
|
|
||||||
* @param {Number} value 校验值
|
|
||||||
* @returns {Boolean}
|
|
||||||
*/
|
|
||||||
export function statusRole(value) {
|
|
||||||
let caseStatusStr = sessionStorage.getItem('caseStatus');
|
|
||||||
let caseStatus = [];
|
|
||||||
caseStatus = JSON.parse(caseStatusStr);
|
|
||||||
if (caseStatus.length == 0) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
// if (caseStatus.includes(value)) {
|
|
||||||
// // caseStatus.forEach(item => {
|
|
||||||
// // if (item == value) {
|
|
||||||
// // return true
|
|
||||||
// // }
|
|
||||||
// // });
|
|
||||||
// for(let i = 0;i < caseStatus.length;i++){
|
|
||||||
// if(caseStatus[i] == value){
|
|
||||||
// return true
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// return false
|
|
||||||
// }
|
|
||||||
let flag = null;
|
|
||||||
for (let i = 0; i < caseStatus.length; i++) {
|
|
||||||
if (caseStatus[i] == value) {
|
|
||||||
flag = caseStatus[i]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (flag == value) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@@ -17,7 +17,8 @@ const service = axios.create({
|
|||||||
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
||||||
baseURL: process.env.VUE_APP_BASE_API,
|
baseURL: process.env.VUE_APP_BASE_API,
|
||||||
// 超时
|
// 超时
|
||||||
timeout: 10000
|
// timeout: 10000
|
||||||
|
timeout: 15000
|
||||||
})
|
})
|
||||||
|
|
||||||
// request拦截器
|
// request拦截器
|
||||||
@@ -36,10 +37,6 @@ service.interceptors.request.use(config => {
|
|||||||
config.params = {};
|
config.params = {};
|
||||||
config.url = url;
|
config.url = url;
|
||||||
}
|
}
|
||||||
if (config.url === '/caseApplication/mediation') {
|
|
||||||
// 调解时对于特定的请求设置超时时间为20秒
|
|
||||||
config.timeout = 20000; // 20秒
|
|
||||||
}
|
|
||||||
if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
|
if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
|
||||||
const requestObj = {
|
const requestObj = {
|
||||||
url: config.url,
|
url: config.url,
|
||||||
|
|||||||
@@ -3,8 +3,8 @@
|
|||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
|
||||||
<el-form-item label="案件状态" prop="caseFlowId">
|
<el-form-item label="案件状态" prop="caseFlowId">
|
||||||
<el-select v-model="queryParams.caseFlowId" placeholder="请选择" clearable>
|
<el-select v-model="queryParams.caseFlowId" placeholder="请选择" clearable>
|
||||||
<el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName"
|
<el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName" :value="dict.id"
|
||||||
:value="dict.id" @keyup.enter.native="handleQuery"></el-option>
|
@keyup.enter.native="handleQuery"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="申请机构" prop="applicationOrganId">
|
<!-- <el-form-item label="申请机构" prop="applicationOrganId">
|
||||||
@@ -33,7 +33,8 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="el-icon-plus" v-hasPermi="['caseManagement:list:add']" size="mini" @click="addCase()">新增案件</el-button>
|
<el-button type="primary" plain icon="el-icon-plus" v-hasPermi="['caseManagement:list:add']" size="mini"
|
||||||
|
@click="addCase()">新增案件</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- TODO 后期可能加上-->
|
<!-- TODO 后期可能加上-->
|
||||||
<!-- <el-col :span="1.5">
|
<!-- <el-col :span="1.5">
|
||||||
@@ -61,19 +62,27 @@
|
|||||||
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
|
<el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text"
|
<el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit"
|
||||||
icon="el-icon-edit" v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
|
v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
|
||||||
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
|
<el-button size="mini" @click="checkDetail(scope.row)" type="text" icon="el-icon-view">查看详情</el-button>
|
||||||
<el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
|
<el-button size="mini" @click="caseFlow(scope.row)" type="text" icon="el-icon-zoom-in">查看流程</el-button>
|
||||||
<el-button size="mini" @click="caseLog(scope.row)" type="text"
|
<el-button size="mini" @click="caseLog(scope.row)" type="text"
|
||||||
icon="el-icon-edit-outline">案件日志</el-button>
|
icon="el-icon-edit-outline">案件日志</el-button>
|
||||||
<el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
|
<el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text"
|
||||||
icon="el-icon-edit">查看缴费单</el-button>
|
icon="el-icon-edit">查看缴费单</el-button>
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit"
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="evidenceUpload(scope.row)"
|
||||||
@click="evidenceUpload(scope.row)" v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
|
v-hasPermi="['caseManagement:list:evidenceEdit']" v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 || scope.row.caseFlowId == 16 || scope.row.caseFlowId == 17" @click="caseFilingDetails(scope.row)">归档详情</el-button>
|
<el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 ||
|
||||||
<el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
|
scope.row.caseFlowId == 16 ||
|
||||||
@click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{ item.nodeName }}</el-button>
|
scope.row.caseFlowId == 17
|
||||||
|
" @click="caseFilingDetails(scope.row)">归档详情</el-button>
|
||||||
|
<div class="btnList" v-for="item in buttonList" :key="item.id">
|
||||||
|
<el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
|
||||||
|
v-if="item.id == scope.row.caseFlowId &&
|
||||||
|
checkPermi([item.buttonAuthFlag]) &&
|
||||||
|
scope.row.signButtonFlag != 1
|
||||||
|
">{{ item.nodeName }}</el-button>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -91,23 +100,27 @@
|
|||||||
:caseFlowNumber="caseFlowNumber">
|
:caseFlowNumber="caseFlowNumber">
|
||||||
</mediationCaseDetails>
|
</mediationCaseDetails>
|
||||||
<!-- 案件日志 -->
|
<!-- 案件日志 -->
|
||||||
<mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
|
<mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr"
|
||||||
|
:flagLoading="flagLoading"></mediationCaseLog>
|
||||||
<!-- 证据修改 -->
|
<!-- 证据修改 -->
|
||||||
<evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
|
<evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
|
||||||
</evidenceDialog>
|
</evidenceDialog>
|
||||||
<!-- 缴费 -->
|
<!-- 缴费 -->
|
||||||
<payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
|
<payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId" :payForm="payForm"
|
||||||
:queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow" :formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
|
:queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"
|
||||||
|
:formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
|
||||||
<!-- 缴费确认查看详情 -->
|
<!-- 缴费确认查看详情 -->
|
||||||
<paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
|
<paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
|
||||||
:detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma" :isapplicant="isapplicant" @getList="getList">
|
:detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma"
|
||||||
|
:isapplicant="isapplicant" @getList="getList">
|
||||||
</paymentdetailsDialog>
|
</paymentdetailsDialog>
|
||||||
<!-- 案件受理 -->
|
<!-- 案件受理 -->
|
||||||
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
|
<caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
|
||||||
:caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
|
:caseAcceptanceData="caseAcceptanceData" @getList="getList"></caseAcceptance>
|
||||||
<!-- 被申请人缴费 -->
|
<!-- 被申请人缴费 -->
|
||||||
<respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
|
<respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail"
|
||||||
:queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
|
:resPayId="resPayId" :resPayForm="resPayForm" :queryParams="queryParams" @getList="getList"
|
||||||
|
@paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
|
||||||
<!-- 调解员弹窗 -->
|
<!-- 调解员弹窗 -->
|
||||||
<selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
|
<selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
|
||||||
@getList="getList" :queryParams="queryParams"></selectMediator>
|
@getList="getList" :queryParams="queryParams"></selectMediator>
|
||||||
@@ -121,36 +134,50 @@
|
|||||||
<timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
|
<timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
|
||||||
:timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
|
:timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
|
||||||
<!-- 待调解 -->
|
<!-- 待调解 -->
|
||||||
<mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
|
<mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable" :mediationData="mediationData"
|
||||||
:mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
|
@getList="getList" :queryParams="queryParams"></mediation>
|
||||||
<confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
|
<confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
|
||||||
:confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
|
:confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
|
||||||
<!-- 归档详情 -->
|
<!-- 归档详情 -->
|
||||||
<caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData" @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS"></caseFilingDetailsPage>
|
<caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData"
|
||||||
|
@cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS">
|
||||||
|
</caseFilingDetailsPage>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { caseApplicationList, caseApplicationSelectById,submitCaseApply,selectPaymentDetail,sealApply,selectSealUrl,listCaseLogRecord,msCaseFile,msCaseSign,listDeptApplied,msCaseSignUrlApplyPC} from '@/api/caseManagement/caseManagement.js'
|
import {
|
||||||
import { listDept } from '@/api/system/dept.js'
|
caseApplicationList,
|
||||||
import { queryCaseFlowInfo } from '@/api/caseprocessManagement/caseprocessManagement.js'
|
caseApplicationSelectById,
|
||||||
|
submitCaseApply,
|
||||||
|
selectPaymentDetail,
|
||||||
|
sealApply,
|
||||||
|
selectSealUrl,
|
||||||
|
listCaseLogRecord,
|
||||||
|
msCaseFile,
|
||||||
|
msCaseSign,
|
||||||
|
listDeptApplied,
|
||||||
|
msCaseSignUrlApplyPC,
|
||||||
|
} from "@/api/caseManagement/caseManagement.js";
|
||||||
|
import { listDept } from "@/api/system/dept.js";
|
||||||
|
import { queryCaseFlowInfo } from "@/api/caseprocessManagement/caseprocessManagement.js";
|
||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import addCase from './components/addCase.vue'
|
import addCase from "./components/addCase.vue";
|
||||||
import evidenceDialog from './components/evidenceDialog.vue';
|
import evidenceDialog from "./components/evidenceDialog.vue";
|
||||||
import caseCompressionPackage from './components/caseCompressionPackage.vue';
|
import caseCompressionPackage from "./components/caseCompressionPackage.vue";
|
||||||
import mediationCaseDetails from './components/mediationCaseDetails.vue'
|
import mediationCaseDetails from "./components/mediationCaseDetails.vue";
|
||||||
import mediationCaseLog from './components/mediationCaseLog.vue'
|
import mediationCaseLog from "./components/mediationCaseLog.vue";
|
||||||
import payDialog from "./components/payDialog.vue";
|
import payDialog from "./components/payDialog.vue";
|
||||||
import respondentPay from "./components/respondentPay.vue"
|
import respondentPay from "./components/respondentPay.vue";
|
||||||
import paymentdetailsDialog from './components/paymentdetailsDialog.vue'
|
import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
|
||||||
import caseAcceptance from './components/caseAcceptance.vue'
|
import caseAcceptance from "./components/caseAcceptance.vue";
|
||||||
import selectMediator from './components/selectMediator.vue'
|
import selectMediator from "./components/selectMediator.vue";
|
||||||
import confirmMediator from './components/confirmMediator.vue'
|
import confirmMediator from "./components/confirmMediator.vue";
|
||||||
import departmentMediator from './components/departmentMediator.vue'
|
import departmentMediator from "./components/departmentMediator.vue";
|
||||||
import timeConfirm from './components/timeConfirm.vue'
|
import timeConfirm from "./components/timeConfirm.vue";
|
||||||
import mediation from './components/mediation.vue'
|
import mediation from "./components/mediation.vue";
|
||||||
import confirmMediation from './components/confirmMediation.vue'
|
import confirmMediation from "./components/confirmMediation.vue";
|
||||||
import caseFilingDetailsPage from './components/caseFilingDetailsPage.vue'
|
import caseFilingDetailsPage from "./components/caseFilingDetailsPage.vue";
|
||||||
export default {
|
export default {
|
||||||
name: "caseList",
|
name: "caseList",
|
||||||
dicts: ["case_flow_node"],
|
dicts: ["case_flow_node"],
|
||||||
@@ -163,14 +190,14 @@ export default {
|
|||||||
payDialog,
|
payDialog,
|
||||||
paymentdetailsDialog,
|
paymentdetailsDialog,
|
||||||
caseAcceptance,
|
caseAcceptance,
|
||||||
selectMediator,//调解员弹窗
|
selectMediator, //调解员弹窗
|
||||||
confirmMediator,
|
confirmMediator,
|
||||||
departmentMediator,
|
departmentMediator,
|
||||||
timeConfirm,
|
timeConfirm,
|
||||||
mediation,
|
mediation,
|
||||||
confirmMediation,
|
confirmMediation,
|
||||||
caseFilingDetailsPage,
|
caseFilingDetailsPage,
|
||||||
respondentPay
|
respondentPay,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -187,143 +214,148 @@ export default {
|
|||||||
// 校验表单
|
// 校验表单
|
||||||
rules: {},
|
rules: {},
|
||||||
dataList: [],
|
dataList: [],
|
||||||
addVisable: false,//新增弹窗
|
addVisable: false, //新增弹窗
|
||||||
openPay: false, //缴费弹框
|
openPay: false, //缴费弹框
|
||||||
openResPay:false,//被申请人缴费弹窗
|
openResPay: false, //被申请人缴费弹窗
|
||||||
formPayDetail: {},
|
formPayDetail: {},
|
||||||
formResPayDetail:{},
|
formResPayDetail: {},
|
||||||
payId: null,
|
payId: null,
|
||||||
resPayId:null,
|
resPayId: null,
|
||||||
payForm: {},
|
payForm: {},
|
||||||
resPayForm:{},
|
resPayForm: {},
|
||||||
openCompressedPackages: false,//压缩包导入弹窗
|
openCompressedPackages: false, //压缩包导入弹窗
|
||||||
processVisable: false,//案件详情
|
processVisable: false, //案件详情
|
||||||
showcaseLog: false,//案件日志
|
showcaseLog: false, //案件日志
|
||||||
openDialog: false,//确认缴费和缴费详情
|
openDialog: false, //确认缴费和缴费详情
|
||||||
detailform: {}, //缴费详情数据
|
detailform: {}, //缴费详情数据
|
||||||
evidenceVisable: false,//证据修改弹窗
|
evidenceVisable: false, //证据修改弹窗
|
||||||
mediationVisable:false,//待调解弹窗
|
mediationVisable: false, //待调解弹窗
|
||||||
mediationData:{},
|
mediationData: {},
|
||||||
payTitle:"",//缴费标题
|
payTitle: "", //缴费标题
|
||||||
resPayTitle:'',//被申请人缴费标题
|
resPayTitle: "", //被申请人缴费标题
|
||||||
paymentConfirma:{},//缴费确认
|
paymentConfirma: {}, //缴费确认
|
||||||
showAcceptance:false,//案件受理弹框
|
showAcceptance: false, //案件受理弹框
|
||||||
caseAcceptanceData:{},//案件受理数据
|
caseAcceptanceData: {}, //案件受理数据
|
||||||
mediatorVisable:false,//选择调解员弹窗
|
mediatorVisable: false, //选择调解员弹窗
|
||||||
timeVisable:false,//预约时间弹窗
|
timeVisable: false, //预约时间弹窗
|
||||||
confirmVisable:false,//确认时间/调解员
|
confirmVisable: false, //确认时间/调解员
|
||||||
caseFlowNumber:{},//案件流程数据
|
caseFlowNumber: {}, //案件流程数据
|
||||||
caselogDataArr:[],//案件日志数据
|
caselogDataArr: [], //案件日志数据
|
||||||
flagLoading: true, //案件日志弹框loading
|
flagLoading: true, //案件日志弹框loading
|
||||||
confirmTionVisable:false,//确认调解书弹窗
|
confirmTionVisable: false, //确认调解书弹窗
|
||||||
addModifyData:null,//新增修改传的参数
|
addModifyData: null, //新增修改传的参数
|
||||||
showarchiveDetails:false,//归档详情弹窗
|
showarchiveDetails: false, //归档详情弹窗
|
||||||
detailsAwardNum:{},
|
detailsAwardNum: {},
|
||||||
flagLoadingS: true,
|
flagLoadingS: true,
|
||||||
formPayDetailAffiliate:{},
|
formPayDetailAffiliate: {},
|
||||||
formResPay:{},
|
formResPay: {},
|
||||||
mediatorData:{},
|
mediatorData: {},
|
||||||
flag: null,
|
flag: null,
|
||||||
caseData: {},
|
caseData: {},
|
||||||
evidenceData: {},
|
evidenceData: {},
|
||||||
caseDisabled: false,
|
caseDisabled: false,
|
||||||
caseTime: '',
|
caseTime: "",
|
||||||
deptList: [],
|
deptList: [],
|
||||||
payTitle: '',
|
payTitle: "",
|
||||||
tabFlag: false,
|
tabFlag: false,
|
||||||
confirmData: {},
|
confirmData: {},
|
||||||
departmentVisable: false,
|
departmentVisable: false,
|
||||||
departmentData: {},
|
departmentData: {},
|
||||||
timeConfirmVisable: false,
|
timeConfirmVisable: false,
|
||||||
timeConfirmData: {},
|
timeConfirmData: {},
|
||||||
confirmTionData:{},
|
confirmTionData: {},
|
||||||
buttonList: [],
|
buttonList: [],
|
||||||
caseStausArr: [],//案件状态
|
caseStausArr: [], //案件状态
|
||||||
isapplicant: true, //判断角色申请人或非申请人
|
isapplicant: true, //判断角色申请人或非申请人
|
||||||
caseFilingData:{}
|
caseFilingData: {},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList(this.queryParams);
|
// this.getList(this.queryParams);
|
||||||
this.listDeptFn()
|
this.listDeptFn();
|
||||||
this.getButtonList()
|
// this.getButtonList()
|
||||||
|
queryCaseFlowInfo({
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 100000,
|
||||||
|
}).then((res) => {
|
||||||
|
res.rows.forEach((item) => {
|
||||||
|
if (item.id != 17) {
|
||||||
|
this.buttonList.push(item);
|
||||||
|
}
|
||||||
|
this.caseStausArr.push(item);
|
||||||
|
});
|
||||||
|
if (this.$route.query.caseFlowId) {
|
||||||
|
let querydata = Number(this.$route.query.caseFlowId);
|
||||||
|
if (querydata > 0) {
|
||||||
|
this.$set(this.queryParams, 'caseFlowId', querydata)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
});
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/**所有按钮事件 */
|
/**所有按钮事件 */
|
||||||
caseClick(val,type){
|
caseClick(val, type) {
|
||||||
if(type == 1){
|
if (type == 1) {
|
||||||
// 提交案件
|
// 提交案件
|
||||||
this.onsubmitRow(val);
|
this.onsubmitRow(val);
|
||||||
}else if(type == 2){
|
} else if (type == 2) {
|
||||||
// 缴费
|
// 缴费
|
||||||
this.payStatus(val);
|
this.payStatus(val);
|
||||||
}else if(type == 3 || type == 45){
|
} else if (type == 3 || type == 45) {
|
||||||
// 确认缴费
|
// 确认缴费
|
||||||
this.paymentconfirmationRow(val,type);
|
this.paymentconfirmationRow(val, type);
|
||||||
}else if(type == 4){
|
} else if (type == 4) {
|
||||||
// 受理分配
|
// 受理分配
|
||||||
this.caseAccep(val);
|
this.caseAccep(val);
|
||||||
}else if(type == 5){
|
} else if (type == 5) {
|
||||||
// 选择调解员
|
// 选择调解员
|
||||||
this.selectMediator(val);
|
this.selectMediator(val);
|
||||||
}else if(type == 6){
|
} else if (type == 6) {
|
||||||
// 核实调解员
|
// 核实调解员
|
||||||
this.secretaryConfirm(val);
|
this.secretaryConfirm(val);
|
||||||
}else if(type == 7){
|
} else if (type == 7) {
|
||||||
// 确认调解员
|
// 确认调解员
|
||||||
this.department(val);
|
this.department(val);
|
||||||
}else if(type == 8){
|
} else if (type == 8) {
|
||||||
// 确定调解时间
|
// 确定调解时间
|
||||||
this.timeConfirm(val);
|
this.timeConfirm(val);
|
||||||
}else if(type == 9){
|
} else if (type == 9) {
|
||||||
// 调解
|
// 调解
|
||||||
this.mediationClick(val)
|
this.mediationClick(val);
|
||||||
}else if(type == 10){
|
} else if (type == 10) {
|
||||||
// 确认调解书
|
// 确认调解书
|
||||||
this.confirmMediation(val)
|
this.confirmMediation(val);
|
||||||
}else if(type == 11){
|
} else if (type == 11) {
|
||||||
// 签名
|
// 签名
|
||||||
this.msCaseSignUrlApplyPCFn(val)
|
this.msCaseSignUrlApplyPCFn(val);
|
||||||
}else if(type == 12){
|
} else if (type == 12) {
|
||||||
// 用印申请
|
// 用印申请
|
||||||
this.consultantApplica(val)
|
this.consultantApplica(val);
|
||||||
}else if(type == 13){
|
} else if (type == 13) {
|
||||||
// 用印
|
// 用印
|
||||||
this.departmentApplica(val)
|
this.departmentApplica(val);
|
||||||
}else if(type == 14){
|
} else if (type == 14) {
|
||||||
// 归档
|
// 归档
|
||||||
this.caseFiling(val);
|
this.caseFiling(val);
|
||||||
}else if(type == 15){
|
} else if (type == 15) {
|
||||||
// 申请人签收
|
// 申请人签收
|
||||||
this.signMediation(val)
|
this.signMediation(val);
|
||||||
}else if(type == 16){
|
} else if (type == 16) {
|
||||||
// 被申请人签收
|
// 被申请人签收
|
||||||
this.receivedMediation(val)
|
this.receivedMediation(val);
|
||||||
}else if(type == 17){
|
} else if (type == 17) {
|
||||||
//结束
|
//结束
|
||||||
}else if(type == 44){
|
} else if (type == 44) {
|
||||||
// 被申请人缴费
|
// 被申请人缴费
|
||||||
this.resPayStatus(val)
|
this.resPayStatus(val);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**查询按钮列表 */
|
/**查询按钮列表 */
|
||||||
getButtonList() {
|
getButtonList() { },
|
||||||
queryCaseFlowInfo({
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 100000
|
|
||||||
}).then(res => {
|
|
||||||
console.log(res)
|
|
||||||
res.rows.forEach(item => {
|
|
||||||
if(item.id !=17){
|
|
||||||
this.buttonList.push(item)
|
|
||||||
}
|
|
||||||
this.caseStausArr.push(item)
|
|
||||||
});
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/** 新增案件 */
|
/** 新增案件 */
|
||||||
addCase() {
|
addCase() {
|
||||||
this.addModifyData =1;
|
this.addModifyData = 1;
|
||||||
this.addVisable = true;
|
this.addVisable = true;
|
||||||
this.caseData = {};
|
this.caseData = {};
|
||||||
this.caseDisabled = false;
|
this.caseDisabled = false;
|
||||||
@@ -331,7 +363,7 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 查看详情 */
|
/** 查看详情 */
|
||||||
checkDetail(val) {
|
checkDetail(val) {
|
||||||
this.addModifyData =2;
|
this.addModifyData = 2;
|
||||||
this.addVisable = true;
|
this.addVisable = true;
|
||||||
this.caseData = val;
|
this.caseData = val;
|
||||||
this.caseDisabled = true;
|
this.caseDisabled = true;
|
||||||
@@ -339,10 +371,10 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 修改案件 */
|
/** 修改案件 */
|
||||||
eidtNodeprocess(row) {
|
eidtNodeprocess(row) {
|
||||||
this.addModifyData = 3
|
this.addModifyData = 3;
|
||||||
this.addVisable = true;
|
this.addVisable = true;
|
||||||
this.caseData = row;
|
this.caseData = row;
|
||||||
this.$set(this.caseData,'flag',2)
|
this.$set(this.caseData, "flag", 2);
|
||||||
this.caseDisabled = false;
|
this.caseDisabled = false;
|
||||||
this.tabFlag = false;
|
this.tabFlag = false;
|
||||||
},
|
},
|
||||||
@@ -389,10 +421,10 @@ export default {
|
|||||||
// this.$modal.msgSuccess("立案申请成功");
|
// this.$modal.msgSuccess("立案申请成功");
|
||||||
// })
|
// })
|
||||||
// .catch(() => { });
|
// .catch(() => { });
|
||||||
msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
|
msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
|
||||||
console.log(res,"PPPPPPPPPPPPPPPPPPPP");
|
console.log(res, "PPPPPPPPPPPPPPPPPPPP");
|
||||||
window.open(res.data.sealUrl);
|
window.open(res.data.sealUrl);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
/** 选择调解员 */
|
/** 选择调解员 */
|
||||||
selectMediator(val) {
|
selectMediator(val) {
|
||||||
@@ -404,12 +436,12 @@ export default {
|
|||||||
this.timeVisable = true;
|
this.timeVisable = true;
|
||||||
},
|
},
|
||||||
/** 调解 */
|
/** 调解 */
|
||||||
mediationClick(val){
|
mediationClick(val) {
|
||||||
this.mediationVisable = true;
|
this.mediationVisable = true;
|
||||||
this.mediationData = val;
|
this.mediationData = val;
|
||||||
},
|
},
|
||||||
/** 确认调解书 */
|
/** 确认调解书 */
|
||||||
confirmMediation(val){
|
confirmMediation(val) {
|
||||||
this.confirmTionVisable = true;
|
this.confirmTionVisable = true;
|
||||||
this.confirmTionData = val;
|
this.confirmTionData = val;
|
||||||
},
|
},
|
||||||
@@ -447,23 +479,22 @@ export default {
|
|||||||
/** 时间改变处理 */
|
/** 时间改变处理 */
|
||||||
caseTimeChange() {
|
caseTimeChange() {
|
||||||
if (this.caseTime) {
|
if (this.caseTime) {
|
||||||
this.queryParams.startTime = moment(
|
this.queryParams.startTime = moment(this.caseTime[0]).format(
|
||||||
this.caseTime[0]
|
"YYYY-MM-DD HH:mm:ss"
|
||||||
).format("YYYY-MM-DD HH:mm:ss");
|
);
|
||||||
this.queryParams.endTime = moment(
|
this.queryParams.endTime = moment(this.caseTime[1]).format(
|
||||||
this.caseTime[1]
|
"YYYY-MM-DD HH:mm:ss"
|
||||||
).format("YYYY-MM-DD HH:mm:ss");
|
);
|
||||||
} else {
|
} else {
|
||||||
this.queryParams.startTime = '';
|
this.queryParams.startTime = "";
|
||||||
this.queryParams.endTime = '';
|
this.queryParams.endTime = "";
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
/** 获取所有部门 */
|
/** 获取所有部门 */
|
||||||
listDeptFn() {
|
listDeptFn() {
|
||||||
listDeptApplied().then(res => {
|
listDeptApplied().then((res) => {
|
||||||
this.deptList = res.data;
|
this.deptList = res.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
/** 修改证据 */
|
/** 修改证据 */
|
||||||
evidenceUpload(row) {
|
evidenceUpload(row) {
|
||||||
@@ -499,14 +530,14 @@ export default {
|
|||||||
this.timeVisable = false;
|
this.timeVisable = false;
|
||||||
},
|
},
|
||||||
/**取消调解 */
|
/**取消调解 */
|
||||||
cancelMediation(){
|
cancelMediation() {
|
||||||
this.timeConfirmVisable = false;
|
this.timeConfirmVisable = false;
|
||||||
},
|
},
|
||||||
/** 取消确认调解弹窗 */
|
/** 取消确认调解弹窗 */
|
||||||
cancelConfirmTion(){
|
cancelConfirmTion() {
|
||||||
this.confirmTionVisable = false;
|
this.confirmTionVisable = false;
|
||||||
},
|
},
|
||||||
cancelMediation(){
|
cancelMediation() {
|
||||||
this.mediationVisable = false;
|
this.mediationVisable = false;
|
||||||
},
|
},
|
||||||
cancelConfirm() {
|
cancelConfirm() {
|
||||||
@@ -535,163 +566,170 @@ export default {
|
|||||||
this.dataList = response.rows;
|
this.dataList = response.rows;
|
||||||
this.total = response.total;
|
this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
// 法律顾问用印申请
|
// 法律顾问用印申请
|
||||||
consultantApplica(row) {
|
consultantApplica(row) {
|
||||||
let paramsValue = {
|
let paramsValue = {
|
||||||
caseId: row.id,
|
caseId: row.id,
|
||||||
batchNumber: "",
|
batchNumber: "",
|
||||||
caseFlowId: row.caseFlowId
|
caseFlowId: row.caseFlowId,
|
||||||
}
|
};
|
||||||
this.$modal.confirm("你确定要用印申请吗？").then((res) => {
|
this.$modal
|
||||||
sealApply(paramsValue).then(res => {
|
.confirm("你确定要用印申请吗？")
|
||||||
this.getList(this.queryParams);
|
.then((res) => {
|
||||||
this.$modal.msgSuccess("用印申请成功");
|
sealApply(paramsValue).then((res) => {
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
this.$modal.msgSuccess("用印申请成功");
|
||||||
|
});
|
||||||
})
|
})
|
||||||
}).catch(() => {
|
.catch(() => { });
|
||||||
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 部门长用印申请
|
// 部门长用印申请
|
||||||
departmentApplica(row) {
|
departmentApplica(row) {
|
||||||
this.$modal.confirm("你确定要用印确认吗？").then((res) => {
|
this.$modal
|
||||||
let paramsValue = {
|
.confirm("你确定要用印确认吗？")
|
||||||
caseId: row.id
|
.then((res) => {
|
||||||
}
|
let paramsValue = {
|
||||||
selectSealUrl(paramsValue).then(res => {
|
caseId: row.id,
|
||||||
window.open(res.data.sealUrl)
|
};
|
||||||
this.$modal.confirm("你确认用印了吗？").then((res) => {
|
selectSealUrl(paramsValue).then((res) => {
|
||||||
this.getList(this.queryParams);
|
window.open(res.data.sealUrl);
|
||||||
}).catch(() => {
|
this.$modal
|
||||||
|
.confirm("你确认用印了吗？")
|
||||||
})
|
.then((res) => {
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
.catch(() => { });
|
||||||
|
});
|
||||||
})
|
})
|
||||||
}).catch(() => {
|
.catch(() => { });
|
||||||
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 案件受理
|
// 案件受理
|
||||||
caseAccep(row) {
|
caseAccep(row) {
|
||||||
this.caseAcceptanceData = row
|
this.caseAcceptanceData = row;
|
||||||
this.showAcceptance = true
|
this.showAcceptance = true;
|
||||||
},
|
},
|
||||||
cancelAcceptance() {
|
cancelAcceptance() {
|
||||||
this.showAcceptance = false
|
this.showAcceptance = false;
|
||||||
},
|
},
|
||||||
// 缴费确认
|
// 缴费确认
|
||||||
paymentconfirmationRow(row,type) {
|
paymentconfirmationRow(row, type) {
|
||||||
this.paymentConfirma = row
|
this.paymentConfirma = row;
|
||||||
console.log(this.paymentConfirma)
|
console.log(this.paymentConfirma);
|
||||||
this.paymentDetails({
|
this.paymentDetails({
|
||||||
id: row.id
|
id: row.id,
|
||||||
})
|
});
|
||||||
this.openDialog = true
|
this.openDialog = true;
|
||||||
this.payTitle = "缴费确认"
|
this.payTitle = "缴费确认";
|
||||||
this.flag = 0;
|
this.flag = 0;
|
||||||
this.detailform = {}
|
this.detailform = {};
|
||||||
if (type == 3) {
|
if (type == 3) {
|
||||||
// 申请人
|
// 申请人
|
||||||
this.isapplicant = true
|
this.isapplicant = true;
|
||||||
}else {
|
} else {
|
||||||
this.isapplicant = false
|
this.isapplicant = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cancelpaymentdetails() {
|
cancelpaymentdetails() {
|
||||||
this.openDialog = false
|
this.openDialog = false;
|
||||||
},
|
},
|
||||||
// 查看缴费确认
|
// 查看缴费确认
|
||||||
viewpaymentformRow(row) {
|
viewpaymentformRow(row) {
|
||||||
this.paymentDetails({
|
this.paymentDetails({
|
||||||
id: row.id
|
id: row.id,
|
||||||
})
|
});
|
||||||
this.payTitle = "缴费单详情"
|
this.payTitle = "缴费单详情";
|
||||||
this.flag = 1;
|
this.flag = 1;
|
||||||
this.detailform = {}
|
this.detailform = {};
|
||||||
this.openDialog = true
|
this.openDialog = true;
|
||||||
},
|
},
|
||||||
// 缴费详情
|
// 缴费详情
|
||||||
paymentDetails(val) {
|
paymentDetails(val) {
|
||||||
selectPaymentDetail(val).then(res => {
|
selectPaymentDetail(val).then((res) => {
|
||||||
this.detailform = res.data;
|
this.detailform = res.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//案件流程
|
//案件流程
|
||||||
caseFlow(row) {
|
caseFlow(row) {
|
||||||
this.caseFlowNumber = row
|
this.caseFlowNumber = row;
|
||||||
this.processVisable = true
|
this.processVisable = true;
|
||||||
},
|
},
|
||||||
cancelViewProcess() {
|
cancelViewProcess() {
|
||||||
this.processVisable = false
|
this.processVisable = false;
|
||||||
},
|
},
|
||||||
//案件日志
|
//案件日志
|
||||||
caseLog(row) {
|
caseLog(row) {
|
||||||
this.caseLogNumber = row
|
this.caseLogNumber = row;
|
||||||
this.showcaseLog = true
|
this.showcaseLog = true;
|
||||||
this.flagLoading = true;
|
this.flagLoading = true;
|
||||||
listCaseLogRecord({caseId:row.id}).then(res=>{
|
listCaseLogRecord({ caseId: row.id }).then((res) => {
|
||||||
this.caselogDataArr = res.data
|
this.caselogDataArr = res.data;
|
||||||
this.flagLoading = false;
|
this.flagLoading = false;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
cancelcaseLog() {
|
cancelcaseLog() {
|
||||||
this.showcaseLog = false
|
this.showcaseLog = false;
|
||||||
},
|
},
|
||||||
// 案件送达
|
// 案件送达
|
||||||
caseFiling(row) {
|
caseFiling(row) {
|
||||||
console.log(row.id)
|
console.log(row.id);
|
||||||
let paramValues = {
|
let paramValues = {
|
||||||
ids:[row.id]
|
ids: [row.id],
|
||||||
}
|
};
|
||||||
this.$modal.confirm("你确定要案件送达吗？").then((res) => {
|
this.$modal
|
||||||
msCaseFile(paramValues).then(res=>{
|
.confirm("你确定要案件送达吗？")
|
||||||
this.$modal.msgSuccess("案件送达成功");
|
.then((res) => {
|
||||||
this.getList(this.queryParams);
|
msCaseFile(paramValues).then((res) => {
|
||||||
})
|
this.$modal.msgSuccess("案件送达成功");
|
||||||
}).catch(() => {
|
this.getList(this.queryParams);
|
||||||
|
});
|
||||||
})
|
})
|
||||||
|
.catch(() => { });
|
||||||
},
|
},
|
||||||
//申请人签收调解书
|
//申请人签收调解书
|
||||||
signMediation(row) {
|
signMediation(row) {
|
||||||
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
|
this.$modal
|
||||||
this.signingMediationAgreement({caseId:row.id,isSignApply:1})
|
.confirm("你确定要签收调解书吗？")
|
||||||
}).catch(() => {
|
.then((res) => {
|
||||||
|
this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 });
|
||||||
})
|
})
|
||||||
|
.catch(() => { });
|
||||||
},
|
},
|
||||||
//被申请人签收调解书
|
//被申请人签收调解书
|
||||||
receivedMediation(row) {
|
receivedMediation(row) {
|
||||||
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
|
this.$modal
|
||||||
this.signingMediationAgreement({caseId:row.id,isSignRespon:1})
|
.confirm("你确定要签收调解书吗？")
|
||||||
}).catch(() => {
|
.then((res) => {
|
||||||
|
this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
|
||||||
})
|
})
|
||||||
|
.catch(() => { });
|
||||||
},
|
},
|
||||||
// 申请人和被申请人签收调解书接口
|
// 申请人和被申请人签收调解书接口
|
||||||
signingMediationAgreement(val){
|
signingMediationAgreement(val) {
|
||||||
console.log(val)
|
console.log(val);
|
||||||
msCaseSign(val).then(res=>{
|
msCaseSign(val).then((res) => {
|
||||||
this.$modal.msgSuccess("签收成功");
|
this.$modal.msgSuccess("签收成功");
|
||||||
this.getList(this.queryParams);
|
this.getList(this.queryParams);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//归档详情
|
//归档详情
|
||||||
caseFilingDetails(val){
|
caseFilingDetails(val) {
|
||||||
this.showarchiveDetails = true;
|
this.showarchiveDetails = true;
|
||||||
this.caseFilingData = val;
|
this.caseFilingData = val;
|
||||||
let vals = {id:val.id}
|
let vals = { id: val.id };
|
||||||
caseApplicationSelectById(vals).then(res=>{
|
caseApplicationSelectById(vals).then((res) => {
|
||||||
res.data.affiliate.respondentSex = Number(res.data.affiliate.respondentSex)
|
res.data.affiliate.respondentSex = Number(
|
||||||
this.detailsAwardNum = res.data
|
res.data.affiliate.respondentSex
|
||||||
console.log(this.detailsAwardNum)
|
);
|
||||||
this.flagLoadingS = false
|
this.detailsAwardNum = res.data;
|
||||||
})
|
console.log(this.detailsAwardNum);
|
||||||
|
this.flagLoadingS = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cancelDetail() {
|
||||||
|
this.showarchiveDetails = false;
|
||||||
},
|
},
|
||||||
cancelDetail(){
|
|
||||||
this.showarchiveDetails = false
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -1,148 +1,148 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<!-- 案件受理 -->
|
<!-- 案件受理 -->
|
||||||
<el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
|
<el-dialog title="案件受理" :visible="showAcceptance" @close="cancel" :destroy-on-close="true" center>
|
||||||
<el-form ref="courtReviewform" :model="courtReviewform">
|
<el-form ref="courtReviewform" :model="courtReviewform">
|
||||||
<el-form-item label="被申请人是否同意调解:">
|
<el-form-item label="被申请人是否同意调解:">
|
||||||
<el-radio-group v-model="courtReviewform.agreeFlag">
|
<el-radio-group v-model="courtReviewform.agreeFlag">
|
||||||
<el-radio :label="1">是</el-radio>
|
<el-radio :label="1">是</el-radio>
|
||||||
<el-radio :label="0">否</el-radio>
|
<el-radio :label="0">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="调解方式:" v-if="courtReviewform.agreeFlag == 1">
|
<el-form-item label="调解方式:" v-if="courtReviewform.agreeFlag == 1">
|
||||||
<el-radio-group v-model="courtReviewform.mediationMethod">
|
<el-radio-group v-model="courtReviewform.mediationMethod">
|
||||||
<el-radio :label="1">线上调解</el-radio>
|
<el-radio :label="1">线上调解</el-radio>
|
||||||
<el-radio :label="2">线下调解</el-radio>
|
<el-radio :label="2">线下调解</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否纸质送达:" v-if="courtReviewform.agreeFlag == 1">
|
<el-form-item label="是否纸质送达:" v-if="courtReviewform.agreeFlag == 1">
|
||||||
<el-radio-group v-model="courtReviewform.paperFlag">
|
<el-radio-group v-model="courtReviewform.paperFlag">
|
||||||
<el-radio :label="1">是</el-radio>
|
<el-radio :label="1">是</el-radio>
|
||||||
<el-radio :label="0">否</el-radio>
|
<el-radio :label="0">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="是否仲裁确认:" v-if="courtReviewform.agreeFlag == 1" >
|
<!-- <el-form-item label="是否仲裁确认:" v-if="courtReviewform.agreeFlag == 1" >
|
||||||
<el-radio-group v-model="courtReviewform.arbitrateConfirm">
|
<el-radio-group v-model="courtReviewform.arbitrateConfirm">
|
||||||
<el-radio :label="1">是</el-radio>
|
<el-radio :label="1">是</el-radio>
|
||||||
<el-radio :label="0">否</el-radio>
|
<el-radio :label="0">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item v-if="courtReviewform.agreeFlag == 0" label="拒绝理由:" prop="rejectReason" :rules="[
|
<el-form-item v-if="courtReviewform.agreeFlag == 0" label="拒绝理由:" prop="rejectReason" :rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '拒绝理由不能为空',
|
message: '拒绝理由不能为空',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]">
|
||||||
<el-input v-model="courtReviewform.rejectReason" type="textarea" :rows="8" />
|
<el-input v-model="courtReviewform.rejectReason" type="textarea" :rows="8" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
|
<el-button type="primary" @click="submitForm" class="endbutton"><span>确 定</span></el-button>
|
||||||
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
|
<el-button @click="cancel" class="endbutton1"><span> 取 消</span></el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { accept } from '@/api/caseManagement/caseManagement.js'
|
import { accept } from '@/api/caseManagement/caseManagement.js'
|
||||||
export default {
|
export default {
|
||||||
name: "caseAcceptance",
|
name: "caseAcceptance",
|
||||||
props: ["showAcceptance", "caseAcceptanceData", "getList", "queryParams"],
|
props: ["showAcceptance", "caseAcceptanceData", "getList", "queryParams"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
courtReviewform: {
|
courtReviewform: {
|
||||||
mediationMethod: 2,
|
mediationMethod: 2,
|
||||||
paperFlag: 0,
|
paperFlag: 0,
|
||||||
arbitrateConfirm: 0,
|
arbitrateConfirm: 0,
|
||||||
agreeFlag: 1
|
agreeFlag: 1
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
showAcceptance(val) {
|
showAcceptance(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
console.log(this.caseAcceptanceData)
|
console.log(this.caseAcceptanceData)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
submitForm() {
|
submitForm() {
|
||||||
this.$refs["courtReviewform"].validate((valid) => {
|
this.$refs["courtReviewform"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
let paramsdata = {
|
let paramsdata = {
|
||||||
id: this.caseAcceptanceData.id,
|
id: this.caseAcceptanceData.id,
|
||||||
caseFlowId: this.caseAcceptanceData.caseFlowId,
|
caseFlowId: this.caseAcceptanceData.caseFlowId,
|
||||||
batchNumber: ""
|
batchNumber: ""
|
||||||
}
|
}
|
||||||
let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
|
let mergeValue = Object.assign({}, this.courtReviewform, paramsdata)
|
||||||
accept(mergeValue).then((res) => {
|
accept(mergeValue).then((res) => {
|
||||||
this.$modal.msgSuccess("确认成功");
|
this.$modal.msgSuccess("确认成功");
|
||||||
this.$emit("getList", this.queryParams)
|
this.$emit("getList", this.queryParams)
|
||||||
this.cancel();
|
this.cancel();
|
||||||
})
|
})
|
||||||
.catch((err) => { });
|
.catch((err) => { });
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$emit("cancelAcceptance");
|
this.$emit("cancelAcceptance");
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.endbutton {
|
.endbutton {
|
||||||
width: 124px;
|
width: 124px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #0072ff;
|
background: #0072ff;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
// line-height: 48px;
|
// line-height: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.endbutton1 {
|
.endbutton1 {
|
||||||
width: 124px;
|
width: 124px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 1px solid #d0d0d0;
|
border: 1px solid #d0d0d0;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 31px;
|
width: 31px;
|
||||||
height: 13px;
|
height: 13px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #959595;
|
color: #959595;
|
||||||
// line-height: 48px;
|
// line-height: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nowarbitrator {
|
.nowarbitrator {
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-form-item__error {
|
::v-deep .el-form-item__error {
|
||||||
left: 90px;
|
left: 90px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,366 +1,366 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog title="归档详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
|
<el-dialog title="归档详情" :visible="showarchiveDetails" @close="cancel" :destroy-on-close="true" center>
|
||||||
<div class="loading" v-if="flagLoadingS">
|
<div class="loading" v-if="flagLoadingS">
|
||||||
<i class="el-icon-loading"></i>
|
<i class="el-icon-loading"></i>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
<el-tab-pane label="案件信息" name="five"></el-tab-pane>
|
<el-tab-pane label="案件信息" name="five"></el-tab-pane>
|
||||||
<el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
|
<el-tab-pane label="申请人案件证据资料" name="first"></el-tab-pane>
|
||||||
<!-- <el-tab-pane label="被申请人案件证据资料" name="second"></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="third"></el-tab-pane>
|
||||||
<el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
|
<el-tab-pane label="案件视频" name="fourth" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
|
||||||
<el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
|
<el-tab-pane label="庭审笔录" name="six" v-if="caseFilingData.mediationMethod == '1'"></el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
<div v-show="activeName=='first'">
|
<div v-show="activeName=='first'">
|
||||||
|
|
||||||
<div v-for="(item,index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType==2" style="margin-top:10px;">
|
<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>
|
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||||
</div>
|
</div>
|
||||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
|
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,2) == 0" description="暂无数据"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div v-show="activeName=='second'">
|
<!-- <div v-show="activeName=='second'">
|
||||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
|
<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>
|
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||||
</div>
|
</div>
|
||||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div v-show="activeName=='third'">
|
<div v-show="activeName=='third'">
|
||||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==7" style="margin-top:10px;">
|
<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>
|
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||||
</div>
|
</div>
|
||||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,7) == 0" description="暂无数据"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="activeName=='fourth'">
|
<div v-show="activeName=='fourth'">
|
||||||
<div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
|
<div style="margin-top:10px;" v-for="(item,index) in detailsAwardNum.caseAttachList" v-if="item.annexType==5">
|
||||||
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index" :src="fileURL+item.annexPath" controls="controls"></video>
|
<video style="background-color: #181717;width: 350px;height: 200px;margin: 10px;" :key="index" :src="fileURL+item.annexPath" controls="controls"></video>
|
||||||
</div>
|
</div>
|
||||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
|
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,5) == 0" description="暂无数据"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="activeName=='six'">
|
<div v-show="activeName=='six'">
|
||||||
<div v-for="item in detailsAwardNum.caseAttachList" v-if="item.annexType==6" style="margin-top:10px;">
|
<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>
|
<el-link target="_blank" type="primary" :href="fileURL+item.annexPath">{{item.annexName}}</el-link>
|
||||||
</div>
|
</div>
|
||||||
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
<el-empty v-if="isNoData(detailsAwardNum.caseAttachList,6) == 0" description="暂无数据"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="activeName=='five'">
|
<div v-show="activeName=='five'">
|
||||||
<el-form :disabled="true" :model="detailsAwardNum" label-width="130px"
|
<el-form :disabled="true" :model="detailsAwardNum" label-width="130px"
|
||||||
class="demo-ruleForm">
|
class="demo-ruleForm">
|
||||||
<el-row>
|
<el-row>
|
||||||
<div style="display: inline-flex">
|
<div style="display: inline-flex">
|
||||||
<div class="infoIcon"></div>
|
<div class="infoIcon"></div>
|
||||||
<div class="caseInfo">案件信息：</div>
|
<div class="caseInfo">案件信息：</div>
|
||||||
</div>
|
</div>
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="申请人调解请求">
|
<el-form-item label="申请人调解请求">
|
||||||
<el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
|
<el-input v-model="detailsAwardNum.arbitratClaims" placeholder="请输入申请人调解诉求" type="textarea"
|
||||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="事实和理由">
|
<el-form-item label="事实和理由">
|
||||||
<el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
|
<el-input v-model="detailsAwardNum.facts" placeholder="请输入事实和理由" type="textarea"
|
||||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
|
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence">
|
||||||
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||||
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
|
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
|
||||||
:before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
|
:before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="50"
|
||||||
:on-exceed="handleExceed" :file-list="fileList">
|
:on-exceed="handleExceed" :file-list="fileList">
|
||||||
<el-button size="small" type="primary">点击上传</el-button>
|
<el-button size="small" type="primary">点击上传</el-button>
|
||||||
<div slot="tip" class="el-upload__tip">
|
<div slot="tip" class="el-upload__tip">
|
||||||
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
||||||
</div>
|
</div>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="证据:">
|
<el-form-item label="证据:">
|
||||||
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
|
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 2">
|
||||||
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
||||||
{{ item.annexName }}
|
{{ item.annexName }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="调解申请书:">
|
<el-form-item label="调解申请书:">
|
||||||
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
|
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 3">
|
||||||
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
||||||
{{ item.annexName }}
|
{{ item.annexName }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="调解书:">
|
<el-form-item label="调解书:">
|
||||||
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
|
<div v-for="(item, index) in detailsAwardNum.caseAttachList" :key="index" v-if="item.annexType == 7">
|
||||||
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
<div style="color: blue; cursor: pointer" @click="fileDetil(item.annexPath)">
|
||||||
{{ item.annexName }}
|
{{ item.annexName }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<div style="display: inline-flex">
|
<div style="display: inline-flex">
|
||||||
<div class="infoIcon"></div>
|
<div class="infoIcon"></div>
|
||||||
<div class="caseInfo">双方信息：</div>
|
<div class="caseInfo">双方信息：</div>
|
||||||
</div>
|
</div>
|
||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
|
<el-form-item label="选择机构或自然人" prop="affiliate.organizeFlag">
|
||||||
<el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
|
<el-radio-group v-model="detailsAwardNum.affiliate.organizeFlag">
|
||||||
<el-radio :label="0">自然人</el-radio>
|
<el-radio :label="0">自然人</el-radio>
|
||||||
<el-radio :label="1">机构</el-radio>
|
<el-radio :label="1">机构</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="申请机构名称">
|
<el-form-item label="申请机构名称">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
|
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请机构名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="申请人">
|
<el-form-item label="申请人">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请人姓名" />
|
<el-input v-model="detailsAwardNum.affiliate.applicationName" placeholder="请输入申请人姓名" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="统一社会信用代码">
|
<el-form-item label="统一社会信用代码">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
|
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入统一社会信用代码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="申请人身份证号码">
|
<el-form-item label="申请人身份证号码">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入申请人的身份证号" />
|
<el-input v-model="detailsAwardNum.affiliate.code" placeholder="请输入申请人的身份证号" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="申请人邮箱">
|
<el-form-item label="申请人邮箱">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicationEmail" placeholder="请输入申请人邮箱" />
|
<el-input v-model="detailsAwardNum.affiliate.applicationEmail" placeholder="请输入申请人邮箱" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="申请人电话">
|
<el-form-item label="申请人电话">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicationPhone" placeholder="请输入申请人联系电话" />
|
<el-input v-model="detailsAwardNum.affiliate.applicationPhone" placeholder="请输入申请人联系电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="法定代表人">
|
<el-form-item label="法定代表人">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
<el-input v-model="detailsAwardNum.affiliate.compLegalPerson" placeholder="请输入法定代表人" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="申请人住所">
|
<el-form-item label="申请人住所">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
<el-input v-model="detailsAwardNum.affiliate.applicantHome" placeholder="请输入申请人住所" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="申请人联系地址">
|
<el-form-item label="申请人联系地址">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
<el-input v-model="detailsAwardNum.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="代理人联系电话">
|
<el-form-item label="代理人联系电话">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
|
<el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
<el-input v-model="detailsAwardNum.affiliate.contactTelphoneAgent" placeholder="请输入代理人联系电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
<el-form-item label="代理人姓名" prop="affiliate.nameAgent">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
<el-input v-model="detailsAwardNum.affiliate.nameAgent" placeholder="请输入代理人姓名" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 1">
|
||||||
<el-form-item label="代理人邮箱">
|
<el-form-item label="代理人邮箱">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
<el-col :span="12" v-if="detailsAwardNum.affiliate.organizeFlag == 0">
|
||||||
<el-form-item label="代理人邮箱">
|
<el-form-item label="代理人邮箱">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
<el-input v-model="detailsAwardNum.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人姓名">
|
<el-form-item label="被申请人姓名">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
<el-input v-model="detailsAwardNum.affiliate.respondentName" placeholder="请输入被申请人姓名" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人联系电话" >
|
<el-form-item label="被申请人联系电话" >
|
||||||
<el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
<el-input v-model="detailsAwardNum.affiliate.respondentPhone" placeholder="请输入被申请人联系电话" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人身份证号">
|
<el-form-item label="被申请人身份证号">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
<el-input v-model="detailsAwardNum.affiliate.respondentIdentityNum" placeholder="请输入被申请人身份证号" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人性别：">
|
<el-form-item label="被申请人性别：">
|
||||||
<el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
|
<el-radio-group v-model="detailsAwardNum.affiliate.respondentSex">
|
||||||
<el-radio :label="0">男</el-radio>
|
<el-radio :label="0">男</el-radio>
|
||||||
<el-radio :label="1">女</el-radio>
|
<el-radio :label="1">女</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
|
<el-form-item label="被申请人出生年月日：" prop="affiliate.respondentBirth">
|
||||||
<el-date-picker v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
|
<el-date-picker v-model="detailsAwardNum.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人申请人住所">
|
<el-form-item label="被申请人申请人住所">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
<el-input v-model="detailsAwardNum.affiliate.respondentHome" placeholder="请输入被申请人申请人住所" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="被申请人邮箱">
|
<el-form-item label="被申请人邮箱">
|
||||||
<el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
<el-input v-model="detailsAwardNum.affiliate.respondentEmail" placeholder="请输入被申请人邮箱" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
|
<el-form-item v-for="item in detailsAwardNum.columnValueList" :label="item.name" :key="item.id">
|
||||||
<el-input type="textarea" v-model="item.value"></el-input>
|
<el-input type="textarea" v-model="item.value"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { getToken } from "@/utils/auth";
|
import { getToken } from "@/utils/auth";
|
||||||
export default {
|
export default {
|
||||||
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
|
props: ["showarchiveDetails","detailsAwardNum","videoList","flagLoadingS","trialTranscripts","caseFilingData"],
|
||||||
components: {
|
components: {
|
||||||
|
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
activeName: 'five',
|
activeName: 'five',
|
||||||
fileURL: window.location.origin + "/API",
|
fileURL: window.location.origin + "/API",
|
||||||
noData: false,
|
noData: false,
|
||||||
filedata: {
|
filedata: {
|
||||||
annexType: 2,
|
annexType: 2,
|
||||||
},
|
},
|
||||||
fileList: [],
|
fileList: [],
|
||||||
headers: {
|
headers: {
|
||||||
Authorization: "Bearer " + getToken(),
|
Authorization: "Bearer " + getToken(),
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
showarchiveDetails: {
|
showarchiveDetails: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.activeName = 'five'
|
this.activeName = 'five'
|
||||||
// this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
|
// this.detailsAwardNum.affiliate.respondentSex = Number(this.detailsAwardNum.affiliate.respondentSex)
|
||||||
console.log(this.detailsAwardNum)
|
console.log(this.detailsAwardNum)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created(){
|
created(){
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
isNoData(data,type){
|
isNoData(data,type){
|
||||||
let resNumber = 0
|
let resNumber = 0
|
||||||
if(data){
|
if(data){
|
||||||
let list = data.filter(item => item.annexType == type)
|
let list = data.filter(item => item.annexType == type)
|
||||||
if(list){
|
if(list){
|
||||||
resNumber = list.length
|
resNumber = list.length
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return resNumber
|
return resNumber
|
||||||
},
|
},
|
||||||
/** 查看证据 */
|
/** 查看证据 */
|
||||||
fileDetil(val) {
|
fileDetil(val) {
|
||||||
window.open(this.fileURL + val);
|
window.open(this.fileURL + val);
|
||||||
},
|
},
|
||||||
/** 文件上传地址 */
|
/** 文件上传地址 */
|
||||||
UploadUrl() {
|
UploadUrl() {
|
||||||
return window.location.origin + "/API/common/upload";
|
return window.location.origin + "/API/common/upload";
|
||||||
},
|
},
|
||||||
/**文件上传成功*/
|
/**文件上传成功*/
|
||||||
handlSuccess(res, file) {
|
handlSuccess(res, file) {
|
||||||
this.detailsAwardNum.caseAttachList.push({
|
this.detailsAwardNum.caseAttachList.push({
|
||||||
annexId: res.annexId,
|
annexId: res.annexId,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/**文件超出个数限制时的钩子*/
|
/**文件超出个数限制时的钩子*/
|
||||||
handleExceed(files, fileList) {
|
handleExceed(files, fileList) {
|
||||||
this.$message.warning(
|
this.$message.warning(
|
||||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
||||||
} 个文件`
|
} 个文件`
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
|
// 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
|
||||||
beforeRemove(file, fileList) {
|
beforeRemove(file, fileList) {
|
||||||
return this.$confirm(`确定移除 ${file.name}？`);
|
return this.$confirm(`确定移除 ${file.name}？`);
|
||||||
},
|
},
|
||||||
handleRemove(file, fileList) {
|
handleRemove(file, fileList) {
|
||||||
this.caseAttachListArr = this.caseAttachListArr.filter(
|
this.caseAttachListArr = this.caseAttachListArr.filter(
|
||||||
(item) => item.annexId != file.annexId
|
(item) => item.annexId != file.annexId
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
handlePreview(file) {
|
handlePreview(file) {
|
||||||
window.open(
|
window.open(
|
||||||
window.location.origin + "/API" + file.certificatePath,
|
window.location.origin + "/API" + file.certificatePath,
|
||||||
"_blank"
|
"_blank"
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
handleClick(tab, event) {
|
handleClick(tab, event) {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$emit("cancelDetail");
|
this.$emit("cancelDetail");
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-dialog__body {
|
::v-deep .el-dialog__body {
|
||||||
height: 500px !important;
|
height: 500px !important;
|
||||||
overflow: auto !important;
|
overflow: auto !important;
|
||||||
}
|
}
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
width: 850px;
|
width: 850px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
.loading {
|
.loading {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.el-icon-loading {
|
.el-icon-loading {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,93 +1,93 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
|
<el-dialog title="案件流程" :visible="processVisable" @close="cancel" center :distroy-on-close="true">
|
||||||
<div class="loading" v-if="flagLoading">
|
<div class="loading" v-if="flagLoading">
|
||||||
<i class="el-icon-loading"></i>
|
<i class="el-icon-loading"></i>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<el-steps class="steps" :active="finishCasenode.length">
|
<el-steps class="steps" :active="finishCasenode.length">
|
||||||
<el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></el-step>
|
<el-step :title="item.content" :description="(item.createNickName || '') + (item.caseNodeTime || '')+(item.nextRoleName || '')" v-for="(item,index) in stepNumber" :key="index"></el-step>
|
||||||
</el-steps>
|
</el-steps>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {selectCaseProgress} from '@/api/caseManagement/caseManagement.js'
|
import {selectCaseProgress} from '@/api/caseManagement/caseManagement.js'
|
||||||
export default {
|
export default {
|
||||||
props: ["processVisable","processData","caseFlowNumber"],
|
props: ["processVisable","processData","caseFlowNumber"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
processId:null,
|
processId:null,
|
||||||
pageData:{},
|
pageData:{},
|
||||||
caseStatus:0,
|
caseStatus:0,
|
||||||
finishCasenode:[],
|
finishCasenode:[],
|
||||||
stepNumber:[],
|
stepNumber:[],
|
||||||
flagLoading:true
|
flagLoading:true
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
processVisable(val){
|
processVisable(val){
|
||||||
if(val){
|
if(val){
|
||||||
this.processId = this.caseFlowNumber.id;
|
this.processId = this.caseFlowNumber.id;
|
||||||
this.selectCaseProgressFn({caseId:this.processId});
|
this.selectCaseProgressFn({caseId:this.processId});
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$emit("cancelViewProcess");
|
this.$emit("cancelViewProcess");
|
||||||
},
|
},
|
||||||
selectCaseProgressFn(data){
|
selectCaseProgressFn(data){
|
||||||
selectCaseProgress(data).then(res=>{
|
selectCaseProgress(data).then(res=>{
|
||||||
let finishCasenode = res.data.data.finishCasenode;;
|
let finishCasenode = res.data.data.finishCasenode;;
|
||||||
this.finishCasenode = finishCasenode;
|
this.finishCasenode = finishCasenode;
|
||||||
let inCasenode = res.data.data.inCasenode;
|
let inCasenode = res.data.data.inCasenode;
|
||||||
let nextCasenode = res.data.data.nextCasenode;
|
let nextCasenode = res.data.data.nextCasenode;
|
||||||
this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
|
this.stepNumber= [...finishCasenode,...inCasenode,...nextCasenode];
|
||||||
this.flagLoading =false
|
this.flagLoading =false
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.steps{
|
.steps{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
::v-deep .el-step{
|
::v-deep .el-step{
|
||||||
// width: 150px;
|
// width: 150px;
|
||||||
flex-basis:25% !important;
|
flex-basis:25% !important;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
::v-deep .el-dialog__body {
|
::v-deep .el-dialog__body {
|
||||||
height: 500px !important;
|
height: 500px !important;
|
||||||
overflow: auto !important;
|
overflow: auto !important;
|
||||||
}
|
}
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
.loading {
|
.loading {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.el-icon-loading {
|
.el-icon-loading {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,113 +1,113 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="案件日志"
|
title="案件日志"
|
||||||
:visible="showcaseLog"
|
:visible="showcaseLog"
|
||||||
@close="cancel"
|
@close="cancel"
|
||||||
center
|
center
|
||||||
:distroy-on-close="true"
|
:distroy-on-close="true"
|
||||||
>
|
>
|
||||||
<div class="loading" v-if="flagLoading">
|
<div class="loading" v-if="flagLoading">
|
||||||
<i class="el-icon-loading"></i>
|
<i class="el-icon-loading"></i>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div class="noData" v-if="noData">暂无数据！</div>
|
<div class="noData" v-if="noData">暂无数据！</div>
|
||||||
<el-timeline v-else>
|
<el-timeline v-else>
|
||||||
<el-timeline-item
|
<el-timeline-item
|
||||||
v-for="(activity, index) in activities"
|
v-for="(activity, index) in activities"
|
||||||
:key="index"
|
:key="index"
|
||||||
:timestamp="(index + 1).toString()"
|
:timestamp="(index + 1).toString()"
|
||||||
placement="top"
|
placement="top"
|
||||||
>
|
>
|
||||||
<p>{{ activity.content }}</p>
|
<p>{{ activity.content }}</p>
|
||||||
</el-timeline-item>
|
</el-timeline-item>
|
||||||
</el-timeline>
|
</el-timeline>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="cancel" class="endbutton1"
|
<el-button @click="cancel" class="endbutton1"
|
||||||
><span>取 消</span></el-button
|
><span>取 消</span></el-button
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props: ["showcaseLog", "flagLoading", "caselogDataArr"],
|
props: ["showcaseLog", "flagLoading", "caselogDataArr"],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
reverse: true,
|
reverse: true,
|
||||||
activities: [],
|
activities: [],
|
||||||
noData: false,
|
noData: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
caselogDataArr: {
|
caselogDataArr: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
if (val && val.length > 0) {
|
if (val && val.length > 0) {
|
||||||
this.noData = false;
|
this.noData = false;
|
||||||
this.activities = val;
|
this.activities = val;
|
||||||
this.activities.forEach((item) => {
|
this.activities.forEach((item) => {
|
||||||
item.content = item.content;
|
item.content = item.content;
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
this.noData = true;
|
this.noData = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$emit("cancelcaseLog");
|
this.$emit("cancelcaseLog");
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-dialog__body {
|
::v-deep .el-dialog__body {
|
||||||
height: 500px !important;
|
height: 500px !important;
|
||||||
overflow: auto !important;
|
overflow: auto !important;
|
||||||
}
|
}
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
width: 800px;
|
width: 800px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
.endbutton1 {
|
.endbutton1 {
|
||||||
width: 154px;
|
width: 154px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 1px solid #d0d0d0;
|
border: 1px solid #d0d0d0;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
span {
|
span {
|
||||||
width: 31px;
|
width: 31px;
|
||||||
height: 13px;
|
height: 13px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #959595;
|
color: #959595;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.loading {
|
.loading {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.el-icon-loading {
|
.el-icon-loading {
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.noData {
|
.noData {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #959595;
|
color: #959595;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,169 +1,169 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
|
<el-dialog :title="title" :visible="openDialog" @close="cancel" :destroy-on-close="true" center>
|
||||||
<el-form ref="form" :model="form" label-width="180px">
|
<el-form ref="form" :model="form" label-width="180px">
|
||||||
<el-form-item label="案件编号：" prop="caseNum">
|
<el-form-item label="案件编号：" prop="caseNum">
|
||||||
<el-input v-model="form.caseNum" placeholder="" :disabled="true"/>
|
<el-input v-model="form.caseNum" placeholder="" :disabled="true"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="案件标的：" prop="caseSubjectAmount">
|
<!-- <el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||||
<el-input v-model="form.caseSubjectAmount" :disabled="true"/>
|
<el-input v-model="form.caseSubjectAmount" :disabled="true"/>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<!-- <el-form-item label="缴费人：" prop="applicantName">
|
<!-- <el-form-item label="缴费人：" prop="applicantName">
|
||||||
<el-input v-model="form.applicationName" placeholder="" />
|
<el-input v-model="form.applicationName" placeholder="" />
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="缴费金额：" prop="feePayable">
|
<el-form-item label="缴费金额：" prop="feePayable">
|
||||||
<el-input v-model="form.feePayable" :disabled="true"/>
|
<el-input v-model="form.feePayable" :disabled="true"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="申请人缴费凭证：" v-if="form.caseAttachList">
|
<el-form-item label="申请人缴费凭证：" v-if="form.caseAttachList">
|
||||||
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
|
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.caseAttachList" :key="index"
|
||||||
@click="preview(item.annexPath)">
|
@click="preview(item.annexPath)">
|
||||||
{{ item.annexName }}
|
{{ item.annexName }}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="被申请人缴费凭证：" v-if="form.resCaseAttachList">
|
<el-form-item label="被申请人缴费凭证：" v-if="form.resCaseAttachList">
|
||||||
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index"
|
<div style="color: #104fad;cursor:pointer" v-for="(item, index) in form.resCaseAttachList" :key="index"
|
||||||
@click="preview(item.annexPath)">
|
@click="preview(item.annexPath)">
|
||||||
{{ item.annexName }}
|
{{ item.annexName }}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 判断缴费是否通过 -->
|
<!-- 判断缴费是否通过 -->
|
||||||
<el-form-item label="是否缴费通过：" v-if="flag == 0">
|
<el-form-item label="是否缴费通过：" v-if="flag == 0">
|
||||||
<el-radio-group v-model="yesOrNo">
|
<el-radio-group v-model="yesOrNo">
|
||||||
<el-radio :label="1">通过</el-radio>
|
<el-radio :label="1">通过</el-radio>
|
||||||
<el-radio :label="0">驳回</el-radio>
|
<el-radio :label="0">驳回</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 缴费驳回原因-->
|
<!-- 缴费驳回原因-->
|
||||||
<el-form-item label="驳回原因：" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
|
<el-form-item label="驳回原因：" v-if="yesOrNo == 0" prop="reason" :rules="[{ required: true, message: '请输入驳回原因',trigger: 'blur',},]">
|
||||||
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></el-input>
|
<el-input type="textarea" :rows="2" placeholder="请输入驳回原因" v-model="form.reason"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<!-- <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button> -->
|
<!-- <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确认已缴费</el-button> -->
|
||||||
<el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确 认</el-button>
|
<el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton">确 认</el-button>
|
||||||
<el-button @click="cancel" class="endbutton1">取 消</el-button>
|
<el-button @click="cancel" class="endbutton1">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
|
import { confirmPaid, resConfirmPaid } from '@/api/caseManagement/caseManagement.js'
|
||||||
export default {
|
export default {
|
||||||
props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
|
props: ["openDialog", "title", "flag", "detailform", "getList", "paymentConfirma", "queryParams",'isapplicant'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
form: {
|
form: {
|
||||||
reason: '',//驳回原因
|
reason: '',//驳回原因
|
||||||
},
|
},
|
||||||
yesOrNo: 1,
|
yesOrNo: 1,
|
||||||
srcList: [],
|
srcList: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
detailform: {
|
detailform: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.form = val;
|
this.form = val;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
openDialog: {
|
openDialog: {
|
||||||
handler(val) {
|
handler(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
this.yesOrNo = 1
|
this.yesOrNo = 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
preview(data) {
|
preview(data) {
|
||||||
window.open(
|
window.open(
|
||||||
window.location.origin + "/API" + data,
|
window.location.origin + "/API" + data,
|
||||||
"_blank"
|
"_blank"
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
// 确认缴费
|
// 确认缴费
|
||||||
submitForm() {
|
submitForm() {
|
||||||
let paramsVal = {
|
let paramsVal = {
|
||||||
caseId: this.paymentConfirma.id,
|
caseId: this.paymentConfirma.id,
|
||||||
batchNumber: "",
|
batchNumber: "",
|
||||||
caseFlowId: this.paymentConfirma.caseFlowId,
|
caseFlowId: this.paymentConfirma.caseFlowId,
|
||||||
yesOrNo: this.yesOrNo,
|
yesOrNo: this.yesOrNo,
|
||||||
reason: this.form.reason
|
reason: this.form.reason
|
||||||
}
|
}
|
||||||
this.$refs["form"].validate((valid) => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.isapplicant) {
|
if (this.isapplicant) {
|
||||||
confirmPaid(paramsVal).then((res) => {
|
confirmPaid(paramsVal).then((res) => {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: "确认成功",
|
message: "确认成功",
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
this.cancel();
|
this.cancel();
|
||||||
this.$emit("getList", this.queryParams);
|
this.$emit("getList", this.queryParams);
|
||||||
})
|
})
|
||||||
console.log('申请人');
|
console.log('申请人');
|
||||||
} else {
|
} else {
|
||||||
// 被申请人 resConfirmPaid
|
// 被申请人 resConfirmPaid
|
||||||
resConfirmPaid(paramsVal).then((res) => {
|
resConfirmPaid(paramsVal).then((res) => {
|
||||||
this.$message({
|
this.$message({
|
||||||
message: "确认成功",
|
message: "确认成功",
|
||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
this.cancel();
|
this.cancel();
|
||||||
this.$emit("getList", this.queryParams);
|
this.$emit("getList", this.queryParams);
|
||||||
})
|
})
|
||||||
console.log('被申请人');
|
console.log('被申请人');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
cancel() {
|
cancel() {
|
||||||
this.$emit("cancelpaymentdetails");
|
this.$emit("cancelpaymentdetails");
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-dialog {
|
::v-deep .el-dialog {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.endbutton {
|
.endbutton {
|
||||||
width: 124px;
|
width: 124px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #0072ff;
|
background: #0072ff;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
// line-height: 48px;
|
// line-height: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.endbutton1 {
|
.endbutton1 {
|
||||||
width: 124px;
|
width: 124px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 1px solid #d0d0d0;
|
border: 1px solid #d0d0d0;
|
||||||
border-radius: 19px;
|
border-radius: 19px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
width: 31px;
|
width: 31px;
|
||||||
height: 13px;
|
height: 13px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #959595;
|
color: #959595;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
+105
-3
@@ -1,27 +1,129 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container home">
|
<div class="app-container home">
|
||||||
调解系统
|
<div class="header">
|
||||||
|
<div class="iconTitle"></div>
|
||||||
|
<div class="headerMain">我的待办</div>
|
||||||
|
</div>
|
||||||
|
<div class="homeMain">
|
||||||
|
<div class="cardList" v-for="(item, index) in pendingTasks" :key="index" @click="pushPage(item.caseFlowId)">
|
||||||
|
<div class="badge">{{item.caseCount}}</div>
|
||||||
|
<div class="cardMain">
|
||||||
|
<img class="iconImg" src="@/assets/images/daiban.png" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="cardMain">
|
||||||
|
<div class="imgTitle">{{ item.caseStatusName }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { todoCount } from "@/api/system/homepage.js";
|
||||||
export default {
|
export default {
|
||||||
name: "Index",
|
name: "Index",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 版本号
|
// 版本号
|
||||||
version: "3.8.6"
|
version: "3.8.6",
|
||||||
|
pendingTasks: [], //案件代办状态
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.gettodoCount();
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goTarget(href) {
|
goTarget(href) {
|
||||||
window.open(href, "_blank");
|
window.open(href, "_blank");
|
||||||
|
},
|
||||||
|
// 查询代办状态
|
||||||
|
gettodoCount() {
|
||||||
|
todoCount({}).then((res) => {
|
||||||
|
this.pendingTasks = res.data.toDoCountList
|
||||||
|
console.log(res.data.toDoCountList, "this.pendingTasks");
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 点击待办按钮跳转
|
||||||
|
pushPage(status) {
|
||||||
|
this.$router.push({ path: '/caseManagement/caseManagement/caseList', query: { caseFlowId: status + '' } })
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
.home {
|
||||||
|
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #676a6c;
|
||||||
|
overflow-x: hidden;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
.header {
|
||||||
|
width: 100%;
|
||||||
|
height: 80px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.iconTitle {
|
||||||
|
width: 5px;
|
||||||
|
height: 25px;
|
||||||
|
background-color: #0f5c9b;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerMain {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.homeMain {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.cardList {
|
||||||
|
width: 13%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 30px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
position: relative;
|
||||||
|
margin-right: 38px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
width: 50px;
|
||||||
|
height: 30px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 30px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #e32a4f;
|
||||||
|
border-radius: 10px 30px 10px 30px;
|
||||||
|
background-color: #05baf1;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardMain {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
.iconImg {
|
||||||
|
width: 100px;
|
||||||
|
height: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgTitle {
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
+7
-3
@@ -67,7 +67,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 底部 -->
|
<!-- 底部 -->
|
||||||
<div class="el-login-footer">
|
<div class="el-login-footer">
|
||||||
<span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
|
<div>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</div>
|
||||||
|
<div>Version：1.0.1</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -247,8 +248,8 @@ export default {
|
|||||||
}
|
}
|
||||||
.el-login-footer {
|
.el-login-footer {
|
||||||
background-color: rgb(126, 131, 135);
|
background-color: rgb(126, 131, 135);
|
||||||
height: 40px;
|
height: 55px;
|
||||||
line-height: 40px;
|
line-height: 55px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -257,6 +258,9 @@ export default {
|
|||||||
font-family: Arial;
|
font-family: Arial;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
|
div {
|
||||||
|
height: 30%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.login-code-img {
|
.login-code-img {
|
||||||
height: 38px;
|
height: 38px;
|
||||||
|
|||||||
+4
-3
@@ -17,7 +17,7 @@ const API = 'http://121.40.189.20:7001' //测试
|
|||||||
// const API = 'http://172.16.0.237:6001' //Q
|
// const API = 'http://172.16.0.237:6001' //Q
|
||||||
// const API = 'http://172.16.1.43:6001' //w
|
// const API = 'http://172.16.1.43:6001' //w
|
||||||
|
|
||||||
// vue.config.js 配置说明
|
// vue.config.js 配置说明
|
||||||
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
|
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
|
||||||
// 这里只列一部分，具体配置参考文档
|
// 这里只列一部分，具体配置参考文档
|
||||||
module.exports = {
|
module.exports = {
|
||||||
@@ -39,8 +39,10 @@ module.exports = {
|
|||||||
port: port,
|
port: port,
|
||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
proxy: {
|
||||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
|
// target: `http://192.168.3.77:8080`,
|
||||||
|
// target: `http://121.40.189.20:9001`,
|
||||||
target: API,
|
target: API,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
@@ -59,7 +61,6 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
configureWebpack: {
|
configureWebpack: {
|
||||||
name: name,
|
name: name,
|
||||||
devtool: '#eval-source-map',
|
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
'@': resolve('src')
|
'@': resolve('src')
|
||||||
|
|||||||
Reference in New Issue
Block a user