18 changed files with 1889 additions and 44 deletions
@ -0,0 +1,542 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- 面包屑 --> |
||||
|
<el-breadcrumb separator="/" style="margin-bottom: 20px"> |
||||
|
<el-breadcrumb-item |
||||
|
v-for="(item, index) in routeList" |
||||
|
:key="item + index" |
||||
|
:to="{ path: item.path }" |
||||
|
>{{ item.routeName }}</el-breadcrumb-item |
||||
|
> |
||||
|
</el-breadcrumb> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
> |
||||
|
<el-form-item label="体系名称" prop="systemName"> |
||||
|
<el-input |
||||
|
v-model="queryParams.data.systemName" |
||||
|
placeholder="请输入体系名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
slot="append" |
||||
|
icon="el-icon-search" |
||||
|
size="small" |
||||
|
@click="handleQuery" |
||||
|
></el-button> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="体系类型" prop="systemType"> |
||||
|
<el-select |
||||
|
v-model="queryParams.data.systemType" |
||||
|
placeholder="请选择体系类型" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@change="handleQuery" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="dict in systemTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<!-- <el-button |
||||
|
type="cyan" |
||||
|
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-row :gutter="10" class="mb8"> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table v-loading="loading" :data="zhzbList"> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
type="index" |
||||
|
width="50" |
||||
|
align="center" |
||||
|
fixed |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="体系名称" |
||||
|
align="center" |
||||
|
prop="systemName" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="体系类型" |
||||
|
align="center" |
||||
|
prop="systemType" |
||||
|
:formatter="systemTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="周期" |
||||
|
align="center" |
||||
|
prop="cycle" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="填报节点类型" |
||||
|
align="center" |
||||
|
prop="pointType" |
||||
|
:formatter="pointTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
align="center" |
||||
|
class-name="small-padding fixed-width" |
||||
|
width="180" |
||||
|
fixed="right" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleReport(scope.row)" |
||||
|
v-hasPermi="['statistics:zhzb:report']" |
||||
|
>上报</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleExamine(scope.row)" |
||||
|
v-hasPermi="['statistics:zhzb:examine']" |
||||
|
>审核</el-button |
||||
|
> |
||||
|
<!-- <el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
v-hasPermi="['statistics:zhzb:edit']" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-delete" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
v-hasPermi="['statistics:zhzb:remove']" |
||||
|
>删除</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-form ref="form" :model="form" :rules="rules" label-width="124px"> |
||||
|
<el-form-item label="报送部门" prop="aaa"> |
||||
|
<el-input v-model="form.aaa" placeholder="请输入报送部门" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报送月份" prop="bbb"> |
||||
|
<el-input v-model="form.bbb" placeholder="请输入报送月份" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
v-for="(item, index) in zhzbcbList" |
||||
|
:key="item.id" |
||||
|
:label="item.indexName" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="zhzbcbList[index].value" |
||||
|
placeholder="请输入值" |
||||
|
:disabled="!isReport" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">{{ |
||||
|
isReport ? "确 定" : "审核通过" |
||||
|
}}</el-button> |
||||
|
<el-button type="warning" @click="disPass" v-if="!isReport" |
||||
|
>不通过</el-button |
||||
|
> |
||||
|
<el-button @click="cancel">取 消 </el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
listZhzb, |
||||
|
getZhzb, |
||||
|
delZhzb, |
||||
|
addZhzb, |
||||
|
updateZhzb, |
||||
|
exportZhzb, |
||||
|
} from "@/api/projectStatistics/statistics/zhzb"; |
||||
|
import { |
||||
|
listZhzbcb, |
||||
|
updateBatch, |
||||
|
} from "@/api/projectStatistics/statistics/zhzbcb"; |
||||
|
|
||||
|
export default { |
||||
|
name: "Zhzb", |
||||
|
data() { |
||||
|
return { |
||||
|
// 面包屑,路由信息 |
||||
|
routeList: [ |
||||
|
{ |
||||
|
path: "/projectStatistics/indexSubmission/comprehensiveStatistics", |
||||
|
routeName: "综合统计指标报送", |
||||
|
}, |
||||
|
], |
||||
|
// 遮罩层 |
||||
|
loading: true, |
||||
|
// 选中数组 |
||||
|
ids: [], |
||||
|
// 非单个禁用 |
||||
|
single: true, |
||||
|
// 非多个禁用 |
||||
|
multiple: true, |
||||
|
// 显示搜索条件 |
||||
|
showSearch: true, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 综合指标体系表格数据 |
||||
|
zhzbList: [], |
||||
|
// 指标 |
||||
|
zhzbcbList: [], |
||||
|
// 弹出层标题 |
||||
|
title: "", |
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
// 体系类型字典 |
||||
|
systemTypeOptions: [], |
||||
|
// 填报节点类型字典 |
||||
|
pointTypeOptions: [], |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 查询参数 |
||||
|
zbQueryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
jszbId: null, |
||||
|
indexName: null, |
||||
|
content: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: {}, |
||||
|
isReport: true, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
this.getDicts("system_type").then((response) => { |
||||
|
this.systemTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("enter_node_type").then((response) => { |
||||
|
this.pointTypeOptions = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleExamine(row) { |
||||
|
this.isReport = false; |
||||
|
this.zhzbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "审核综合信息指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getZhzb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listZhzbcb(this.zbQueryParams).then((response) => { |
||||
|
this.zhzbcbList = response.records; |
||||
|
// console.log("this.zhzbcbList", this.zhzbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
handleReport(row) { |
||||
|
this.isReport = true; |
||||
|
this.zhzbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "上报综合信息指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getZhzb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listZhzbcb(this.zbQueryParams).then((response) => { |
||||
|
this.zhzbcbList = response.records; |
||||
|
// console.log("this.zhzbcbList", this.zhzbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
/** 查询综合指标体系列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
listZhzb(this.queryParams).then((response) => { |
||||
|
this.zhzbList = response.records; |
||||
|
this.total = response.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 体系类型字典翻译 |
||||
|
systemTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.systemTypeOptions, row.systemType); |
||||
|
}, |
||||
|
// 填报节点类型字典翻译 |
||||
|
pointTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.pointTypeOptions, row.pointType); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
// this.reset(); |
||||
|
}, |
||||
|
disPass() { |
||||
|
this.form.status = "3"; |
||||
|
updateZhzb(this.form).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("不通过成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
// 查询表单重置 |
||||
|
resetQueryForm() { |
||||
|
this.queryParams = { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
data: { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "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; |
||||
|
// getZhzb(id).then((response) => { |
||||
|
// this.form = response.data; |
||||
|
// this.open = true; |
||||
|
// this.title = "修改综合指标体系"; |
||||
|
// }); |
||||
|
// }, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
if (this.isReport) { |
||||
|
updateBatch(this.zhzbcbList).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("上报成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
this.form.status = "1"; |
||||
|
updateZhzb(this.form).then((response) => {}); |
||||
|
}); |
||||
|
} else { |
||||
|
this.form.status = "2"; |
||||
|
updateZhzb(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 delZhzb(ids); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.getList(); |
||||
|
this.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(function () {}); |
||||
|
} else { |
||||
|
this.$message.warning("请选择要删除的数据!!"); |
||||
|
} |
||||
|
}, |
||||
|
/** 导出按钮操作 */ |
||||
|
handleExport() { |
||||
|
const queryParams = this.queryParams; |
||||
|
let message = "是否确认导出所有的数据项?"; |
||||
|
if (this.ids) { |
||||
|
message = "是否确认导出选中的数据项?"; |
||||
|
queryParams.ids = this.ids; |
||||
|
} |
||||
|
this.$confirm(message, "警告", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(function () { |
||||
|
return exportZhzb(queryParams); |
||||
|
}) |
||||
|
.then((response) => { |
||||
|
this.downloadFile(response, true, response.msg); |
||||
|
// this.download(response.msg); |
||||
|
}) |
||||
|
.catch(function () {}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/css/dialog.scss"; |
||||
|
//::v-deep { |
||||
|
// .el-dialog { |
||||
|
// margin-top: 10vh !important; |
||||
|
// } |
||||
|
//} |
||||
|
.listTitle { |
||||
|
font-size: 14px; |
||||
|
padding-left: 10px; |
||||
|
padding-right: 30px; |
||||
|
margin: 20px 0; |
||||
|
border-left: 2px solid #36b29e; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
span:nth-child(1) { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.addBtn { |
||||
|
color: #36b29e; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.addBtn:hover { |
||||
|
color: #31a08e; |
||||
|
} |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,577 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- 面包屑 --> |
||||
|
<el-breadcrumb separator="/" style="margin-bottom: 20px"> |
||||
|
<el-breadcrumb-item |
||||
|
v-for="(item, index) in routeList" |
||||
|
:key="item + index" |
||||
|
:to="{ path: item.path }" |
||||
|
>{{ item.routeName }}</el-breadcrumb-item |
||||
|
> |
||||
|
</el-breadcrumb> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
> |
||||
|
<el-form-item label="体系名称" prop="systemName"> |
||||
|
<el-input |
||||
|
v-model="queryParams.data.systemName" |
||||
|
placeholder="请输入体系名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
slot="append" |
||||
|
icon="el-icon-search" |
||||
|
size="small" |
||||
|
@click="handleQuery" |
||||
|
></el-button> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="体系类型" prop="systemType"> |
||||
|
<el-select |
||||
|
v-model="queryParams.data.systemType" |
||||
|
placeholder="请选择体系类型" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@change="handleQuery" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="dict in systemTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<!-- <el-button |
||||
|
type="cyan" |
||||
|
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-row :gutter="10" class="mb8"> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="jszbList" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" align="center" fixed /> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
type="index" |
||||
|
width="50" |
||||
|
align="center" |
||||
|
fixed |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="体系名称" |
||||
|
align="center" |
||||
|
prop="systemName" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="体系类型" |
||||
|
align="center" |
||||
|
prop="systemType" |
||||
|
:formatter="systemTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="周期" |
||||
|
align="center" |
||||
|
prop="cycle" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="填报节点类型" |
||||
|
align="center" |
||||
|
prop="pointType" |
||||
|
:formatter="pointTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
align="center" |
||||
|
class-name="small-padding fixed-width" |
||||
|
width="180" |
||||
|
fixed="right" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleReport(scope.row)" |
||||
|
v-hasPermi="['statistics:jszb:report']" |
||||
|
>上报</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleExamine(scope.row)" |
||||
|
v-hasPermi="['statistics:jszb:examine']" |
||||
|
>审核</el-button |
||||
|
> |
||||
|
|
||||
|
<!-- <el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
v-hasPermi="['statistics:jszb:edit']" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-delete" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
v-hasPermi="['statistics:jszb:remove']" |
||||
|
>删除</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-form ref="form" :model="form" :rules="rules" label-width="124px"> |
||||
|
<el-form-item label="报送部门" prop="aaa"> |
||||
|
<el-input v-model="form.aaa" placeholder="请输入报送部门" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报送月份" prop="bbb"> |
||||
|
<el-input v-model="form.bbb" placeholder="请输入报送月份" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
v-for="(item, index) in jszbcbList" |
||||
|
:key="item.id" |
||||
|
:label="item.indexName" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="jszbcbList[index].value" |
||||
|
placeholder="请输入值" |
||||
|
:disabled="!isReport" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">{{ |
||||
|
isReport ? "确 定" : "审核通过" |
||||
|
}}</el-button> |
||||
|
<el-button type="warning" @click="disPass" v-if="!isReport" |
||||
|
>不通过</el-button |
||||
|
> |
||||
|
<el-button @click="cancel">取 消 </el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
listJszb, |
||||
|
getJszb, |
||||
|
delJszb, |
||||
|
addJszb, |
||||
|
updateJszb, |
||||
|
exportJszb, |
||||
|
} from "@/api/projectStatistics/statistics/jszb"; |
||||
|
import { |
||||
|
listJszbcb, |
||||
|
updateBatch, |
||||
|
} from "@/api/projectStatistics/statistics/jszbcb"; |
||||
|
|
||||
|
export default { |
||||
|
name: "Jszb", |
||||
|
data() { |
||||
|
return { |
||||
|
// 面包屑,路由信息 |
||||
|
routeList: [ |
||||
|
{ |
||||
|
path: "/projectStatistics/indexSubmission/constructionInvestment", |
||||
|
routeName: "建设投资指标报送", |
||||
|
}, |
||||
|
], |
||||
|
// 遮罩层 |
||||
|
loading: true, |
||||
|
// 选中数组 |
||||
|
ids: [], |
||||
|
// 非单个禁用 |
||||
|
single: true, |
||||
|
// 非多个禁用 |
||||
|
multiple: true, |
||||
|
// 显示搜索条件 |
||||
|
showSearch: true, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 建设投资指标体系表格数据 |
||||
|
jszbList: [], |
||||
|
// 指标 |
||||
|
jszbcbList: [], |
||||
|
// 弹出层标题 |
||||
|
title: "", |
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
// 体系类型字典 |
||||
|
systemTypeOptions: [], |
||||
|
// 填报节点类型字典 |
||||
|
pointTypeOptions: [], |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 查询参数 |
||||
|
zbQueryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
jszbId: null, |
||||
|
indexName: null, |
||||
|
content: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: {}, |
||||
|
isReport: true, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
this.getDicts("system_type").then((response) => { |
||||
|
this.systemTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("enter_node_type").then((response) => { |
||||
|
this.pointTypeOptions = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleExamine(row) { |
||||
|
this.isReport = false; |
||||
|
this.jszbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "审核建设投资指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getJszb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listJszbcb(this.zbQueryParams).then((response) => { |
||||
|
this.jszbcbList = response.records; |
||||
|
// console.log("this.jszbcbList", this.jszbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
handleReport(row) { |
||||
|
this.isReport = true; |
||||
|
this.jszbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "上报建设投资指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getJszb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listJszbcb(this.zbQueryParams).then((response) => { |
||||
|
this.jszbcbList = response.records; |
||||
|
// console.log("this.jszbcbList", this.jszbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
/** 查询建设投资指标体系列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
listJszb(this.queryParams).then((response) => { |
||||
|
this.jszbList = response.records; |
||||
|
this.total = response.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 体系类型字典翻译 |
||||
|
systemTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.systemTypeOptions, row.systemType); |
||||
|
}, |
||||
|
// 填报节点类型字典翻译 |
||||
|
pointTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.pointTypeOptions, row.pointType); |
||||
|
}, |
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
// this.reset(); |
||||
|
}, |
||||
|
disPass() { |
||||
|
this.form.status = "3"; |
||||
|
updateJszb(this.form).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("不通过成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
// 查询表单重置 |
||||
|
resetQueryForm() { |
||||
|
this.queryParams = { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
data: { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "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; |
||||
|
// getJszb(id).then((response) => { |
||||
|
// this.form = response.data; |
||||
|
// this.open = true; |
||||
|
// this.title = "修改建设投资指标体系"; |
||||
|
// }); |
||||
|
// }, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
if (this.isReport) { |
||||
|
updateBatch(this.jszbcbList).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("上报成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
this.form.status = "1"; |
||||
|
updateJszb(this.form).then((response) => {}); |
||||
|
}); |
||||
|
} else { |
||||
|
this.form.status = "2"; |
||||
|
updateJszb(this.form).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("审核通过成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// if (response.code === 200) { |
||||
|
// this.msgSuccess("修改成功"); |
||||
|
// this.open = false; |
||||
|
// this.getList(); |
||||
|
// } |
||||
|
// }); |
||||
|
// this.$refs["form"].validate((valid) => { |
||||
|
// if (valid) { |
||||
|
// if (this.form.id != null) { |
||||
|
// updateJszb(this.form).then((response) => { |
||||
|
// if (response.code === 200) { |
||||
|
// this.msgSuccess("修改成功"); |
||||
|
// this.open = false; |
||||
|
// this.getList(); |
||||
|
// } |
||||
|
// }); |
||||
|
// } else { |
||||
|
// addJszb(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 delJszb(ids); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.getList(); |
||||
|
this.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(function () {}); |
||||
|
} else { |
||||
|
this.$message.warning("请选择要删除的数据!!"); |
||||
|
} |
||||
|
}, |
||||
|
/** 导出按钮操作 */ |
||||
|
handleExport() { |
||||
|
const queryParams = this.queryParams; |
||||
|
let message = "是否确认导出所有的数据项?"; |
||||
|
if (this.ids) { |
||||
|
message = "是否确认导出选中的数据项?"; |
||||
|
queryParams.ids = this.ids; |
||||
|
} |
||||
|
this.$confirm(message, "警告", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(function () { |
||||
|
return exportJszb(queryParams); |
||||
|
}) |
||||
|
.then((response) => { |
||||
|
this.downloadFile(response, true, response.msg); |
||||
|
// this.download(response.msg); |
||||
|
}) |
||||
|
.catch(function () {}); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/css/dialog.scss"; |
||||
|
//::v-deep { |
||||
|
// .el-dialog { |
||||
|
// margin-top: 10vh !important; |
||||
|
// } |
||||
|
//} |
||||
|
.listTitle { |
||||
|
font-size: 14px; |
||||
|
padding-left: 10px; |
||||
|
padding-right: 30px; |
||||
|
margin: 20px 0; |
||||
|
border-left: 2px solid #36b29e; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
span:nth-child(1) { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.addBtn { |
||||
|
color: #36b29e; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.addBtn:hover { |
||||
|
color: #31a08e; |
||||
|
} |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,6 @@ |
|||||
|
<template> |
||||
|
<!-- <div class="app-container"> --> |
||||
|
<div> |
||||
|
<router-view /> |
||||
|
</div> |
||||
|
</template> |
@ -0,0 +1,543 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- 面包屑 --> |
||||
|
<el-breadcrumb separator="/" style="margin-bottom: 20px"> |
||||
|
<el-breadcrumb-item |
||||
|
v-for="(item, index) in routeList" |
||||
|
:key="item + index" |
||||
|
:to="{ path: item.path }" |
||||
|
>{{ item.routeName }}</el-breadcrumb-item |
||||
|
> |
||||
|
</el-breadcrumb> |
||||
|
<el-form |
||||
|
:model="queryParams" |
||||
|
ref="queryForm" |
||||
|
:inline="true" |
||||
|
v-show="showSearch" |
||||
|
> |
||||
|
<el-form-item label="体系名称" prop="systemName"> |
||||
|
<el-input |
||||
|
v-model="queryParams.data.systemName" |
||||
|
placeholder="请输入体系名称" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@keyup.enter.native="handleQuery" |
||||
|
> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
slot="append" |
||||
|
icon="el-icon-search" |
||||
|
size="small" |
||||
|
@click="handleQuery" |
||||
|
></el-button> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="体系类型" prop="systemType"> |
||||
|
<el-select |
||||
|
v-model="queryParams.data.systemType" |
||||
|
placeholder="请选择体系类型" |
||||
|
clearable |
||||
|
size="small" |
||||
|
@change="handleQuery" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="dict in systemTypeOptions" |
||||
|
:key="dict.dictValue" |
||||
|
:label="dict.dictLabel" |
||||
|
:value="dict.dictValue" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<!-- <el-button type="cyan" 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-row :gutter="10" class="mb8"> |
||||
|
<right-toolbar |
||||
|
:showSearch.sync="showSearch" |
||||
|
@queryTable="getList" |
||||
|
></right-toolbar> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-table |
||||
|
v-loading="loading" |
||||
|
:data="fwzbList" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<el-table-column type="selection" width="55" align="center" fixed /> |
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
type="index" |
||||
|
width="50" |
||||
|
align="center" |
||||
|
fixed |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="体系名称" |
||||
|
align="center" |
||||
|
prop="systemName" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="体系类型" |
||||
|
align="center" |
||||
|
prop="systemType" |
||||
|
:formatter="systemTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="周期" |
||||
|
align="center" |
||||
|
prop="cycle" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="填报节点类型" |
||||
|
align="center" |
||||
|
prop="pointType" |
||||
|
:formatter="pointTypeFormat" |
||||
|
min-width="120" |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
align="center" |
||||
|
class-name="small-padding fixed-width" |
||||
|
width="180" |
||||
|
fixed="right" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleReport(scope.row)" |
||||
|
v-hasPermi="['statistics:fwzb:report']" |
||||
|
>上报</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleExamine(scope.row)" |
||||
|
v-hasPermi="['statistics:fwzb:examine']" |
||||
|
>审核</el-button |
||||
|
> |
||||
|
<!-- <el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-edit" |
||||
|
@click="handleUpdate(scope.row)" |
||||
|
v-hasPermi="['statistics:fwzb:edit']" |
||||
|
>修改</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
type="text" |
||||
|
icon="el-icon-delete" |
||||
|
@click="handleDelete(scope.row)" |
||||
|
v-hasPermi="['statistics:fwzb:remove']" |
||||
|
>删除</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-form ref="form" :model="form" :rules="rules" label-width="124px"> |
||||
|
<el-form-item label="报送部门" prop="aaa"> |
||||
|
<el-input v-model="form.aaa" placeholder="请输入报送部门" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报送月份" prop="bbb"> |
||||
|
<el-input v-model="form.bbb" placeholder="请输入报送月份" disabled /> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
v-for="(item, index) in fwzbcbList" |
||||
|
:key="item.id" |
||||
|
:label="item.indexName" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="fwzbcbList[index].value" |
||||
|
placeholder="请输入值" |
||||
|
:disabled="!isReport" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="submitForm">{{ |
||||
|
isReport ? "确 定" : "审核通过" |
||||
|
}}</el-button> |
||||
|
<el-button type="warning" @click="disPass" v-if="!isReport" |
||||
|
>不通过</el-button |
||||
|
> |
||||
|
<el-button @click="cancel">取 消 </el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
listFwzb, |
||||
|
getFwzb, |
||||
|
delFwzb, |
||||
|
addFwzb, |
||||
|
updateFwzb, |
||||
|
exportFwzb, |
||||
|
} from "@/api/projectStatistics/statistics/fwzb"; |
||||
|
import { |
||||
|
listFwzbcb, |
||||
|
updateBatch, |
||||
|
} from "@/api/projectStatistics/statistics/fwzbcb"; |
||||
|
|
||||
|
export default { |
||||
|
name: "Fwzb", |
||||
|
data() { |
||||
|
return { |
||||
|
// 面包屑,路由信息 |
||||
|
routeList: [ |
||||
|
{ |
||||
|
path: "/projectStatistics/indexSubmission/serviceIndustry", |
||||
|
routeName: "服务业指标报送", |
||||
|
}, |
||||
|
], |
||||
|
// 遮罩层 |
||||
|
loading: true, |
||||
|
// 选中数组 |
||||
|
ids: [], |
||||
|
// 非单个禁用 |
||||
|
single: true, |
||||
|
// 非多个禁用 |
||||
|
multiple: true, |
||||
|
// 显示搜索条件 |
||||
|
showSearch: true, |
||||
|
// 总条数 |
||||
|
total: 0, |
||||
|
// 服务业指标体系表格数据 |
||||
|
fwzbList: [], |
||||
|
// 指标 |
||||
|
fwzbcbList: [], |
||||
|
// 弹出层标题 |
||||
|
title: "", |
||||
|
// 是否显示弹出层 |
||||
|
open: false, |
||||
|
// 体系类型字典 |
||||
|
systemTypeOptions: [], |
||||
|
// 周期字典 |
||||
|
pointTypeOptions: [], |
||||
|
// 查询参数 |
||||
|
queryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 查询参数 |
||||
|
zbQueryParams: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
ids: null, |
||||
|
data: { |
||||
|
jszbId: null, |
||||
|
indexName: null, |
||||
|
content: null, |
||||
|
createUid: null, |
||||
|
updateUid: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "desc", |
||||
|
}, |
||||
|
}, |
||||
|
// 表单参数 |
||||
|
form: {}, |
||||
|
// 表单校验 |
||||
|
rules: {}, |
||||
|
isReport: true, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getList(); |
||||
|
this.getDicts("system_type").then((response) => { |
||||
|
this.systemTypeOptions = response.data; |
||||
|
}); |
||||
|
this.getDicts("enter_node_type").then((response) => { |
||||
|
this.pointTypeOptions = response.data; |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
handleExamine(row) { |
||||
|
this.isReport = false; |
||||
|
this.fwzbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "审核服务业指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getFwzb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listFwzbcb(this.zbQueryParams).then((response) => { |
||||
|
this.fwzbcbList = response.records; |
||||
|
// console.log("this.fwzbcbList", this.fwzbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
handleReport(row) { |
||||
|
this.isReport = true; |
||||
|
this.fwzbcbList = []; |
||||
|
this.open = true; |
||||
|
this.title = "上报服务业指标"; |
||||
|
this.zbQueryParams.data.jszbId = row.id; |
||||
|
getFwzb(row.id).then((res) => { |
||||
|
this.form = res.data; |
||||
|
}); |
||||
|
listFwzbcb(this.zbQueryParams).then((response) => { |
||||
|
this.fwzbcbList = response.records; |
||||
|
// console.log("this.fwzbcbList", this.fwzbcbList); |
||||
|
}); |
||||
|
}, |
||||
|
/** 查询服务业指标体系列表 */ |
||||
|
getList() { |
||||
|
this.loading = true; |
||||
|
listFwzb(this.queryParams).then((response) => { |
||||
|
this.fwzbList = response.records; |
||||
|
this.total = response.total; |
||||
|
this.loading = false; |
||||
|
}); |
||||
|
}, |
||||
|
// 体系类型字典翻译 |
||||
|
systemTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.systemTypeOptions, row.systemType); |
||||
|
}, |
||||
|
// 体系类型字典翻译 |
||||
|
pointTypeFormat(row, column) { |
||||
|
return this.selectDictLabel(this.pointTypeOptions, row.pointType); |
||||
|
}, |
||||
|
|
||||
|
// 取消按钮 |
||||
|
cancel() { |
||||
|
this.open = false; |
||||
|
// this.reset(); |
||||
|
}, |
||||
|
disPass() { |
||||
|
this.form.status = "3"; |
||||
|
updateFwzb(this.form).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("不通过成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
// 表单重置 |
||||
|
reset() { |
||||
|
this.form = { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}; |
||||
|
this.resetForm("form"); |
||||
|
}, |
||||
|
// 查询表单重置 |
||||
|
resetQueryForm() { |
||||
|
this.queryParams = { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
data: { |
||||
|
id: null, |
||||
|
systemName: null, |
||||
|
systemType: null, |
||||
|
cycle: null, |
||||
|
pointType: null, |
||||
|
createUid: null, |
||||
|
createTime: null, |
||||
|
updateUid: null, |
||||
|
updateTime: null, |
||||
|
remark: null, |
||||
|
owerDept: null, |
||||
|
}, |
||||
|
// 排序方式 |
||||
|
params: { |
||||
|
// 按哪个字段排序 |
||||
|
orderBy: "create_time", |
||||
|
// desc降序,升序asc |
||||
|
sortBy: "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; |
||||
|
// getFwzb(id).then((response) => { |
||||
|
// this.form = response.data; |
||||
|
// this.open = true; |
||||
|
// this.title = "修改服务业指标体系"; |
||||
|
// }); |
||||
|
// }, |
||||
|
/** 提交按钮 */ |
||||
|
submitForm() { |
||||
|
if (this.isReport) { |
||||
|
updateBatch(this.fwzbcbList).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("上报成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
this.form.status = "1"; |
||||
|
updateFwzb(this.form).then((response) => {}); |
||||
|
}); |
||||
|
} else { |
||||
|
this.form.status = "2"; |
||||
|
updateFwzb(this.form).then((response) => { |
||||
|
if (response.code === 200) { |
||||
|
this.msgSuccess("审核通过成功"); |
||||
|
this.open = false; |
||||
|
// this.getList(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// this.$refs["form"].validate((valid) => { |
||||
|
// if (valid) { |
||||
|
// if (this.form.id != null) { |
||||
|
// updateFwzb(this.form).then((response) => { |
||||
|
// if (response.code === 200) { |
||||
|
// this.msgSuccess("修改成功"); |
||||
|
// this.open = false; |
||||
|
// this.getList(); |
||||
|
// } |
||||
|
// }); |
||||
|
// } else { |
||||
|
// addFwzb(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 delFwzb(ids); |
||||
|
}) |
||||
|
.then(() => { |
||||
|
this.getList(); |
||||
|
this.msgSuccess("删除成功"); |
||||
|
}) |
||||
|
.catch(function () {}); |
||||
|
} else { |
||||
|
this.$message.warning("请选择要删除的数据!!"); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/css/dialog.scss"; |
||||
|
//::v-deep { |
||||
|
// .el-dialog { |
||||
|
// margin-top: 10vh !important; |
||||
|
// } |
||||
|
//} |
||||
|
.listTitle { |
||||
|
font-size: 14px; |
||||
|
padding-left: 10px; |
||||
|
padding-right: 30px; |
||||
|
margin: 20px 0; |
||||
|
border-left: 2px solid #36b29e; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
span:nth-child(1) { |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.addBtn { |
||||
|
color: #36b29e; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.addBtn:hover { |
||||
|
color: #31a08e; |
||||
|
} |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue