弹窗居中

main
mo 1 year ago
parent cda082bb34
commit 52b8f72949

@ -206,7 +206,6 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-form ref="form" :model="form" :rules="rules" label-width="90px"> <el-form ref="form" :model="form" :rules="rules" label-width="90px">

@ -149,7 +149,6 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">

@ -185,7 +185,6 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1100px" width="1100px"
v-dialogDrag
append-to-body append-to-body
> >
<el-form ref="form" :model="form" :rules="rules" label-width="110px"> <el-form ref="form" :model="form" :rules="rules" label-width="110px">

@ -1,13 +1,24 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="98px"> <el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="98px"
>
<!-- <el-form-item label="业务id" prop="businessId">--> <!-- <el-form-item label="业务id" prop="businessId">-->
<!-- <el-input v-model="queryParams.businessId" placeholder="请输入业务id" clearable @keyup.enter.native="handleQuery"/>--> <!-- <el-input v-model="queryParams.businessId" placeholder="请输入业务id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="业务类型" prop="businessType"> <el-form-item label="业务类型" prop="businessType">
<el-select v-model="queryParams.businessType" placeholder="请选择业务类型" clearable size="small"> <el-select
v-model="queryParams.businessType"
placeholder="请选择业务类型"
clearable
size="small"
>
<el-option <el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)" v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)"
:key="dict.value" :key="dict.value"
@ -27,8 +38,12 @@
<!-- <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>--> <!-- <el-input v-model="queryParams.companyId" placeholder="请输入业务实体id" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="业务实体" prop="company"> <el-form-item label="业务实体" prop="company">
<el-input v-model="queryParams.company" placeholder="请输入业务实体" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.company"
placeholder="请输入业务实体"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="删除状态" prop="delStatus">--> <!-- <el-form-item label="删除状态" prop="delStatus">-->
<!-- <el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small">--> <!-- <el-select v-model="queryParams.delStatus" placeholder="请选择删除状态" clearable size="small">-->
@ -45,8 +60,12 @@
<!-- <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable @keyup.enter.native="handleQuery"/>--> <!-- <el-input v-model="queryParams.fileAp" placeholder="请输入绝对路径" clearable @keyup.enter.native="handleQuery"/>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="流程号" prop="flowCode"> <el-form-item label="流程号" prop="flowCode">
<el-input v-model="queryParams.flowCode" placeholder="请输入流程号" clearable <el-input
@keyup.enter.native="handleQuery"/> v-model="queryParams.flowCode"
placeholder="请输入流程号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="用户id" prop="userId">--> <!-- <el-form-item label="用户id" prop="userId">-->
<!-- <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>--> <!-- <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery"/>-->
@ -61,7 +80,9 @@
<!-- <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>-->
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button> <el-button type="primary" icon="el-icon-search" @click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" @click="resetQuery"></el-button> <el-button icon="el-icon-refresh" @click="resetQuery"></el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -69,23 +90,38 @@
<!-- 操作工具栏 --> <!-- 操作工具栏 -->
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" <el-button
v-hasPermi="['ea:electronic-attachment:create']">新增 type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['ea:electronic-attachment:create']"
>新增
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" <el-button
:loading="exportLoading" type="warning"
v-hasPermi="['ea:electronic-attachment:export']">导出 plain
icon="el-icon-download"
size="mini"
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['ea:electronic-attachment:export']"
>导出
</el-button> </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 v-loading="loading" :data="list"> <el-table v-loading="loading" :data="list">
<!-- <el-table-column label="主键" align="center" prop="id" />--> <!-- <el-table-column label="主键" align="center" prop="id" />-->
<el-table-column label="业务id" align="center" prop="businessId"/> <el-table-column label="业务id" align="center" prop="businessId" />
<el-table-column label="业务类型" align="center" prop="businessType"> <el-table-column label="业务类型" align="center" prop="businessType">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag <dict-tag
@ -94,14 +130,19 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="180"> <el-table-column
label="创建时间"
align="center"
prop="createTime"
width="180"
>
<template v-slot="scope"> <template v-slot="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="制单人" align="center" prop="createBy" />--> <!-- <el-table-column label="制单人" align="center" prop="createBy" />-->
<!-- <el-table-column label="业务实体id" align="center" prop="companyId" />--> <!-- <el-table-column label="业务实体id" align="center" prop="companyId" />-->
<el-table-column label="业务实体" align="center" prop="company"/> <el-table-column label="业务实体" align="center" prop="company" />
<!-- <el-table-column label="删除状态" align="center" prop="delStatus" />--> <!-- <el-table-column label="删除状态" align="center" prop="delStatus" />-->
<!-- <el-table-column label="文件后缀" align="center" prop="suffix" />--> <!-- <el-table-column label="文件后缀" align="center" prop="suffix" />-->
<el-table-column label="文件地址" align="center" prop="fileUrl"> <el-table-column label="文件地址" align="center" prop="fileUrl">
@ -112,28 +153,52 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="绝对路径" align="center" prop="fileAp" />--> <!-- <el-table-column label="绝对路径" align="center" prop="fileAp" />-->
<el-table-column label="流程号" align="center" prop="flowCode"/> <el-table-column label="流程号" align="center" prop="flowCode" />
<!-- <el-table-column label="用户id" align="center" prop="userId" />--> <!-- <el-table-column label="用户id" align="center" prop="userId" />-->
<!-- <el-table-column label="摘要" align="center" prop="note" />--> <!-- <el-table-column label="摘要" align="center" prop="note" />-->
<!-- <el-table-column label="所属部门id" align="center" prop="deptId" />--> <!-- <el-table-column label="所属部门id" align="center" prop="deptId" />-->
<!-- <el-table-column label="所属部门" align="center" prop="deptName" />--> <!-- <el-table-column label="所属部门" align="center" prop="deptName" />-->
<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 v-slot="scope"> <template v-slot="scope">
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" <el-button
v-hasPermi="['ea:electronic-attachment:update']">修改 size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ea:electronic-attachment:update']"
>修改
</el-button> </el-button>
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" <el-button
v-hasPermi="['ea:electronic-attachment:delete']">删除 size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ea:electronic-attachment:delete']"
>删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" <pagination
@pagination="getList"/> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNo"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<el-dialog :title="title" :visible.sync="open" width="1000px" v-dialogDrag append-to-body> <el-dialog
:title="title"
:visible.sync="open"
width="1000px"
append-to-body
>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
drag drag
@ -149,16 +214,25 @@
<i class="el-icon-upload"></i> <i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> <div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload> </el-upload>
<el-form ref="form" :model="form" :rules="rules" label-width="130px" style="margin-top: 20px"> <el-form
ref="form"
:model="form"
:rules="rules"
label-width="130px"
style="margin-top: 20px"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务id" prop="businessId"> <el-form-item label="业务id" prop="businessId">
<el-input v-model="form.businessId" placeholder="请输入业务id"/> <el-input v-model="form.businessId" placeholder="请输入业务id" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务类型" prop="businessType"> <el-form-item label="业务类型" prop="businessType">
<el-select v-model="form.businessType" placeholder="请选择业务类型"> <el-select
v-model="form.businessType"
placeholder="请选择业务类型"
>
<el-option <el-option
v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)" v-for="dict in this.getDictDatas(DICT_TYPE.BUSINESS_TYPE)"
:key="dict.value" :key="dict.value"
@ -176,7 +250,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务实体" prop="company"> <el-form-item label="业务实体" prop="company">
<el-input v-model="form.company" placeholder="请输入业务实体"/> <el-input v-model="form.company" placeholder="请输入业务实体" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -197,7 +271,7 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="流程号" prop="flowCode"> <el-form-item label="流程号" prop="flowCode">
<el-input v-model="form.flowCode" placeholder="请输入流程号"/> <el-input v-model="form.flowCode" placeholder="请输入流程号" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -205,7 +279,7 @@
<!-- <el-input v-model="form.userId" placeholder="请输入用户id" />--> <!-- <el-input v-model="form.userId" placeholder="请输入用户id" />-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="摘要" prop="note"> <el-form-item label="摘要" prop="note">
<el-input v-model="form.note" placeholder="请输入摘要"/> <el-input v-model="form.note" placeholder="请输入摘要" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -231,9 +305,9 @@ import {
deleteElectronicAttachment, deleteElectronicAttachment,
getElectronicAttachment, getElectronicAttachment,
getElectronicAttachmentPage, getElectronicAttachmentPage,
exportElectronicAttachmentExcel exportElectronicAttachmentExcel,
} from "@/api/ea/electronicAttachment/electronicAttachment"; } from "@/api/ea/electronicAttachment/electronicAttachment";
import {getAccessToken, getTenantId} from "@/utils/auth"; import { getAccessToken, getTenantId } from "@/utils/auth";
export default { export default {
name: "ElectronicAttachment", name: "ElectronicAttachment",
@ -277,7 +351,8 @@ export default {
}, },
fileList: [], // fileList: [], //
uploadUrl: uploadUrl:
process.env.VUE_APP_BASE_API + "/admin-api/ea/electronic-attachment/upload", // process.env.VUE_APP_BASE_API +
"/admin-api/ea/electronic-attachment/upload", //
headers: { headers: {
Authorization: "Bearer " + getAccessToken(), Authorization: "Bearer " + getAccessToken(),
"tenant-id": getTenantId(), "tenant-id": getTenantId(),
@ -286,9 +361,13 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
businessId: [{required: true, message: "业务id不能为空", trigger: "blur"}], businessId: [
businessType: [{required: true, message: "业务类型不能为空", trigger: "change"}], { required: true, message: "业务id不能为空", trigger: "blur" },
} ],
businessType: [
{ required: true, message: "业务类型不能为空", trigger: "change" },
],
},
}; };
}, },
created() { created() {
@ -299,7 +378,7 @@ export default {
getList() { getList() {
this.loading = true; this.loading = true;
// //
getElectronicAttachmentPage(this.queryParams).then(response => { getElectronicAttachmentPage(this.queryParams).then((response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
@ -338,7 +417,8 @@ export default {
this.form.fileUrl = res.data.url; this.form.fileUrl = res.data.url;
}, },
openLink(fileUrl) { openLink(fileUrl) {
const url = process.env.VUE_APP_ONLINE_API + const url =
process.env.VUE_APP_ONLINE_API +
`/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`; `/onlinePreview?url=${encodeURIComponent(this.base64Encode(fileUrl))}`;
window.open(url); window.open(url);
}, },
@ -363,7 +443,7 @@ export default {
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id; const id = row.id;
getElectronicAttachment(id).then(response => { getElectronicAttachment(id).then((response) => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "修改电子档案附件"; this.title = "修改电子档案附件";
@ -371,13 +451,13 @@ export default {
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate(valid => { this.$refs["form"].validate((valid) => {
if (!valid) { if (!valid) {
return; return;
} }
// //
if (this.form.id != null) { if (this.form.id != null) {
updateElectronicAttachment(this.form).then(response => { updateElectronicAttachment(this.form).then((response) => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -385,7 +465,7 @@ export default {
return; return;
} }
// //
createElectronicAttachment(this.form).then(response => { createElectronicAttachment(this.form).then((response) => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -395,29 +475,35 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const id = row.id; const id = row.id;
this.$modal.confirm('是否确认删除电子档案附件编号为"' + id + '"的数据项?').then(function () { this.$modal
return deleteElectronicAttachment(id); .confirm('是否确认删除电子档案附件编号为"' + id + '"的数据项?')
}).then(() => { .then(function () {
this.getList(); return deleteElectronicAttachment(id);
this.$modal.msgSuccess("删除成功"); })
}).catch(() => { .then(() => {
}); this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
// //
let params = {...this.queryParams}; let params = { ...this.queryParams };
params.pageNo = undefined; params.pageNo = undefined;
params.pageSize = undefined; params.pageSize = undefined;
this.$modal.confirm('是否确认导出所有电子档案附件数据项?').then(() => { this.$modal
this.exportLoading = true; .confirm("是否确认导出所有电子档案附件数据项?")
return exportElectronicAttachmentExcel(params); .then(() => {
}).then(response => { this.exportLoading = true;
this.$download.excel(response, '电子档案附件.xls'); return exportElectronicAttachmentExcel(params);
this.exportLoading = false; })
}).catch(() => { .then((response) => {
}); this.$download.excel(response, "电子档案附件.xls");
} this.exportLoading = false;
} })
.catch(() => {});
},
},
}; };
</script> </script>

@ -317,16 +317,31 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-upload class="upload-demo" drag :limit="1" :action="uploadUrl" :file-list="fileList" :headers="headers" <el-upload
:on-success="handleSuccess" name="multipartFile" :multiple="false" :accept="imgType"> class="upload-demo"
<i class="el-icon-upload"></i> drag
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> :limit="1"
</el-upload> :action="uploadUrl"
:file-list="fileList"
:headers="headers"
:on-success="handleSuccess"
name="multipartFile"
:multiple="false"
:accept="imgType"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload>
<el-form ref="form" :model="form" :rules="rules" label-width="98px" style="margin-top: 20px"> <el-form
ref="form"
:model="form"
:rules="rules"
label-width="98px"
style="margin-top: 20px"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务实体 " prop="company"> <el-form-item label="业务实体 " prop="company">
@ -497,7 +512,6 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="咨询内容 "> <el-form-item label="咨询内容 ">
<editor v-model="form.consultationContent" :min-height="192" /> <editor v-model="form.consultationContent" :min-height="192" />
@ -586,7 +600,7 @@ export default {
createTime: [], createTime: [],
company: null, company: null,
systemDept: null, systemDept: null,
contractAttachment:null, contractAttachment: null,
consultationId: null, consultationId: null,
consultationType: null, consultationType: null,
consultationTitle: null, consultationTitle: null,
@ -629,15 +643,15 @@ export default {
this.loading = false; this.loading = false;
}); });
}, },
// //
handleSuccess(res) { handleSuccess(res) {
console.log(res); console.log(res);
this.form.contractAttachment = res.data.url; this.form.contractAttachment = res.data.url;
}, },
/** /**
* 文件预览 * 文件预览
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = const url =
process.env.VUE_APP_ONLINE_API + process.env.VUE_APP_ONLINE_API +
@ -728,7 +742,7 @@ export default {
systemDept: undefined, systemDept: undefined,
consultationId: undefined, consultationId: undefined,
consultationType: undefined, consultationType: undefined,
contractAttachment:undefined, contractAttachment: undefined,
consultationTitle: undefined, consultationTitle: undefined,
consultationContent: undefined, consultationContent: undefined,
consultorName: undefined, consultorName: undefined,

@ -274,7 +274,6 @@
width="180px" width="180px"
> >
<template v-slot="scope"> <template v-slot="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -323,15 +322,30 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-upload class="upload-demo" drag :limit="1" :action="uploadUrl" :file-list="fileList" :headers="headers" <el-upload
:on-success="handleSuccess" name="multipartFile" :multiple="false" :accept="imgType"> class="upload-demo"
<i class="el-icon-upload"></i> drag
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> :limit="1"
</el-upload> :action="uploadUrl"
<el-form ref="form" :model="form" :rules="rules" label-width="98px" style="margin-top: 20px"> :file-list="fileList"
:headers="headers"
:on-success="handleSuccess"
name="multipartFile"
:multiple="false"
:accept="imgType"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="98px"
style="margin-top: 20px"
>
<el-row> <el-row>
<!-- <el-col :span="8"> <!-- <el-col :span="8">
<el-form-item label=" 制单人" prop="createBy"> <el-form-item label=" 制单人" prop="createBy">
@ -518,7 +532,6 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="客诉内容"> <el-form-item label="客诉内容">
<editor v-model="form.complaintContent" :min-height="192" /> <editor v-model="form.complaintContent" :min-height="192" />
@ -607,7 +620,7 @@ export default {
company: null, company: null,
deptName: null, deptName: null,
complaintCode: null, complaintCode: null,
contractAttachment:null, contractAttachment: null,
customerName: null, customerName: null,
customerPhone: null, customerPhone: null,
complaintTime: [], complaintTime: [],
@ -652,15 +665,15 @@ export default {
this.loading = false; this.loading = false;
}); });
}, },
// //
handleSuccess(res) { handleSuccess(res) {
console.log(res); console.log(res);
this.form.contractAttachment = res.data.url; this.form.contractAttachment = res.data.url;
}, },
/** /**
* 文件预览 * 文件预览
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = const url =
process.env.VUE_APP_ONLINE_API + process.env.VUE_APP_ONLINE_API +
@ -755,7 +768,7 @@ export default {
createBy: undefined, createBy: undefined,
company: undefined, company: undefined,
deptName: undefined, deptName: undefined,
contractAttachment:undefined, contractAttachment: undefined,
complaintCode: undefined, complaintCode: undefined,
customerName: undefined, customerName: undefined,
customerPhone: undefined, customerPhone: undefined,

@ -249,15 +249,30 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-upload class="upload-demo" drag :limit="1" :action="uploadUrl" :file-list="fileList" :headers="headers" <el-upload
:on-success="handleSuccess" name="multipartFile" :multiple="false" :accept="imgType"> class="upload-demo"
<i class="el-icon-upload"></i> drag
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div> :limit="1"
</el-upload> :action="uploadUrl"
<el-form ref="form" :model="form" :rules="rules" label-width="98px" style="margin-top: 20px"> :file-list="fileList"
:headers="headers"
:on-success="handleSuccess"
name="multipartFile"
:multiple="false"
:accept="imgType"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处<em>点击上传</em></div>
</el-upload>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="98px"
style="margin-top: 20px"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务实体" prop="company"> <el-form-item label="业务实体" prop="company">
@ -432,7 +447,6 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="身体状况" prop="healthCondition"> <el-form-item label="身体状况" prop="healthCondition">
<el-input <el-input
@ -465,7 +479,6 @@
/> />
</el-form-item> </el-form-item>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="社会保险" prop="socialInsurance"> <el-form-item label="社会保险" prop="socialInsurance">
<el-input <el-input
@ -508,7 +521,6 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="考核评价" prop="leaveRecords"> <el-form-item label="考核评价" prop="leaveRecords">
<el-input <el-input
@ -689,7 +701,7 @@ export default {
pageSize: 10, pageSize: 10,
createBy: null, createBy: null,
createTime: [], createTime: [],
contractAttachment:null, contractAttachment: null,
company: null, company: null,
deptName: null, deptName: null,
name: null, name: null,
@ -735,15 +747,15 @@ export default {
this.loading = false; this.loading = false;
}); });
}, },
// //
handleSuccess(res) { handleSuccess(res) {
console.log(res); console.log(res);
this.form.contractAttachment = res.data.url; this.form.contractAttachment = res.data.url;
}, },
/** /**
* 文件预览 * 文件预览
* @param fileUrl * @param fileUrl
*/ */
openLink(fileUrl) { openLink(fileUrl) {
const url = const url =
process.env.VUE_APP_ONLINE_API + process.env.VUE_APP_ONLINE_API +
@ -822,7 +834,7 @@ export default {
deptName: undefined, deptName: undefined,
name: undefined, name: undefined,
gender: undefined, gender: undefined,
contractAttachment:undefined, contractAttachment: undefined,
birthdate: undefined, birthdate: undefined,
nationality: undefined, nationality: undefined,
address: undefined, address: undefined,

@ -19,11 +19,14 @@
</el-form-item> </el-form-item>
<el-form-item label="业务类型" prop="businessType"> <el-form-item label="业务类型" prop="businessType">
<el-select v-model="form.businessType" placeholder="请选择业务类型 "> <el-select v-model="form.businessType" placeholder="请选择业务类型 ">
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.OTHER_BUSINESS_TYPE)" :key="dict.value" :label="dict.label" <el-option
:value="dict.value" /> v-for="dict in this.getDictDatas(DICT_TYPE.OTHER_BUSINESS_TYPE)"
</el-select> :key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleQuery" <el-button type="primary" icon="el-icon-search" @click="handleQuery"
@ -87,11 +90,14 @@
<el-table-column label="文件来源" align="center" prop="source" /> <el-table-column label="文件来源" align="center" prop="source" />
<el-table-column label="年度" align="center" prop="year" /> <el-table-column label="年度" align="center" prop="year" />
<el-table-column label="月份" align="center" prop="period" /> <el-table-column label="月份" align="center" prop="period" />
<el-table-column label="业务类型" align="center" prop="businessType" > <el-table-column label="业务类型" align="center" prop="businessType">
<template v-slot="scope"> <template v-slot="scope">
<dict-tag :type="DICT_TYPE.OTHER_BUSINESS_TYPE" :value="scope.row.businessType" /> <dict-tag
:type="DICT_TYPE.OTHER_BUSINESS_TYPE"
:value="scope.row.businessType"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
@ -122,7 +128,6 @@
fixed="right" fixed="right"
width="180px" width="180px"
> >
<template v-slot="scope"> <template v-slot="scope">
<el-button <el-button
size="mini" size="mini"
@ -172,7 +177,6 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="1000px" width="1000px"
v-dialogDrag
append-to-body append-to-body
> >
<el-upload <el-upload
@ -245,9 +249,18 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="业务类型" prop="businessType"> <el-form-item label="业务类型" prop="businessType">
<el-select v-model="form.businessType" placeholder="请选择业务类型 "> <el-select
<el-option v-for="dict in this.getDictDatas(DICT_TYPE.OTHER_BUSINESS_TYPE)" :key="dict.value" :label="dict.label" v-model="form.businessType"
:value="dict.value" /> placeholder="请选择业务类型 "
>
<el-option
v-for="dict in this.getDictDatas(
DICT_TYPE.OTHER_BUSINESS_TYPE
)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -326,7 +339,6 @@
/> />
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
</el-row> </el-row>
<el-form-item label="摘要" prop="note"> <el-form-item label="摘要" prop="note">
<el-input <el-input
@ -364,7 +376,7 @@ import { listSimplePosts } from "@/api/system/post";
export default { export default {
name: "ElectronicOther", name: "ElectronicOther",
components: { Treeselect,}, components: { Treeselect },
data() { data() {
return { return {
// //
@ -394,8 +406,8 @@ export default {
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
name: null, name: null,
contractAttachment:null, contractAttachment: null,
site:null, site: null,
flowCode: null, flowCode: null,
source: null, source: null,
year: null, year: null,
@ -426,7 +438,8 @@ export default {
organizationList: [], organizationList: [],
fileList: [], // fileList: [], //
uploadUrl: uploadUrl:
process.env.VUE_APP_BASE_API + "/admin-api/accounting/attachment/upload", // process.env.VUE_APP_BASE_API +
"/admin-api/accounting/attachment/upload", //
headers: { headers: {
Authorization: "Bearer " + getAccessToken(), Authorization: "Bearer " + getAccessToken(),
"tenant-id": getTenantId(), "tenant-id": getTenantId(),
@ -450,8 +463,8 @@ export default {
this.loading = false; this.loading = false;
}); });
}, },
/** 查询部门下拉树结构 + 岗位下拉 */ /** 查询部门下拉树结构 + 岗位下拉 */
getTreeselect() { getTreeselect() {
listSimpleDepts().then((response) => { listSimpleDepts().then((response) => {
// deptOptions // deptOptions
this.deptOptions = []; this.deptOptions = [];
@ -526,7 +539,7 @@ export default {
this.form = { this.form = {
id: undefined, id: undefined,
name: undefined, name: undefined,
site:undefined, site: undefined,
flowCode: undefined, flowCode: undefined,
source: undefined, source: undefined,
year: undefined, year: undefined,
@ -546,7 +559,7 @@ export default {
recordId: undefined, recordId: undefined,
userId: undefined, userId: undefined,
fileStatus: undefined, fileStatus: undefined,
contractAttachment:undefined, contractAttachment: undefined,
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -621,8 +634,8 @@ export default {
}); });
}); });
}, },
/** 查看附件按钮操作 */ /** 查看附件按钮操作 */
handleViewFJ(row) { handleViewFJ(row) {
this.openLink(row.contractAttachment); this.openLink(row.contractAttachment);
}, },
/** 查看按钮操作 */ /** 查看按钮操作 */

@ -118,35 +118,35 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="备注" align="center" prop="remark" />--> <!-- <el-table-column label="备注" align="center" prop="remark" />-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- label="创建时间"--> <!-- label="创建时间"-->
<!-- align="center"--> <!-- align="center"-->
<!-- prop="createTime"--> <!-- prop="createTime"-->
<!-- width="180"--> <!-- width="180"-->
<!-- >--> <!-- >-->
<!-- <template v-slot="scope">--> <!-- <template v-slot="scope">-->
<!-- <span>{{ parseTime(scope.row.createTime) }}</span>--> <!-- <span>{{ parseTime(scope.row.createTime) }}</span>-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
<!-- <el-table-column--> <!-- <el-table-column-->
<!-- label="操作"--> <!-- label="操作"-->
<!-- align="center"--> <!-- align="center"-->
<!-- class-name="small-padding fixed-width"--> <!-- class-name="small-padding fixed-width"-->
<!-- fixed="right"--> <!-- fixed="right"-->
<!-- width="180px"--> <!-- width="180px"-->
<!-- >--> <!-- >-->
<!-- <template v-slot="scope">--> <!-- <template v-slot="scope">-->
<!-- <el-button--> <!-- <el-button-->
<!-- size="mini"--> <!-- size="mini"-->
<!-- type="text"--> <!-- type="text"-->
<!-- icon="el-icon-edit"--> <!-- icon="el-icon-edit"-->
<!-- @click="handleUpdate(scope.row)"--> <!-- @click="handleUpdate(scope.row)"-->
<!-- v-hasPermi="['setting:detection:update']"--> <!-- v-hasPermi="['setting:detection:update']"-->
<!-- >修改</el-button--> <!-- >修改</el-button-->
<!-- >--> <!-- >-->
<!-- </template>--> <!-- </template>-->
<!-- </el-table-column>--> <!-- </el-table-column>-->
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination <pagination
@ -158,13 +158,7 @@
/> />
<!-- 对话框(添加 / 修改) --> <!-- 对话框(添加 / 修改) -->
<el-dialog <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
:title="title"
:visible.sync="open"
width="500px"
v-dialogDrag
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-form-item label="一级分类" prop="oneType"> <el-form-item label="一级分类" prop="oneType">
<el-input v-model="form.oneType" placeholder="请输入一级分类" /> <el-input v-model="form.oneType" placeholder="请输入一级分类" />

Loading…
Cancel
Save