Merge branch 'hcb' of SH-Arbitrate/Arbitrate-Frontend into dev
This commit was merged in pull request #87.
This commit is contained in:
Gitea
@@ -0,0 +1,8 @@
|
||||
import request from '@/utils/request'
|
||||
// 待办数量查询
|
||||
export function toDoCount() {
|
||||
return request({
|
||||
url: '/caseApplication/toDoCount',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 355 KiB |
@@ -1,19 +1,8 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input
|
||||
v-model="queryParams.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="案件状态" prop="caseStatus">
|
||||
<el-select
|
||||
@@ -41,16 +30,8 @@
|
||||
</el-date-picker>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
size="mini"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
@@ -61,68 +42,36 @@
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="案件编号"
|
||||
align="center"
|
||||
prop="caseNum"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="案件标的"
|
||||
align="center"
|
||||
prop="caseSubjectAmount"
|
||||
/>
|
||||
<el-table-column
|
||||
label="立案日期"
|
||||
align="center"
|
||||
prop="registerDate"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="立案日期" align="center" prop="registerDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-reading"
|
||||
@click="showDetail(scope.row)"
|
||||
>归档详情</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-reading"
|
||||
v-if="scope.row.filearbitraUrl && scope.row.filearbitraUrl !== ''"
|
||||
@click="showModel(scope.row)">查看裁决书</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-reading" @click="showDetail(scope.row)">归档详情</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)"
|
||||
/>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getList(queryParams)" />
|
||||
<!-- 弹窗 -->
|
||||
<archiveDetailsDialog
|
||||
v-if="showarchiveDetails"
|
||||
:showarchiveDetails="showarchiveDetails"
|
||||
:detailform="detailform"
|
||||
:flagLoading="flagLoading"
|
||||
@cancelpaymentdetails="cancelpaymentdetails"
|
||||
@updataList="updataList"
|
||||
></archiveDetailsDialog>
|
||||
<archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :detailform="detailform"
|
||||
:flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
|
||||
</archiveDetailsDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { caseApplicationList } from "@/api/awardManagement/awardManagement";
|
||||
import { caseApplicationList, selectSignSealUrl } from "@/api/awardManagement/awardManagement";
|
||||
import { adjudicationArchives } from "@/api/caseFiling/caseFiling";
|
||||
import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
|
||||
|
||||
export default {
|
||||
name: "archiveList",
|
||||
dicts: ["case_status"],
|
||||
@@ -155,6 +104,12 @@ export default {
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
methods: {
|
||||
showModel(row) {
|
||||
selectSignSealUrl({ id: row.id }).then(res => {
|
||||
let url = res.data.filearbitraUrl;
|
||||
window.open(url)
|
||||
})
|
||||
},
|
||||
updataList() {
|
||||
this.getList(this.queryParams);
|
||||
},
|
||||
|
||||
@@ -1,19 +1,8 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
label-width="98px"
|
||||
>
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="98px">
|
||||
<el-form-item label="案件编号" prop="caseNum">
|
||||
<el-input
|
||||
v-model="queryParams.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="申请人(机构)" prop="applicantName">
|
||||
<!-- <el-input
|
||||
@@ -22,27 +11,13 @@
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/> -->
|
||||
<el-cascader
|
||||
v-model="queryParams.nameId"
|
||||
:options="options"
|
||||
@change="changeDept"
|
||||
:props="{ checkStrictly: true }"
|
||||
clearable
|
||||
></el-cascader>
|
||||
<el-cascader v-model="queryParams.nameId" :options="options" @change="changeDept" :props="{ checkStrictly: true }"
|
||||
clearable></el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="案件状态" prop="caseStatus">
|
||||
<el-select
|
||||
v-model="queryParams.caseStatus"
|
||||
placeholder="请选择案件状态"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.case_status"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
<el-select v-model="queryParams.caseStatus" placeholder="请选择案件状态" clearable @keyup.enter.native="handleQuery">
|
||||
<el-option v-for="dict in caseStatus" :key="dict.dictSort" :label="dict.dictLabel"
|
||||
:value="dict.dictSort"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="开庭日期" prop="hearDate">
|
||||
@@ -56,38 +31,16 @@
|
||||
</el-date-picker>
|
||||
</el-form-item> -->
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
size="mini"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="filingApplication"
|
||||
v-hasPermi="['caseManagement:list:add']"
|
||||
>案件录入</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="batchApplication"
|
||||
v-hasPermi="['caseManagement:list:import']"
|
||||
>案件批量导入</el-button
|
||||
>
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="filingApplication"
|
||||
v-hasPermi="['caseManagement:list:add']">案件录入</el-button>
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="batchApplication"
|
||||
v-hasPermi="['caseManagement:list:import']">案件批量导入</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||
@@ -98,121 +51,41 @@
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="案件编号"
|
||||
align="center"
|
||||
prop="caseNum"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="申请人(机构)"
|
||||
align="center"
|
||||
prop="applicantName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="案件标的"
|
||||
align="center"
|
||||
prop="caseSubjectAmount"
|
||||
/>
|
||||
<el-table-column
|
||||
label="仲裁方式"
|
||||
align="center"
|
||||
prop="arbitratMethodName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="申请人(机构)" align="center" prop="applicantName" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件标的" align="center" prop="caseSubjectAmount" />
|
||||
<el-table-column label="仲裁方式" align="center" prop="arbitratMethodName" :show-overflow-tooltip="true" />
|
||||
<!-- 仲裁员 -->
|
||||
<el-table-column label="仲裁员" align="center" prop="arbitratorName" />
|
||||
<!-- 开庭日期 -->
|
||||
<el-table-column
|
||||
label="开庭日期"
|
||||
align="center"
|
||||
prop="hearDate"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="开庭日期" align="center" prop="hearDate" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="案件状态" align="center" prop="caseStatusName">
|
||||
<template slot-scope="scope">
|
||||
<el-tag type="success">{{ scope.row.caseStatusName }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-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">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-zoom-in"
|
||||
@click="detailRow(scope.row)"
|
||||
>详情</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-zoom-in" @click="detailRow(scope.row)">详情</el-button>
|
||||
<!-- 案件日志 -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-notebook-2"
|
||||
@click="caselogRow(scope.row)"
|
||||
>案件日志</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="editRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:update'])
|
||||
"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-check"
|
||||
@click="onsubmitRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:submit'])
|
||||
"
|
||||
>提交</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:delete'])
|
||||
"
|
||||
>删除</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-view"
|
||||
@click="filingreviewRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 1 &&
|
||||
checkPermi(['caseManagement:list:check'])
|
||||
"
|
||||
>立案审查</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-notebook-2" @click="caselogRow(scope.row)">案件日志</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="editRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:update'])
|
||||
">修改</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-check" @click="onsubmitRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:submit'])
|
||||
">提交</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="deleteRow(scope.row)" v-if="scope.row.caseStatus == 0 &&
|
||||
checkPermi(['caseManagement:list:delete'])
|
||||
">删除</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-view" @click="filingreviewRow(scope.row)" v-if="scope.row.caseStatus == 1 &&
|
||||
checkPermi(['caseManagement:list:check'])
|
||||
">立案审查</el-button>
|
||||
<!-- <el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)"
|
||||
v-if="scope.row.caseStatus == 2" v-hasPermi="['caseManagement:list:pay']">缴费</el-button> -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-tickets"
|
||||
@click="payStatus(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 2 &&
|
||||
checkPermi(['caseManagement:list:pay'])
|
||||
"
|
||||
>缴费</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-tickets" @click="payStatus(scope.row)" v-if="scope.row.caseStatus == 2 &&
|
||||
checkPermi(['caseManagement:list:pay'])
|
||||
">缴费</el-button>
|
||||
|
||||
<!-- <el-button
|
||||
size="mini"
|
||||
@@ -222,64 +95,24 @@
|
||||
v-hasPermi="['monitor:online:forceLogout']"
|
||||
>组庭</el-button
|
||||
> -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-s-check"
|
||||
@click="courtconfirmationRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 6 &&
|
||||
checkPermi(['caseManagement:list:confirmgroup'])
|
||||
"
|
||||
>组庭确认</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-check"
|
||||
@click="courtreviewRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 5 &&
|
||||
checkPermi(['caseManagement:list:checkgroup'])
|
||||
"
|
||||
>组庭审核</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-sort"
|
||||
@click="choosetrialmethodRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 7 &&
|
||||
checkPermi(['caseManagement:list:checkarbitrationway'])
|
||||
"
|
||||
>审核仲裁方式</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="adjudicaterecordRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 9 &&
|
||||
scope.row.arbitratMethod == 2 &&
|
||||
checkPermi(['caseManagement:list:hear'])
|
||||
"
|
||||
>书面审理</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-s-check" @click="courtconfirmationRow(scope.row)" v-if="scope.row.caseStatus == 6 &&
|
||||
checkPermi(['caseManagement:list:confirmgroup'])
|
||||
">组庭确认</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-check" @click="courtreviewRow(scope.row)" v-if="scope.row.caseStatus == 5 &&
|
||||
checkPermi(['caseManagement:list:checkgroup'])
|
||||
">组庭审核</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-sort" @click="choosetrialmethodRow(scope.row)" v-if="scope.row.caseStatus == 7 &&
|
||||
checkPermi(['caseManagement:list:checkarbitrationway'])
|
||||
">审核仲裁方式</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit-outline" @click="adjudicaterecordRow(scope.row)" v-if="scope.row.caseStatus == 9 &&
|
||||
scope.row.arbitratMethod == 2 &&
|
||||
checkPermi(['caseManagement:list:hear'])
|
||||
">书面审理</el-button>
|
||||
<!-- v-hasPermi="['caseManagement:list:hear']" -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-service"
|
||||
@click="trialcourtRow(scope.row)"
|
||||
v-if="
|
||||
scope.row.caseStatus == 8 &&
|
||||
scope.row.arbitratMethod == 1 &&
|
||||
checkPermi(['caseManagement:list:hear'])
|
||||
"
|
||||
>开庭审理</el-button
|
||||
>
|
||||
<el-button size="mini" type="text" icon="el-icon-service" @click="trialcourtRow(scope.row)" v-if="scope.row.caseStatus == 8 &&
|
||||
scope.row.arbitratMethod == 1 &&
|
||||
checkPermi(['caseManagement:list:hear'])
|
||||
">开庭审理</el-button>
|
||||
<!-- <el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@@ -294,106 +127,44 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getcaseApply(queryParams)"
|
||||
/>
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
|
||||
@pagination="getcaseApply(queryParams)" />
|
||||
|
||||
<!-- 立案申请弹框 -->
|
||||
<caseentryDialog
|
||||
:visible="visible"
|
||||
@cancel="cancel"
|
||||
:form="form"
|
||||
:queryParams="queryParams"
|
||||
:dialogtitle="dialogtitle"
|
||||
:getcaseApply="getcaseApply"
|
||||
:flag="flag"
|
||||
:caseAttachList="caseAttachList"
|
||||
:initpaymentArr="initpaymentArr"
|
||||
:initpaymentArr1="initpaymentArr1"
|
||||
></caseentryDialog>
|
||||
<caseentryDialog :visible="visible" @cancel="cancel" :form="form" :queryParams="queryParams"
|
||||
:dialogtitle="dialogtitle" :getcaseApply="getcaseApply" :flag="flag" :caseAttachList="caseAttachList"
|
||||
:initpaymentArr="initpaymentArr" :initpaymentArr1="initpaymentArr1"></caseentryDialog>
|
||||
<!-- 批量申请弹框 openbatch-->
|
||||
<batchDialog
|
||||
:openbatch="openbatch"
|
||||
:queryParams="queryParams"
|
||||
@cancelBatch="cancelBatch"
|
||||
:getcaseApply="getcaseApply"
|
||||
></batchDialog>
|
||||
<batchDialog :openbatch="openbatch" :queryParams="queryParams" @cancelBatch="cancelBatch"
|
||||
:getcaseApply="getcaseApply"></batchDialog>
|
||||
<!-- 立案审查页面 -->
|
||||
<filingreviewDialog
|
||||
:showfilingreview="showfilingreview"
|
||||
:filingreviewdata="filingreviewdata"
|
||||
:queryParams="queryParams"
|
||||
@getcaseApply="getcaseApply"
|
||||
@cancelFilingreview="cancelFilingreview"
|
||||
>
|
||||
<filingreviewDialog :showfilingreview="showfilingreview" :filingreviewdata="filingreviewdata"
|
||||
:queryParams="queryParams" @getcaseApply="getcaseApply" @cancelFilingreview="cancelFilingreview">
|
||||
</filingreviewDialog>
|
||||
<!-- 组庭页面---改为组庭审核 -->
|
||||
<formateCourtDialog
|
||||
:showformateCourt="showformateCourt"
|
||||
@cancelcourtDialog="cancelcourtDialog"
|
||||
:queryParams="queryParams"
|
||||
:formateCourtData="formateCourtData"
|
||||
@getcaseApply="getcaseApply"
|
||||
></formateCourtDialog>
|
||||
<formateCourtDialog :showformateCourt="showformateCourt" @cancelcourtDialog="cancelcourtDialog"
|
||||
:queryParams="queryParams" :formateCourtData="formateCourtData" @getcaseApply="getcaseApply"></formateCourtDialog>
|
||||
<!-- 组庭审核--改组庭确认 -->
|
||||
<courtReviewDialog
|
||||
:showcourtReview="showcourtReview"
|
||||
:form="form"
|
||||
:queryParams="queryParams"
|
||||
@cancelcourtReview="cancelcourtReview"
|
||||
@getcaseApply="getcaseApply"
|
||||
></courtReviewDialog>
|
||||
<courtReviewDialog :showcourtReview="showcourtReview" :form="form" :queryParams="queryParams"
|
||||
@cancelcourtReview="cancelcourtReview" @getcaseApply="getcaseApply"></courtReviewDialog>
|
||||
<!-- 审核仲裁方式 -->
|
||||
<choosetrialmethodDaiog
|
||||
:showchoosetrialmethod="showchoosetrialmethod"
|
||||
:choosetrialmethodata="choosetrialmethodata"
|
||||
:queryParams="queryParams"
|
||||
@getcaseApply="getcaseApply"
|
||||
@cancelshowchoosetrialMethod="cancelshowchoosetrialMethod"
|
||||
>
|
||||
<choosetrialmethodDaiog :showchoosetrialmethod="showchoosetrialmethod" :choosetrialmethodata="choosetrialmethodata"
|
||||
:queryParams="queryParams" @getcaseApply="getcaseApply" @cancelshowchoosetrialMethod="cancelshowchoosetrialMethod">
|
||||
</choosetrialmethodDaiog>
|
||||
<!-- 书面审理 -->
|
||||
<adjudicaterecordDialog
|
||||
:showadjudicaterecord="showadjudicaterecord"
|
||||
:form="form"
|
||||
:adjudicatename="adjudicatename"
|
||||
:queryParams="queryParams"
|
||||
@canceladjudicaterecord="canceladjudicaterecord"
|
||||
@getcaseApply="getcaseApply"
|
||||
>
|
||||
<adjudicaterecordDialog :showadjudicaterecord="showadjudicaterecord" :form="form" :adjudicatename="adjudicatename"
|
||||
:queryParams="queryParams" @canceladjudicaterecord="canceladjudicaterecord" @getcaseApply="getcaseApply">
|
||||
</adjudicaterecordDialog>
|
||||
<!-- 开庭审理 -->
|
||||
<trialincourtDialog
|
||||
:showtrialincourt="showtrialincourt"
|
||||
:adjudicatename="adjudicatename"
|
||||
:form="form"
|
||||
:queryParams="queryParams"
|
||||
@getcaseApply="getcaseApply"
|
||||
@canceltrialincourt="canceltrialincourt"
|
||||
>
|
||||
<trialincourtDialog :showtrialincourt="showtrialincourt" :adjudicatename="adjudicatename" :form="form"
|
||||
:queryParams="queryParams" @getcaseApply="getcaseApply" @canceltrialincourt="canceltrialincourt">
|
||||
</trialincourtDialog>
|
||||
<!-- 缴费 -->
|
||||
<payDialog
|
||||
:openPay="openPay"
|
||||
:payTitle="payTitle"
|
||||
:form="form"
|
||||
:payForm="payForm"
|
||||
:queryParams="queryParams"
|
||||
@getcaseApply="getcaseApply"
|
||||
@paycancelRow="paycancelRow"
|
||||
:payId="payId"
|
||||
></payDialog>
|
||||
<payDialog :openPay="openPay" :payTitle="payTitle" :form="form" :payForm="payForm" :queryParams="queryParams"
|
||||
@getcaseApply="getcaseApply" @paycancelRow="paycancelRow" :payId="payId"></payDialog>
|
||||
<!-- 案件日志 -->
|
||||
<caselogDialog
|
||||
:showcaseLog="showcaseLog"
|
||||
@cancelcaseLog="cancelcaseLog"
|
||||
:flagLoading="flagLoading"
|
||||
:caselogDataArr="caselogDataArr"
|
||||
></caselogDialog>
|
||||
<caselogDialog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :flagLoading="flagLoading"
|
||||
:caselogDataArr="caselogDataArr"></caselogDialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -421,10 +192,10 @@ import {
|
||||
document,
|
||||
caseLogRecordList,
|
||||
} from "@/api/caseManagement/caseManagement";
|
||||
|
||||
import { getDicts } from '@/api/system/dict/data.js'
|
||||
export default {
|
||||
name: "caseList",
|
||||
dicts: ["case_status"],
|
||||
// dicts: ["case_status"],
|
||||
components: {
|
||||
caseentryDialog,
|
||||
batchDialog,
|
||||
@@ -486,11 +257,20 @@ export default {
|
||||
flagLoading: true, //案件日志弹框loading
|
||||
caselogDataArr: [],
|
||||
options: [], //机构数据
|
||||
payId:null
|
||||
payId: null,
|
||||
caseStatus: []
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getcaseApply(this.queryParams);
|
||||
getDicts("case_status").then(res => {
|
||||
this.caseStatus = res.data;
|
||||
let params = this.$route.params.status;
|
||||
if (params) {
|
||||
this.queryParams.caseStatus = params;
|
||||
}
|
||||
this.getcaseApply(this.queryParams);
|
||||
})
|
||||
// this.getcaseApply(this.queryParams);
|
||||
this.getInstitution();
|
||||
},
|
||||
methods: {
|
||||
@@ -526,7 +306,7 @@ export default {
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.caseStatusList = [];
|
||||
if (!this.queryParams.caseStatus ) {
|
||||
if (!this.queryParams.caseStatus) {
|
||||
this.queryParams.caseStatusList = [0, 1, 2, 5, 6, 7, 8, 9, 10]
|
||||
}
|
||||
this.queryParams.pageNum = 1;
|
||||
@@ -627,7 +407,7 @@ export default {
|
||||
this.getcaseApply(this.queryParams);
|
||||
this.$modal.msgSuccess("立案申请成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
},
|
||||
// 立案审查
|
||||
filingreviewRow(row) {
|
||||
@@ -747,7 +527,7 @@ export default {
|
||||
feePayable: res.data.feePayable,
|
||||
hearDate: res.data.hearDate,
|
||||
arbitratorName: res.data.arbitratorName,
|
||||
caseAttachList: res.data.caseAttachList
|
||||
caseAttachList: res.data.caseAttachList,
|
||||
};
|
||||
this.initpaymentArr = [];
|
||||
this.initpaymentArr1 = [];
|
||||
@@ -759,6 +539,8 @@ export default {
|
||||
}
|
||||
});
|
||||
this.caseAttachList = res.data.caseAttachList;
|
||||
this.form.requestRule = res.data.requestRule;
|
||||
this.form.properPreser = res.data.properPreser;
|
||||
});
|
||||
},
|
||||
// 删除
|
||||
@@ -773,13 +555,12 @@ export default {
|
||||
this.getcaseApply(this.queryParams);
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
#formContainer {
|
||||
}
|
||||
#formContainer {}
|
||||
</style>
|
||||
|
||||
@@ -1,22 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
:title="dialogtitle"
|
||||
:visible="visible"
|
||||
@close="cancel"
|
||||
width="1000px"
|
||||
append-to-body
|
||||
:destroy-on-close="true"
|
||||
center
|
||||
>
|
||||
<el-dialog :title="dialogtitle" :visible="visible" @close="cancel" width="1000px" append-to-body
|
||||
:destroy-on-close="true" center>
|
||||
<!-- 案件信息 -->
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
>
|
||||
<el-form ref="form" :model="formData" :rules="rules" label-width="150px" :disabled="flag == '0'">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
@@ -25,77 +12,60 @@
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum" v-if="flag !== '2'">
|
||||
<el-input
|
||||
v-model="formData.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
:disabled="flag == '1'"
|
||||
/>
|
||||
<el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="flag == '1'" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
@input="numberFn('caseSubjectAmount')"
|
||||
/>
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的"
|
||||
@input="numberFn('caseSubjectAmount')" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanStartDate"
|
||||
type="datetime"
|
||||
placeholder="借款开始日期"
|
||||
@change="setStartTime"
|
||||
>
|
||||
<el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期"
|
||||
@change="setStartTime">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanEndDate"
|
||||
type="datetime"
|
||||
placeholder="借款结束日期"
|
||||
@change="setEndTime"
|
||||
>
|
||||
<el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" @change="setEndTime">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="合同编号：" prop="contractNumber">
|
||||
<el-input
|
||||
v-model="formData.contractNumber"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-input v-model="formData.contractNumber" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input
|
||||
v-model="formData.claimPrinciOwed"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimPrinciOwed')"
|
||||
/>
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" @input="numberFn('claimPrinciOwed')" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠利息：" prop="claimInterestOwed">
|
||||
<el-input
|
||||
v-model="formData.claimInterestOwed"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimInterestOwed')"
|
||||
/>
|
||||
<el-input v-model="formData.claimInterestOwed" placeholder="请输入" @input="numberFn('claimInterestOwed')" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张违约金：" prop="claimLiquidDamag">
|
||||
<el-input
|
||||
v-model="formData.claimLiquidDamag"
|
||||
placeholder="请输入"
|
||||
@input="numberFn('claimLiquidDamag')"
|
||||
/>
|
||||
<el-input v-model="formData.claimLiquidDamag" placeholder="请输入" @input="numberFn('claimLiquidDamag')" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人请求仲裁庭裁决：" prop="requestRule">
|
||||
<el-input v-model="formData.requestRule" placeholder="请输入申请人请求仲裁庭裁决" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否财产保全申请：" prop="properPreser">
|
||||
<el-radio-group v-model="formData.properPreser">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- 应缴费用 -->
|
||||
@@ -106,37 +76,17 @@
|
||||
</el-col>
|
||||
<!-- 申请人仲裁诉求 -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="申请人仲裁诉求" prop="arbitratClaims">
|
||||
<el-input
|
||||
v-model="formData.arbitratClaims"
|
||||
placeholder="请输入申请人仲裁诉求"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }"
|
||||
/>
|
||||
<el-form-item label="申请人仲裁请求及事实和理由" prop="arbitratClaims">
|
||||
<el-input v-model="formData.arbitratClaims" placeholder="请输入申请人仲裁诉求" type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 8 }" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人案件证据资料上传："
|
||||
prop="applicantEvidence"
|
||||
v-if="flag !== '0'"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
ref="fileupload"
|
||||
accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:action="UploadUrl()"
|
||||
:on-success="handlSuccess"
|
||||
:on-remove="handleRemove"
|
||||
:on-preview="handlePreview"
|
||||
:before-remove="beforeRemove"
|
||||
:data="filedata"
|
||||
:headers="headers"
|
||||
multiple
|
||||
:limit="3"
|
||||
:on-exceed="handleExceed"
|
||||
:file-list="fileList"
|
||||
>
|
||||
<el-form-item label="申请人案件证据资料上传：" prop="applicantEvidence" v-if="flag !== '0'">
|
||||
<el-upload class="upload-demo" ref="fileupload" accept=".png,.jpg,.doc,.docx,.txt,.pdf"
|
||||
:action="UploadUrl()" :on-success="handlSuccess" :on-remove="handleRemove" :on-preview="handlePreview"
|
||||
:before-remove="beforeRemove" :data="filedata" :headers="headers" multiple :limit="3"
|
||||
:on-exceed="handleExceed" :file-list="fileList">
|
||||
<el-button size="small" type="primary">点击上传</el-button>
|
||||
<div slot="tip" class="el-upload__tip">
|
||||
文件支持上传.jpg，png，.doc，docx，.txt，.pdf文件
|
||||
@@ -145,14 +95,10 @@
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人案件证据资料："
|
||||
v-if="
|
||||
flag == '0' &&
|
||||
caseAttachList.length > 0 &&
|
||||
applicateArr.length > 0
|
||||
"
|
||||
>
|
||||
<el-form-item label="申请人案件证据资料：" v-if="flag == '0' &&
|
||||
caseAttachList.length > 0 &&
|
||||
applicateArr.length > 0
|
||||
">
|
||||
<div v-for="(item, index) in applicateArr" :key="index">
|
||||
<a href="#" @click="toFile(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
@@ -162,13 +108,8 @@
|
||||
</el-col>
|
||||
<!-- 仅详情展示 案件质证环节以后显示被申请人证据-->
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="被申请人案件证据资料："
|
||||
prop="respondentEvidence"
|
||||
v-if="
|
||||
flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
|
||||
"
|
||||
>
|
||||
<el-form-item label="被申请人案件证据资料：" prop="respondentEvidence" v-if="flag == '0' && caseAttachList.length > 0 && quiltArr.length > 0
|
||||
">
|
||||
<div v-for="(item, index) in quiltArr" :key="index">
|
||||
<a href="#" @click="toFile1(item, index)" style="color: blue">
|
||||
{{ item.annexName }}
|
||||
@@ -196,12 +137,7 @@
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 申请人主体信息 -->
|
||||
<el-form
|
||||
ref="form2"
|
||||
:model="form2"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
>
|
||||
<el-form ref="form2" :model="form2" label-width="150px" :disabled="flag == '0'">
|
||||
<div v-for="(item, index) in form2.paymentArr" :key="index">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display: inline-flex">
|
||||
@@ -209,109 +145,105 @@
|
||||
<div class="caseInfo">申请人主体信息：</div>
|
||||
</div>
|
||||
<!-- <p>申请人主体信息：</p> -->
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteData(index)"
|
||||
v-if="form2.paymentArr.length > 1 && flag != '0'"
|
||||
></el-button>
|
||||
<el-button type="danger" icon="el-icon-delete" @click="deleteData(index)"
|
||||
v-if="form2.paymentArr.length > 1 && flag != '0'"></el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="申请人(机构)："
|
||||
:prop="'paymentArr.' + index + '.name'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="申请人(机构)：" :prop="'paymentArr.' + index + '.name'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="代码："
|
||||
:prop="'paymentArr.' + index + '.identityNum'"
|
||||
:rules="[
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="代码：" :prop="'paymentArr.' + index + '.identityNum'" :rules="[
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr.' + index + '.contactTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphone'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:prop="'paymentArr.' + index + '.workAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="单位地址：" :prop="'paymentArr.' + index + '.workAddress'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:prop="'paymentArr.' + index + '.workTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="单位电话：" :prop="'paymentArr.' + index + '.workTelphone'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr.' + index + '.contactAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddress'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人：" :prop="'paymentArr.' + index + '.compLegalPerson'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.compLegalPerson" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表人职位：" :prop="'paymentArr.' + index + '.compLegalperPost'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '法定代表人职位不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.compLegalperPost" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
@@ -320,85 +252,60 @@
|
||||
<!-- <p>代理人信息：</p> -->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:prop="'paymentArr.' + index + '.nameAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="姓名：" :prop="'paymentArr.' + index + '.nameAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr.' + index + '.identityNumAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.identityNumAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-form-item label="身份证号：" :prop="'paymentArr.' + index + '.identityNumAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.identityNumAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr.' + index + '.contactTelphoneAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-form-item label="联系电话：" :prop="'paymentArr.' + index + '.contactTelphoneAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="item.contactTelphoneAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr.' + index + '.contactAddressAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="item.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-form-item label="联系地址：" :prop="'paymentArr.' + index + '.contactAddressAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="item.contactAddressAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -412,135 +319,123 @@
|
||||
>新增申请人主体信息</el-button
|
||||
> -->
|
||||
<!-- 被申请人主体信息 -->
|
||||
<el-form
|
||||
ref="form3"
|
||||
label-width="150px"
|
||||
:disabled="flag == '0'"
|
||||
:model="form3"
|
||||
>
|
||||
<div
|
||||
v-for="(itm, index) in form3.paymentArr1"
|
||||
:key="index + form2.paymentArr.length"
|
||||
>
|
||||
<el-form ref="form3" label-width="150px" :disabled="flag == '0'" :model="form3">
|
||||
<div v-for="(itm, index) in form3.paymentArr1" :key="index + form2.paymentArr.length">
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
<div class="caseInfo">被申请人主体信息：</div>
|
||||
</div>
|
||||
<!-- <p>被申请人主体信息：</p> -->
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteData1(index)"
|
||||
v-if="form3.paymentArr1.length > 1 && flag != '0'"
|
||||
></el-button>
|
||||
<el-button type="danger" icon="el-icon-delete" @click="deleteData1(index)"
|
||||
v-if="form3.paymentArr1.length > 1 && flag != '0'"></el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="被申请人姓名"
|
||||
:prop="'paymentArr1.' + index + '.name'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="被申请人姓名" :prop="'paymentArr1.' + index + '.name'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="itm.name" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNum'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNum'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="itm.identityNum" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.contactTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphone'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="itm.contactTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位地址："
|
||||
:prop="'paymentArr1.' + index + '.workAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="单位地址：" :prop="'paymentArr1.' + index + '.workAddress'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="itm.workAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="单位电话："
|
||||
:prop="'paymentArr1.' + index + '.workTelphone'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="单位电话：" :prop="'paymentArr1.' + index + '.workTelphone'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '单位电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="itm.workTelphone" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddress'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddress'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="itm.contactAddress" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人性别：" :prop="'paymentArr1.' + index + '.responSex'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="itm.responSex">
|
||||
<el-radio label="1">男</el-radio>
|
||||
<el-radio label="0">女</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人出生年月日：" :prop="'paymentArr1.' + index + '.responBirth'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '被申请人出生年月日不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-date-picker v-model="itm.responBirth" type="datetime" placeholder="被申请人出生年月日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div style="display: inline-flex">
|
||||
<div class="infoIcon"></div>
|
||||
@@ -549,83 +444,61 @@
|
||||
<!-- <p>代理人信息：</p> -->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="姓名："
|
||||
:prop="'paymentArr1.' + index + '.nameAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item label="姓名：" :prop="'paymentArr1.' + index + '.nameAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '姓名不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 20, message: '长度应小于20个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="itm.nameAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<!-- -->
|
||||
<el-form-item
|
||||
label="身份证号："
|
||||
:prop="'paymentArr1.' + index + '.identityNumAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-form-item label="身份证号：" :prop="'paymentArr1.' + index + '.identityNumAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '身份证号不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern:
|
||||
/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
|
||||
message: '请输入正确的身份证号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="itm.identityNumAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系电话："
|
||||
:prop="'paymentArr1.' + index + '.contactTelphoneAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="itm.contactTelphoneAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-form-item label="联系电话：" :prop="'paymentArr1.' + index + '.contactTelphoneAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系电话不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/,
|
||||
message: '请输入正确的手机号码',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input v-model="itm.contactTelphoneAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label="联系地址："
|
||||
:prop="'paymentArr1.' + index + '.contactAddressAgent'"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
v-model="itm.contactAddressAgent"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-form-item label="联系地址：" :prop="'paymentArr1.' + index + '.contactAddressAgent'" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '联系地址不能为空',
|
||||
trigger: 'blur',
|
||||
},
|
||||
{ max: 50, message: '长度应小于50个字符', trigger: 'blur' }
|
||||
]">
|
||||
<el-input v-model="itm.contactAddressAgent" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -639,16 +512,8 @@
|
||||
>新增被申请人主体信息</el-button
|
||||
> -->
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="submitForm"
|
||||
v-if="flag != 0"
|
||||
class="endbutton"
|
||||
><span>确 定</span></el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
<el-button type="primary" @click="submitForm" v-if="flag != 0" class="endbutton"><span>确 定</span></el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
@@ -708,6 +573,8 @@ export default {
|
||||
nameAgent: "",
|
||||
contactTelphoneAgent: "",
|
||||
contactAddressAgent: "",
|
||||
responSex:1,
|
||||
responBirth:""
|
||||
},
|
||||
],
|
||||
}, //被申请人主体信息
|
||||
@@ -905,8 +772,7 @@ export default {
|
||||
// 文件超出个数限制时的钩子
|
||||
handleExceed(files, fileList) {
|
||||
this.$message.warning(
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
|
||||
files.length + fileList.length
|
||||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length
|
||||
} 个文件`
|
||||
);
|
||||
},
|
||||
@@ -1061,33 +927,40 @@ export default {
|
||||
height: 700px !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog {
|
||||
width: 800px;
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.caseInfo {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.caseInfo2 {
|
||||
font-size: 15px;
|
||||
font-weight: 550;
|
||||
}
|
||||
|
||||
.infoIcon {
|
||||
width: 4px;
|
||||
// height: 17px;
|
||||
background-color: #0072ff;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #0072ff;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 96px;
|
||||
height: 15px;
|
||||
@@ -1097,12 +970,14 @@ export default {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #d0d0d0;
|
||||
border-radius: 19px;
|
||||
|
||||
span {
|
||||
width: 31px;
|
||||
height: 13px;
|
||||
|
||||
@@ -1,64 +1,40 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="开庭审理"
|
||||
:visible="showtrialincourt"
|
||||
@close="cancel"
|
||||
:destroy-on-close="true"
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
label-width="180px"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-dialog title="开庭审理" :visible="showtrialincourt" @close="cancel" :destroy-on-close="true">
|
||||
<el-form ref="form" :model="formData" label-width="180px">
|
||||
<div class="caseInfo">案件信息：</div>
|
||||
<el-divider></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件编号：" prop="caseNum">
|
||||
<el-input
|
||||
v-model="formData.caseNum"
|
||||
placeholder="请输入案件编号"
|
||||
/>
|
||||
<el-input v-model="formData.caseNum" placeholder="请输入案件编号" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人：" prop="applicantName">
|
||||
<el-input v-model="adjudicatename.applicantName" />
|
||||
<el-input v-model="adjudicatename.applicantName" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人：" prop="respondentName">
|
||||
<el-input v-model="adjudicatename.respondentName" />
|
||||
<el-input v-model="adjudicatename.respondentName" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款开始日期：" prop="loanStartDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanStartDate"
|
||||
type="datetime"
|
||||
placeholder="借款开始日期"
|
||||
>
|
||||
<el-date-picker v-model="formData.loanStartDate" type="datetime" placeholder="借款开始日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="借款结束日期：" prop="loanEndDate">
|
||||
<el-date-picker
|
||||
v-model="formData.loanEndDate"
|
||||
type="datetime"
|
||||
placeholder="借款结束日期"
|
||||
>
|
||||
<el-date-picker v-model="formData.loanEndDate" type="datetime" placeholder="借款结束日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件标的：" prop="caseSubjectAmount">
|
||||
<el-input
|
||||
v-model="formData.caseSubjectAmount"
|
||||
placeholder="请输入案件标的"
|
||||
/>
|
||||
<el-input v-model="formData.caseSubjectAmount" placeholder="请输入案件标的" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
@@ -71,18 +47,12 @@
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁费用：" prop="feePayable">
|
||||
<el-input
|
||||
v-model="adjudicatename.feePayable"
|
||||
placeholder="请输入仲裁费用"
|
||||
/>
|
||||
<el-input v-model="adjudicatename.feePayable" placeholder="请输入仲裁费用" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人主张欠本金：" prop="claimPrinciOwed">
|
||||
<el-input
|
||||
v-model="formData.claimPrinciOwed"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-input v-model="formData.claimPrinciOwed" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="12">
|
||||
@@ -92,28 +62,18 @@
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="案件状态：" prop="caseStatus">
|
||||
<el-input
|
||||
v-model="formData.caseStatusName"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-input v-model="formData.caseStatusName" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="仲裁员：" prop="arbitratorName">
|
||||
<el-input
|
||||
v-model="adjudicatename.arbitratorName"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<el-input v-model="adjudicatename.arbitratorName" placeholder="请输入" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="开庭日期：" prop="hearDate">
|
||||
<el-date-picker
|
||||
v-model="adjudicatename.hearDate"
|
||||
type="datetime"
|
||||
placeholder="开庭日期"
|
||||
>
|
||||
<el-date-picker v-model="adjudicatename.hearDate" type="datetime" placeholder="开庭日期" :disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -145,11 +105,7 @@
|
||||
</el-col>
|
||||
<el-col :span="24" v-if="recordArr.length > 0">
|
||||
<el-form-item label="庭审笔录：">
|
||||
<div
|
||||
v-for="(item, index) in recordArr"
|
||||
:key="index"
|
||||
style="color: blue"
|
||||
>
|
||||
<div v-for="(item, index) in recordArr" :key="index" style="color: blue">
|
||||
<a href="#" @click="toFile2(item, index)">{{ item.annexName }}</a>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@@ -157,144 +113,138 @@
|
||||
<!-- </el-form> -->
|
||||
</el-form>
|
||||
<el-button @click="openmeeting" type="primary">发起会议</el-button>
|
||||
<el-button
|
||||
@click="openArbitrationresults"
|
||||
type="primary"
|
||||
v-if="this.recordArr.length <= 0"
|
||||
>生成庭审笔录</el-button
|
||||
>
|
||||
<el-button @click="openArbitrationresults" type="primary" v-if="this.recordArr.length <= 0">生成庭审笔录</el-button>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button
|
||||
class="endbutton"
|
||||
:disabled="showsubmit && recordArr.length == 0"
|
||||
@click="submitResults"
|
||||
>提交</el-button
|
||||
>
|
||||
<el-button @click="cancel" class="endbutton1"
|
||||
><span>关 闭</span></el-button
|
||||
>
|
||||
<el-button class="endbutton" :disabled="showsubmit && recordArr.length == 0" @click="submitResults">提交</el-button>
|
||||
<el-button @click="cancel" class="endbutton1"><span>关 闭</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
title="生成庭审笔录"
|
||||
:visible="showArbitrationresults"
|
||||
@close="closeArbitrationresults"
|
||||
center
|
||||
>
|
||||
<el-dialog title="生成庭审笔录" :visible="showArbitrationresults" @close="closeArbitrationresults" center>
|
||||
<el-form ref="form2" :model="form2" label-width="150px">
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="经庭审质证，对各方提供的证据认定如下："
|
||||
prop="evidenDetermi"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="请输入"
|
||||
v-model="form2.evidenDetermi"
|
||||
>
|
||||
<el-form-item label="经庭审质证，对各方提供的证据认定如下：" prop="evidenDetermi" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.evidenDetermi">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
|
||||
prop="factDetermi"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4 }"
|
||||
placeholder="请输入"
|
||||
v-model="form2.factDetermi"
|
||||
>
|
||||
<el-form-item label="仲裁庭经审理查明(写明仲裁庭认定的事实)：" prop="factDetermi" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" :autosize="{ minRows: 4 }" placeholder="请输入" v-model="form2.factDetermi">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="综上所述："
|
||||
prop="caseSketch"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.caseSketch"
|
||||
>
|
||||
<el-form-item label="综上所述：" prop="caseSketch" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.caseSketch">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="本庭认为："
|
||||
prop="arbitrateThink"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.arbitrateThink"
|
||||
>
|
||||
<el-form-item label="本庭认为：" prop="arbitrateThink" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.arbitrateThink">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item
|
||||
label="裁决如下："
|
||||
prop="rulingFollows"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
autosize
|
||||
placeholder="请输入"
|
||||
v-model="form2.rulingFollows"
|
||||
>
|
||||
<el-form-item label="裁决如下：" prop="rulingFollows" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" autosize placeholder="请输入" v-model="form2.rulingFollows">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人是否缺席：" prop="isAbsence" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="form2.isAbsence">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人是否缺席：" prop="appliIsAbsen" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
},
|
||||
]">
|
||||
<el-radio-group v-model="form2.appliIsAbsen">
|
||||
<el-radio :label="1">是</el-radio>
|
||||
<el-radio :label="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被申请人质证意见：" prop="responCrossOpin" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.responCrossOpin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="申请人质证意见：" prop="applicaCrossOpin" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.applicaCrossOpin" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="被申请人的答辩意见：" prop="responDefenOpini" :rules="[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入',
|
||||
trigger: 'blur',
|
||||
},
|
||||
]">
|
||||
<el-input type="textarea" v-model="form2.responDefenOpini" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="submitForm" class="endbutton">
|
||||
<span>确定</span></el-button
|
||||
>
|
||||
<el-button @click="closeArbitrationresults" class="endbutton1"
|
||||
><span>取 消</span></el-button
|
||||
>
|
||||
<span>确定</span></el-button>
|
||||
<el-button @click="closeArbitrationresults" class="endbutton1"><span>取 消</span></el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
@@ -410,21 +360,6 @@ export default {
|
||||
submitForm() {
|
||||
this.$refs["form2"].validate((valid) => {
|
||||
if (valid) {
|
||||
// writtenHear({
|
||||
// caseAppliId: this.formData.id,
|
||||
// evidenDetermi: this.form2.evidenDetermi,
|
||||
// factDetermi: this.form2.factDetermi,
|
||||
// caseSketch: this.form2.caseSketch,
|
||||
// arbitrateThink: this.form2.arbitrateThink,
|
||||
// rulingFollows: this.form2.rulingFollows,
|
||||
// })
|
||||
// .then((res) => {
|
||||
// this.$modal.msgSuccess("提交成功");
|
||||
// this.cancel();
|
||||
// this.closeArbitrationresults();
|
||||
// this.$emit("getcaseApply", this.queryParams);
|
||||
// })
|
||||
// .catch((err) => {});
|
||||
creatTrialRecord({
|
||||
caseAppliId: this.formData.id,
|
||||
evidenDetermi: this.form2.evidenDetermi,
|
||||
@@ -432,6 +367,11 @@ export default {
|
||||
caseSketch: this.form2.caseSketch,
|
||||
arbitrateThink: this.form2.arbitrateThink,
|
||||
rulingFollows: this.form2.rulingFollows,
|
||||
isAbsence: this.form2.isAbsence,
|
||||
appliIsAbsen: this.form2.appliIsAbsen,
|
||||
responCrossOpin: this.form2.responCrossOpin,
|
||||
applicaCrossOpin: this.form2.applicaCrossOpin,
|
||||
responDefenOpini: this.form2.responDefenOpini,
|
||||
})
|
||||
.then((res) => {
|
||||
res.data.caseAttachList.forEach((item) => {
|
||||
@@ -446,7 +386,7 @@ export default {
|
||||
this.showsubmit = false;
|
||||
this.closeArbitrationresults();
|
||||
})
|
||||
.catch((err) => {});
|
||||
.catch((err) => { });
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -477,12 +417,14 @@ export default {
|
||||
background: #ffffff;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.endbutton {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
background: #488de2;
|
||||
border-radius: 19px;
|
||||
color: #ffffff;
|
||||
|
||||
span {
|
||||
width: 96px;
|
||||
height: 15px;
|
||||
@@ -492,6 +434,7 @@ export default {
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.endbutton1 {
|
||||
width: 154px;
|
||||
height: 37px;
|
||||
@@ -507,6 +450,7 @@ export default {
|
||||
color: #959595;
|
||||
// }
|
||||
}
|
||||
|
||||
.caseInfo {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
|
||||
+164
-130
@@ -5,156 +5,184 @@
|
||||
<div class="headerMain">我的待办事项</div>
|
||||
</div>
|
||||
<div class="homeMain">
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyCheck']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待立案审查</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApply']" @click="pushPage(0)">
|
||||
<div class="badge">{{ dataCount.caseApply }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyPay']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待缴费</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待立案申请</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyPayCheck']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待缴费确认</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyCheck']" @click="pushPage(1)">
|
||||
<div class="badge">{{ dataCount.caseApplyCheck }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyEvidence']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待案件质证</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待立案审查</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待组庭审核</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyPay']" @click="pushPage(2)">
|
||||
<div class="badge">{{ dataCount.caseApplyPay }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待组庭确定</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待缴费</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupNotice']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待组庭通知</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyPayCheck']" @click="pushPage(3)">
|
||||
<div class="badge">{{ dataCount.caseApplyPayCheck }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待审核仲裁方式</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待缴费确认</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待开庭审理</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyEvidence']" @click="pushPage(4)">
|
||||
<div class="badge">{{ dataCount.caseApplyEvidence }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待书面审理</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待案件质证</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待核验仲裁文书</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']" @click="pushPage(5)">
|
||||
<div class="badge">{{ dataCount.caseApplyGroupCheck }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待审核仲裁文书</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待组庭审核</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待仲裁文书签发用印</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']" @click="pushPage(6)">
|
||||
<div class="badge">{{ dataCount.caseApplyGroupConfirm }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardSend']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待仲裁文书送达</div>
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待组庭确定</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyStored']">
|
||||
<!-- <div class="badge">32</div> -->
|
||||
<div class="cardMain" >
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待案件归档</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']" @click="pushPage(7)">
|
||||
<div class="badge">{{ dataCount.caseApplyArbitrateWay }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待审核仲裁方式</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']" @click="pushPage(8)">
|
||||
<div class="badge">{{ dataCount.caseApplyGroupOnline }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待开庭审理</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']" @click="pushPage(9)">
|
||||
<div class="badge">{{ dataCount.caseApplyGroupOffline }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待书面审理</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']" @click="pushPage(11)">
|
||||
<div class="badge">{{ dataCount.caseApplyAwardCheck }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待核验仲裁文书</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']" @click="pushPage(12)">
|
||||
<div class="badge">{{ dataCount.caseApplyAwardConfirm }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待审核仲裁文书</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']" @click="pushPage(13)">
|
||||
<div class="badge">{{ dataCount.caseApplyAwardSign }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待仲裁文书签名</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']" @click="pushPage(14)">
|
||||
<div class="badge">{{ dataCount.caseApplyAwardSeal }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待仲裁文书用印</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyAwardSend']" @click="pushPage(15)">
|
||||
<div class="badge">{{ dataCount.caseApplyAwardSend }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待仲裁文书送达</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cardList" v-hasPermi="['home:caseApplyStored']" @click="pushPage(16)">
|
||||
<div class="badge">{{ dataCount.caseApplyStored }}</div>
|
||||
<div class="cardMain">
|
||||
<img class="iconImg" src="@/assets/images/daishencha.png" alt="">
|
||||
</div>
|
||||
<div class="cardMain">
|
||||
<div class="imgTitle">待案件归档</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
toDoCount
|
||||
} from "@/api/home.js";
|
||||
export default {
|
||||
name: "Index",
|
||||
data() {
|
||||
return {
|
||||
dataCount: {
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
goTarget(href) {
|
||||
window.open(href, "_blank");
|
||||
// 获取数字角标数量
|
||||
getToDoCount() {
|
||||
toDoCount().then(res => {
|
||||
this.dataCount = res.data;
|
||||
})
|
||||
},
|
||||
// 点击代办案件按钮
|
||||
pushPage(status){
|
||||
this.$router.push({name:'CaseManagement/caseList',params: {status:status}})
|
||||
}
|
||||
// goTarget(href) {
|
||||
// window.open(href, "_blank");
|
||||
// }
|
||||
},
|
||||
created() {
|
||||
this.getToDoCount()
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@@ -165,7 +193,7 @@ export default {
|
||||
font-size: 13px;
|
||||
color: #676a6c;
|
||||
overflow-x: hidden;
|
||||
background-color:#f1f1f1 ;
|
||||
background-color: #f1f1f1;
|
||||
height: 100vh;
|
||||
|
||||
.header {
|
||||
@@ -190,6 +218,7 @@ export default {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
// justify-content: space-between;
|
||||
.cardList {
|
||||
width: 14%;
|
||||
@@ -199,33 +228,38 @@ export default {
|
||||
position: relative;
|
||||
margin-right: 30px;
|
||||
margin-bottom: 30px;
|
||||
.badge{
|
||||
|
||||
.badge {
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
color: #0a12e6;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #e32a4f;
|
||||
border-radius: 10px 30px 10px 30px;
|
||||
background-color: #05baf1;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.cardMain{
|
||||
|
||||
.cardMain {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
.iconImg{
|
||||
|
||||
.iconImg {
|
||||
width: 100px;
|
||||
height: 110px;
|
||||
}
|
||||
.imgTitle{
|
||||
|
||||
.imgTitle {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
}</style>
|
||||
|
||||
|
||||
+1
-1
@@ -161,7 +161,7 @@ export default {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
background-image: url("../assets/images/login-background.jpg");
|
||||
background-image: url("../assets/images/loginbg.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
.title {
|
||||
|
||||
Reference in New Issue
Block a user