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

计划管理及查看详情页面

Browse Source
lijinlong
吕天方 1 year ago
parent e4009cfeb3
commit 9419a93dd3
4 changed files with 155 additions and 198 deletions
Show Stats Download Patch File Download Diff File

89
src/views/components/dialog/index.vue
Unescape View File

@ -85,7 +85,7 @@
</div> -->
<div class="select-input">
<div class="select-span">是否重点:</div>
<el-select v-model="form.majorHazardLevel" placeholder="请选择">
<el-select v-model="form.isPoint" placeholder="请选择">
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
@ -123,6 +123,7 @@
</div>
<div class="btns">
<div class="select-btn" @click="filtrate">搜索</div>
<div class="select-btn reset" @click="reset">重置</div>
<div class="select-btn select-btn1">导入</div>
</div>
<!-- </div> -->
@ -281,68 +282,7 @@ export default {
data() {
return {
dialogVisible: false,
tableData: [
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-08",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 2,
},
{
date: "2016-05-06",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 2,
},
{
date: "2016-05-07",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-08",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-06",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-07",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
],
tableData: [],
listOne:[],
listTwo:[],
listThree:[],
@ -383,11 +323,16 @@ export default {
},
methods: {
filtrate(){
if(this.form.subdistrict) {
this.form.subdistrict = this.form.subdistrict[1]
}
let obj = {...this.pages,...this.form}
this.getTable(obj);
},
reset(){
Object.keys(this.form).forEach(key=>this.form[key]='')
},
async open(item) {
this.dialogVisible = true;
if(item == 'newlyIncreased') {
this.getTable(this.pages);
@ -534,14 +479,6 @@ export default {
}
this.listOne = item
},
changeProps(props,arr){
arr.map((item)=>{
let obj = {};
obj.value = item.dictValue
obj.label = item.dictLabel
props.push(obj)
})
},
},
async mounted(){
let data = await this.$api.yingji.tree(); // 行政区划
@ -550,10 +487,6 @@ export default {
let listThree = await this.$api.yingji.dictdata({list:'category'}); // 行业类型
let listFour = await this.$api.yingji.dictdata({list:'major_hazard_level'}); // 重大危险源等级
let listFive = await this.$api.yingji.dictdata({list:'entpr_color'}); // 企业分色
// this.changeProps(this.listTwo,listTwo.data.economic_categories);
// this.changeProps(this.listThree,listThree.data.category);
// this.changeProps(this.listFour,listFour.data.major_hazard_level);
// this.changeProps(this.listFive,listFive.data.entpr_color);
this.listTwo = listTwo.data.economic_categories;
this.listThree = listThree.data.category;
this.listFour = listFour.data.major_hazard_level;
@ -753,6 +686,10 @@ export default {
color: #ffffff;
cursor: pointer;
}
.reset {
background: #FDAB5B;
margin-left: 20px;
}
.select-btn1 {
background: #28b384;
margin-left: 20px;

238
src/views/components/dialogTwo/index.vue
Unescape View File

@ -16,7 +16,28 @@
</div>
<img src="@/assets/images/close.png" alt="" @click="Close" />
</div>
<div></div>
<div class="planInfo">
<div class="plan-title">
<div class="item">
<div>计划标题：</div>
<div class="content">{{ title }}</div>
</div>
<div class="item">
<div>计划月份：</div>
<div class="content">{{ year }}</div>
</div>
</div>
<div class="plan-content">
<div class="item-two">
<div>计划内容：</div>
<div class="content">{{ content }}</div>
</div>
<div class="item-two">
<div>备注：</div>
<div class="content">{{ remark }}</div>
</div>
</div>
</div>
<div class="tables" v-loading="loading">
<el-table
:data="tableData"
@ -24,17 +45,8 @@
:border="false"
ref="multipleTable"
tooltip-effect="light"
@selection-change="handleSelectionChange"
row-key="id"
:row-class-name="tableRowClassName"
>
<el-table-column
type="selection"
reserve-selection
width="55"
header-align="center"
>
</el-table-column>
<el-table-column
prop="entprName"
label="企业名称"
@ -50,13 +62,13 @@
header-align="center"
>
</el-table-column> -->
<el-table-column
<!-- <el-table-column
prop="address"
label="企业类型"
show-overflow-tooltip
header-align="center"
>
</el-table-column>
</el-table-column> -->
<el-table-column
prop="uscCode"
label="统一社会信用代码"
@ -75,18 +87,11 @@
</div>
</template>
</el-table-column>
<!-- <el-table-column prop="" label="选择" header-align="center">
<template slot-scope="scope">
<div class="look" @click="chec(scope.row)">
<el-checkbox v-model="scope.row.is"></el-checkbox>
</div>
</template>
</el-table-column> -->
</el-table>
</div>
<div class="pagination">
<my-pagination
:total="total"
:total="tableData.length"
@pagesChange="pagesChange"
></my-pagination>
</div>
@ -100,95 +105,42 @@ export default {
data() {
return {
dialogVisible: false,
tableData: [
{
date: "2016-05-03",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-02",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-04",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-01",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 1,
},
{
date: "2016-05-08",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 2,
},
{
date: "2016-05-06",
name: "王小虎",
address: "上海市普陀区金沙江路 1518 弄",
is: 2,
},
{
date: "2016-05-07",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-08",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-06",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-07",
name: "王小虎",
is: 2,
address: "上海市普陀区金沙江路 1518 弄",
},
],
multipleSelection: [],
tableData: [],
total:0,
pages:{
pageNum:1,
pageSize:10,
},
loading:false,
year:'',
title:'',
content:'',
remark:''
};
},
methods: {
async open() {
async open(item) {
this.dialogVisible = true;
this.getList(item);
},
Close() {
this.dialogVisible = false;
this.pages.pageNum = 1;
this.pages.pageSize = 10;
},
async getList(item){
let data = await this.$api.yingji.bPlanManageTwo(item.id);
this.year = data.data.plannedYear;
this.title = data.data.planName;
this.content = data.data.planContent;
this.remark = data.data.remark;
this.tableData = data.data.list;
},
// 页码，当前页切换事件
pagesChange(pages) {
this.getTable(pages);
this.pages = pages;
},
// 选中的数据
handleSelectionChange(val) {
this.multipleSelection = val;
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "success-row";
@ -239,46 +191,102 @@ export default {
}
}
}
.content {
// padding: 15px 10px;
.tables {
background-color: #eaf2fd;
::v-deep .el-table {
.success-row {
background-color: rgba(234, 242, 253, 0.25);
}
td {
height: 30px;
text-align: center;
.planInfo {
padding: 10px 30px;
.plan-title {
display: flex;
align-items: center;
justify-content: space-between;
.item {
display: flex;
flex: 1;
align-items: center;
div {
font-size: 15px;
font-family: "Alibaba PuHuiTi";
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
&:nth-child(1) {
width: 80px;
text-align: right;
font-size: 16px;
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
}
}
.content {
flex: 1;
}
th {
height: 30px;
background-color: #eaf2fd;
font-size: 16px;
font-family: "Alibaba PuHuiTi";
font-weight: bold;
}
}
.plan-content {
display: flex;
justify-content: space-between;
margin-top: 10px;
.item-two {
flex: 1;
display: flex;
div {
font-size: 15px;
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
.el-checkbox {
display: none;
&:nth-child(1) {
text-align: right;
width: 80px;
font-size: 16px;
font-family: 'Alibaba PuHuiTi';
font-weight: 400;
color: #525966;
}
}
.el-table__body-wrapper {
height: 448px !important;
overflow-y: auto;
.content {
flex: 1;
}
}
}
}
.tables {
margin-top: 20px;
background-color: #eaf2fd;
::v-deep .el-table {
.success-row {
background-color: rgba(234, 242, 253, 0.25);
}
td {
height: 30px;
text-align: center;
font-size: 15px;
font-family: "Alibaba PuHuiTi";
font-weight: 400;
color: #525966;
}
th {
height: 30px;
background-color: #eaf2fd;
font-size: 16px;
font-family: "Alibaba PuHuiTi";
font-weight: bold;
color: #525966;
.el-checkbox {
display: none;
}
}
::v-deep .el-table::before {
height: 0;
.el-table__body-wrapper {
height: 448px !important;
overflow-y: auto;
}
}
.pagination {
margin-top: 10px;
::v-deep .el-table::before {
height: 0;
}
}
.pagination {
margin-top: 10px;
}
}
::v-deep .el-dialog__body {
padding: 30px 15px;

10
src/views/components/myPagination/index.vue
Unescape View File

@ -4,7 +4,7 @@
* @Author: JC9527
* @Date: 2023-09-04 13:11:33
* @LastEditors: JC9527
* @LastEditTime: 2023-09-04 15:41:07
* @LastEditTime: 2023-09-14 14:06:10
-->
<template>
<div class="pagination">
@ -63,12 +63,12 @@ export default {
// } else
if (
this.total >
this.current * this.size
this.pageNum * this.pageSize
) {
return this.current * this.size;
return this.pageNum * this.pageSize;
} else if (
this.total < this.current * this.size ||
this.total == this.current * this.size
this.total < this.pageNum * this.pageSize ||
this.total == this.pageNum * this.pageSize
) {
return this.total;
}

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

@ -4,7 +4,7 @@
* @Author: JC9527
* @Date: 2023-09-04 10:20:06
* @LastEditors: JC9527
* @LastEditTime: 2023-09-13 17:22:51
* @LastEditTime: 2023-09-14 14:17:04
-->
<template>
<div class="plan-management">
@ -110,6 +110,9 @@
label="创建时间"
header-align="center"
>
<template slot-scope="scope">
<span>{{ scope.row.createTime.split(' ')[0] }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
@ -172,7 +175,16 @@
pageNum:1
},
total:0,
loading:false,
loading:true,
}
},
watch:{
form:{
handler(newForm) {
let obj = {...this.pages,...this.form}
this.getList(obj)
},
deep:true
}
},
methods:{

Write Preview
Loading…
Cancel
Save