调解机构管理模块
This commit is contained in:
fz
@@ -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">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
|
||||
<el-form-item label="部门名称" prop="deptName">
|
||||
<el-input
|
||||
v-model="queryParams.deptName"
|
||||
placeholder="请输入部门名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
<el-input v-model="queryParams.deptName" placeholder="请输入部门名称" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-select v-model="queryParams.status" placeholder="部门状态" clearable>
|
||||
<el-option
|
||||
v-for="dict in dict.type.sys_normal_disable"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
<el-option v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.label"
|
||||
:value="dict.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
@@ -27,40 +18,22 @@
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['system:dept:add']"
|
||||
>新增</el-button>
|
||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd(1)"
|
||||
v-hasPermi="['system:dept:add']">新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="info"
|
||||
plain
|
||||
icon="el-icon-sort"
|
||||
size="mini"
|
||||
@click="toggleExpandAll"
|
||||
>展开/折叠</el-button>
|
||||
<el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-if="refreshTable"
|
||||
v-loading="loading"
|
||||
:data="deptList"
|
||||
row-key="deptId"
|
||||
:default-expand-all="isExpandAll"
|
||||
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
|
||||
>
|
||||
<el-table v-if="refreshTable" 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="orderNum" label="排序" width="200"></el-table-column>
|
||||
<el-table-column prop="status" label="状态" width="100">
|
||||
<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>
|
||||
</el-table-column>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="200">
|
||||
@@ -70,28 +43,12 @@
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:dept:edit']"
|
||||
>修改</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>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['system:dept:edit']">修改</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>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -100,7 +57,12 @@
|
||||
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<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">
|
||||
<treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="选择上级部门" />
|
||||
</el-form-item>
|
||||
@@ -136,14 +98,26 @@
|
||||
<el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
||||
</el-form-item>
|
||||
</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-form-item label="部门状态">
|
||||
<el-radio-group v-model="form.status">
|
||||
<el-radio
|
||||
v-for="dict in dict.type.sys_normal_disable"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{dict.label}}</el-radio>
|
||||
<el-radio v-for="dict in dict.type.sys_normal_disable" :key="dict.value" :label="dict.value">{{ dict.label
|
||||
}}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@@ -168,6 +142,7 @@ export default {
|
||||
components: { Treeselect },
|
||||
data() {
|
||||
return {
|
||||
flag: false,
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
@@ -199,6 +174,9 @@ export default {
|
||||
deptName: [
|
||||
{ required: true, message: "部门名称不能为空", trigger: "blur" }
|
||||
],
|
||||
deptType: [
|
||||
{ required: true, message: "部门类型不能为空", trigger: "blur" }
|
||||
],
|
||||
orderNum: [
|
||||
{ required: true, message: "显示排序不能为空", trigger: "blur" }
|
||||
],
|
||||
@@ -216,7 +194,14 @@ export default {
|
||||
trigger: "blur"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
options: [{
|
||||
value: 1,
|
||||
label: '仲裁机构'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '金融公司'
|
||||
},],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -272,6 +257,12 @@ export default {
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
console.log(row, "LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL");
|
||||
if (row == 1) {
|
||||
this.flag = false;
|
||||
} else {
|
||||
this.flag = true;
|
||||
}
|
||||
this.reset();
|
||||
if (row != undefined) {
|
||||
this.form.parentId = row.deptId;
|
||||
@@ -307,7 +298,7 @@ export default {
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function() {
|
||||
submitForm: function () {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.deptId != undefined) {
|
||||
@@ -328,12 +319,12 @@ export default {
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项？').then(function() {
|
||||
this.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项？').then(function () {
|
||||
return delDept(row.deptId);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
}).catch(() => { });
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user