SH-Arbitrate/Arbitrate-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

hhl提交

Browse Source
This commit is contained in:
Your Name
2023-09-04 14:33:06 +08:00
parent a4644c8b37
commit 9fcf901c2a
14 changed files with 998 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/leftnav.vue
+172 -108
View File
@@ -1,6 +1,6 @@
/**
* 左边菜单
*/
*/
<template>
<el-menu default-active="2" :collapse="collapsed" collapse-transition router :default-active="$route.path" unique-opened class="el-menu-vertical-demo" background-color="#334157" text-color="#fff" active-text-color="#ffd04b">
<div class="logobox">
@@ -39,136 +39,200 @@ export default {
{
menuid: 1,
icon: 'li-icon-xiangmuguanli',
menuname: '基础管理',
menuname: '立案申请',
hasThird: null,
url: null,
menus: [
{
menuid: 2,
menuid: 102,
icon: 'icon-cat-skuQuery',
menuname: '商品管理',
hasThird: 'N',
url: 'goods/Goods',
url: 'registerapplicate/Goods',
menus: null
},
{
menuid: 11,
icon: 'icon-cat-skuQuery',
menuname: '立案申请',
hasThird: 'N',
url: 'registerapplicate/filingApplication',
menus: null
},
{
menuid: 12,
icon: 'icon-cat-skuQuery',
menuname: '立案申请审核',
hasThird: 'N',
url: 'registerapplicate/filingReview',
menus: null
},
{
menuid: 13,
icon: 'icon-cat-skuQuery',
menuname: '缴费确认',
hasThird: 'N',
url: 'registerapplicate/payConfirmation',
menus: null
}
]
},
{
menuid: 33,
menuid: 2,
icon: 'li-icon-dingdanguanli',
menuname: '订单管理',
menuname: '案件处理',
hasThird: null,
url: null,
menus: [
// {
// menuid: 201,
// icon: 'icon-order-manage',
// menuname: '交易订单',
// hasThird: 'N',
// url: 'pay/Order',
// menus: null
// },
{
menuid: 34,
menuid: 21,
icon: 'icon-order-manage',
menuname: '交易订单',
menuname: '立案',
hasThird: 'N',
url: 'pay/Order',
url: 'casehandling/register',
menus: null
},
{
menuid: 22,
icon: 'icon-order-manage',
menuname: '组庭',
hasThird: 'N',
url: 'casehandling/formationCourt',
menus: null
},
{
menuid: 23,
icon: 'icon-order-manage',
menuname: '组庭审核',
hasThird: 'N',
url: 'casehandling/courtReview',
menus: null
},
{
menuid: 24,
icon: 'icon-order-manage',
menuname: '开庭审理',
hasThird: 'N',
url: 'casehandling/trialinCourt',
menus: null
},
{
menuid: 25,
icon: 'icon-order-manage',
menuname: '仲裁审核',
hasThird: 'N',
url: 'casehandling/arbitrationRaeview',
menus: null
}
]
},
{
menuid: 71,
icon: 'li-icon-xitongguanli',
menuname: '系统管理',
hasThird: null,
url: null,
menus: [
{
menuid: 72,
icon: 'icon-cus-manage',
menuname: '用户管理',
hasThird: 'N',
url: 'system/user',
menus: null
},
{
menuid: 174,
icon: 'icon-cms-manage',
menuname: '菜单管理',
hasThird: 'N',
url: 'system/Module',
menus: null
},
{
menuid: 73,
icon: 'icon-news-manage',
menuname: '角色管理',
hasThird: 'N',
url: 'system/Role',
menus: null
},
{
menuid: 74,
icon: 'icon-cs-manage',
menuname: '公司管理',
hasThird: 'N',
url: 'system/Dept',
menus: null
},
{
menuid: 75,
icon: 'icon-promotion-manage',
menuname: '系统环境变量',
hasThird: 'N',
url: 'system/Variable',
menus: null
},
{
menuid: 76,
icon: 'icon-cms-manage',
menuname: '权限管理',
hasThird: 'N',
url: 'system/Permission',
menus: null
}
]
},
{
menuid: 128,
icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
menuname: '支付管理',
hasThird: null,
url: null,
menus: [
{
menuid: 129,
icon: 'icon-provider-manage',
menuname: '支付配置信息',
hasThird: 'N',
url: 'machine/MachineConfig',
menus: null
},
{
menuid: 175,
icon: 'icon-provider-manage',
menuname: '支付配置',
hasThird: 'N',
url: 'pay/Config',
menus: null
}
]
},
{
menuid: 150,
icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
menuname: '图表',
hasThird: null,
url: null,
menus: [
{
menuid: 159,
icon: 'icon-provider-manage',
menuname: '数据可视化',
hasThird: 'N',
url: 'charts/statistics',
menus: null
}
]
}
// {
// menuid: 71,
// icon: 'li-icon-xitongguanli',
// menuname: '系统管理',
// hasThird: null,
// url: null,
// menus: [
// {
// menuid: 72,
// icon: 'icon-cus-manage',
// menuname: '用户管理',
// hasThird: 'N',
// url: 'system/user',
// menus: null
// },
// {
// menuid: 174,
// icon: 'icon-cms-manage',
// menuname: '菜单管理',
// hasThird: 'N',
// url: 'system/Module',
// menus: null
// },
// {
// menuid: 73,
// icon: 'icon-news-manage',
// menuname: '角色管理',
// hasThird: 'N',
// url: 'system/Role',
// menus: null
// },
// {
// menuid: 74,
// icon: 'icon-cs-manage',
// menuname: '公司管理',
// hasThird: 'N',
// url: 'system/Dept',
// menus: null
// },
// {
// menuid: 75,
// icon: 'icon-promotion-manage',
// menuname: '系统环境变量',
// hasThird: 'N',
// url: 'system/Variable',
// menus: null
// },
// {
// menuid: 76,
// icon: 'icon-cms-manage',
// menuname: '权限管理',
// hasThird: 'N',
// url: 'system/Permission',
// menus: null
// }
// ]
// },
// {
// menuid: 128,
// icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
// menuname: '支付管理',
// hasThird: null,
// url: null,
// menus: [
// {
// menuid: 129,
// icon: 'icon-provider-manage',
// menuname: '支付配置信息',
// hasThird: 'N',
// url: 'machine/MachineConfig',
// menus: null
// },
// {
// menuid: 175,
// icon: 'icon-provider-manage',
// menuname: '支付配置',
// hasThird: 'N',
// url: 'pay/Config',
// menus: null
// }
// ]
// },
// {
// menuid: 150,
// icon: 'li-icon-shangchengxitongtubiaozitihuayuanwenjian91',
// menuname: '图表',
// hasThird: null,
// url: null,
// menus: [
// {
// menuid: 159,
// icon: 'icon-provider-manage',
// menuname: '数据可视化',
// hasThird: 'N',
// url: 'charts/statistics',
// menus: null
// }
// ]
// }
],
msg: 'success'
}
src/main.js
+1 -1
View File
@@ -52,7 +52,7 @@ router.beforeEach((to, from, next) => {
* 防刷新，如果登录，修改路由跳转到登录页面，修改路由为登录后的首页
*/
next({
path: '/goods/Goods'
path: '/registerapplicate/Goods'
})
}
} else {
src/router/index.js
+92 -5
View File
@@ -6,10 +6,34 @@ import login from '@/views/login';
// 首页
import index from '@/views/index';
/**
* 基础菜单
* 立案申请
*/
// 商品管理
import Goods from '@/views/goods/Goods';
import Goods from '@/views/registerapplicate/Goods';
// 立案申请 Filing application
import filingApplication from '@/views/registerapplicate/filingApplication';
// 立案申请审核 Filing application review
import filingReview from '@/views/registerapplicate/filingReview';
// 缴费确认 payConfirmation
import payConfirmation from '@/views/registerapplicate/payConfirmation';
/**
* 案件处理
*/
// 立案 casehandling/register
import register from '@/views/casehandling/register';
// 组庭
import formationCourt from '@/views/casehandling/formationCourt';
// 组庭审核
import courtReview from '@/views/casehandling/courtReview';
// 开庭审理
import trialinCourt from '@/views/casehandling/trialinCourt';
// 仲裁审核
import arbitrationRaeview from '@/views/casehandling/arbitrationRaeview';
// 机器信息管理
import Machine from '@/views/machine/Machine';
// 货道信息管理
@@ -53,7 +77,7 @@ import statistics from '@/views/charts/statistics';
// 启用路由
Vue.use(Router);
// 导出路由
// 导出路由
export default new Router({
routes: [{
path: '/',
@@ -77,13 +101,76 @@ export default new Router({
component: index,
iconCls: 'el-icon-tickets',
children: [{
path: '/goods/Goods',
path: '/registerapplicate/Goods',
name: '商品管理',
component: Goods,
meta: {
requireAuth: true
}
},{
path: '/registerapplicate/filingApplication',
name: '立案申请',
component: filingApplication,
meta: {
requireAuth: true
}
}, {
path: '/registerapplicate/filingReview',
name: '立案申请审核',
component: filingReview,
meta: {
requireAuth: true
}
},{
path: '/registerapplicate/payConfirmation',
name: '缴费确认',
component: payConfirmation,
meta: {
requireAuth: true
}
},{
path: '/casehandling/register',
name: '立案',
component: register,
meta: {
requireAuth: true
}
},{
path: '/casehandling/formationCourt',
name: '组庭',
component: formationCourt,
meta: {
requireAuth: true
}
},{
path: '/casehandling/courtReview',
name: '组庭审核',
component: courtReview,
meta: {
requireAuth: true
}
},{
path: '/casehandling/trialinCourt',
name: '开庭审理',
component: trialinCourt,
meta: {
requireAuth: true
}
},{
path: '/casehandling/arbitrationRaeview',
name: '仲裁审核',
component: arbitrationRaeview,
meta: {
requireAuth: true
}
},
{
path: '/machine/Machine',
name: '机器信息管理',
component: Machine,
@@ -176,4 +263,4 @@ export default new Router({
}
}]
}]
})
})
src/views/casehandling/arbitrationRaeview.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
arbitrationRaeview 仲裁审核
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/casehandling/courtReview.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
courtReview 组庭审核
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/casehandling/formationCourt.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
formationCourt 组庭
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/casehandling/register.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
register 立案
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/casehandling/trialinCourt.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
trialinCourt 开庭审理
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/filingApplication/filingApplication.vue
+313
View File
@@ -0,0 +1,313 @@
/**
* 基础菜单 商品管理
*/
<template>
<div>
<!-- 面包屑导航 -->
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>立案申请</el-breadcrumb-item>
</el-breadcrumb>
<!-- 搜索筛选 -->
<el-form :inline="true" :model="formInline" class="user-search">
<el-form-item label="搜索：">
<el-input size="small" v-model="formInline.deptName" placeholder="输入部门名称"></el-input>
</el-form-item>
<el-form-item label="">
<el-input size="small" v-model="formInline.deptNo" placeholder="输入部门代码"></el-input>
</el-form-item>
<el-form-item>
<el-button size="small" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
<el-button size="small" type="primary" icon="el-icon-plus" @click="handleEdit()">立案申请</el-button>
</el-form-item>
</el-form>
<!--列表-->
<el-table size="small" :data="listData" highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
<el-table-column align="center" type="selection" width="60">
</el-table-column>
<el-table-column align="center" sortable prop="caseNo" label="案件编号" width="200">
</el-table-column>
<el-table-column align="center" prop="applicant" label="申请人" width="100"></el-table-column>
<el-table-column align="center" prop="subjectmatter" label="案件标的" width="200"></el-table-column>
<el-table-column align="center" sortable prop="filingdate" label="立案日期" width="200"></el-table-column>
<el-table-column align="center" prop="arbitratemethod" label="仲裁方式" width="90">
</el-table-column>
<el-table-column align="center" prop="caseStatus" label="案件状态" width="90">
</el-table-column>
<el-table-column align="center" label="操作" min-width="300">
<template slot-scope="scope">
<el-button size="mini" type="primary" @click="deleteUser(scope.$index, scope.row)">详情</el-button>
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
<!-- 编辑界面 -->
<el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @click="closeDialog">
<el-form label-width="120px" :model="editForm" :rules="rules" ref="editForm">
<el-form-item label="部门名称" prop="deptName">
<el-input size="small" v-model="editForm.deptName" auto-complete="off" placeholder="请输入部门名称"></el-input>
</el-form-item>
<el-form-item label="部门代码" prop="deptNo">
<el-input size="small" v-model="editForm.deptNo" auto-complete="off" placeholder="请输入部门代码"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="small" @click="closeDialog">取消</el-button>
<el-button size="small" type="primary" :loading="loading" class="title" @click="submitForm('editForm')">保存</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { deptList, deptSave, deptDelete } from '../../api/userMG'
import Pagination from '../../components/Pagination'
export default {
data() {
return {
nshow: true, //switch开启
fshow: false, //switch关闭
loading: false, //是显示加载
editFormVisible: false, //控制编辑页面显示与隐藏
title: '添加',
editForm: {
deptId: '',
deptName: '',
deptNo: '',
token: localStorage.getItem('logintoken')
},
// rules表单验证
rules: {
deptName: [
{ required: true, message: '请输入部门名称', trigger: 'blur' }
],
deptNo: [{ required: true, message: '请输入部门代码', trigger: 'blur' }]
},
formInline: {
page: 1,
limit: 10,
varLable: '',
varName: '',
token: localStorage.getItem('logintoken')
},
// 删除部门
seletedata: {
ids: '',
token: localStorage.getItem('logintoken')
},
userparm: [], //搜索权限
listData: [], //用户数据
// 分页参数
pageparm: {
currentPage: 1,
pageSize: 10,
total: 10
}
}
},
// 注册组件
components: {
Pagination
},
/**
* 数据发生改变
*/
/**
* 创建完毕
*/
created() {
this.getdata(this.formInline)
},
/**
* 里面的方法只有被调用才会执行
*/
methods: {
// 获取公司列表
getdata(parameter) {
this.loading = true
// 模拟数据开始
let res = {
code: 0,
msg: null,
count: 5,
data: [
// 案件编号 申请人 案件标的 立案日期 仲裁方式 案件状态
{
caseNo: 1,
applicant: '张三',
subjectmatter: 1521,
filingdate: '2023-09-01',
arbitratemethod: '线下',
caseStatus: '待开庭',
},
{
caseNo: 2,
applicant: '李四',
subjectmatter: 19421,
filingdate: '2023-02-11',
arbitratemethod: '线上',
caseStatus: '已结案',
},
{
caseNo: 3,
applicant: '王五',
subjectmatter: 521,
filingdate: '2023-01-25',
arbitratemethod: '线下',
caseStatus: '已结案',
},
{
caseNo: 4,
applicant: '喊超薄',
subjectmatter: 666,
filingdate: '2023-01-25',
arbitratemethod: '线下',
caseStatus: '未立案',
},
]
}
this.loading = false
this.listData = res.data
this.pageparm.currentPage = this.formInline.page
this.pageparm.pageSize = this.formInline.limit
this.pageparm.total = res.count
// 模拟数据结束
/***
* 调用接口，注释上面模拟数据 取消下面注释
*/
// deptList(parameter)
// .then(res => {
// this.loading = false
// if (res.success == false) {
// this.$message({
// type: 'info',
// message: res.msg
// })
// } else {
// this.listData = res.data
// // 分页赋值
// this.pageparm.currentPage = this.formInline.page
// this.pageparm.pageSize = this.formInline.limit
// this.pageparm.total = res.count
// }
// })
// .catch(err => {
// this.loading = false
// this.$message.error('菜单加载失败，请稍后再试！')
// })
},
// 分页插件事件
callFather(parm) {
this.formInline.page = parm.currentPage
this.formInline.limit = parm.pageSize
this.getdata(this.formInline)
},
// 搜索事件
search() {
this.getdata(this.formInline)
},
//显示编辑界面
handleEdit: function(index, row) {
this.editFormVisible = true
if (row != undefined && row != 'undefined') {
this.title = '修改'
this.editForm.deptId = row.deptId
this.editForm.deptName = row.deptName
this.editForm.deptNo = row.deptNo
} else {
this.title = '添加'
this.editForm.deptId = ''
this.editForm.deptName = ''
this.editForm.deptNo = ''
}
},
// 编辑、增加页面保存方法
submitForm(editData) {
this.$refs[editData].validate(valid => {
if (valid) {
deptSave(this.editForm)
.then(res => {
this.editFormVisible = false
this.loading = false
if (res.success) {
this.getdata(this.formInline)
this.$message({
type: 'success',
message: '公司保存成功！'
})
} else {
this.$message({
type: 'info',
message: res.msg
})
}
})
.catch(err => {
this.editFormVisible = false
this.loading = false
this.$message.error('公司保存失败，请稍后再试！')
})
} else {
return false
}
})
},
// 删除公司
deleteUser(index, row) {
this.$confirm('确定要删除吗?', '信息', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
deptDelete(row.deptId)
.then(res => {
if (res.success) {
this.$message({
type: 'success',
message: '公司已删除!'
})
this.getdata(this.formInline)
} else {
this.$message({
type: 'info',
message: res.msg
})
}
})
.catch(err => {
this.loading = false
this.$message.error('公司删除失败，请稍后再试！')
})
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 关闭编辑、增加弹出框
closeDialog() {
this.editFormVisible = false
}
}
}
</script>
<style scoped>
.user-search {
margin-top: 20px;
}
.userRole {
width: 100%;
}
</style>
src/views/login.vue
+2 -19
View File
@@ -9,14 +9,6 @@
<el-input type="password" v-model="ruleForm.password" auto-complete="off" placeholder="密码"></el-input>
</el-form-item>
<el-row>
<el-col :span="12">
<el-form-item prop="code">
<el-input type="text" v-model="ruleForm.code" auto-complete="off" placeholder="图形验证码" @keyup.enter.native="submitForm('ruleForm')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="code-box">
<img :src="ruleForm.codeimg" alt="" class="codeimg" @click="getcode()">
</el-col>
</el-row>
<el-checkbox class="remember" v-model="rememberpwd">记住密码</el-checkbox>
<el-form-item style="width:100%;">
@@ -41,7 +33,6 @@ export default {
//username和password默认为空
username: '',
password: '',
code: '',
randomStr: '',
codeimg: ''
},
@@ -49,7 +40,6 @@ export default {
rules: {
username: [{ required: true, message: '请输入账号', trigger: 'blur' }],
password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
code: [{ required: true, message: '请输入验证码', trigger: 'blur' }]
}
}
},
@@ -59,8 +49,6 @@ export default {
message: '账号密码及验证码不为空即可',
type: 'success'
})
// 获取图形验证码
this.getcode()
// 获取存在本地的用户名密码
this.getuserpwd()
@@ -84,7 +72,7 @@ export default {
setTimeout(() => {
this.logining = false
this.$store.commit('login', 'true')
this.$router.push({ path: '/goods/Goods' })
this.$router.push({ path: '/registerapplicate/Goods' })
}, 1000)
// 注释
// login(this.ruleForm).then(res => {
@@ -106,7 +94,7 @@ export default {
// // 缓存用户个人信息
// localStorage.setItem('userdata', JSON.stringify(res.data))
// this.$store.commit('login', 'true')
// this.$router.push({ path: '/goods/Goods' })
// this.$router.push({ path: '/registerapplicate/Goods' })
// }, 1000)
// } else {
// this.$message.error(res.msg)
@@ -115,8 +103,6 @@ export default {
// }
// })
} else {
// 获取图形验证码
this.getcode()
this.$message.error('请输入用户名密码！')
this.logining = false
return false
@@ -157,9 +143,6 @@ export default {
.remember {
margin: 0px 0px 35px 0px;
}
.code-box {
text-align: right;
}
.codeimg {
height: 40px;
}
src/views/goods/Goods.vue → src/views/registerapplicate/Goods.vue
+1 -2
View File
@@ -328,5 +328,4 @@ export default {
}
</style>
src/views/registerapplicate/filingApplication.vue
+312
View File
@@ -0,0 +1,312 @@
/**
* 基础菜单 商品管理
*/
<template>
<div>
<!-- 面包屑导航 -->
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>立案申请</el-breadcrumb-item>
</el-breadcrumb>
<!-- 搜索筛选 -->
<el-form :inline="true" :model="formInline" class="user-search">
<el-form-item label="搜索：">
<el-input size="small" v-model="formInline.deptName" placeholder="立案申请"></el-input>
</el-form-item>
<el-form-item label="">
<el-input size="small" v-model="formInline.deptNo" placeholder="立案申请"></el-input>
</el-form-item>
<el-form-item>
<el-button size="small" type="primary" icon="el-icon-search" @click="search">搜索</el-button>
<el-button size="small" type="primary" icon="el-icon-plus" @click="handleEdit()">立案申请</el-button>
</el-form-item>
</el-form>
<!--列表-->
<el-table size="small" :data="listData" highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
<el-table-column align="center" type="selection" width="60">
</el-table-column>
<el-table-column align="center" sortable prop="caseNo" label="案件编号" width="200">
</el-table-column>
<el-table-column align="center" prop="applicant" label="申请人" width="100"></el-table-column>
<el-table-column align="center" prop="subjectmatter" label="案件标的" width="200"></el-table-column>
<el-table-column align="center" sortable prop="filingdate" label="立案日期" width="200"></el-table-column>
<el-table-column align="center" prop="arbitratemethod" label="仲裁方式" width="90">
</el-table-column>
<el-table-column align="center" prop="caseStatus" label="案件状态" width="90">
</el-table-column>
<el-table-column align="center" label="操作" min-width="300">
<template slot-scope="scope">
<el-button size="mini" type="primary" @click="deleteUser(scope.$index, scope.row)">详情</el-button>
<el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<Pagination v-bind:child-msg="pageparm" @callFather="callFather"></Pagination>
<!-- 编辑界面 -->
<el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @click="closeDialog">
<el-form label-width="120px" :model="editForm" :rules="rules" ref="editForm">
<el-form-item label="部门名称" prop="deptName">
<el-input size="small" v-model="editForm.deptName" auto-complete="off" placeholder="请输入部门名称"></el-input>
</el-form-item>
<el-form-item label="部门代码" prop="deptNo">
<el-input size="small" v-model="editForm.deptNo" auto-complete="off" placeholder="请输入部门代码"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button size="small" @click="closeDialog">取消</el-button>
<el-button size="small" type="primary" :loading="loading" class="title" @click="submitForm('editForm')">保存</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { deptList, deptSave, deptDelete } from '../../api/userMG'
import Pagination from '../../components/Pagination'
export default {
data() {
return {
nshow: true, //switch开启
fshow: false, //switch关闭
loading: false, //是显示加载
editFormVisible: false, //控制编辑页面显示与隐藏
title: '添加',
editForm: {
deptId: '',
deptName: '',
deptNo: '',
token: localStorage.getItem('logintoken')
},
// rules表单验证
rules: {
deptName: [
{ required: true, message: '请输入部门名称', trigger: 'blur' }
],
deptNo: [{ required: true, message: '请输入部门代码', trigger: 'blur' }]
},
formInline: {
page: 1,
limit: 10,
varLable: '',
varName: '',
token: localStorage.getItem('logintoken')
},
// 删除部门
seletedata: {
ids: '',
token: localStorage.getItem('logintoken')
},
userparm: [], //搜索权限
listData: [], //用户数据
// 分页参数
pageparm: {
currentPage: 1,
pageSize: 10,
total: 10
}
}
},
// 注册组件
components: {
Pagination
},
/**
* 数据发生改变
*/
/**
* 创建完毕
*/
created() {
this.getdata(this.formInline)
},
/**
* 里面的方法只有被调用才会执行
*/
methods: {
// 获取公司列表
getdata(parameter) {
this.loading = true
// 模拟数据开始
let res = {
code: 0,
msg: null,
count: 5,
data: [
// 案件编号 申请人 案件标的 立案日期 仲裁方式 案件状态
{
caseNo: 1,
applicant: '张三',
subjectmatter: 1521,
filingdate: '2023-09-01',
arbitratemethod: '线下',
caseStatus: '待开庭',
},
{
caseNo: 2,
applicant: '李四',
subjectmatter: 19421,
filingdate: '2023-02-11',
arbitratemethod: '线上',
caseStatus: '已结案',
},
{
caseNo: 3,
applicant: '王五',
subjectmatter: 521,
filingdate: '2023-01-25',
arbitratemethod: '线下',
caseStatus: '已结案',
},
{
caseNo: 4,
applicant: 'JHHG',
subjectmatter: 666,
filingdate: '2023-01-25',
arbitratemethod: '线下',
caseStatus: '未立案',
},
]
}
this.loading = false
this.listData = res.data
this.pageparm.currentPage = this.formInline.page
this.pageparm.pageSize = this.formInline.limit
this.pageparm.total = res.count
// 模拟数据结束
/***
* 调用接口，注释上面模拟数据 取消下面注释
*/
// deptList(parameter)
// .then(res => {
// this.loading = false
// if (res.success == false) {
// this.$message({
// type: 'info',
// message: res.msg
// })
// } else {
// this.listData = res.data
// // 分页赋值
// this.pageparm.currentPage = this.formInline.page
// this.pageparm.pageSize = this.formInline.limit
// this.pageparm.total = res.count
// }
// })
// .catch(err => {
// this.loading = false
// this.$message.error('菜单加载失败，请稍后再试！')
// })
},
// 分页插件事件
callFather(parm) {
this.formInline.page = parm.currentPage
this.formInline.limit = parm.pageSize
this.getdata(this.formInline)
},
// 搜索事件
search() {
this.getdata(this.formInline)
},
//显示编辑界面
handleEdit: function(index, row) {
this.editFormVisible = true
if (row != undefined && row != 'undefined') {
this.title = '修改'
this.editForm.deptId = row.deptId
this.editForm.deptName = row.deptName
this.editForm.deptNo = row.deptNo
} else {
this.title = '添加'
this.editForm.deptId = ''
this.editForm.deptName = ''
this.editForm.deptNo = ''
}
},
// 编辑、增加页面保存方法
submitForm(editData) {
this.$refs[editData].validate(valid => {
if (valid) {
deptSave(this.editForm)
.then(res => {
this.editFormVisible = false
this.loading = false
if (res.success) {
this.getdata(this.formInline)
this.$message({
type: 'success',
message: '公司保存成功！'
})
} else {
this.$message({
type: 'info',
message: res.msg
})
}
})
.catch(err => {
this.editFormVisible = false
this.loading = false
this.$message.error('公司保存失败，请稍后再试！')
})
} else {
return false
}
})
},
// 删除公司
deleteUser(index, row) {
this.$confirm('确定要删除吗?', '信息', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
deptDelete(row.deptId)
.then(res => {
if (res.success) {
this.$message({
type: 'success',
message: '公司已删除!'
})
this.getdata(this.formInline)
} else {
this.$message({
type: 'info',
message: res.msg
})
}
})
.catch(err => {
this.loading = false
this.$message.error('公司删除失败，请稍后再试！')
})
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 关闭编辑、增加弹出框
closeDialog() {
this.editFormVisible = false
}
}
}
</script>
<style scoped>
.user-search {
margin-top: 20px;
}
.userRole {
width: 100%;
}
</style>
src/views/registerapplicate/filingReview.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
filingReview 立案申请审核
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>
src/views/registerapplicate/payConfirmation.vue
+15
View File
@@ -0,0 +1,15 @@
<template>
<div>
payConfirmation 缴费确认
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
</style>