调解机构管理模块
This commit is contained in:
+1
-1
@@ -5,7 +5,7 @@ VUE_APP_TITLE = 若依管理系统
|
|||||||
ENV = 'development'
|
ENV = 'development'
|
||||||
|
|
||||||
# 若依管理系统/开发环境
|
# 若依管理系统/开发环境
|
||||||
VUE_APP_BASE_API = '/dev-api'
|
VUE_APP_BASE_API = '/API'
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||||
|
|||||||
+1
-1
@@ -1,5 +1,5 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 若依管理系统
|
VUE_APP_TITLE = 调解系统
|
||||||
|
|
||||||
# 生产环境配置
|
# 生产环境配置
|
||||||
ENV = 'production'
|
ENV = 'production'
|
||||||
|
|||||||
+2
-2
@@ -1,5 +1,5 @@
|
|||||||
# 页面标题
|
# 页面标题
|
||||||
VUE_APP_TITLE = 若依管理系统
|
VUE_APP_TITLE = 调解系统
|
||||||
|
|
||||||
NODE_ENV = production
|
NODE_ENV = production
|
||||||
|
|
||||||
@@ -7,4 +7,4 @@ NODE_ENV = production
|
|||||||
ENV = 'staging'
|
ENV = 'staging'
|
||||||
|
|
||||||
# 若依管理系统/测试环境
|
# 若依管理系统/测试环境
|
||||||
VUE_APP_BASE_API = '/stage-api'
|
VUE_APP_BASE_API = '/API'
|
||||||
|
|||||||
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "ruoyi",
|
"name": "ruoyi",
|
||||||
"version": "3.8.6",
|
"version": "3.8.6",
|
||||||
"description": "若依管理系统",
|
"description": "调解系统",
|
||||||
"author": "若依",
|
"author": "若依",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,203 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询邮件列表
|
||||||
|
export function deptIdentifyList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/list',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 是否启用
|
||||||
|
export function enableDept(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/enableDept',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 认证
|
||||||
|
export function selectDeptIndefiUrl(data) {
|
||||||
|
return request({
|
||||||
|
url: 'deptIdentify/selectDeptIndefiUrl',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增机构
|
||||||
|
export function insert(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/insert',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询公章列表
|
||||||
|
export function sealList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/sealList',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 启用或者禁用公章
|
||||||
|
export function updateSealLockStatus(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/updateSealLockStatus',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 删除未认证的数据
|
||||||
|
export function deleteSeal(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/delete',
|
||||||
|
method: 'delete',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改机构信息
|
||||||
|
export function sealUpdate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/update',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增模板
|
||||||
|
export function insertTemplate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/insertTemplate',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改模板
|
||||||
|
export function updateTemplate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/updateTemplate',
|
||||||
|
method: 'post',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 删除模板
|
||||||
|
export function deleteTemplate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/deleteTemplate',
|
||||||
|
method: 'delete',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 根据机构id查询模板
|
||||||
|
export function getTemplate(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/getTemplate',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询机构下的经办人
|
||||||
|
export function selectPostUserByDeptId(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/selectPostUserByDeptId',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 机构绑定经办人
|
||||||
|
export function bindHandler(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/bindHandler',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询模板
|
||||||
|
export function getManagerList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/template/list',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 案件编号查新模板
|
||||||
|
export function caseNumRuleList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/caseNumRule/list',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 新增模板
|
||||||
|
export function insertManager(data) {
|
||||||
|
return request({
|
||||||
|
url: '/template/insert',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 案件编号新增
|
||||||
|
export function insertCaseNumRule(data) {
|
||||||
|
return request({
|
||||||
|
url: '/caseNumRule/insertCaseNumRule',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 删除模板
|
||||||
|
export function deleteManager(data) {
|
||||||
|
return request({
|
||||||
|
url: '/template/delete',
|
||||||
|
method: 'delete',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//案件编号删除
|
||||||
|
export function deleteCaseNumRule(data) {
|
||||||
|
return request({
|
||||||
|
url: '/caseNumRule/deleteCaseNumRule',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改模板
|
||||||
|
export function updateManager(data) {
|
||||||
|
return request({
|
||||||
|
url: '/template/update',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 案件编号修改
|
||||||
|
export function updateCaseNumRule(data) {
|
||||||
|
return request({
|
||||||
|
url: '/caseNumRule/updateCaseNumRule',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 查询模板id对应的设置抓取字段
|
||||||
|
export function getFatchRuleByTemplateid(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/getFatchRuleByTemplateid',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 保存抓取规则
|
||||||
|
export function saveFatchRules(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/saveFatchRules',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 模板字段列表
|
||||||
|
export function getTemplateInfoById(data) {
|
||||||
|
return request({
|
||||||
|
url: '/deptIdentify/getTemplateInfoById',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -0,0 +1,124 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog :title="title" :visible="operateVisable" v-if="operateVisable" @close="cancel" width="600px" center
|
||||||
|
:distroy-on-close="true">
|
||||||
|
|
||||||
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
||||||
|
<el-form-item label="机构名称" prop="identifyName">
|
||||||
|
<el-input v-model="ruleForm.identifyName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构邮箱" prop="identifyEmail">
|
||||||
|
<el-input v-model="ruleForm.identifyEmail"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="经办人姓名" prop="operName">
|
||||||
|
<el-input v-model="ruleForm.operName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="经办人用户名" prop="operUserName">
|
||||||
|
<el-input v-model="ruleForm.operUserName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="经办人手机号" prop="operPhone">
|
||||||
|
<el-input v-model="ruleForm.operPhone"></el-input>
|
||||||
|
</el-form-item> -->
|
||||||
|
<el-form-item label="机构信用代码" prop="creditCode">
|
||||||
|
<el-input v-model="ruleForm.creditCode"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="法人姓名" prop="legalPerName">
|
||||||
|
<el-input v-model="ruleForm.legalPerName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="法人手机号" prop="legalPerPhone">
|
||||||
|
<el-input v-model="ruleForm.legalPerPhone"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
insert,
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
import { listUser } from '@/api/system/user.js'
|
||||||
|
export default {
|
||||||
|
props: ["operateVisable", "queryParams"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: "新增机构",
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
identifyName: [
|
||||||
|
{ required: true, message: '请输入机构名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
// operName: [
|
||||||
|
// { required: true, message: '请输入经办人姓名', trigger: 'blur' },
|
||||||
|
// ],
|
||||||
|
// operPhone: [
|
||||||
|
// { required: true, message: '请输入经办人手机号', trigger: 'blur' },
|
||||||
|
// { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
|
||||||
|
// ],
|
||||||
|
creditCode: [
|
||||||
|
{ required: true, message: '请输入机构信用代码', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
legalPerName: [
|
||||||
|
{ required: true, message: '请输入法人姓名', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
legalPerPhone: [
|
||||||
|
{ required: true, message: '请输入法人手机号', trigger: 'blur' },
|
||||||
|
{ pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
|
||||||
|
],
|
||||||
|
// operUserName: [
|
||||||
|
// { required: true, message: '请输入经办人用户名', trigger: 'blur' },
|
||||||
|
// ],
|
||||||
|
identifyEmail: [
|
||||||
|
{ required: true, message: '请输入邮箱', trigger: 'blur' },
|
||||||
|
{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
operateVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 新增部门
|
||||||
|
insertFn(data) {
|
||||||
|
insert(data).then(res => {
|
||||||
|
this.$modal.msgSuccess("新增成功!");
|
||||||
|
this.$emit("cancelFilingreview");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 提交form表单
|
||||||
|
submitForm() {
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.insertFn(this.ruleForm)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelFilingreview");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.steps {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radiobox {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,94 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="新增模板" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
|
||||||
|
<el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item label="模板名称" prop="name">
|
||||||
|
<el-input v-model="ruleForm.name"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板类型" prop="type">
|
||||||
|
<el-select v-model="ruleForm.type" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in dict.type.manager_type" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板内容" prop="content">
|
||||||
|
<el-input type="textarea" placeholder="请输入内容" v-model="ruleForm.content">
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
|
import {
|
||||||
|
insertManager,
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["uploadVisable", "uploadData", "queryParams"],
|
||||||
|
dicts: ["manager_type"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
data: [],
|
||||||
|
tempList: [],
|
||||||
|
isImg: false,
|
||||||
|
headers: {
|
||||||
|
Authorization: "Bearer " + getToken(),
|
||||||
|
},
|
||||||
|
filedata: {},
|
||||||
|
flagBtn: false,
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
type: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
content: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
uploadVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
this.ruleForm = {};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelUpload");
|
||||||
|
},
|
||||||
|
// 新增模板
|
||||||
|
insertManagerFn(data) {
|
||||||
|
insertManager(data).then(res => {
|
||||||
|
this.$message.success('新增成功');
|
||||||
|
this.$emit("cancelUpload");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
console.log(this.ruleForm, "LLLLLLLLLLLLLLLLLLLLLLL");
|
||||||
|
this.insertManagerFn(this.ruleForm)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,123 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="新增模板" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
|
||||||
|
<el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item label="模板名称" prop="temName">
|
||||||
|
<el-input v-model="ruleForm.temName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板类型" prop="temType">
|
||||||
|
<el-select v-model="ruleForm.temType" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构名称" prop="identifyId">
|
||||||
|
<el-select v-model="ruleForm.identifyId" placeholder="请选择">
|
||||||
|
<el-option v-for="item in tempList" :key="item.id" :label="item.identifyName" :value="item.id">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
|
||||||
|
:action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
|
||||||
|
:on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
|
||||||
|
<el-button size="small" type="primary">选择模板文件</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
|
import {
|
||||||
|
deptIdentifyList,
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["uploadVisable", "uploadData", "queryParams"],
|
||||||
|
dicts: ["template_type"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
data: [],
|
||||||
|
tempList: [],
|
||||||
|
isImg:false,
|
||||||
|
headers: {
|
||||||
|
Authorization: "Bearer " + getToken(),
|
||||||
|
},
|
||||||
|
filedata: {},
|
||||||
|
flagBtn: false,
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
temName: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
temType: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
identifyId: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
uploadVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
let queryParams = {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10000000000000000000000,
|
||||||
|
};
|
||||||
|
deptIdentifyList(queryParams).then(res => {
|
||||||
|
this.tempList = res.rows;
|
||||||
|
})
|
||||||
|
this.ruleForm = {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelUpload");
|
||||||
|
},
|
||||||
|
handleChange(file, fileList) {
|
||||||
|
this.isImg = file.type === '.doc' || '.docx'
|
||||||
|
},
|
||||||
|
UploadUrl() {
|
||||||
|
return window.location.origin + "/API/deptIdentify/insertTemplate";
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.filedata.identifyId = this.ruleForm.identifyId;
|
||||||
|
this.filedata.temName = this.ruleForm.temName;
|
||||||
|
if (this.isImg) {
|
||||||
|
this.$refs.upload.submit();
|
||||||
|
}else{
|
||||||
|
this.$message.error('只能上传doc,docx格式的文件')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleRemove(file, fileList) {
|
||||||
|
console.log(file, fileList);
|
||||||
|
},
|
||||||
|
beforeUpload(file) {
|
||||||
|
// debugger
|
||||||
|
// this.isImg = file.type === '.doc' || '.docx'
|
||||||
|
},
|
||||||
|
handleSuccess() {
|
||||||
|
this.$message.success('上传成功');
|
||||||
|
this.$emit("cancelUpload");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,90 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="修改模板" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center>
|
||||||
|
<el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item label="模板名称" prop="name">
|
||||||
|
<el-input v-model="ruleForm.name"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板类型" prop="type">
|
||||||
|
<el-select v-model="ruleForm.type" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in dict.type.manager_type" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板内容" prop="content">
|
||||||
|
<el-input type="textarea" placeholder="请输入内容" v-model="ruleForm.content">
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { updateManager } from "@/api/officialSeal/officialSeal"
|
||||||
|
export default {
|
||||||
|
props: ["editVisable", "editData", "queryParams"],
|
||||||
|
dicts: ["manager_type"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
data: [],
|
||||||
|
flagBtn: false,
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
name: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
type: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
content: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
editData(val) {
|
||||||
|
if (val) {
|
||||||
|
this.ruleForm = val;
|
||||||
|
this.fileList = [];
|
||||||
|
this.ruleForm.type = this.ruleForm.type + '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
},
|
||||||
|
// 修改模板
|
||||||
|
updateManagerFn(data) {
|
||||||
|
updateManager(data).then(res => {
|
||||||
|
this.$message.success('修改成功');
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.updateManagerFn({
|
||||||
|
name: this.ruleForm.name,
|
||||||
|
content: this.ruleForm.content,
|
||||||
|
type: this.ruleForm.type,
|
||||||
|
id:this.ruleForm.id
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,127 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="修改模板" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center>
|
||||||
|
<el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item label="模板名称" prop="temName">
|
||||||
|
<el-input v-model="ruleForm.temName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="模板类型" prop="temType">
|
||||||
|
<el-select v-model="ruleForm.temType" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="当前模板">
|
||||||
|
<span style="color: #0e5ce3;cursor:pointer" @click="openUrl(editData.temOrigPath)">{{ editData.fileName
|
||||||
|
}}</span>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
|
||||||
|
:action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
|
||||||
|
:on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
|
||||||
|
<el-button size="small" type="primary">选择模板文件</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
|
import { updateTemplate } from "@/api/officialSeal/officialSeal"
|
||||||
|
export default {
|
||||||
|
props: ["editVisable", "editData", "queryParams"],
|
||||||
|
dicts: ["template_type"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
data: [],
|
||||||
|
headers: {
|
||||||
|
Authorization: "Bearer " + getToken(),
|
||||||
|
},
|
||||||
|
isImg: true,
|
||||||
|
filedata: {},
|
||||||
|
flagBtn: false,
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
temName: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
temType: [
|
||||||
|
{ required: true, message: '请输入模板名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
editData(val) {
|
||||||
|
if (val) {
|
||||||
|
this.ruleForm = val;
|
||||||
|
this.fileList = [];
|
||||||
|
this.ruleForm.temType = this.ruleForm.temType + '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 打开链接
|
||||||
|
openUrl(urlTemp) {
|
||||||
|
let headPath = window.location.origin + "/API/";
|
||||||
|
window.open(headPath + urlTemp);
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
},
|
||||||
|
handleChange(file, fileList) {
|
||||||
|
this.isImg = file.type === '.doc' || '.docx';
|
||||||
|
this.fileList = fileList;
|
||||||
|
},
|
||||||
|
UploadUrl() {
|
||||||
|
return window.location.origin + "/API/deptIdentify/updateTemplate";
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
let that = this;
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (that.fileList.length > 0) {
|
||||||
|
that.filedata.id = that.editData.id;
|
||||||
|
that.filedata.temName = that.ruleForm.temName;
|
||||||
|
if (that.isImg) {
|
||||||
|
that.$refs.upload.submit();
|
||||||
|
} else {
|
||||||
|
that.$message.error('只能上传doc,docx格式的文件')
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
updateTemplate({
|
||||||
|
id: that.editData.id,
|
||||||
|
temName: that.ruleForm.temName
|
||||||
|
}).then(res => {
|
||||||
|
that.$message.success('修改成功');
|
||||||
|
that.$emit("cancelEdit");
|
||||||
|
that.$emit('getList', that.queryParams);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleRemove(file, fileList) {
|
||||||
|
console.log(file, fileList);
|
||||||
|
},
|
||||||
|
beforeUpload(file) {
|
||||||
|
// this.isImg = file.type === '.doc' || '.docx'
|
||||||
|
},
|
||||||
|
handleSuccess() {
|
||||||
|
this.$message.success('修改成功');
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,112 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog :title="title" :visible="editVisable" v-if="editVisable" @close="cancel" width="600px" center
|
||||||
|
:distroy-on-close="true">
|
||||||
|
<el-form :model="editForm" :rules="rules" ref="editForm" label-width="130px" class="demo-editForm">
|
||||||
|
<el-form-item label="机构名称" prop="identifyName">
|
||||||
|
<el-input v-model="editForm.identifyName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构邮箱" prop="identifyEmail">
|
||||||
|
<el-input v-model="editForm.identifyEmail"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构信用代码" prop="creditCode">
|
||||||
|
<el-input v-model="editForm.creditCode"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="法人姓名" prop="legalPerName">
|
||||||
|
<el-input v-model="editForm.legalPerName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="法人手机号" prop="legalPerPhone">
|
||||||
|
<el-input v-model="editForm.legalPerPhone"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitForm" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
sealUpdate
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["editVisable","editData","queryParams"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: "修改机构",
|
||||||
|
editForm: {},
|
||||||
|
rules: {
|
||||||
|
identifyName: [
|
||||||
|
{ required: true, message: '请输入机构名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
creditCode: [
|
||||||
|
{ required: true, message: '请输入机构信用代码', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
legalPerName: [
|
||||||
|
{ required: true, message: '请输入法人姓名', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
legalPerPhone: [
|
||||||
|
{ required: true, message: '请输入法人手机号', trigger: 'blur' },
|
||||||
|
{ pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
|
||||||
|
],
|
||||||
|
// operUserName: [
|
||||||
|
// { required: true, message: '请输入经办人用户名', trigger: 'blur' },
|
||||||
|
// ],
|
||||||
|
identifyEmail: [
|
||||||
|
{ required: true, message: '请输入邮箱', trigger: 'blur' },
|
||||||
|
{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
editVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
this.editForm = this.editData;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 编辑
|
||||||
|
sealUpdateFn(data) {
|
||||||
|
sealUpdate(data).then(res => {
|
||||||
|
this.$modal.msgSuccess("修改成功!");
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
this.$emit('getList',this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 提交form表单
|
||||||
|
submitForm() {
|
||||||
|
this.$refs['editForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.sealUpdateFn({
|
||||||
|
identifyName:this.editForm.identifyName,
|
||||||
|
operName:this.editForm.operName,
|
||||||
|
operPhone:this.editForm.operPhone,
|
||||||
|
id:this.editForm.id,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelEdit");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.steps {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radiobox {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,288 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="设置抓取规则" :visible="rulesVisable" v-if="rulesVisable" @close="cancelRules"
|
||||||
|
append-to-body :destroy-on-close="true" center>
|
||||||
|
<el-button type="primary" icon="el-icon-plus" style="margin-bottom: 20px;"
|
||||||
|
@click="addForm">新增系统内置抓取规则</el-button>
|
||||||
|
<div class="formDom">
|
||||||
|
<el-form ref="form" :model="formData" label-width="150px">
|
||||||
|
<div class="formItem" v-for="(item, index) in formData.forms" :key="item.key">
|
||||||
|
<el-button type="primary" icon="el-icon-delete" style="margin-bottom: 20px;"
|
||||||
|
@click="deleteForm(item)">删除</el-button>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="抓取文件名:" :prop="'forms.' + index + '.fileName'" :rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '抓取文件名不能为空',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="字段名:" :prop="'forms.' + index + '.columnName'" :rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '字段名不能为空',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-select v-model="item.columnName" placeholder="请选择" @change="columnNameChange(item)">
|
||||||
|
<el-option v-for="dict in dict.type.case_built_type" :key="dict.value"
|
||||||
|
:label="dict.label" :value="dict.label"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="开始抓取字段:" :prop="'forms.' + index + '.startContent'">
|
||||||
|
<el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="结束抓取字段:" :prop="'forms.' + index + '.endContent'">
|
||||||
|
<el-input v-model="item.endContent" placeholder="结束抓取字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="指定抓取开始位置:" :prop="'forms.' + index + '.startContentRepeatOrder'">
|
||||||
|
<el-input-number v-model="item.startContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="指定抓取结束位置:" :prop="'forms.' + index + '.endContentRepeatOrder'">
|
||||||
|
<el-input-number v-model="item.endContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="抓取方向:" :prop="'forms.' + index + '.fatchOrder'">
|
||||||
|
<el-select v-model="item.fatchOrder" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in fatchOrderList" :key="dict.key"
|
||||||
|
:label="dict.name" :value="dict.key"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<el-button type="primary" icon="el-icon-plus" style="margin-bottom: 20px;"
|
||||||
|
@click="addFormCustom">新增自定义抓取规则</el-button>
|
||||||
|
<div class="formDom">
|
||||||
|
<el-form ref="form_custom" :model="formData_custom" label-width="150px">
|
||||||
|
<div class="formItem" v-for="(item, index) in formData_custom.forms" :key="item.key">
|
||||||
|
<el-button type="primary" icon="el-icon-delete" style="margin-bottom: 20px;"
|
||||||
|
@click="deleteFormCustom(item)">删除</el-button>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="字段:" :prop="'forms.' + index + '.column'" :rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '字段不能为空',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-input v-model="item.column" placeholder="请输入字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="字段名:" :prop="'forms.' + index + '.columnName'" :rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '字段名不能为空',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-input v-model="item.columnName" placeholder="请输入字段名" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="抓取文件名:" :prop="'forms.' + index + '.fileName'" :rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '抓取文件名不能为空',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-input v-model="item.fileName" placeholder="请输入抓取文件名" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="开始抓取字段:" :prop="'forms.' + index + '.startContent'">
|
||||||
|
<el-input v-model="item.startContent" placeholder="请输入开始抓取字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="结束抓取字段:" :prop="'forms.' + index + '.endContent'">
|
||||||
|
<el-input v-model="item.endContent" placeholder="结束抓取字段" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="指定抓取开始位置:" :prop="'forms.' + index + '.startContentRepeatOrder'">
|
||||||
|
<el-input-number v-model="item.startContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="指定抓取结束位置:" :prop="'forms.' + index + '.endContentRepeatOrder'">
|
||||||
|
<el-input-number v-model="item.endContentRepeatOrder" controls-position="right" :min="1"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="抓取方向:" :prop="'forms.' + index + '.fatchOrder'">
|
||||||
|
<el-select v-model="item.fatchOrder" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in fatchOrderList" :key="dict.key"
|
||||||
|
:label="dict.name" :value="dict.key"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancelRules" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitRules" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getFatchRuleByTemplateid,
|
||||||
|
saveFatchRules
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["rulesVisable", "rulesData", "queryParams"],
|
||||||
|
dicts: ["case_built_type"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
formData: {
|
||||||
|
forms: [{
|
||||||
|
// fileName: "",
|
||||||
|
// startContent: '',
|
||||||
|
// endContent: '',
|
||||||
|
// column: "",
|
||||||
|
// columnName: "",
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
formData_custom: {
|
||||||
|
forms: []
|
||||||
|
},
|
||||||
|
fatchOrderList: [
|
||||||
|
{
|
||||||
|
name:'从前向后抓取',
|
||||||
|
key:0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name:'从后往前抓取',
|
||||||
|
key:1
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
rulesData(val) {
|
||||||
|
if (val) {
|
||||||
|
this.formData.forms = [];
|
||||||
|
this.formData_custom.forms = [];
|
||||||
|
this.getFatchRuleByTemplateidFn({ id: val.id })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancelRules() {
|
||||||
|
this.$emit("cancelRules");
|
||||||
|
},
|
||||||
|
addForm() {
|
||||||
|
this.formData.forms.push({
|
||||||
|
fileName: "",
|
||||||
|
startContent: '',
|
||||||
|
endContent: '',
|
||||||
|
column: "",
|
||||||
|
columnName: "",
|
||||||
|
isDefault: 0
|
||||||
|
});
|
||||||
|
},
|
||||||
|
deleteForm(item) {
|
||||||
|
var index = this.formData.forms.indexOf(item)
|
||||||
|
if (index !== -1) {
|
||||||
|
this.formData.forms.splice(index, 1)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteFormCustom(item) {
|
||||||
|
var index = this.formData_custom.forms.indexOf(item)
|
||||||
|
if (index !== -1) {
|
||||||
|
this.formData_custom.forms.splice(index, 1)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
addFormCustom() {
|
||||||
|
this.formData_custom.forms.push({
|
||||||
|
fileName: "",
|
||||||
|
startContent: '',
|
||||||
|
endContent: '',
|
||||||
|
column: "",
|
||||||
|
columnName: "",
|
||||||
|
isDefault: 1
|
||||||
|
});
|
||||||
|
},
|
||||||
|
columnNameChange(item){
|
||||||
|
let result = this.dict.type.case_built_type.find((data=>{
|
||||||
|
return data.label == item.columnName
|
||||||
|
}))
|
||||||
|
item.column = result.value;
|
||||||
|
},
|
||||||
|
submitRules() {
|
||||||
|
this.$refs['form'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.$refs['form_custom'].validate((valid_custom) => {
|
||||||
|
if (valid_custom) {
|
||||||
|
let paramsList = this.formData.forms.concat(this.formData_custom.forms)
|
||||||
|
this.saveFatchRulesFn({
|
||||||
|
id: this.rulesData.id,
|
||||||
|
fatchRules: paramsList
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 根据id获取抓取规则
|
||||||
|
getFatchRuleByTemplateidFn(data) {
|
||||||
|
getFatchRuleByTemplateid(data).then(res => {
|
||||||
|
// this.formData.forms = res.data;
|
||||||
|
// this.selectList = res.data
|
||||||
|
this.formData.forms = [];
|
||||||
|
this.formData_custom.forms = [];
|
||||||
|
console.log(res.data,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
|
||||||
|
res.data.forEach(item => {
|
||||||
|
if(item.isDefault == 0){
|
||||||
|
this.formData.forms.push(item)
|
||||||
|
}else if(item.isDefault == 1){
|
||||||
|
this.formData_custom.forms.push(item)
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 提交抓取规则
|
||||||
|
saveFatchRulesFn(data) {
|
||||||
|
saveFatchRules(data).then(res => {
|
||||||
|
this.$message.success('提交成功');
|
||||||
|
this.$emit("cancelRules");
|
||||||
|
this.$emit('getList', this.queryParams);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .el-form {
|
||||||
|
border: 1px solid #c2bcbc;
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.el-input-number{
|
||||||
|
width: 180px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,117 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="公章列表" :visible="sealVisable" @close="cancel" width="800px" center :distroy-on-close="true">
|
||||||
|
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="印章名称" align="center" prop="sealName"
|
||||||
|
:show-overflow-tooltip="true"></el-table-column>
|
||||||
|
<el-table-column label="印章图片" align="center" prop="annexPath">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-image style="width: 40px; height: 40px;" :src="imgUrl + scope.row.annexPath"
|
||||||
|
:preview-src-list="[imgUrl + scope.row.annexPath]">
|
||||||
|
</el-image>
|
||||||
|
<!-- <span>{{ imgUrl + scope.row.annexPath }}</span> -->
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="是否启用" align="center" prop="sealStatus">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="success" v-if="scope.row.isUse == 1">已启用</el-tag>
|
||||||
|
<el-tag type="info"
|
||||||
|
v-if="(scope.row.isUse == 0 || scope.row.isUse == null) && scope.row.sealStatus !== 0">未启用</el-tag>
|
||||||
|
<el-tag type="danger" v-if="scope.row.sealStatus == 0">审核中</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" @click="isUseChange(scope.row.id, 1)" type="text" icon="el-icon-thumb"
|
||||||
|
v-if="(scope.row.isUse == 0 || scope.row.isUse == null) && scope.row.sealStatus !== 0">启用</el-button>
|
||||||
|
<el-button size="mini" @click="isUseChange(scope.row.id, 0)" type="text" icon="el-icon-thumb"
|
||||||
|
v-if="scope.row.isUse == 1">禁用</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize" @pagination="sealListFn(queryParams)" />
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
sealList,
|
||||||
|
updateSealLockStatus
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["sealVisable", "sealData"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
srcList: [],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
dataList: [
|
||||||
|
|
||||||
|
],
|
||||||
|
total: 0,
|
||||||
|
imgUrl: ""
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
sealVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
this.queryParams.id = this.sealData.id;
|
||||||
|
this.sealListFn(this.queryParams)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.UploadUrl()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
UploadUrl() {
|
||||||
|
this.imgUrl = window.location.origin + '/API';
|
||||||
|
},
|
||||||
|
// 查询列表数据
|
||||||
|
sealListFn(data) {
|
||||||
|
this.loading = true;
|
||||||
|
sealList(data).then(res => {
|
||||||
|
this.dataList = res.rows;
|
||||||
|
this.total = res.total;
|
||||||
|
this.loading = false;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 更新公章状态
|
||||||
|
updateSealLockStatusFn(data) {
|
||||||
|
updateSealLockStatus(data).then(res => {
|
||||||
|
this.$message.success('更新状态成功');
|
||||||
|
this.sealListFn(this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 启用或者禁用公章
|
||||||
|
isUseChange(id, type) {
|
||||||
|
let params = {
|
||||||
|
id: id,
|
||||||
|
isUse: type
|
||||||
|
}
|
||||||
|
this.$modal
|
||||||
|
.confirm("是否更改状态")
|
||||||
|
.then((res) => {
|
||||||
|
this.updateSealLockStatusFn(params);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelSeal");
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,58 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog :title="title" :visible="listVisable" v-if="listVisable" @close="cancel" width="800px" center
|
||||||
|
:distroy-on-close="true">
|
||||||
|
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||||
|
<el-table-column label="字段" align="center" prop="column" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="字段名" align="center" prop="columnName" :show-overflow-tooltip="true" />
|
||||||
|
</el-table>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getTemplateInfoById
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
export default {
|
||||||
|
props: ["listVisable", "listData", "queryParams"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: "模板字段列表",
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
dataList:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
listData(val) {
|
||||||
|
if (val) {
|
||||||
|
getTemplateInfoById({ id: val.id }).then(res=>{
|
||||||
|
this.dataList = res.data;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelList");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.steps {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radiobox {
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,128 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-dialog title="上传公章" :visible="uploadVisable" v-if="uploadVisable" @close="cancel" width="600px" center>
|
||||||
|
<el-form :model="ruleForm" label-position="left" :rules="rules" ref="ruleForm" label-width="90px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-form-item label="印章名称" prop="sealName">
|
||||||
|
<el-input v-model="ruleForm.sealName"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-upload class="avatar-uploader" accept="image/png" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
|
||||||
|
:action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
|
||||||
|
:on-change="handleChange" :show-file-list="false" :file-list="fileList" :auto-upload="false">
|
||||||
|
<img v-if="imageUrl" :src="imageUrl" class="avatar">
|
||||||
|
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||||
|
</el-upload>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUpload" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
|
export default {
|
||||||
|
props: ["uploadVisable", "uploadData"],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
fileList: [],
|
||||||
|
data: [],
|
||||||
|
headers: {
|
||||||
|
Authorization: "Bearer " + getToken(),
|
||||||
|
},
|
||||||
|
filedata: {
|
||||||
|
id: this.uploadData.id
|
||||||
|
},
|
||||||
|
flagBtn: false,
|
||||||
|
imageUrl: "",
|
||||||
|
ruleForm: {},
|
||||||
|
rules: {
|
||||||
|
sealName: [
|
||||||
|
{ required: true, message: '请输入印章名称', trigger: 'blur' },
|
||||||
|
],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
uploadVisable(val) {
|
||||||
|
if (val) {
|
||||||
|
this.imageUrl = "",
|
||||||
|
this.ruleForm = {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit("cancelUpload");
|
||||||
|
},
|
||||||
|
handleChange(file, fileList) {
|
||||||
|
this.imageUrl = URL.createObjectURL(file.raw);
|
||||||
|
},
|
||||||
|
UploadUrl() {
|
||||||
|
return window.location.origin + "/API/deptIdentify/sealUpload";
|
||||||
|
},
|
||||||
|
submitUpload() {
|
||||||
|
this.$refs['ruleForm'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.filedata.id = this.uploadData.id;
|
||||||
|
this.filedata.sealName = this.ruleForm.sealName;
|
||||||
|
this.$refs.upload.submit();
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleRemove(file, fileList) {
|
||||||
|
console.log(file, fileList);
|
||||||
|
},
|
||||||
|
beforeUpload(file) {
|
||||||
|
const isImg = file.type === 'image/png'
|
||||||
|
if (!isImg) {
|
||||||
|
this.$message.error('只能上传图片格式的文件')
|
||||||
|
}
|
||||||
|
return isImg
|
||||||
|
},
|
||||||
|
handleSuccess(response) {
|
||||||
|
if (response.code == 200) {
|
||||||
|
this.$message.success('上传成功');
|
||||||
|
this.cancel()
|
||||||
|
} else {
|
||||||
|
this.$message.error(response.msg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .avatar-uploader .el-upload {
|
||||||
|
width: 178px;
|
||||||
|
height: 178px;
|
||||||
|
border: 1px dashed #d9d9d9;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .avatar-uploader .el-upload:hover {
|
||||||
|
border-color: #409EFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .avatar-uploader-icon {
|
||||||
|
font-size: 28px;
|
||||||
|
color: #8c939d;
|
||||||
|
width: 178px;
|
||||||
|
height: 178px;
|
||||||
|
line-height: 178px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .avatar {
|
||||||
|
width: 178px;
|
||||||
|
height: 178px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,280 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addInstitution">新增部门</el-button>
|
||||||
|
<!-- v-hasPermi="['caseManagement:list:add']" -->
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="仲裁机构名称" align="center" prop="identifyName" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="经办人姓名" align="center" prop="operName" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="经办人手机号" align="center" prop="operPhone" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="认证时间" align="center" prop="identifyDate" />
|
||||||
|
<el-table-column label="认证状态" align="center" prop="identifyStatus" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="是否启用" align="center" prop="isUse"></el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" @click="DeptIndefiUrl(scope.row)" type="text" icon="el-icon-thumb"
|
||||||
|
v-if="scope.row.identifyStatus == '未认证'">认证</el-button>
|
||||||
|
<el-button size="mini" @click="changeStatus(scope.row)" type="text" icon="el-icon-thumb"
|
||||||
|
v-if="scope.row.isUse == '未启用' && scope.row.identifyStatus == '已认证'">启用</el-button>
|
||||||
|
<el-button size="mini" @click="uploadSeal(scope.row)" type="text"
|
||||||
|
v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">上传公章</el-button>
|
||||||
|
<el-button size="mini" @click="sealManage(scope.row)" type="text"
|
||||||
|
v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">公章管理</el-button>
|
||||||
|
<el-button size="mini" @click="sealDelete(scope.row)" v-if="scope.row.identifyStatus == '未认证'"
|
||||||
|
type="text" icon="el-icon-delete">删除</el-button>
|
||||||
|
<el-button size="mini" @click="eidtSeal(scope.row)" type="text" v-if="scope.row.identifyStatus == '未认证'"
|
||||||
|
icon="el-icon-edit">修改</el-button>
|
||||||
|
<el-button size="mini" @click="selectUser(scope.row)" type="text"
|
||||||
|
v-if="scope.row.identifyStatus == '未认证'" icon="el-icon-edit">选择经办人</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)" />
|
||||||
|
<addInstitution :operateVisable="operateVisable" @cancelFilingreview="cancelFilingreview" :queryParams="queryParams"
|
||||||
|
@getList="getList">
|
||||||
|
</addInstitution>
|
||||||
|
<uploadSeal :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :queryParams="queryParams"
|
||||||
|
:uploadData="uploadData" @getList="getList">
|
||||||
|
</uploadSeal>
|
||||||
|
<sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :queryParams="queryParams" :sealData="sealData">
|
||||||
|
</sealManage>
|
||||||
|
<eidtInstitution :editVisable="editVisable" @cancelEdit="cancelEdit" :queryParams="queryParams" @getList="getList"
|
||||||
|
:editData="editData"></eidtInstitution>
|
||||||
|
<el-dialog title="选择经办人" :visible.sync="selectVisible" width="600px" @close="selectClose">
|
||||||
|
<el-form :model="slectFrom" :rules="rules" ref="slectFrom" label-width="80px">
|
||||||
|
<el-form-item label="经办人" prop="id">
|
||||||
|
<el-select v-model="slectFrom.id" clearable placeholder="请选择">
|
||||||
|
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="selectClose" class="endbutton"><span>取 消</span></el-button>
|
||||||
|
<el-button type="primary" @click="submitUser" class="endbutton"><span>确认</span></el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
deptIdentifyList,
|
||||||
|
enableDept,
|
||||||
|
selectDeptIndefiUrl,
|
||||||
|
deleteSeal,
|
||||||
|
selectPostUserByDeptId,
|
||||||
|
bindHandler
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
|
||||||
|
import addInstitution from "./components/addInstitution";
|
||||||
|
import uploadSeal from "./components/uploadSeal";
|
||||||
|
import sealManage from "./components/sealManage";
|
||||||
|
import eidtInstitution from "./components/eidtInstitution";
|
||||||
|
export default {
|
||||||
|
name: "paymentList",
|
||||||
|
components: {
|
||||||
|
addInstitution,
|
||||||
|
uploadSeal,
|
||||||
|
sealManage,
|
||||||
|
eidtInstitution
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 表格数据
|
||||||
|
form: {},
|
||||||
|
// 校验表单
|
||||||
|
rules: {},
|
||||||
|
dataList: [1],
|
||||||
|
operateVisable: false,//新增弹窗
|
||||||
|
uploadVisable: false,//上传弹窗
|
||||||
|
sealVisable: false,//公章列表弹窗
|
||||||
|
uploadData: {},
|
||||||
|
sealData: {},
|
||||||
|
editVisable: false,
|
||||||
|
editData: {},
|
||||||
|
selectVisible: false,
|
||||||
|
slectFrom: {},
|
||||||
|
userList: [],
|
||||||
|
templateId: null,
|
||||||
|
rules: {
|
||||||
|
id: [
|
||||||
|
{ required: true, message: '请选择经办人', trigger: 'blur' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList(this.queryParams)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 选择经办人
|
||||||
|
selectUser(row) {
|
||||||
|
this.selectVisible = true;
|
||||||
|
this.templateId = row.id;
|
||||||
|
selectPostUserByDeptId({ id: row.id }).then(res => {
|
||||||
|
this.userList = res.data;
|
||||||
|
if (row.userId) {
|
||||||
|
this.slectFrom.id = row.userId;
|
||||||
|
} else {
|
||||||
|
this.slectFrom = {};
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 确认经办人
|
||||||
|
submitUser() {
|
||||||
|
this.$refs['slectFrom'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
bindHandler({ id: this.templateId, userId: this.slectFrom.id }).then(res => {
|
||||||
|
this.$modal.msgSuccess("选择成功");
|
||||||
|
this.selectVisible = false;
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
selectClose() {
|
||||||
|
this.selectVisible = false;
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
sealDelete(row) {
|
||||||
|
this.$modal
|
||||||
|
.confirm("是否更改状态")
|
||||||
|
.then((res) => {
|
||||||
|
this.deleteSealFn({ id: row.id })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除接口
|
||||||
|
deleteSealFn(data) {
|
||||||
|
deleteSeal(data).then(res => {
|
||||||
|
this.$modal.msgSuccess("删除成功!");
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 公章管理
|
||||||
|
sealManage(row) {
|
||||||
|
this.sealVisable = true;
|
||||||
|
this.sealData = row;
|
||||||
|
},
|
||||||
|
cancelSeal() {
|
||||||
|
this.sealVisable = false;
|
||||||
|
},
|
||||||
|
// 上传公章
|
||||||
|
uploadSeal(row) {
|
||||||
|
this.uploadVisable = true;
|
||||||
|
this.uploadData = row;
|
||||||
|
},
|
||||||
|
closeUploadSeal(){
|
||||||
|
this.uploadVisable = false
|
||||||
|
},
|
||||||
|
cancelFilingreview() {
|
||||||
|
this.operateVisable = false;
|
||||||
|
},
|
||||||
|
cancelUpload() {
|
||||||
|
this.uploadVisable = false;
|
||||||
|
},
|
||||||
|
// 新增部门
|
||||||
|
addInstitution() {
|
||||||
|
this.operateVisable = true;
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
eidtSeal(row) {
|
||||||
|
this.editVisable = true;
|
||||||
|
this.editData = row;
|
||||||
|
},
|
||||||
|
cancelEdit() {
|
||||||
|
this.editVisable = false;
|
||||||
|
},
|
||||||
|
// 启用认证按钮
|
||||||
|
changeStatus(row) {
|
||||||
|
this.$modal.confirm('是否进行启用?')
|
||||||
|
.then(function () {
|
||||||
|
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
enableDept({ id: row.id }).then(res => {
|
||||||
|
this.$modal.msgSuccess("启用成功!");
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 认证按钮
|
||||||
|
DeptIndefiUrl(row) {
|
||||||
|
if (!row.operName || !row.legalPerPhone) {
|
||||||
|
this.$modal.msgError("当前没有经办人 ,无法认证!!");
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.$modal.confirm('是否认证?')
|
||||||
|
.then(function () {
|
||||||
|
selectDeptIndefiUrl({ id: row.id }).then(res => {
|
||||||
|
let url = res.data.identifyUrl;
|
||||||
|
window.open(url)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
// this.$modal.msgSuccess("认证成功!");
|
||||||
|
// this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
.catch(function () {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 查询列表数据
|
||||||
|
getList(parms) {
|
||||||
|
this.loading = true;
|
||||||
|
deptIdentifyList(parms).then((response) => {
|
||||||
|
this.dataList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
this.dataList.forEach(item => {
|
||||||
|
if (item.identifyStatus == 0 || item.identifyStatus == null) {
|
||||||
|
item.identifyStatus = '未认证'
|
||||||
|
} else if (item.identifyStatus == 2) {
|
||||||
|
item.identifyStatus = '认证中'
|
||||||
|
} else if (item.identifyStatus == 1) {
|
||||||
|
item.identifyStatus = '已认证'
|
||||||
|
}
|
||||||
|
if (item.isUse == 0 || item.isUse == null) {
|
||||||
|
item.isUse = '未启用'
|
||||||
|
} else {
|
||||||
|
item.isUse = '已启用'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,182 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addtemplate">新增裁决书模板</el-button>
|
||||||
|
<!-- v-hasPermi="['caseManagement:list:add']" -->
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="仲裁机构名称" align="center" prop="identifyName" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="裁决书名称" align="center" prop="temName" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" @click="deleteTemplate(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
|
||||||
|
<el-button size="mini" @click="eidtTemplate(scope.row)" type="text" icon="el-icon-edit">修改模板</el-button>
|
||||||
|
<el-button size="mini" @click="grabRulesClick(scope.row)" type="text" icon="el-icon-edit">设置抓取规则</el-button>
|
||||||
|
<el-button size="mini" @click="templateList(scope.row)" type="text" icon="el-icon-edit">模板字段列表</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)" />
|
||||||
|
|
||||||
|
<addTemplate :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :uploadData="uploadData" @getList="getList" :queryParams="queryParams">
|
||||||
|
</addTemplate>
|
||||||
|
<sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :sealData="sealData">
|
||||||
|
</sealManage>
|
||||||
|
<editTemplate :editVisable="editVisable" @cancelEdit="cancelEdit" @getList="getList" :editData="editData" :queryParams="queryParams"></editTemplate>
|
||||||
|
<grabRules :rulesVisable="rulesVisable" @cancelRules="cancelRules" @getList="getList" :rulesData="rulesData" :queryParams="queryParams"></grabRules>
|
||||||
|
<temmplateList :listVisable="listVisable" @cancelList="cancelList" @getList="getList" :listData="listData" :queryParams="queryParams"></temmplateList>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getTemplate,
|
||||||
|
deleteTemplate,
|
||||||
|
getTemplateInfoById
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
|
||||||
|
import addInstitution from "./components/addInstitution";
|
||||||
|
import addTemplate from "./components/addTemplate";
|
||||||
|
import sealManage from "./components/sealManage";
|
||||||
|
import editTemplate from "./components/editTemplate";
|
||||||
|
import grabRules from "./components/grabRules.vue";
|
||||||
|
import temmplateList from "./components/temmplateList.vue";
|
||||||
|
export default {
|
||||||
|
name: "paymentList",
|
||||||
|
components: {
|
||||||
|
addInstitution,
|
||||||
|
addTemplate,
|
||||||
|
sealManage,
|
||||||
|
editTemplate,
|
||||||
|
grabRules,
|
||||||
|
temmplateList
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 表格数据
|
||||||
|
form: {},
|
||||||
|
// 校验表单
|
||||||
|
rules: {},
|
||||||
|
dataList: [],
|
||||||
|
operateVisable: false,//新增弹窗
|
||||||
|
uploadVisable: false,//上传弹窗
|
||||||
|
sealVisable: false,//公章列表弹窗
|
||||||
|
rulesVisable:false,//抓取规则弹窗
|
||||||
|
uploadData: {},
|
||||||
|
sealData: {},
|
||||||
|
editVisable:false,
|
||||||
|
editData:{},
|
||||||
|
rulesData:{},
|
||||||
|
listVisable:false,
|
||||||
|
listData:{}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList(this.queryParams)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 删除
|
||||||
|
deleteTemplate(row) {
|
||||||
|
this.$modal
|
||||||
|
.confirm("是否删除")
|
||||||
|
.then((res) => {
|
||||||
|
this.deleteSealFn({ id: row.id })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除接口
|
||||||
|
deleteSealFn(data) {
|
||||||
|
deleteTemplate(data).then(res => {
|
||||||
|
this.$modal.msgSuccess("删除成功!");
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
cancelSeal() {
|
||||||
|
this.sealVisable = false;
|
||||||
|
},
|
||||||
|
// 新增模板
|
||||||
|
addtemplate(row) {
|
||||||
|
this.uploadVisable = true;
|
||||||
|
this.uploadData = row;
|
||||||
|
},
|
||||||
|
cancelUpload() {
|
||||||
|
this.uploadVisable = false;
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
eidtTemplate(row) {
|
||||||
|
this.editVisable = true;
|
||||||
|
this.editData = row;
|
||||||
|
},
|
||||||
|
cancelEdit() {
|
||||||
|
this.editVisable = false;
|
||||||
|
},
|
||||||
|
// 模板字段列表
|
||||||
|
templateList(row){
|
||||||
|
this.listVisable = true;
|
||||||
|
this.listData = row;
|
||||||
|
},
|
||||||
|
cancelList(){
|
||||||
|
this.listVisable = false;
|
||||||
|
},
|
||||||
|
// 抓取规则
|
||||||
|
grabRulesClick(row){
|
||||||
|
this.rulesVisable = true;
|
||||||
|
this.rulesData = row;
|
||||||
|
},
|
||||||
|
cancelRules(){
|
||||||
|
this.rulesVisable = false;
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 查询列表数据
|
||||||
|
getList(parms) {
|
||||||
|
this.loading = true;
|
||||||
|
getTemplate(parms).then((response) => {
|
||||||
|
this.dataList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
console.log(this.dataList,"LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
|
||||||
|
// this.dataList.forEach(item => {
|
||||||
|
// if (item.identifyStatus == 0 || item.identifyStatus == null) {
|
||||||
|
// item.identifyStatus = '未认证'
|
||||||
|
// } else {
|
||||||
|
// item.identifyStatus = '已认证'
|
||||||
|
// }
|
||||||
|
// if (item.isUse == 0 || item.isUse == null) {
|
||||||
|
// item.isUse = '未启用'
|
||||||
|
// } else {
|
||||||
|
// item.isUse = '已启用'
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -0,0 +1,140 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addtemplate">新增模板</el-button>
|
||||||
|
<!-- v-hasPermi="['caseManagement:list:add']" -->
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-table v-loading="loading" :data="dataList" style="width: 100%">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="模板名称" align="center" prop="name" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="模板内容" align="center" prop="content" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="模板类型" align="center" prop="typeName" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" @click="deleteTemplate(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
|
||||||
|
<el-button size="mini" @click="eidtTemplate(scope.row)" type="text" icon="el-icon-edit">修改模板</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)" />
|
||||||
|
|
||||||
|
<addManager :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :uploadData="uploadData" @getList="getList" :queryParams="queryParams">
|
||||||
|
</addManager>
|
||||||
|
<editManager :editVisable="editVisable" @cancelEdit="cancelEdit" @getList="getList" :editData="editData" :queryParams="queryParams"></editManager>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getManagerList,
|
||||||
|
deleteManager
|
||||||
|
} from "@/api/officialSeal/officialSeal.js";
|
||||||
|
|
||||||
|
import addManager from "./components/addManager";
|
||||||
|
import editManager from "./components/editManager";
|
||||||
|
export default {
|
||||||
|
name: "paymentList",
|
||||||
|
components: {
|
||||||
|
addManager,
|
||||||
|
editManager
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 表格数据
|
||||||
|
form: {},
|
||||||
|
// 校验表单
|
||||||
|
rules: {},
|
||||||
|
dataList: [],
|
||||||
|
operateVisable: false,//新增弹窗
|
||||||
|
uploadVisable: false,//上传弹窗
|
||||||
|
uploadData: {},
|
||||||
|
sealData: {},
|
||||||
|
editVisable:false,
|
||||||
|
editData:{}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList(this.queryParams)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 删除
|
||||||
|
deleteTemplate(row) {
|
||||||
|
this.$modal
|
||||||
|
.confirm("是否删除")
|
||||||
|
.then((res) => {
|
||||||
|
this.deleteSealFn({ id: row.id })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 删除接口
|
||||||
|
deleteSealFn(data) {
|
||||||
|
deleteManager(data).then(res => {
|
||||||
|
this.$modal.msgSuccess("删除成功!");
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 新增模板
|
||||||
|
addtemplate(row) {
|
||||||
|
this.uploadVisable = true;
|
||||||
|
this.uploadData = row;
|
||||||
|
},
|
||||||
|
cancelUpload() {
|
||||||
|
this.uploadVisable = false;
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
eidtTemplate(row) {
|
||||||
|
this.editVisable = true;
|
||||||
|
this.editData = row;
|
||||||
|
},
|
||||||
|
cancelEdit() {
|
||||||
|
this.editVisable = false;
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList(this.queryParams);
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 查询列表数据
|
||||||
|
getList(parms) {
|
||||||
|
this.loading = true;
|
||||||
|
getManagerList(parms).then((response) => {
|
||||||
|
this.dataList = response.rows;
|
||||||
|
this.dataList.forEach(item => {
|
||||||
|
if(item.type == 1){
|
||||||
|
item.typeName = '裁决内容'
|
||||||
|
}else if(item.type == 2){
|
||||||
|
item.typeName = '调解协议'
|
||||||
|
}else if(item.type == 3){
|
||||||
|
item.typeName = '金融消费纠纷基本情况'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
@@ -2,21 +2,12 @@
|
|||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
||||||
<el-form-item label="部门名称" prop="deptName">
|
<el-form-item label="部门名称" prop="deptName">
|
||||||
<el-input
|
<el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable @keyup.enter.native="handleQuery" />
|
||||||
v-model="queryParams.deptName"
|
|
||||||
placeholder="请输入部门名称"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQuery"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="状态" prop="status">
|
<el-form-item label="状态" prop="status">
|
||||||
<el-select v-model="queryParams.status" placeholder="部门状态" clearable>
|
<el-select v-model="queryParams.status" placeholder="部门状态" clearable>
|
||||||
<el-option
|
<el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
|
||||||
v-for="dict in dict.type.sys_normal_disable"
|
:value="dict.value" />
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.label"
|
|
||||||
:value="dict.value"
|
|
||||||
/>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
@@ -27,40 +18,22 @@
|
|||||||
|
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd(1)"
|
||||||
type="primary"
|
v-hasPermi="['system:dept:add']">新增</el-button>
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAdd"
|
|
||||||
v-hasPermi="['system:dept:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
|
||||||
type="info"
|
|
||||||
plain
|
|
||||||
icon="el-icon-sort"
|
|
||||||
size="mini"
|
|
||||||
@click="toggleExpandAll"
|
|
||||||
>展开/折叠</el-button>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-table
|
<el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="deptId" :default-expand-all="isExpandAll"
|
||||||
v-if="refreshTable"
|
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
|
||||||
v-loading="loading"
|
|
||||||
:data="deptList"
|
|
||||||
row-key="deptId"
|
|
||||||
:default-expand-all="isExpandAll"
|
|
||||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
|
||||||
>
|
|
||||||
<el-table-column prop="deptName" label="部门名称" width="260"></el-table-column>
|
<el-table-column prop="deptName" label="部门名称" width="260"></el-table-column>
|
||||||
<el-table-column prop="orderNum" label="排序" width="200"></el-table-column>
|
<el-table-column prop="orderNum" label="排序" width="200"></el-table-column>
|
||||||
<el-table-column prop="status" label="状态" width="100">
|
<el-table-column prop="status" label="状态" width="100">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/>
|
<dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="200">
|
<el-table-column label="创建时间" align="center" prop="createTime" width="200">
|
||||||
@@ -70,28 +43,12 @@
|
|||||||
</el-table-column>
|
</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">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||||
size="mini"
|
v-hasPermi="['system:dept:edit']">修改</el-button>
|
||||||
type="text"
|
<el-button size="mini" type="text" icon="el-icon-plus" @click="handleAdd(scope.row)"
|
||||||
icon="el-icon-edit"
|
v-hasPermi="['system:dept:add']">新增</el-button>
|
||||||
@click="handleUpdate(scope.row)"
|
<el-button v-if="scope.row.parentId != 0" size="mini" type="text" icon="el-icon-delete"
|
||||||
v-hasPermi="['system:dept:edit']"
|
@click="handleDelete(scope.row)" v-hasPermi="['system:dept:remove']">删除</el-button>
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-plus"
|
|
||||||
@click="handleAdd(scope.row)"
|
|
||||||
v-hasPermi="['system:dept:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="scope.row.parentId != 0"
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['system:dept:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -100,7 +57,12 @@
|
|||||||
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24" v-if="form.parentId !== 0">
|
<!-- <el-col :span="24" v-if="form.parentId !== 0">
|
||||||
|
<el-form-item label="上级部门" prop="parentId">
|
||||||
|
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col> -->
|
||||||
|
<el-col :span="24" v-if="flag">
|
||||||
<el-form-item label="上级部门" prop="parentId">
|
<el-form-item label="上级部门" prop="parentId">
|
||||||
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -136,14 +98,26 @@
|
|||||||
<el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
<el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<!-- <el-col :span="12">
|
||||||
|
<el-form-item label="部门类型" prop="deptType">
|
||||||
|
<el-input v-model="form.deptType" placeholder="请输入部门编码" maxlength="50" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col> -->
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="部门类型" prop="deptType">
|
||||||
|
<el-select v-model="form.deptType" placeholder="请选择部门类型">
|
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="部门状态">
|
<el-form-item label="部门状态">
|
||||||
<el-radio-group v-model="form.status">
|
<el-radio-group v-model="form.status">
|
||||||
<el-radio
|
<el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label
|
||||||
v-for="dict in dict.type.sys_normal_disable"
|
}}</el-radio>
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.value"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -168,6 +142,7 @@ export default {
|
|||||||
components: { Treeselect },
|
components: { Treeselect },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
flag: false,
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 显示搜索条件
|
// 显示搜索条件
|
||||||
@@ -199,6 +174,9 @@ export default {
|
|||||||
deptName: [
|
deptName: [
|
||||||
{ required: true, message: "部门名称不能为空", trigger: "blur" }
|
{ required: true, message: "部门名称不能为空", trigger: "blur" }
|
||||||
],
|
],
|
||||||
|
deptType: [
|
||||||
|
{ required: true, message: "部门类型不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
orderNum: [
|
orderNum: [
|
||||||
{ required: true, message: "显示排序不能为空", trigger: "blur" }
|
{ required: true, message: "显示排序不能为空", trigger: "blur" }
|
||||||
],
|
],
|
||||||
@@ -216,7 +194,14 @@ export default {
|
|||||||
trigger: "blur"
|
trigger: "blur"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
},
|
||||||
|
options: [{
|
||||||
|
value: 1,
|
||||||
|
label: '仲裁机构'
|
||||||
|
}, {
|
||||||
|
value: 2,
|
||||||
|
label: '金融公司'
|
||||||
|
},],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -272,6 +257,12 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd(row) {
|
handleAdd(row) {
|
||||||
|
console.log(row, "LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
|
||||||
|
if (row == 1) {
|
||||||
|
this.flag = false;
|
||||||
|
} else {
|
||||||
|
this.flag = true;
|
||||||
|
}
|
||||||
this.reset();
|
this.reset();
|
||||||
if (row != undefined) {
|
if (row != undefined) {
|
||||||
this.form.parentId = row.deptId;
|
this.form.parentId = row.deptId;
|
||||||
@@ -307,7 +298,7 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm: function() {
|
submitForm: function () {
|
||||||
this.$refs["form"].validate(valid => {
|
this.$refs["form"].validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.deptId != undefined) {
|
if (this.form.deptId != undefined) {
|
||||||
@@ -328,12 +319,12 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function() {
|
this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function () {
|
||||||
return delDept(row.deptId);
|
return delDept(row.deptId);
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.$modal.msgSuccess("删除成功");
|
||||||
}).catch(() => {});
|
}).catch(() => { });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
+8
-2
@@ -7,10 +7,16 @@ function resolve(dir) {
|
|||||||
|
|
||||||
const CompressionPlugin = require('compression-webpack-plugin')
|
const CompressionPlugin = require('compression-webpack-plugin')
|
||||||
|
|
||||||
const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
|
const name = process.env.VUE_APP_TITLE || '调解系统' // 网页标题
|
||||||
|
|
||||||
const port = process.env.port || process.env.npm_config_port || 80 // 端口
|
const port = process.env.port || process.env.npm_config_port || 80 // 端口
|
||||||
|
|
||||||
|
// const API = 'http://121.40.189.20:9001' //生产
|
||||||
|
const API = 'http://121.40.189.20:6001' //测试
|
||||||
|
// const API = 'http://192.168.3.18:8001' //B
|
||||||
|
// const API = 'http://192.168.3.77:9001' //Q
|
||||||
|
|
||||||
|
|
||||||
// vue.config.js 配置说明
|
// vue.config.js 配置说明
|
||||||
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
|
//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
|
||||||
// 这里只列一部分,具体配置参考文档
|
// 这里只列一部分,具体配置参考文档
|
||||||
@@ -35,7 +41,7 @@ module.exports = {
|
|||||||
proxy: {
|
proxy: {
|
||||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
target: `http://localhost:8080`,
|
target: API,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||||
|
|||||||
Reference in New Issue
Block a user