suzhou-jichuang-lanhai
/
suzhouyingjiPC
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

这个按钮改成禁用状态，点击后给文字提示“2024年执法计划申报结束，暂时不允许新增计划

Browse Source
zhangtao
laozt 1 year ago
parent e2c297a3d2
commit 8da3d99268
1 changed files with 53 additions and 102 deletions
Show Stats Download Patch File Download Diff File

155
src/views/yingji/planManage.vue
Unescape View File

@ -4,58 +4,28 @@
* @Author: JC9527
* @Date: 2023-09-04 10:20:06
* @LastEditors: laozt 2721205210@qq.com
* @LastEditTime: 2024-01-15 09:30:39
* @LastEditTime: 2024-02-26 10:17:18
-->
<template>
<div class="plan-management">
<div ref="searchBox" class="search-box">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
<el-form-item label="年份" prop="plannedYear">
<el-date-picker
v-model="queryParams.plannedYear"
type="year"
size="mini"
value-format="yyyy"
placeholder="请选择年份"
/>
<el-date-picker v-model="queryParams.plannedYear" type="year" size="mini" value-format="yyyy"
placeholder="请选择年份" />
</el-form-item>
<el-form-item label="月份" prop="plannedMonth">
<el-select
v-model="plannedMonth"
multiple
collapse-tags
style="margin-left: 20px"
placeholder="请选择月份"
@change="multipleChange"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
<el-select v-model="plannedMonth" multiple collapse-tags style="margin-left: 20px" placeholder="请选择月份"
@change="multipleChange">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="企业名称" prop="enterpriseName">
<el-input
v-model="queryParams.enterpriseName"
placeholder="请输入企业名称"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="行政区划" prop="district">
<executive
@change="onChange"
@quhuadizhi="quhuadizhi"
ref="executive"
/>
<executive @change="onChange" @quhuadizhi="quhuadizhi" ref="executive" />
</el-form-item>
<el-form-item label="执法层级" prop="lawHierarchy">
<!-- <el-select
@ -89,21 +59,10 @@
</el-form-item>
<el-form-item>
<el-button class="btn-search" size="mini" @click="handleQuery"
>搜索</el-button
>
<el-button class="btn-reset" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button
size="mini"
class="btn-del"
icon="el-icon-delete"
:disabled="multiple"
:style="multiple ? 'background: #eb7a9a;' : ''"
@click="handleDelete"
>批量删除</el-button
>
<el-button class="btn-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button class="btn-reset" size="mini" @click="resetQuery">重置</el-button>
<el-button size="mini" class="btn-del" icon="el-icon-delete" :disabled="multiple"
:style="multiple ? 'background: #eb7a9a;' : ''" @click="handleDelete">批量删除</el-button>
</el-form-item>
</el-form>
@ -112,23 +71,15 @@
<img src="@/assets/images/export.png" alt="" />
<span>导出excel</span>
</div>
<div class="newProject" @click="handleAdd">
<div class="newProjectDis" @click="handleAdd">
<img src="@/assets/images/newProject.png" alt="" />
<span>新增计划</span>
</div>
</div>
</div>
<div class="plan-tables">
<el-table
v-loading="loading"
:data="enterpriseList"
:border="false"
tooltip-effect="light"
row-key="id"
:row-class-name="tableRowClassName"
:height="tableHeight"
@selection-change="handleSelectionChange"
>
<el-table v-loading="loading" :data="enterpriseList" :border="false" tooltip-effect="light" row-key="id"
:row-class-name="tableRowClassName" :height="tableHeight" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="计划年月" align="center" prop="plannedYear">
<template slot-scope="scope">
@ -137,22 +88,12 @@
</span>
</template>
</el-table-column>
<el-table-column
label="行政区划"
align="center"
prop="district"
show-overflow-tooltip
>
<el-table-column label="行政区划" align="center" prop="district" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{ componendDistrict(scope.row.district) || "/" }}</span>
</template>
</el-table-column>
<el-table-column
label="企业名称"
align="center"
prop="enterpriseName"
show-overflow-tooltip
/>
<el-table-column label="企业名称" align="center" prop="enterpriseName" show-overflow-tooltip />
<!-- <el-table-column label="是否省重点" align="center" prop="isPoint">
<template slot-scope="scope">
<span>{{
@ -166,12 +107,8 @@
<el-table-column label="安全风险等级" align="center" prop="riskLevel" />
<el-table-column label="状态" align="center" prop="status">
<template slot-scope="scope">
<span style="color: #28b384" v-if="scope.row.status == 1"
>正式</span
>
<span style="color: #fdab5b" v-else-if="scope.row.status == 0"
>草稿</span
>
<span style="color: #28b384" v-if="scope.row.status == 1">正式</span>
<span style="color: #fdab5b" v-else-if="scope.row.status == 0">草稿</span>
</template>
</el-table-column>
@ -195,13 +132,8 @@
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
</div>
<!-- 发布计划 -->
<add-dialog ref="addDialog" @closeDialog="closeDialog" />
@ -213,13 +145,7 @@
<edit-dialog ref="editDialog" />
<!-- 重置密码 -->
<el-dialog
title="需要修改原始密码"
:visible.sync="isResetPwdDialog"
:show-close="false"
width="30%"
center
>
<el-dialog title="需要修改原始密码" :visible.sync="isResetPwdDialog" :show-close="false" width="30%" center>
<resetPwd />
</el-dialog>
</div>
@ -452,7 +378,11 @@ export default {
},
/** 新增按钮操作 */
handleAdd() {
this.$refs.addDialog.openDialog();
this.$message({
message: '2024年执法计划申报结束，暂时不允许新增计划',
type: 'warning'
});
// this.$refs.addDialog.openDialog();
},
/** 详情按钮操作 */
handleInfo(row) {
@ -474,7 +404,7 @@ export default {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
.catch(() => { });
},
quhua(e) {
this.form.district = e;
@ -516,7 +446,7 @@ export default {
`计划管理.xlsx`
);
})
.catch(() => {});
.catch(() => { });
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
@ -594,6 +524,7 @@ export default {
.success-row {
background-color: rgba(234, 242, 253, 0.25);
}
td {
height: 42px;
box-sizing: border-box;
@ -603,6 +534,7 @@ export default {
font-weight: 400;
color: #525966;
}
th {
height: 45px;
background-color: #eaf2fd;
@ -612,14 +544,17 @@ export default {
color: #525966;
}
}
::v-deep .el-table::before {
height: 0;
}
.tabs-btns {
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
.look,
.change,
.delete {
@ -627,10 +562,12 @@ export default {
align-items: center;
margin-right: 30px;
cursor: pointer;
img {
width: 20px;
margin-right: 5px;
}
span {
font-size: 15px;
font-family: Alibaba PuHuiTi;
@ -638,8 +575,10 @@ export default {
color: #045ffd;
}
}
.delete {
margin-right: 0;
span {
color: #f71052;
}
@ -653,17 +592,21 @@ export default {
position: absolute;
bottom: 30px;
right: 0;
.export,
.newProject {
.newProject,
.newProjectDis {
display: flex;
align-items: center;
justify-content: center;
padding: 6px 19px;
cursor: pointer;
img {
width: 22px;
margin-right: 10px;
}
span {
color: #ffffff;
font-size: 14px;
@ -671,13 +614,21 @@ export default {
font-weight: 400;
}
}
.export {
background-color: #2378ec;
margin-right: 30px;
}
.newProject {
background-color: #28b384;
}
.newProjectDis {
background-color: #ccc;
/* 设置背景颜色为灰色 */
opacity: 0.6; /* 设置透明度为 60% */
}
}
.btn-search {

Write Preview
Loading…
Cancel
Save