You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1275 lines
38 KiB

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" >
<el-form-item label="企业名称" prop="orgName">
<el-input
v-model="queryParams.data.enterpriseName"
placeholder="请输入企业名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
1 month ago
<el-form-item label="状态" prop="status">
<el-select
1 month ago
v-model="queryParams.data.status"
placeholder="请选择状态"
clearable
size="small"
style="width: 100%"
@change="handleQuery"
>
1 month ago
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="creditList">
<el-table-column
label="序号"
type="index"
width="100"
align="left"
fixed
/>
<el-table-column
label="企业名称"
align="left"
prop="enterpriseName"
min-width="120"
/>
<el-table-column
label="项目名称"
align="left"
prop="projectName"
min-width="120"
/>
<el-table-column
label="资质类别"
align="left"
prop="qualificationCategory"
:formatter="qualificationCategoryFormat"
min-width="120"
/>
<el-table-column
label="状态"
align="left"
prop="status"
min-width="120"
:formatter="statusFormat"
/>
<el-table-column
label="申报管理区划"
align="left"
prop="declarationManagementZones"
:formatter="formatDeclarationManagementZones"
min-width="120"
/>
<el-table-column
label="良好行为"
align="left"
prop="behavior"
min-width="120"
/>
<el-table-column
label="表彰等级"
align="left"
prop="commendationLevel"
min-width="120"
/>
<el-table-column
label="颁发机构"
align="left"
prop="authority"
min-width="120"
/>
<el-table-column
label="加分值"
align="left"
prop="bonusPoints"
min-width="120"
/>
<el-table-column
label="有效期(年)"
align="left"
prop="validityPeriod"
min-width="120"
/>
<el-table-column
label="获奖公示网址"
align="left"
prop="awardAnnouncementWebsite"
min-width="120"
/>
<el-table-column
label="评价日期"
align="left"
prop="evaluationDate"
min-width="120"
/>
<el-table-column
label="重合同守信用情况"
align="left"
prop="trustworthyPerformance"
min-width="140"
/>
<el-table-column
label="附件"
align="left"
prop="attachment"
min-width="180"
>
<template slot-scope="scope">
<div
v-for="(item, index) in JSON.parse(scope.row.attachment)"
:key="item + index"
>
<i class="el-icon-document"></i>
{{ item.name }}
<i
class="el-icon-download"
@click="downloadFile(scope, index)"
style="cursor: pointer"
></i>
</div>
</template>
</el-table-column>
<el-table-column
label="审核流程"
align="left"
prop="attachment"
min-width="120"
fixed="right"
>
<template slot-scope="scope">
<el-button type="primary" @click="openAuditProcess(scope.row)">
审核流程
</el-button>
</template>
</el-table-column>
<el-table-column
label="操作"
align="right"
class-name="small-padding fixed-width"
width="184"
fixed="right"
>
<template slot-scope="scope">
<!-- ===============审核按钮=========== -->
<el-button
size="mini"
type="text"
v-if="scope.row.status == '1'"
icon="el-icon-edit-outline"
@click="handleExamine(scope.row)"
v-hasPermi="['enterpriseMange:credit:examine']"
>审核</el-button
>
<el-button
v-if="scope.row.status == '1'"
size="mini"
type="text"
icon="el-icon-time"
v-hasPermi="['enterprise:credit:report']"
>待审核</el-button
>
<el-button
v-if="scope.row.status == '2'"
size="mini"
type="text"
icon="el-icon-time"
v-hasPermi="['enterprise:credit:report']"
>已驳回</el-button
>
<el-button
v-if="scope.row.status == '3'"
size="mini"
type="text"
icon="el-icon-time"
v-hasPermi="['enterprise:credit:report']"
@click="handleReport(scope.row)"
>已审核</el-button
>
<el-button
v-if="scope.row.status == '4'"
size="mini"
type="text"
icon="el-icon-time"
v-hasPermi="['enterprise:credit:report']"
>已公示</el-button
>
<el-button
v-if="scope.row.status == '5'"
size="mini"
type="text"
icon="el-icon-time"
v-hasPermi="['enterprise:credit:report']"
>已发布</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"
/>
<!-- 添加或修改动态信用对话框 -->
<el-dialog
:title="title"
:visible.sync="open"
width="1200px"
append-to-body
:close-on-click-modal="false"
>
<el-row :gutter="15">
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
<el-col :span="12">
<el-form-item label="项目名称" prop="projectName">
<!-- <el-input
v-model="form.projectName"
placeholder="请输入项目名称"
/> -->
<el-select
ref="selectPro"
v-model="form.projectName"
placeholder="请输入项目名称"
filterable
clearable
size="small"
style="width: 100%"
remote
:remote-method="remoteMethod"
@change="handleProNameChange"
:loading="selectLoading"
@visible-change="visibleChange"
>
<el-option
v-for="dict in projectNameOptions"
:key="dict.projectName + dict.id"
:label="dict.projectName + '[' + dict.proCode + ']'"
:value="dict.projectName + '[' + dict.proCode + ']'"
@click.native="getId(dict)"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="资质类别" prop="qualificationCategory">
<el-select
v-model="form.qualificationCategory"
placeholder="请选择资质类别"
style="width: 100%"
disabled
>
<el-option
v-for="dict in qualificationCategoryOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="申报管理区划"
prop="declarationManagementZones"
>
<!-- <el-input
v-model="form.declarationManagementZones"
placeholder="请输入申报管理区划"
/> -->
<el-cascader
:options="areasOptions"
v-model="form.declarationManagementZones"
:props="areasOptionProps"
placeholder="请选择申报管理区划"
clearable
size="small"
style="width: 100%"
>
</el-cascader>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="良好行为" prop="behavior">
<el-input v-model="form.behavior" placeholder="请输入良好行为" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="表彰等级" prop="commendationLevel">
<!-- <el-select
v-model="form.commendationLevel"
placeholder="请选择表彰等级"
style="width: 100%"
>
<el-option label="请选择字典生成" value="" />
</el-select> -->
<el-input
v-model="form.commendationLevel"
placeholder="请输入表彰等级"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="颁发机构" prop="authority">
<el-input v-model="form.authority" placeholder="请输入颁发机构" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="加分值" prop="bonusPoints">
<el-input v-model="form.bonusPoints" placeholder="请输入加分值" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间" prop="evaluationDate">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.evaluationDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择审核日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="有效期" prop="validityPeriod">
<el-date-picker
clearable
size="small"
style="width: 100%"
v-model="form.validityPeriod"
type="year"
value-format="yyyy"
placeholder="选择有效期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="获奖公示网址" prop="awardAnnouncementWebsite">
<el-input
v-model="form.awardAnnouncementWebsite"
placeholder="请输入获奖公示网址"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="重合同守信用情况" prop="trustworthyPerformance" label-width="150px">
<el-input
style="width:70%;"
type="textarea"
:autosize="{ minRows: 6}"
v-model="form.trustworthyPerformance"
placeholder="请输入重合同守信用情况"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="评价日期" prop="evaluationDate">
<el-date-picker
style="width: 100%"
v-model="form.evaluationDate"
type="date"
placeholder="选择评价日期"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="附件" prop="attachment">
<!-- <el-input v-model="form.attachment" placeholder="请输入附件" /> -->
<el-upload ref="uploadTemplate"
class="upload-demo"
action="thinking/common/upload"
:headers="headers"
:before-upload="(file) => $fileBeforeUpload(file, 'fileList')"
:on-preview="handlePreview"
:on-remove="(file) => handleRemove(file, 'fileList')"
:before-remove="beforeRemove"
multiple
:on-exceed="handleExceed"
:on-success="
(_, fileList) => submitUpload(fileList, 'fileList')
"
:file-list="fileList"
>
<el-button size="small" type="primary" plain @click="$ButtonClick()" @click.stop="beforeUploadFile">
<i class="el-icon-upload el-icon--right"></i>
点击上传
</el-button>
<div slot="tip" class="el-upload__tip">
支持jpg/png/pdf/word/excel文件等不超过200M
</div>
</el-upload>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
<!--上报或者审核 -->
<el-dialog
:title="viewTitle"
:visible.sync="viewOpen"
width="1200px"
append-to-body
@close="closeView"
:close-on-click-modal="false"
>
<!-- 动态信用 -->
<!-- <div class="infoTitle">动态信用</div>
<div class="draLine"></div> -->
<div class="content">
<el-descriptions
class="margin-top"
:column="2"
border
:labelStyle="{
'text-align': 'left',
width: '180px',
height: '50px',
}"
:contentStyle="{ minWidth: '350px' }"
>
<el-descriptions-item>
<template slot="label"> 项目名称 </template>
{{ this.creditMsg.projectName }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 资质类别 </template>
{{ qualificationCategoryFormat(this.creditMsg) }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 状态 </template>
{{ statusFormat(this.creditMsg) }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 申报管理区划 </template>
{{ this.creditMsg.declarationManagementZones }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 良好行为 </template>
{{ this.creditMsg.behavior }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 表彰等级 </template>
{{ this.creditMsg.commendationLevel }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 颁发机构 </template>
{{ this.creditMsg.authority }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 加分值 </template>
{{ this.creditMsg.bonusPoints }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 审核日期 </template>
{{ this.creditMsg.evaluationDate }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 有效期 </template>
{{ this.creditMsg.validityPeriod }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 重合同守信用情况 </template>
{{ this.creditMsg.trustworthyPerformance }}
</el-descriptions-item>
<el-descriptions-item>
<template slot="label"> 附件 </template>
<template v-if="this.creditMsg.attachment">
<div
v-for="(item, index) in JSON.parse(this.creditMsg.attachment)"
:key="item + index"
>
{{ item.name }}
<i
class="el-icon-download"
@click="downloadFile2(item, index)"
style="cursor: pointer"
></i>
</div>
</template>
</el-descriptions-item>
<el-descriptions-item v-if="this.creditMsg.status == '2'">
<template slot="label"> 驳回意见 </template>
{{ this.creditMsg.remark }}
</el-descriptions-item>
</el-descriptions>
</div>
<div slot="footer" class="dialog-footer">
<!-- 审核通过按钮 -->
<el-button
type="primary"
@click="passExamine"
v-hasPermi="['enterpriseMange:credit:passExamine']"
v-if="creditMsg.status=='1'"
>通过审核</el-button
>
<el-button
type="primary"
@click="publicity"
v-hasPermi="['enterpriseMange:credit:passExamine']"
v-if="creditMsg.status=='3'"
>公示信息</el-button
>
<!-- 驳回按钮 -->
<el-popover
placement="top"
width="300"
v-model="visible"
style="margin: 0 10px"
>
<el-input
v-model="remark"
placeholder="请输入驳回意见"
type="textarea"
maxlength="250"
show-word-limit
style="margin-bottom: 10px"
></el-input>
<div style="text-align: right; margin: 0">
<el-button type="primary" size="mini" @click="TurnDownExamine">
确定
</el-button>
<el-button size="mini" type="text" @click="visible = false">
取消
</el-button>
</div>
<el-button
slot="reference"
type="warning"
v-if="creditMsg.status=='1'"
v-hasPermi="['enterpriseMange:credit:TurnDownExamine']"
>
驳回审核
</el-button>
</el-popover>
<el-button
v-if="creditMsg.status == '0' || creditMsg.status == '2'"
type="primary"
@click="upExamine"
v-hasPermi="['enterpriseMange:credit:upExamine']"
> </el-button
>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
<!-- 审核流程 -->
<el-dialog
:center="true"
:title="processTitle"
:visible.sync="processOpen"
width="1000px"
append-to-body
@close="closeProcess"
:close-on-click-modal="false"
class="process"
>
<el-table v-loading="loading" :data="processList">
<el-table-column
label="序号"
type="index"
width="50"
align="center"
fixed
/>
<el-table-column
label="流程进度"
align="center"
prop="processProgress"
min-width="120"
/>
<el-table-column
label="审批意见"
align="center"
prop="approvalOpinions"
min-width="120"
/>
<el-table-column
label="审批时间"
align="center"
prop="approvalTime"
min-width="120"
/>
</el-table>
</el-dialog>
</div>
</template>
<script>
import {
listCredit,
getCredit,
delCredit,
addCredit,
updateCredit,
exportCredit,
} from "@/api/enterprise/credit";
import { listPerformanceRecord } from "@/api/enterprise/performanceRecord";
import { listApproval } from "@/api/enterprise/approval";
import { getToken } from "@/utils/auth";
import { getFileStream } from "@/api/system/upload";
import { getAreasData } from "@/api/areas/index";
import { regionData, codeToText, TextToCode } from "element-china-area-data";
import { listInfo } from "@/api/build/projectInfo";
export default {
name: "goodCredit",
data() {
return {
areasOptionProps: {
emitPath: false, //value返回最后一级的
checkStrictly: true, //选择任意一级
},
areasOptions: [],
// 遮罩层
loading: true,
// 选中数组
ids: [],
isMajorProjectOptions:[],
1 month ago
typeOptions:[],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 动态信用表格数据
creditList: [],
// 弹出层标题
title: "",
viewTitle: "",
processTitle: "",
// 是否显示弹出层
open: false,
viewOpen: false,
visible: false,
processOpen: false,
// 资质类别字典
qualificationCategoryOptions: [],
proQueryParams: {
pageNum: 1,
pageSize: 10,
ids: null,
data: {},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序,升序asc
sortBy: "desc",
},
},
// 审核状态字典
statusOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
ids: null,
data: {
enterpriseId: null,
projectName: null,
qualificationCategory: null,
declarationManagementZones: null,
behavior: null,
goodBehavior: null,
commendationLevel: null,
authority: null,
bonusPoints: null,
validityPeriod: null,
awardAnnouncementWebsite: null,
attachment: null,
2 weeks ago
status: "1",
1 month ago
type: null,
badBehavior: null,
createUid: null,
updateUid: null,
owerDept: null,
},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序,升序asc
sort: "desc",
},
},
// 表单参数
form: {},
// 表单校验
rules: {
projectName: [
{ required: true, message: "请选择项目名称", trigger: "blur" },
],
behavior: [{ max: 250, message: "字符长度最大为250", trigger: "blur" }],
commendationLevel: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
],
authority: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
],
awardAnnouncementWebsite: [
{ max: 250, message: "字符长度最大为250", trigger: "blur" },
],
bonusPoints: [
{ required: true, message: "请输入加分值", trigger: "blur" },
{
pattern:
/(^[1-9]([0-9]{0,6})?(\.[0-9]{1,2})?$|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$))/,
message: "请输入数字,整数7位,可保留两位小数",
trigger: "blur",
},
],
},
projectNameOptions: [],
selectLoading: false,
// 请求头
headers: {
jianwei: "jwtech " + getToken(),
},
fileList: [],
creditMsg: {},
remark: "",
processList: [],
projectNameOption: [],
};
},
1 month ago
async created() {
const typeOptionsRes = await this.getDicts("zt_status")
this.typeOptions = typeOptionsRes.data;
// this.getDicts("zt_status").then((response) => {
// this.typeOptions = response.data;
// });
listInfo(this.proQueryParams).then((response) => {
this.projectNameOptions = response.records;
});
this.getTreeData();
this.getList();
this.getDicts("qualification_type").then((response) => {
this.qualificationCategoryOptions = response.data;
});
this.getDicts("review_status").then((response) => {
this.statusOptions = response.data;
});
listPerformanceRecord({ data: { enterpriseId: this.enterpriseId } }).then(
(response) => {
this.projectNameOption = response.records;
}
);
},
methods: {
visibleChange(visible) {
// console.log(visible);
// 下拉框显示隐藏
if (visible) {
const ref = this.$refs.selectPro;
let popper = ref.$refs.popper;
if (popper.$el) popper = popper.$el;
// 判断是否有添加按钮
if (
!Array.from(popper.children).some((v) => v.className === "btn-box")
) {
const el = document.createElement("div");
el.className = "btn-box";
el.innerHTML = `<div style="display:flex;align-items:center;justify-content: center;background:#f0f0f0">
<a class="btn" style="font-size:16px;display:block;line-height:38px;text-align:center;" >
<span style="font-size:12px">只展示10个项目其余项目的选择可搜索</span>
</a>
</div>
`;
popper.appendChild(el);
el.onclick = () => {
//TODO
};
}
}
},
remoteMethod(query) {
this.selectLoading = true;
if (query !== "") {
// console.log(444, query);
this.proQueryParams.data.projectName = query;
} else {
// this.reset();
this.proQueryParams.data.projectName = null;
}
listInfo(this.proQueryParams).then((res) => {
this.projectNameOptions = res.records;
this.selectLoading = false;
});
},
handleProNameChange(keyWork) {
// if (!keyWork) {
console.log(666);
this.selectLoading = true;
this.proQueryParams.data.projectName = null;
listInfo(this.proQueryParams).then((res) => {
this.projectNameOptions = res.records;
this.selectLoading = false;
});
// }/
},
getId(res) {
this.form.proNo = res.proNo;
this.form.proCode = res.proCode;
},
chooseProjectName(data) {
this.form.recordId = data.id;
this.form.qualificationCategory = data.qualificationCategory;
},
download(filename, name) {
let a = document.createElement("a");
a.href = "/static/" + filename;
//路径中'/'为根目录,即index.html所在的目录
a.download = name;
a.click();
},
openAuditProcess(row) {
listApproval({
data: { creditId: row.id }, // 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序,升序asc
sortBy: "asc",
},
}).then((res) => {
console.log(6666, res);
this.processList = res.records;
this.processOpen = true;
this.processTitle = "审核流程进度";
});
},
closeProcess() {
this.processList = [];
},
formatDeclarationManagementZones(row) {
const regex = /^[+-]?\d+(\.\d+)?$/;
if (!regex.test(row.declarationManagementZones)){
return ""
}
if (row.declarationManagementZones) {
let provinceCode = row.declarationManagementZones.slice(0, 2);
let cityCode = row.declarationManagementZones.slice(2, 4);
let areaCode = row.declarationManagementZones.slice(4, 6);
if (areaCode != "00") {
return (
codeToText[provinceCode] +
"-" +
codeToText[provinceCode + cityCode] +
"-" +
codeToText[provinceCode + cityCode + areaCode]
);
} else if (cityCode != "00") {
return (
codeToText[provinceCode] + "-" + codeToText[provinceCode + cityCode]
);
} else {
return codeToText[provinceCode];
}
}
},
getTreeData() {
getAreasData().then((items) => {
// console.log("getAreasData", items.data);
let res = [];
let getChildren = (res, pid) => {
for (const i of items.data) {
if (i.parentid === pid) {
const newItem = {
label: i.name,
value: i.id,
};
if (i.layer != 3) newItem.children = [];
res.push(newItem);
getChildren(newItem.children, newItem.value);
}
}
};
getChildren(res, items.data[0].parentid);
// console.log("areasOptions", res);
this.areasOptions = res;
// 当不是admin时,默认行政区域
// if (this.$userProfile.createUid != "admin") {
// this.queryParams.data.adcd = this.areasOptions[0].value;
// }
// return res;
});
},
/** 查询动态信用列表 */
getList() {
this.loading = true;
this.queryParams.data.type = "1";
1 month ago
listCredit(this.queryParams).then((response) => {
this.creditList = response.records;
this.total = response.total;
this.loading = false;
});
},
// 资质类别字典翻译
qualificationCategoryFormat(row, column) {
return this.selectDictLabel(
this.qualificationCategoryOptions,
row.qualificationCategory
);
},
// 状态字典翻译
statusFormat(row, column) {
return this.selectDictLabel(this.statusOptions, row.status);
},
// 取消按钮
cancel() {
this.open = false;
this.viewOpen = false;
this.reset();
},
// 表单重置
reset() {
// this.fileList = [];
this.form = {
id: null,
enterpriseId: null,
projectName: null,
qualificationCategory: null,
declarationManagementZones: null,
behavior: null,
goodBehavior: null,
commendationLevel: null,
authority: null,
bonusPoints: null,
validityPeriod: null,
awardAnnouncementWebsite: null,
evaluationDate:null,
trustworthyPerformance:null,
attachment: null,
status: null,
type: null,
badBehavior: null,
createUid: null,
updateUid: null,
createTime: null,
updateTime: null,
owerDept: null,
remark: null,
};
this.resetForm("form");
},
// 查询表单重置
resetQueryForm() {
this.queryParams = {
pageNum: 1,
pageSize: 10,
data: {
id: null,
enterpriseId: null,
projectName: null,
qualificationCategory: null,
declarationManagementZones: null,
behavior: null,
goodBehavior: null,
commendationLevel: null,
authority: null,
bonusPoints: null,
validityPeriod: null,
awardAnnouncementWebsite: null,
attachment: null,
status: null,
type: null,
badBehavior: null,
createUid: null,
updateUid: null,
createTime: null,
updateTime: null,
owerDept: null,
remark: null,
},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序,升序asc
sort: "desc",
},
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetQueryForm();
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加良好行为加分申报";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getCredit(id).then((response) => {
this.form = response.data;
if (this.form.attachment) {
this.fileList = JSON.parse(this.form.attachment);
}
this.open = true;
this.title = "修改良好行为加分申报";
});
},
// 审核
handleExamine(row) {
this.creditMsg = row;
console.log("this.creditMsg", this.creditMsg);
this.viewTitle = "审核信息";
this.viewOpen = true;
},
// 上报
handleReport(row) {
this.creditMsg = row;
console.log("this.creditMsg", this.creditMsg);
if (row.status == "0") this.viewTitle = "上报信息";
if (row.status == "1") this.viewTitle = "待审核信息";
if (row.status == "2") this.viewTitle = "驳回信息";
if (row.status == "3") this.viewTitle = "审核通过信息";
if (row.status == "4") this.viewTitle = "公示信息";
if (row.status == "5") this.viewTitle = "发布信息";
this.viewOpen = true;
},
// 关闭弹窗
closeView() {
this.creditMsg = {};
this.remark = "";
},
// 通过审核
passExamine() {
this.creditMsg.status = "3";
updateCredit(this.creditMsg).then((response) => {
if (response.code === 200) {
this.msgSuccess("审核通过成功");
this.viewOpen = false;
this.getList();
}
});
},
publicity() {
this.creditMsg.status = "4";
updateCredit(this.creditMsg).then((response) => {
if (response.code === 200) {
this.msgSuccess("信息公示成功");
this.viewOpen = false;
this.getList();
}
});
},
// 驳回审核
TurnDownExamine() {
this.visible = false;
this.creditMsg.status = "2";
this.creditMsg.remark = this.remark;
updateCredit(this.creditMsg).then((response) => {
if (response.code === 200) {
this.msgSuccess("审核驳回成功");
this.viewOpen = false;
this.getList();
}
});
},
// 上报审核
upExamine() {
if (this.creditMsg.status == "1") {
this.msgInfo("请勿重复上报");
} else {
this.creditMsg.status = "1";
updateCredit(this.creditMsg).then((response) => {
if (response.code === 200) {
this.msgSuccess("审核上报成功");
this.viewOpen = false;
this.getList();
}
});
}
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.form.enterpriseId = this.enterpriseId;
this.form.attachment = JSON.stringify(this.fileList);
// this.form.status = "1";
if (this.form.id != null) {
updateCredit(this.form).then((response) => {
if (response.code === 200) {
console.log(111111, this.form);
this.msgSuccess("修改成功");
this.open = false;
this.getList();
}
});
} else {
this.form.type = "1";
this.form.status = "0";
addCredit(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
if (ids) {
this.$confirm("是否删除选中的数据?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(function () {
return delCredit(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function () {});
} else {
this.$message.warning("请选择要删除的数据!!");
}
},
submitUpload(fileList, name) {
console.log(name, fileList);
this[name].push({
name: fileList.name,
fileName: fileList.response.fileName,
url: fileList.response.url,
uid: fileList.uid,
});
console.log(name, this[name]);
},
handleRemove(file, name) {
// console.log(file, fileList1);
let index = this[name].findIndex((item) => item.uid === file.uid);
// 删除文件
this[name].splice(index, 1);
},
downloadFile(scope, index) {
// console.log(scope);
let file = JSON.parse(scope.row.attachment)[index];
this.handlePreview(file);
},
downloadFile2(info, index) {
console.log(info);
this.handlePreview(info);
},
// 点击预览的文件进行下载
handlePreview(file) {
// console.log(file);
getFileStream({ fileName: file.fileName }).then((res) => {
const blob = new Blob([res], {
// type类型后端返回来的数据中会有,根据自己实际进行修改
// 表格下载为 application/xlsx,压缩包为 application/zip等,
type: "application/xlsx",
}); //excel,pdf等
const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象
const a = document.createElement("a"); //创建a标签
a.style.display = "none";
a.href = href; // 指定下载链接
a.download = file.name; //指定下载文件名
a.click(); //触发下载
URL.revokeObjectURL(a.href); //释放URL对象
});
},
handleExceed(files, fileList) {
this.$message.warning(
`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${
files.length + fileList.length
} 个文件`
);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}`);
},
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/dialog.scss";
// ::v-deep {
// .el-dialog {
// margin-top: 10vh !important;
// }
// }
.topFile {
width: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #f0f0f0;
}
.process ::v-deep {
.el-dialog {
height: 500px;
overflow-y: scroll;
}
}
</style>