Merge remote-tracking branch 'origin/develop' into develop

This commit is contained in:
zhutianqi
2021-11-14 16:09:34 +08:00
36 changed files with 6245 additions and 193 deletions
+5 -5
View File
@@ -114,11 +114,11 @@ export default {
// path: '/partCodeApply',
// menuId: 'ad9db496772c075f78495382b7581fe9'
// },
// {
// title: '标准法规工作组数据统计',
// path: '/dataStatisComments',
// menuId: ''
// },
{
title: '标准法规工作组数据统计',
path: '/dataStatisComments',
menuId: ''
},
{
title: '海外法规',
path: '/foreignStandardsAndRegulations',
@@ -80,11 +80,13 @@
<style lang="less" scoped>
.link {
margin-right: 10px;
display: flex;
border-radius: 3px;
height: 100%;
align-items: center;
justify-content: space-around;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
.borderRight {
padding-right: 30px;
margin-right: 30px;
+4 -1
View File
@@ -1,7 +1,7 @@
<!-- 右侧导航 -->
<template>
<div class="nav-menu">
<div class="lattice">
<div class="lattice" style=" box-shadow:1px 1px 10px rgba(0,0,0,0.1);" >
<div class="title"><i class="el-icon-s-promotion"></i> 快捷入口</div>
<div class="menu-wrap">
<enter-card v-for="(item, index) in list"
@@ -67,8 +67,10 @@
<style lang="less" scoped>
.nav-menu {
.lattice {
margin-right: 10px;
background: #fff;
margin-bottom: 10px;
border-radius: 3px;
.title {
margin-bottom: 10px;
padding-left: 10px;
@@ -77,6 +79,7 @@
background: #fff;
font-size: 16px;
font-weight: bold;
border-radius: 10px;
}
.menu-wrap {
height: 240px;
@@ -22,8 +22,8 @@
placeholder="请输入关键词"
clearable
></el-input>
<el-button type="primary" @click="search"></el-button>
<el-button style="margin-left: 5px;" type="primary" @click="seniorSearch">高级</el-button>
<el-button style="box-shadow:1px 1px 10px rgba(0,0,0,0.2);margin-left: 5px;" type="primary" @click="search">一般检</el-button>
<el-button style="box-shadow:1px 1px 10px rgba(0,0,0,0.2);margin-left: 5px;" type="primary" @click="seniorSearch">高级</el-button>
</div>
</div>
</template>
@@ -91,7 +91,7 @@ export default {
}
</script>
<style lang="less" scoped>
<style lang="less" scoped>
.search-group {
display: flex;
width: 100%;
@@ -105,10 +105,11 @@ export default {
width: 18vm;
height: 40px;
color: #333333;
font-size: 16px;
font-size: 13px;
border: 0;
border-radius: 3px;
background-color: #FFFFFF;
box-shadow:1px -2px 10px rgba(0,0,0,0.1);
}
}
}
@@ -118,11 +119,12 @@ export default {
::v-deep {
.el-input__inner {
height: 40px;
font-size: 16px;
font-size: 14px;
color: #333333;
border: 0;
border-radius: 3px;
background: #FFFFFF;
box-shadow:1px -2px 10px rgba(0,0,0,0.1);
}
}
}
@@ -132,6 +134,7 @@ export default {
border: 0;
border-radius: 3px;
background-color: #5ea9f6;
}
}
</style>
@@ -1274,10 +1274,12 @@ export default {
<style lang="less" scoped>
.to-do-list {
margin-right: 10px;
border-radius: 3px;
height: calc(~'100% - 310px');
overflow: hidden;
background: #FFFFFF;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
.task {
display: inline-block;
margin: 15px;
+2 -2
View File
@@ -3,7 +3,7 @@
<div class="home_main">
<div class="left_wrapper">
<search-group></search-group>
<div class="main-tabs" style="border-radius: 3px;">
<div class="main-tabs" style="box-shadow:1px 1px 10px rgba(0,0,0,0.1);border-radius: 3px;" >
<div class="main-left-wrap" >
<!-- <el-button type="text" style="font-size: 14px" class="more" @click="MORE">MORE</el-button>-->
<el-tabs
@@ -142,7 +142,7 @@ export default {
}
::v-deep {
.el-tabs__item {
font-size: 16px;
font-size: 14px;
font-weight: 600;
/*color: #333333;*/
}
@@ -28,6 +28,9 @@
<span class="everyDay" style="line-height: 40px">
{{ data.day.split('-').slice(2).join('-') }}
<br/>
<span v-if="!dealMyDate(data.day)">
<el-tag style="background-color: unset;border-color: unset;border-width: 0"/>
</span>
<!-- 获取当前登录人的会议并表示出来-->
<span v-for="item in dealMyDate(data.day)" :value="item.fillPeopleId">
<el-tag class="tagOne"/>
@@ -38,6 +41,10 @@
</div>
</template>
</el-calendar>
<!-- <div class="footer">
<el-tag style="background-color: #e6a23c;color: white">当天会议</el-tag>
<el-tag style="margin-left: 20px;background-color: #67c23a;color: white">我的会议</el-tag>
</div>-->
</el-card>
</el-col>
<el-col :span="12">
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -190,6 +191,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -292,6 +301,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
active: "1",
loading: false,
// 当前流程类型(1待办/2已办)
@@ -392,11 +404,36 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
//驳回事件
beforeBack() {
if(this.commentText === null || this.commentText === undefined || this.commentText === ''){
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -195,6 +196,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -318,6 +327,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -462,9 +474,30 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//驳回事件
@@ -511,7 +544,11 @@ export default {
this.isSubmit = false;
}, e => {
});
}
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
listNoDataText() {
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -195,6 +196,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -316,6 +325,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -455,15 +467,37 @@ export default {
},
//动态表单读取
getFormFieldList(item) {
console.log(item);
this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item));
this.listForm.prcNum = this.prcNum;
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//提交事件
@@ -486,7 +520,11 @@ export default {
this.isSubmit = false;
}, e => {
});
}
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -195,6 +196,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -318,6 +327,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -462,9 +474,30 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//驳回事件
@@ -510,7 +543,11 @@ export default {
this.isSubmit = false;
}, e => {
});
}
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
listNoDataText() {
@@ -407,7 +407,6 @@ export default {
},
//动态表单读取
getFormFieldList(item) {
console.log(item);
this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item));
if (item.form === undefined) {
@@ -472,9 +471,13 @@ export default {
},
//提交事件
handleSubmit() {
let dataChildren = []
let dataListChildren = []
this.dataList.forEach(item => {
dataListChildren.push(item.children)
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.isSubmit = true;
this.listForm.commentText = this.commentText;
@@ -706,8 +706,6 @@ export default {
//批量编辑确定按钮事件
saveBatchEditForm() {
this.selectList = JSON.parse(localStorage.getItem("selectList"));
console.log("datalist", this.dataList);
console.log("select", this.selectList);
this.dataList.forEach(item => {
this.selectList.forEach(items => {
if (item.id === items) {
@@ -876,23 +874,56 @@ export default {
this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item));
if (item.form === undefined) {
let dataChildren = []
let dataListChildren = []
this.listForm.prcNum = this.prcNum;
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
// this.listForm.dataList = item.dataList;
this.dataList = this.listForm.dataList[0].children;
this.dataList.map(item => {
this.$set(item, "standName", this.listForm.dataList[0].standName);
this.$set(item, "standEnName", this.listForm.dataList[0].standEnName);
this.$set(item, "standYear", this.listForm.dataList[0].standYear);
this.$set(item, "standSort", this.listForm.dataList[0].standSort);
this.$set(item, "standNumber", this.listForm.dataList[0].standNumber);
});
this.total = this.listForm.dataList[0].children.length;
this.listForm.dataList = item.dataList;
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
} else {
this.listForm = item.form;
this.dataList = item.form.dataList[0].children;
this.total = item.form.dataList[0].children.length;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.form.dataList[0].children;
// this.total = item.form.dataList[0].children.length;
}
});
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -195,6 +196,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -318,6 +327,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -389,7 +401,6 @@ export default {
},
// 点击查看
handlePreview(item) {
console.log(item);
let routeUrl = this.$router.resolve({
name: "OtherStandardDetails",
params: {
@@ -447,7 +458,6 @@ export default {
taskIds: this.taskIds,
pId: this.pId
}).then(res => {
console.log(res.mesg);
if (res) {
const processForm = JSON.parse(res.mesg);
this.getFormFieldList(processForm);
@@ -464,9 +474,30 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//驳回事件
@@ -511,7 +542,11 @@ export default {
}
this.isSubmit = false;
});
}
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
listNoDataText() {
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
row-key="standId"
height="70%"
border
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -193,6 +194,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -316,6 +325,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -460,9 +472,30 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//驳回事件
@@ -509,6 +542,10 @@ export default {
}, e => {
});
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
listNoDataText() {
@@ -43,11 +43,12 @@
<template slot="title">填写信息</template>
</process-title>
<el-table
:data="dataList"
style="width: 100%; border: 1px solid #cccccc"
:data="dataList.slice((currentPage - 1) * pageSize, currentPage * pageSize ) "
style="width: 100%; border: 1px solid #cccccc;height: 400px"
row-key="standId"
height="70%"
border
highlight-current-row
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold'}"
>
@@ -195,6 +196,14 @@
label="责任人">
</el-table-column>
</el-table>
<el-pagination
layout="total,sizes, prev, pager, next"
background
:page-sizes="[20, 40, 60]"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
<div>
<el-collapse accordion>
@@ -318,6 +327,9 @@ export default {
},
data() {
return {
total: 0,
currentPage: 1,
pageSize: 20,
nodeList:[],
drawerTitle:'',
isTransfer: false,
@@ -462,9 +474,30 @@ export default {
this.listForm.prcName = this.prcName;
this.listForm["id"] = item.id;
this.listForm.dataList = item.dataList;
this.dataList = item.dataList;
this.dataList.distributePerson = item.dataList[0].distributePerson;
this.listForm.breakdownList = item.breakdownList;
let dataChildren = []
let dataListChildren = []
this.listForm.dataList.forEach(item => {
item.children.forEach(items=> {
if(items.key === item.standId){
this.$set(items, "standName", item.standName);
this.$set(items, "standEnName", item.standEnName);
this.$set(items, "standYear", item.standYear);
this.$set(items, "standSort", item.standSort);
this.$set(items, "standNumber", item.standNumber);
}
})
})
this.listForm.dataList.forEach(item => {
dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
})
this.dataList = dataListChildren
this.total = this.dataList.length;
// this.dataList = item.dataList;
// this.dataList.distributePerson = item.dataList[0].distributePerson;
// this.listForm.breakdownList = item.breakdownList;
});
},
//驳回事件
@@ -510,7 +543,11 @@ export default {
this.isSubmit = false;
}, e => {
});
}
},
// 分页
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
},
computed: {
listNoDataText() {
@@ -22,13 +22,14 @@
</ProcessTitle>
<div class="tableTitle">
<div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="">调取</el-button>
<el-button plain class="common-button-primary" size="mini" @click="handleSearchStandard">调取</el-button>
<el-button plain class="common-button-primary" size="mini" @click="">删除</el-button>
</div>
</div>
<div class="content">
<div class="table-wrap">
<el-table
:data="infoTableDatas"
ref="multipleTable"
tooltip-effect="dark"
border
@@ -42,41 +43,36 @@
width="55"
align="center">
</el-table-column>
<el-table-column
label="序号"
type="index"
align="center"
width="100">
</el-table-column>
<el-table-column
label="标准编号/政策编号"
prop="lawId"
align="center"
width="300"
>
</el-table-column>
<el-table-column
show-overflow-tooltip
prop="standName"
prop="lawName"
label="标准名称/政策名称"
align="center"
>
</el-table-column>
<el-table-column
prop="issueTime"
prop="productType"
sortable="custom"
width="200px"
align="center"
label="产品类型">
</el-table-column>
<el-table-column
prop="SSRQ"
prop="implTime"
sortable="custom"
align="center"
width="200px"
label="实施日期">
</el-table-column>
<el-table-column
prop="SSRQ"
prop="implRequire"
sortable="custom"
align="center"
width="200px"
@@ -210,6 +206,149 @@
@submit="handleSubmit"
>
</ProcessFooter>
<!-- 选择标准的弹框 -->
<el-drawer
ref="standard"
title="查询结果"
size="1000px"
:visible.sync="standardDrawer"
direction="rtl"
:before-close="handleReviseDrawerClose">
<div class="standard-content">
<div class="content">
<div class="standard-table-search">
<el-form :model="standardSearchForm" inline class="label-input-form search-area">
<el-form-item label="标准编号/政策编号" style="margin-right:10px" prop="lawsNumber" class="search-item">
<el-input
v-model="standardSearchForm.lawId"
clearable placeholder="根据编号查找"
:maxlength="100"
@keyup.enter.native="getDomesticStandardTable"/>
</el-form-item>
<el-form-item label="标准名称/政策名称" style="margin-right:10px" prop="lawsName" class="search-item">
<el-input
v-model="standardSearchForm.lawName"
placeholder="根据名称查找"
clearable
:maxlength="100"></el-input>
</el-form-item>
<el-form-item label="产品类型" style="margin-right:10px" prop="productType" class="search-item">
<el-select v-model="standardSearchForm.productType" filterable clearable>
<el-option
v-for="item in productTypeOptions"
placeholder="请选择"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
icon="el-icon-search"
type="primary"
class="common-button-primary"
@click="getDomesticStandardTable"
round>
</el-button>
<el-button
class="common-button-default"
icon="el-icon-refresh-left"
@click="handleResetSearch"
round>
</el-button>
</el-form-item>
</el-form>
</div>
<div class="standard-table-wrap">
<el-table
ref="reviseDrawerTable"
:data="tableData.standardData"
tooltip-effect="dark"
style="width: 100%;"
:height="tableHeight.standardTableHeight"
border
class="drag-table"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@selection-change="standSelectChange">
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="lawId"
width="200"
label="标准编号/政策编号"
align="center">
</el-table-column>
<el-table-column
prop="lawName"
label="标准名称/政策名称"
align="center"
width="220px"
>
</el-table-column>
<el-table-column
prop="productType"
label="产品类型"
align="center">
</el-table-column>
<el-table-column
prop="implTime"
sortable
label="实施时间"
width="150"
align="center">
</el-table-column>
<el-table-column
prop="implRequire"
label="实施要求"
align="center">
</el-table-column>
<el-table-column label="操作" align="center" width="80">
<template slot-scope="scope">
<el-button
class="opera-btn"
size="mini"
type="primary"
@click="handlePreview(scope.row)">查看
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
:page="standardSearchForm.page"
:total="standardSearchForm.total"
@pageChange="handleStandardPageChange"
@pageSizeChange="handleStandardPageSizeChange"></pagination>
<loading :loading="loadSarStandard">数据获取中</loading>
</div>
</div>
<div class="demo-drawer-footer">
<!-- <el-button-->
<!-- round-->
<!-- class="common-button-primary"-->
<!-- icon="el-icon-check"-->
<!-- type="primary"-->
<!-- @click="handleProcessStandardNext(1)">新增-->
<!-- </el-button>-->
<el-button
round
class="common-button-primary"
icon="el-icon-check"
type="primary"
@click="handleProcessStandardNext(2)">带入
</el-button>
<el-button
round
class="common-button-default"
icon="el-icon-close"
@click="handleProcessStandardNext(3)">取消
</el-button>
</div>
</el-drawer>
</div>
</template>
@@ -228,6 +367,32 @@ export default {
},
data() {
return {
infoTableDatas: [],
productTypeOptions: [{label: '树形结构', value: 'TREE'}, {label: '下拉选项', value: 'SEL_OPTION'}],
loadSarStandard: false,
tableHeight: {
standardTableHeight: null
},
tableData: {
// 标准表格数据
standardData: [],
// 任务分解单数据
taskTableData: []
},
standardSearchForm: {
lawId: '',
lawName: '',
productType: '',
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
standType: 'INLAND',
standSort: '',
standName: '',
standEnName: '',
standNumber: ''
},
standardDrawer: false,
isSubmit: false,
active: "1", //默认显示基础信息页面
// 基础信息form表单
@@ -312,6 +477,108 @@ export default {
}
},
methods: {
handleProcessStandardNext(status) {
switch (status) {
// 新增
case 1:
this.selectedList = []
this.standardCheckedList = []
this.standardDrawer = false
this.verifySarStandard = true
this.clearFormData(this.form)
break
// 带入
case 2:
if (this.standardCheckedList && this.standardCheckedList.length >= 1) {
console.log('504',this.standardCheckedList)
this.infoTableDatas = this.standardCheckedList
console.log('505',this.infoTableDatas)
this.standardDrawer = false
} else {
this.$message.warning('请选择要带入的数据')
}
break
// 取消
case 3:
this.selectedList = []
this.standardCheckedList = []
this.standardDrawer = false
break
}
},
handleStandardPageChange(page) {
this.standardSearchForm.page = page
this.getDomesticStandardTable()
},
handleStandardPageSizeChange(pageSize) {
this.standardSearchForm.page = 1
this.standardSearchForm.pageSize = this.$store.getters.userInfo.configContent
this.getDomesticStandardTable()
},
// 点击查看
handlePreview(item) {
let routeUrl = this.$router.resolve({
name: 'OtherLawsStandDetails',
params: {
id: item.id,
pageType: 'LAWS_STAND'
}
})
window.open(routeUrl.href, '_blank')
},
standSelectChange(data) {
this.selectedList = []
for (let i = 0; i < data.length; i++) {
this.selectedList.push(data[i].id)
}
this.standardCheckedList = data
},
//清空搜索条件
handleResetSearch() {
this.standardSearchForm.lawId = ''
this.standardSearchForm.lawName = ''
this.standardSearchForm.productType = ''
this.standardSearchForm.standType = 'INLAND'
this.standardSearchForm.standNumber = ''
this.standardSearchForm.standSort = ''
this.standardSearchForm.standName = ''
this.standardSearchForm.standEnName = ''
this.getDomesticStandardTable()
},
getDomesticStandardTable() {
this.loadSarStandard = true
this.$http.get('sarIssueTrack/issueTrack', this.standardSearchForm, {_this: this}, res => {
this.loadSarStandard = false
if (res.ok) {
this.tableData.standardData = res.data.records
this.standardSearchForm.total = res.data.total
if ((this.tableData.standardData.length === 0 || this.tableData.standardData === []) && this.standardSearchForm.page !== 1) {
this.handleStandardPageChange(1)
}
}
}, e => {
this.loadSarStandard = false
})
},
handleSearchStandard() {
this.handleResetSearch()
this.standardDrawer = true
this.$nextTick(() => {
// 动态设置表格高度
this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
window.onresize = () => {
this.tableHeight.standardTableHeight = $('.standard-table-wrap').height()
}
})
this.getDomesticStandardTable()
},
/**
* 关闭修订 Drawer 的监听
* @param done
*/
handleReviseDrawerClose(done) {
done()
},
//基础信息/人员信息
handleTabs(type) {
this.active = type;
@@ -429,6 +696,32 @@ export default {
.zdrzbzORzchgxxmsc-step1 {
.standard-content {
height: 100%;
padding: 10px 0 0;
.content {
height: 100%;
display: flex;
flex-direction: column;
padding: 0 10px;
.standard-table-wrap {
flex: auto;
overflow-y: auto;
}
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
.search-area {
display: flex;
justify-content: left;
background: #FFF;
padding: 10px 10px 0;
}
}
}
.myForm {
/deep/ .el-form-item__content {
line-height: 10px;
@@ -208,44 +208,6 @@
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item-->
<!-- label="是否关联其他类别"-->
<!-- title="是否关联其他类别"-->
<!-- prop="isRelate"-->
<!-- class="add-form-item"-->
<!-- >-->
<!-- <el-select-->
<!-- placeholder="请选择类别"-->
<!-- v-model="attributeEO.isRelate"-->
<!-- filterable-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item in isRelateOptions"-->
<!-- :value="item.value"-->
<!-- :key="item.value"-->
<!-- :label="item.label"-->
<!-- ></el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- <el-form-item-->
<!-- label="关联类别"-->
<!-- prop="relateDicId"-->
<!-- v-if="attributeEO.isRelate === '0'"-->
<!-- class="add-form-item"-->
<!-- >-->
<!-- <el-select-->
<!-- v-model="attributeEO.relateDicId"-->
<!-- placeholder="请选择类别"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="opt in relateDicIdOptions"-->
<!-- :value="opt.value"-->
<!-- :key="opt.value"-->
<!-- :label="opt.label"-->
<!-- >{{ opt.label }}</el-option-->
<!-- >-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-form>
</div>
<div id="roleFormButton" class="demo-drawer-footer">
@@ -285,10 +247,11 @@
<el-form-item label="标准/政策来源" class="search-item">
<el-select
v-model="handleSelectForm.dataSource"
@change="dataSourceChange"
:popper-append-to-body="false"
placeholder="请选择标准/政策来源">
<el-option value="INLAND_STAND" label="国内标准库"></el-option>
<el-option value="FOREIGN_STAND" label="海外标准库"></el-option>
<el-option value="INLAND" label="国内标准库"></el-option>
<el-option value="FOREIGN" label="海外标准库"></el-option>
<el-option value="FOREIGN_LAWS" label="国内外政策库"></el-option>
<el-option value="BUSINESS_STAND" label="企业标准库"></el-option>
</el-select>
@@ -296,6 +259,7 @@
<el-form-item label="标准编号/政策编号" class="search-item">
<el-input
v-model="handleSelectForm.lawNumber"
@change="lawNumberSearch"
placeholder="根据标准编号/政策编号查找"
clearable
:maxlength="100"></el-input>
@@ -303,6 +267,7 @@
<el-form-item label="标准名称/政策名称" class="search-item">
<el-input
v-model="handleSelectForm.lawName"
@change="lawNameSearch"
placeholder="根据标准名称/政策名称查找"
clearable
:maxlength="100"></el-input>
@@ -330,6 +295,7 @@
tooltip-effect="dark"
style="width: 100%;overflow-y: auto;overflow-x: hidden;"
border
:data="lawInfoTable"
:height="300"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@@ -345,14 +311,30 @@
align="center"
label="标准编号/政策编号">
<template slot-scope="scope">
<a v-if="scope.row.standYear" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-else class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a>
<!--企标-->
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'BUSINESS_STAND'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
<!--国内外标准-->
<a v-if="scope.row.standYear && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')" class="table-jump">{{ scope.row.standSort }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>
<a v-if="(scope.row.standYear === ''||scope.row.standYear === undefined) && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN')">{{ scope.row.standSort }} {{ scope.row.standNumber }}</a>
<!--国内外政策-->
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C" class="table-jump">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C" class="table-jump">{{ scope.row.lawsNumber }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsNumber }}</a>
</template>
</el-table-column>
<el-table-column
prop="lawName"
align="center"
label="标准名称/政策名称">
<template slot-scope="scope">
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'&& (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN'||handleSelectForm.dataSource === 'BUSINESS_STAND')" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
<a v-else style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
<a v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
<a v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
</template>
</el-table-column>
<el-table-column
prop="textStatus"
@@ -360,7 +342,19 @@
label="标准状态"
width="350">
<template slot-scope="scope">
<span>{{ textStatusMap[scope.row.textStatus] }}</span>
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替' && (handleSelectForm.dataSource === 'INLAND'||handleSelectForm.dataSource === 'FOREIGN'||handleSelectForm.dataSource === 'BUSINESS_STAND')" style="color: #F56C6C">{{
textStatusMap[scope.row.textStatus]
}}</span>
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
<span v-if="scope.row.standStatusShow === '作废' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #F56C6C">
{{scope.row.standStatusShow}}
</span>
<span v-if="scope.row.standStatusShow === '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'" style="color: #E6A23C">
{{scope.row.standStatusShow}}
</span>
<span v-if="scope.row.standStatusShow !== '作废' && scope.row.standStatusShow !== '参考' && handleSelectForm.dataSource === 'FOREIGN_LAWS'">
{{scope.row.standStatusShow}}
</span>
</template>
</el-table-column>
</el-table>
@@ -385,18 +379,24 @@ export default {
name: "listTracking",
data () {
return {
lawInfoTable:[],
handleSelectPage: 1,
handleSelectTotal: 0,
textStatusMap: {}, // 文本状态id与name对应
handleSelectTableList:[],
handleSelectForm: {
dataSource: '',
standName: '', //标准名称
numberName: '', //政策名称
lawsNumber: '', //政策编号
standNumber: '', //标准编号
standCode: '', //企标编号
dataSource: 'INLAND',
lawNumber: '', // 标准编号/政策编号
lawName: '', // 标准名称/政策名称
page: 1,
pageSize: this.$store.getters.userInfo.configContent,
total: 0,
standType: 'INLAND',
standType: '',
quoteIdList: '',
validFlag: '0',
menuId: 'nomenu'
@@ -509,8 +509,8 @@ export default {
applyAuth: '' // 认证类型
},
dataSourceOptions: [
{value: 'INLAND_STAND', label: '国内标准法规'},
{value: 'FOREIGN_STAND', label: '海外标准法规'},
{value: 'INLAND', label: '国内标准法规'},
{value: 'FOREIGN', label: '海外标准法规'},
{value: 'FOREIGN_LAWS', label: '国内外政策'},
{value: 'BUSINESS', label: '企业标准 '}
],
@@ -528,19 +528,166 @@ export default {
}
},
methods: {
// 将文本状态的id与name对应
setMap(data) {
data.forEach(item => {
this.$set(this.textStatusMap, item.value, item.label)
})
},
dataSourceChange() {
this.handleSelectForm.standType = this.handleSelectForm.dataSource
this.searchLawBtn()
},
//根据标准编号/政策编号查询
lawNumberSearch() {
this.handleSelectForm.standNumber = this.handleSelectForm.lawNumber
this.handleSelectForm.lawsNumber = this.handleSelectForm.lawNumber
this.handleSelectForm.standCode = this.handleSelectForm.lawNumber
},
//根据标准名称/政策名称查询
lawNameSearch() {
this.handleSelectForm.standName = this.handleSelectForm.lawName
this.handleSelectForm.numberName = this.handleSelectForm.lawName
},
//手动查找的确定按钮
handleSelectConfirm(){
if (this.handleSelectTableList.length>1){
this.$message.warning('只能选择一条数据')
}else if (this.handleSelectTableList.length===0){
this.$message.warning('请选择一条数据')
}
else {
// dataSourceOptions: [
// {value: 'INLAND', label: '国内标准法规'},
// {value: 'FOREIGN', label: '海外标准法规'},
// {value: 'FOREIGN_LAWS', label: '国内外政策'},
// {value: 'BUSINESS', label: '企业标准 '}
// ],
this.attributeEO.lawId =this.handleSelectTableList[0].standCode || this.handleSelectTableList[0].lawsNumber || this.handleSelectTableList[0].standSort+" "+this.handleSelectTableList[0].standNumber+"-"+this.handleSelectTableList[0].standYear
this.attributeEO.lawName = this.handleSelectTableList[0].standName || this.handleSelectTableList[0].lawsName
this.selectModal = false
}
console.log('确定',this.handleSelectTableList)
},
//手动查找的清空按钮
clearLawBtn(){
//清空的时候还是不要把人家选的数据源清空吧
// this.handleSelectForm.dataSource = ''
//清空标准编号/政策编号的查询
this.handleSelectForm.lawNumber = ''
this.handleSelectForm.standNumber = ''
this.handleSelectForm.lawsNumber = ''
this.handleSelectForm.standCode = ''
//清空标准名称/政策名称的查询
this.handleSelectForm.lawName = ''
this.handleSelectForm.standName = ''
this.handleSelectForm.numberName = ''
this.searchLawBtn()
},
//手动查找的查询按钮
searchLawBtn(){
console.log('533',this.handleSelectForm.dataSource)
if (this.handleSelectForm.dataSource === 'INLAND'){
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
_this: this
},res=>{
console.log('国内标准库数据',res)
if (res.ok){
this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.handleSelectPageChange(1)
}
}else {
this.$message.error(res.message)
}
},e=>{
this.lawInfoTable = []
this.total = 0
})
console.log('国内标准库')
}else if(this.handleSelectForm.dataSource === 'FOREIGN'){
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage',this.handleSelectForm,{
_this: this
},res=>{
console.log('海外标准库数据',res)
if (res.ok){
this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.handleSelectPageChange(1)
}
}else {
this.$message.error(res.message)
}
},e=>{
this.lawInfoTable = []
this.total = 0
})
console.log('海外标准库')
}else if(this.handleSelectForm.dataSource === 'FOREIGN_LAWS'){
this.$http.get('lawss/sarLawsInfo/page',this.handleSelectForm,{
_this: this
},res=>{
console.log('国内外政策库数据',res)
if (res.ok){
this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.handleSelectPageChange(1)
}
}else {
this.$message.error(res.message)
}
},e=>{
this.lawInfoTable = []
this.total = 0
})
console.log('国内外政策库')
}else if(this.handleSelectForm.dataSource === 'BUSINESS_STAND'){
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage',this.handleSelectForm,{
_this: this
},res=>{
console.log('企业标准库数据',res)
if (res.ok){
this.lawInfoTable = res.data.list
this.handleSelectTotal = res.data.count
if ((this.lawInfoTable.length === 0 || this.lawInfoTable === []) && this.handleSelectForm.page !== 1) {
this.handleSelectPageChange(1)
}
}else {
this.$message.error(res.message)
}
},e=>{
this.lawInfoTable = []
this.total = 0
})
console.log('企业标准库')
}else {
this.$message.warning('请先选择标准/政策来源')
}
},
handleSelectPageChange(page){
this.handleSelectForm.page = page
console.log(this.handleSelectForm.page)
this.searchLawBtn()
},
handleSelectPageSizeChange(pageSize){
this.handleSelectForm.pageSize = this.$store.getters.userInfo.configContent
console.log(this.handleSelectForm.pageSize)
this.searchLawBtn()
},
// 手动查找 table选择事件
handleSelectTableChange (row) {
this.handleSelectTableList = row
console.log('我选的',this.handleSelectTableList)
},
//点击手动查找按钮
handleSelect() {
this.selectModal = true
this.handleSelectForm.standType = this.handleSelectForm.dataSource
this.clearLawBtn()
this.searchLawBtn()
},
saveInfo () {
this.$refs['attributeEO'].validate((valid) => {
@@ -548,7 +695,7 @@ export default {
if (this.addOrEdit === 'add') {
this.submitLoading = true
this.$http.putData(
'/sarIssueTrack/issueTrack',
'sarIssueTrack/issueTrack',
this.attributeEO,
{
_this: this,
@@ -711,15 +858,15 @@ export default {
},
// 搜索
searchSarAccessBtn () {
this.page = 1
this.sarSarAccessEOSearch.page = 1
this.searchSarAccess()
},
//分页查询
searchSarAccess (advanceSearch) {
console.log('准备开始分页查询')
this.$http.get("/sarIssueTrack/issueTrack", {
page: 1,
pageSize: this.pageSize,
this.$http.get("sarIssueTrack/issueTrack", {
current: this.sarSarAccessEOSearch.page,
pageSize: this.$store.getters.userInfo.configContent,
...this.sarSarAccessEOSearch,
sortKey: 2
}, {
@@ -727,9 +874,8 @@ export default {
}, res => {
let arr = res.data;
console.log('分页查询中',arr)
this.sarAccessListDatas = arr
this.sarAccessListDatas = arr.records
this.tableLoading = false
this.sarSarAccessEOSearch.page = 1
this.sarAccessListTotal = res.data.total
}, e => {
});
@@ -740,6 +886,7 @@ export default {
this.searchSarAccess()
},
pageSizeChange (pageSize) {
this.sarSarAccessEOSearch.page = 1
this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
this.searchSarAccess()
},
@@ -786,6 +933,14 @@ export default {
mounted () {
// 分页查询数据
this.searchSarAccess()
// 从数据库中查询各下拉框数据
this.$http.get('sys/dictype/getDicTypeListCode', '', {
_this: this
}, res => {
console.log(res.data.WBZTCLASS)
this.setMap(res.data.WBZTCLASS)
}, e => {
})
},
};
</script>
@@ -1,13 +1,127 @@
<template>
<div class="data-statis">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="协会信息数据统计" name="first" ref="listOfSociety" :key="'first'">
<child1 v-if="isChildUpdate1"></child1>
</el-tab-pane>
<el-tab-pane label="委员信息数据统计" name="second" ref="listOfMember" :key="'second'">
<child2 v-if="isChildUpdate2"></child2>
</el-tab-pane>
<el-tab-pane label="参与外部协会会议统计" name="third" :key="'third'">
<child3 v-if="isChildUpdate3"></child3>
</el-tab-pane>
<el-tab-pane label="参与外部标准制修订信息统计" name="fourth" :key="'fourth'">
<child4 v-if="isChildUpdate4"></child4>
</el-tab-pane>
<el-tab-pane label="标准法规研究项目费用统计信息" name="fifth" :key="'fifth'">
<child5 v-if="isChildUpdate5"></child5>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import listOfSociety from "../dataStatis/page/listOfSociety";
import listOfMember from "../dataStatis/page/listOfMember";
import listOfMeeting from "../dataStatis/page/listOfMeeting";
import listOfStandard from "../dataStatis/page/listOfStandard";
import listOfCost from "../dataStatis/page/listOfCost";
export default {
name: "dataStatisComments"
}
name: "dataStatisComments",
components: {
child1: listOfSociety,
child2: listOfMember,
child3: listOfMeeting,
child4: listOfStandard,
child5: listOfCost
},
data() {
return {
activeName: 'first',
isChildUpdate1: true,
isChildUpdate2: false,
isChildUpdate3: false,
isChildUpdate4: false,
isChildUpdate5: false
}
},
mounted() {
},
methods: {
handleClick(tab) {
if (tab.name === 'first') {
this.isChildUpdate1 = true
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = false
} else if (tab.name === 'second') {
this.isChildUpdate1 = false
this.isChildUpdate2 = true
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = false
} else if (tab.name === 'third') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = true
this.isChildUpdate4 = false
this.isChildUpdate5 = false
} else if (tab.name === 'fourth') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = true
this.isChildUpdate5 = false
} else if (tab.name === 'fifth') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = true
}
}
}
};
</script>
<style scoped>
<style lang="less" scoped>
@import '~@/assets/styles/style';
@import '~@/assets/styles/mixins';
.data-statis{
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style>
@@ -0,0 +1,329 @@
<!--标法规-工作组-项目费用统计信息-标准制修订补助资金收支统计--支出表-->
<template>
<div id="translateCost" class="child2">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="项目名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入项目名称" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="支出金额">
<el-input v-model="formInline1.money" size="small" placeholder="请输入支出金额" style="width: 170px" ></el-input>
</el-form-item>
<el-form-item label="用途">
<el-input v-model="formInline1.use" size="small" placeholder="请输入用途"style="width:170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" onclick="" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格-->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="项目名称"
>
</el-table-column>
<el-table-column
align="center"
prop="payMoney"
label="支出金额"
>
</el-table-column>
<el-table-column
align="center"
prop="use"
label="用途"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="detailAnnex"
label="详细附件"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="项目名称">
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="支出金额">
<el-input v-model="formLabelAlign.payMoney" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="用途">
<el-input v-model="formLabelAlign.use" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="详细附件">
<el-input v-model="formLabelAlign.detailAnnex" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="项目名称">
<el-input v-model="formLabelAlign2.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="支出金额">
<el-input v-model="formLabelAlign2.payMoney" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="用途">
<el-input v-model="formLabelAlign2.use" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="详细附件">
<el-input v-model="formLabelAlign2.detailAnnex" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="addUser">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
</div>
<!-- 页脚分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child2",
data() {
return {
formInline1: {
name: '',
money: '',
use: ''
},
tableData: [{
name: '1',
payMoney: '1',
use: '1',
detailAnnex: '1'
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
name: '',
payMoney: '',
use: '',
detailAnnex: ''
},
formLabelAlign2: {
name: '',
payMoney: '',
use: '',
detailAnnex: ''
},
dialogVisible1: false,
dialogVisible2: false,
/*formInlineOut: {
name: '',
num: '',
remarks: ''
},*/
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
name:this.formLabelAlign.name,
payMoney:this.formLabelAlign.payMoney,
use: this.formLabelAlign.use,
detailAnnex: this.formLabelAlign.detailAnnex
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
addUser (){
this.$message.success('添加信息成功!')
this.dialogVisible2=false
this.getTableData()
}
}
}
</script>
<style lang="less" scoped>
.child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,406 @@
<!--标法规-工作组-项目费用统计信息-标准制修订补助资金收支统计--收入表-->
<template>
<div id="translateCost" class="child1">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline" ref="formInline1">
<el-form-item label="标准名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width: 170px" ></el-input>
</el-form-item>
<el-form-item label="标准编号">
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准编号" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="补助来源">
<el-input v-model="formInline1.source" size="small" placeholder="请输入补助来源" style="width:170px"></el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" @click="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click.native.prevent="deleteDetail($index,tableData)" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格-->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="标准名称"
>
</el-table-column>
<el-table-column
align="center"
prop="num"
label="标准编号"
>
</el-table-column>
<el-table-column
align="center"
prop="source"
label="补助来源"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="money"
label="补助金额"
>
</el-table-column>
<el-table-column
align="center"
prop="time"
label="入账时间"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" >
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="标准编号">
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="补助来源">
<el-input v-model="formLabelAlign.source" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="补助金额">
<el-input v-model="formLabelAlign.money" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="入账时间">
<el-input v-model="formLabelAlign.time" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2">
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign2.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="标准编号">
<el-input v-model="formLabelAlign2.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="补助来源">
<el-input v-model="formLabelAlign2.source" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="补助金额">
<el-input v-model="formLabelAlign2.money" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="入账时间">
<el-input v-model="formLabelAlign2.time" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click.native.prevent="editSubForm">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<!-- <el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>-->
</div>
<!-- 页脚分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child1",
data() {
return {
formInline1: {
name: '',
num: '',
source: ''
},
tableData: [{
name: '1',
num: '397433',
source: '来源1',
money: '2322',
time: '2020-02-02'
},{
name: '2',
num: '123456',
source: '来源2',
money: '1111',
time: '2020-04-06'
},{
name: '3',
num: '3',
source: '3',
money: '3',
time: '3'
}
],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
name: '',
num: '',
source: '',
money: '',
time: ''
},
formLabelAlign2: {
name: '',
num: '',
source: '',
money: '',
time: ''
},
rowIndex: null,
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
currentPage: 1
}
},
created() {
},
methods: {
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
name:this.formLabelAlign.name,
num:this.formLabelAlign.num,
source: this.formLabelAlign.source,
money: this.formLabelAlign.money,
time: this.formLabelAlign.time
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//编辑(修改)
drawer2:function (index,row) {
this.formLabelAlign2=Object.assign({},row);
console.log(index);
},
//点击确定(编辑)(没出)
editSubForm(){
var editdata= _index;
console.log(editdata);
this.tableData[editdata].name=this.formLabelAlign2.name;
this.tableData[editdata].num=this.formLabelAlign2.num;
this.tableData[editdata].source=this.formLabelAlign2.source;
this.tableData[editdata].money=this.formLabelAlign2.money;
this.tableData[editdata].time=this.formLabelAlign2.time;
this.FormVisible = true;
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*获取需要渲染到页面中的数据*/
getShowData:function (arr){
this.clonetableData=JSON.parse(JSON.stringify(arr));
},
/*专门为查询写的渲染数据*/
getShowData1:function (arr){
this.tableData=JSON.parse(JSON.stringify(arr));
},
/*分页*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,144 @@
<!--标准法规库--标准法规工作组数据统计--标准法规研究项目费用统计信息-->
<template>
<div class="listOf-Cost">
<el-tabs v-model="activeName" @tab-click="doubleClick">
<el-tab-pane label="协会费用信息统计" name="first" :key="'first'">
<child1 v-if="isChildUpdate1"></child1>
</el-tab-pane>
<el-tab-pane label="参会费用信息统计" name="second" :key="'second'">
<child2 v-if="isChildUpdate2"></child2>
</el-tab-pane>
<el-tab-pane label="参与外部标准制修订费用统计" name="third" :key="'third'">
<child3 v-if="isChildUpdate3"></child3>
</el-tab-pane>
<el-tab-pane label="采购费用信息统计" name="fourth" :key="'fourth'">
<child4 v-if="isChildUpdate4"></child4>
</el-tab-pane>
<el-tab-pane label="翻译费用信息统计" name="fifth" :key="'fifth'">
<children v-if="isChildUpdate5"></children>
</el-tab-pane>
<el-tab-pane label="标准制修订补助资金收支统计" name="sixth" :key="'sixth'">
<child6 v-if="isChildUpdate6"></child6>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import societyCost from "../pages/societyCost";
import reviseCost from "../pages/reviseCost";
import attendCost from "../pages/attendCost";
import purchaseCost from "../pages/purchaseCost";
import translateCost from "../pages/translateCost";
import subsidyCost from "../pages/subsidyCost";
export default {
name: "child5",
components: {
child1: societyCost,
child2: reviseCost,
child3: attendCost,
child4: purchaseCost,
children: translateCost,
child6: subsidyCost
},
data(){
return {
activeName: 'first',
isChildUpdate1: true,
isChildUpdate2: false,
isChildUpdate3: false,
isChildUpdate4: false,
isChildUpdate5: false,
isChildUpdate6: false
}
},
mounted() {
},
methods: {
doubleClick(tab) {
if (tab.name === 'first') {
this.isChildUpdate1 = true
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = false
this.isChildUpdate6 = false
} else if (tab.name === 'second') {
this.isChildUpdate1 = false
this.isChildUpdate2 = true
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = false
this.isChildUpdate6 = false
} else if (tab.name === 'third') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = true
this.isChildUpdate4 = false
this.isChildUpdate5 = false
this.isChildUpdate6 = false
} else if (tab.name === 'fourth') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = true
this.isChildUpdate5 = false
this.isChildUpdate6 = false
} else if (tab.name === 'fifth') {
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = true
this.isChildUpdate6 = false
}else if (tab.name === 'sixth'){
this.isChildUpdate1 = false
this.isChildUpdate2 = false
this.isChildUpdate3 = false
this.isChildUpdate4 = false
this.isChildUpdate5 = false
this.isChildUpdate6 = true
}
}
}
};
</script>
<style lang="less" scoped>
.listOf-Cost{
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style>
@@ -0,0 +1,448 @@
<!--标准法规库--标准法规工作组数据统计--参与外部协会会议统计-->
<template>
<div id="listOfMeeting" class="child3">
<!-- 第一第二行表单 -->
<div class="Meeting">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="会议名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入会议名称" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="会议时间">
<el-select v-model="formInline1.time" size="small" placeholder="请选择会议时间" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="参加单位">
<el-select v-model="formInline1.part" size="small" placeholder="请选择参加单位" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="主要议题">
<el-input v-model="formInline1.theme" size="small" placeholder="请输入主要议题" style="width: 170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="holdUnit"
label="主办单位"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingName"
label="会议名称"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingTime"
label="会议时间"
width="150"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="meetingArea"
label="会议地点"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="costStandard"
label="会费标准"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="reality"
label="会费实际发生"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="costList"
label="费用列支"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="partner"
label="参会人员"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="leader"
label="主管领导"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="unit"
label="参与单位"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingMeans"
label="会议资料"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingSound"
label="会议录音"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingTheme"
label="主要议题"
width="150"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer">
<div style="margin: 10px;"></div>
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="主办单位">
<el-input v-model="formLabelAlign.holdUnit" type="text" placeholder="请填写" ></el-input>
</el-form-item>
<el-form-item label="会议名称">
<el-input v-model="formLabelAlign.meetingName" type="text" placeholder="请填写" ></el-input>
</el-form-item>
<el-form-item label="会议时间">
<el-select v-model="formLabelAlign.meetingTime" type="text" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="会议地点">
<el-select v-model="formLabelAlign.meetingArea" type="text" placeholder="请填写" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="会费标准">
<el-select v-model="formLabelAlign.costStandard" placeholder="请选择" type="text" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="会费实际发生">
<el-select v-model="formLabelAlign.reality" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="费用列支">
<el-select v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="参会人员">
<el-input v-model="formLabelAlign.partner" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="主管领导">
<el-input v-model="formLabelAlign.leader" placeholder="请填写" >
</el-input>
</el-form-item>
<el-form-item label="参与单位">
<el-input v-model="formLabelAlign.unit" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="会议录音">
<el-input v-model="formLabelAlign.meetingSound" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="主要议题">
<el-input v-model="formLabelAlign.meetingTheme" type="text" placeholder="请填写"></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child3",
data() {
return {
formInline1: {
name: '',
time: '',
part: '',
theme: ''
},
tableData: [{
holdUnit: '',
meetingName: '',
meetingTime: '',
meetingArea: '',
costStandard: '',
reality: '',
costList: '',
partner: '',
leader: '',
unit: '',
meetingMeans: '',
meetingSound: '',
meetingTheme: ''
}],
multipleSelection: [],
drawer: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
holdUnit: '',
mneetingName: '',
meetingTime: '',
meetingArea: '',
costStandard: '',
reality: '',
costList: '',
partner: '',
leader: '',
unit: '',
meetingMeans: '',
meetingSound: '',
meetingTheme: ''
},
dialogVisible1: false,
dialogVisible2: false,
formInlineOut: {
name: '',
num: '',
remarks: ''
},
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
holdUnit:this.formLabelAlign.holdUnit,
meetingName: this.formLabelAlign.meetingName,
meetingTime: this.formLabelAlign.meetingTime,
meetingArea: this.formLabelAlign.meetingArea,
costStandard: this.formLabelAlign.costStandard,
reality: this.formLabelAlign.reality,
costList: this.formLabelAlign.costList,
partner: this.formLabelAlign.partner,
leader: this.formLabelAlign.leader,
unit:this.formLabelAlign.unit,
meetingMeans: this.formLabelAlign.meetingMeans,
meetingSound: this.formLabelAlign.meetingSound,
meetingTheme: this.formLabelAlign.meetingTheme
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child3{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,461 @@
<!--标准法规库--标准法规工作组数据统计--委员信息数据统计-->
<template>
<div id="listOfMember" class="child2">
<!-- 第一第二行表单 -->
<div class="Member">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="提报单位名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入提报单位" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="协会名称">
<el-input v-model="formInline1.meeting" size="small" placeholder="请输入协会名称" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="会员角色">
<el-select v-model="formInline1.role" size="small" placeholder="请选择会员角色" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所在部门">
<el-select v-model="formInline1.part" size="small" placeholder="请选择所在部门" style="width: 180px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="unitName"
label="提报单位名称"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="totalName"
label="协会名称-标委会"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="branchName"
label="协会名称-分标委"
width="150">
<!-- show-overflow-tooltip>-->
</el-table-column>
<el-table-column
align="center"
prop="workName"
label="协会名称-工作组"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="thisTime"
label="本届入会时间"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="vipRole"
label="会员角色"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="players"
label="参与人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="post"
label="职务"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="department"
label="所在部门"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="num"
label="联系方式"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="timeOffice"
label="任期"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="certificate"
label="证书"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="account"
label="账号"
width="150">
</el-table-column>
<el-table-column
align="center"
prop="passWord"
label="密码"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="remarks"
label="备注"
width="150">
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="member-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer">
<div style="margin: 10px;"></div>
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="提报单位名称">
<el-input v-model="formLabelAlign.unitName" type="text" placeholder="请填写" ></el-input>
</el-form-item>
<el-form-item label="协会名称-委员会">
<el-input v-model="formLabelAlign.totalName" type="text" placeholder="请填写" ></el-input>
</el-form-item>
<el-form-item label="协会名称-分表委">
<el-input v-model="formLabelAlign.branchName" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="协会名称-工作组">
<el-input v-model="formLabelAlign.workName" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="本届入会时间">
<el-input v-model="formLabelAlign.thisTime" placeholder="日期选择" type="text" ></el-input>
</el-form-item>
<el-form-item label="会员角色">
<el-select v-model="formLabelAlign.vipRole" placeholder="请选择会员角色" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="参与人">
<el-select v-model="formLabelAlign.players" placeholder="请选择参与人" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="职务">
<el-input v-model="formLabelAlign.post" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="所在部门">
<el-input v-model="formLabelAlign.partment" placeholder="请填写" >
</el-input>
</el-form-item>
<el-form-item label="联系方式">
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="任期">
<el-input v-model="formLabelAlign.timeOffice" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="证书">
<el-input v-model="formLabelAlign.certificate" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="账号">
<el-input v-model="formLabelAlign.account" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input v-model="formLabelAlign.passWord" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formLabelAlign.remarks" type="text" placeholder="请填写"></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child2",
data() {
return {
formInline1: {
name: '',
meeting: '',
role: '',
part: ''
},
tableData: [{
unitName: '',
totalName: '',
branchName: '',
workName: '',
thisTime: '',
vipRole: '',
players: '',
post: '',
department: '',
num: '',
timeOffice: '',
certificate: '',
account: '',
passWord: '',
remarks: ''
}],
multipleSelection: [],
drawer: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
unitName: '',
totalName: '',
branchName: '',
workName: '',
thisTime: '',
vipRole: '',
players: '',
post: '',
department: '',
num: '',
timeOffice: '',
certificate: '',
account: '',
passWord: '',
remarks: ''
},
dialogVisible1: false,
dialogVisible2: false,
formInlineOut: {
name: '',
num: '',
remarks: ''
},
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//增加方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
unitName:this.formLabelAlign.unitName,
totalName: this.formLabelAlign.totalName,
branchName: this.formLabelAlign.branchName,
workName: this.formLabelAlign.workName,
thisTime: this.formLabelAlign.thisTime,
vipRole: this.formLabelAlign.vipRole,
players: this.formLabelAlign.players,
post: this.formLabelAlign.post,
department: this.formLabelAlign.department,
num: this.formLabelAlign.num,
timeOffice: this.formLabelAlign.timeOffice,
certificate: this.formLabelAlign.certificate,
account: this.formLabelAlign.account,
passWord: this.formLabelAlign.passWord,
remarks: this.formLabelAlign.remarks
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,650 @@
<!--标准法规库--标准法规工作组数据统计--协会信息数据统计-->
<template>
<div id="listOfSociety" class="child1">
<!-- 第一第二行表单 -->
<div class="Society1">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="协会名称:">
<el-input v-model="formInline1.name" size="small" placeholder="请填写协会名称" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="会员角色">
<el-input v-model="formInline1.role" size="small" placeholder="请输入会员角色" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="协会性质">
<el-select v-model="formInline1.nature" size="small" placeholder="请输入协会性质" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会状态">
<el-select v-model="formInline1.state" size="small" placeholder="请选择协会状态" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail($index,tableData)" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="totalName"
label="协会名称-标委会"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="branchName"
label="协会名称-分标委"
width="150"
>
<!-- show-overflow-tooltip>-->
</el-table-column>
<el-table-column
align="center"
prop="workName"
label="协会名称-工作组"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="vipRole"
label="会员角色"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="players"
label="参与人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standard"
label="标准"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standardLeader"
label="标准负责人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="leader"
label="责任领导"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="startTime"
label="初始入会时间"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="thisTime"
label="本届入会时间"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="costStandard"
label="会费标准"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost"
label="会费列支"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="lastTime"
label="上次缴纳时间"
width="150"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="costYears"
label="缴费年限"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost2017"
label="2017缴费"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost2018"
label="2018缴费"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost2019"
label="2019缴费"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost2020"
label="2020缴费"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="cost2021"
label="2021缴费"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="person"
label="经办人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="partment"
label="部门"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="nature"
label="协会性质"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="state"
label="协会状态"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="linkMan"
label="协会联络人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="num"
label="协会联络人电话"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="email"
label="协会联络人邮箱"
width="150"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="society-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer">
<div style="margin: 10px;"></div>
<el-form :label-position="labelPosition" style="overflow-y: scroll" label-width="150px" :model="formLabelAlign">
<el-form-item label="协会名称-委员会">
<el-input v-model="formLabelAlign.totalName" type="text" ></el-input>
</el-form-item>
<el-form-item label="协会名称-分表委">
<el-input v-model="formLabelAlign.branchName" type="text"></el-input>
</el-form-item>
<el-form-item label="协会名称-工作组">
<el-input v-model="formLabelAlign.workName" type="text"></el-input>
</el-form-item>
<el-form-item label="会员角色">
<el-select v-model="formLabelAlign.vipRole" placeholder="请选择会员角色" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="参与人">
<el-select v-model="formLabelAlign.players" placeholder="请选择参与人" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准">
<el-input v-model="formLabelAlign.standard" type="text"></el-input>
</el-form-item>
<el-form-item label="标准负责人">
<el-select v-model="formLabelAlign.standardLeader" placeholder="请选择标准负责人" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="责任领导">
<el-select v-model="formLabelAlign.leader" placeholder="请选择责任领导" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="初始入会时间">
<el-input v-model="formLabelAlign.startTime" type="text"></el-input>
</el-form-item>
<el-form-item label="本届入会时间">
<el-input v-model="formLabelAlign.thisTime" type="text"></el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formLabelAlign.costStandard" type="text"></el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-select v-model="formLabelAlign.cost" placeholder="请选择费用列支" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="上次缴纳时间">
<el-input v-model="formLabelAlign.lastTime" type="text"></el-input>
</el-form-item>
<el-form-item label="缴纳年限">
<el-input v-model="formLabelAlign.costYears" type="text"></el-input>
</el-form-item>
<el-form-item label="2017年缴费">
<el-input v-model="formLabelAlign.cost2017" type="text"></el-input>
</el-form-item>
<el-form-item label="2018年缴费">
<el-select v-model="formLabelAlign.cost2018" placeholder="请选择2018年缴费" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="2019年缴费">
<el-input v-model="formLabelAlign.cost2019" type="text"></el-input>
</el-form-item>
<el-form-item label="2020年缴费">
<el-input v-model="formLabelAlign.cost2020" type="text"></el-input>
</el-form-item>
<el-form-item label="2021年缴费">
<el-input v-model="formLabelAlign.cost2021" type="text"></el-input>
</el-form-item>
<el-form-item label="经办人">
<el-select v-model="formLabelAlign.person" placeholder="请选择经办人" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="部门">
<el-select v-model="formLabelAlign.partment" placeholder="请选择部门" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会性质">
<el-select v-model="formLabelAlign.nature" placeholder="请选择协会性质" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会状态">
<el-select v-model="formLabelAlign.state" placeholder="请选择协会性质" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会联络人">
<el-input v-model="formLabelAlign.linkMan" type="text"></el-input>
</el-form-item>
<el-form-item label="协会联络人电话">
<el-input v-model="formLabelAlign.num" type="text"></el-input>
</el-form-item>
<el-form-item label="协会联络人邮箱">
<el-input v-model="formLabelAlign.email" type="text"></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
<!-- 删除提示弹框 -->
<!-- <el-dialog
:visible.sync="dialogVisible3"
width="30%"
title="提 示:"
height="100px"
>
<span >
<div class="icon">
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
<path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m48-784a48 48 0 0 0-96 0v352a48 48 0 0 0 96 0v-352zM512 736A48 48 0 1 0 512 832a48 48 0 0 0 0-96z" p-id="1419" fill="#d81e06">
</path>
</svg></div>
确认删除这些数据</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible3 = false">不用了</el-button>
<el-button type="primary" @click="dialogVisible3 = false"> </el-button>
</span>
</el-dialog>-->
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child1",
data(){
return{
formInline1:{
name:'',
role:'',
nature:'',
state:''
},
formInline2: {},
tableData:[{
totalName: '1',
branchName:'1',
workName: '1',
vipRole: '1',
players: '1',
standard: '1',
standardLeader: '1',
leader: '1',
startTime: '1',
thisTime: '1',
costStandard: '1',
cost: '1',
lastTime: '1',
costYears: '1',
cost2017: '1',
cost2018: '1',
cost2019: '1',
cost2020: '1',
cost2021: '1',
person: '1',
partment: '1',
nature: '1',
state: '1',
linkMan: '1',
num: '1',
email: '1'
}],
multipleSelection: [],
drawer: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
totalName:'',
branchName:'',
workName: '',
vipRole: '',
players: '',
standard: '',
standardLeader: '',
leader: '',
startTime: '',
thisTime: '',
costStandard: '',
cost: '',
lastTime: '',
costYears: '',
cost2017: '',
cost2018: '',
cost2019: '',
cost2020: '',
cost2021: '',
person: '',
partment: '',
nature: '',
state: '',
linkMan: '',
num: '',
email: ''
},
dialogVisible1: false,
dialogVisible2: false,
formInlineOut: {
name: '',
num: '',
remarks: ''
},
dialogVisible3: false,
currentPage: 1
}
},
methods: {
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
totalName:this.formLabelAlign.totalName,
branchName:this.formLabelAlign.branchName,
workName: this.formLabelAlign.workName,
vipRole: this.formLabelAlign.vipRole,
players: this.formLabelAlign.players,
standard: this.formLabelAlign.standard,
standardLeader: this.formLabelAlign.standardLeader,
leader: this.formLabelAlign.leader,
startTime: this.formLabelAlign.startTime,
thisTime: this.formLabelAlign.thisTime,
costStandard: this.formLabelAlign.costStandard,
cost: this.formLabelAlign.cost,
lastTime: this.formLabelAlign.lastTime,
costYears: this.formLabelAlign.costYears,
cost2017: this.formLabelAlign.cost2017,
cost2018: this.formLabelAlign.cost2018,
cost2019: this.formLabelAlign.cost2019,
cost2020: this.formLabelAlign.cost2020,
cost2021: this.formLabelAlign.cost2021,
person: this.formLabelAlign.person,
partment: this.formLabelAlign.partment,
nature: this.formLabelAlign.nature,
state: this.formLabelAlign.state,
linkMan: this.formLabelAlign.linkMan,
num: this.formLabelAlign.num,
email: this.formLabelAlign.email
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px
}
}
</style>
@@ -0,0 +1,569 @@
<!--标准法规库--标准法规工作组数据统计--参与外部标准制修订信息统计-->
<template>
<div id="listOfStandard" class="child4">
<!-- 第一第二行表单 -->
<div class="Standard">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准编号">
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准编号" style="width: 170px"></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-select v-model="formInline1.name" size="small" placeholder="请选择标准名称" style="width: 170px"></el-select>
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-form-item>
<el-form-item label="标准制/修订">
<el-select v-model="formInline1.revise" size="small" placeholder="请选择标准制/修订" style="width: 170px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="主持/参与">
<el-input v-model="formInline1.directPartner" size="small" placeholder="请选择主持/参与" style="width: 170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="primary" size="small" @click="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="stage"
label="所处阶段"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standardNum"
label="标准号"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standardName"
label="标准名称"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="codeNum"
label="项目代号"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="codeName"
label="项目名称"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standardType"
label="标准类型"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="directPartner"
label="主持或参与"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="startTime"
label="发布日期"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="putTime"
label="实施日期"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="organ"
label="颁布机构"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="headDraft"
label="牵头起草单位"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="recordTime"
label="备案时间"
width="150"
>
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column
align="center"
prop="putUnit"
label="提报单位名称"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="partner"
label="参与人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="writer"
label="署名人"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="standardCost"
label="制标费用"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="elseCost"
label="其他费用"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="revise"
label="标准制/修订"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="prize"
label="获奖情况"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="writerSort"
label="署名排序"
width="150"
>
</el-table-column>
<el-table-column
align="center"
prop="remarks"
label="备注"
width="150"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="standard-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer">
<div style="margin: 10px;"></div>
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="所处阶段">
<el-select v-model="formLabelAlign.stage" type="text" placeholder="请填写" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准号">
<el-input v-model="formLabelAlign.standardNum" type="text" placeholder="请填写" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign.standardName" type="text" placeholder="请填写" >
</el-input>
</el-form-item>
<el-form-item label="标准类型">
<el-select v-model="formLabelAlign.standardType" type="text" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="主持或参与">
<el-select v-model="formLabelAlign.directPartner" placeholder="请选择" type="text" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="发布日期">
<el-select v-model="formLabelAlign.startTime" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="实施日期">
<el-select v-model="formLabelAlign.putTime" placeholder="请选择" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="颁布机构">
<el-input v-model="formLabelAlign.organ" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="牵头起草单位">
<el-input v-model="formLabelAlign.headDraft" placeholder="请填写" >
</el-input>
</el-form-item>
<el-form-item label="备案时间">
<el-input v-model="formLabelAlign.recordTime" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="提报单位名称">
<el-input v-model="formLabelAlign.putUnit" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="参与人">
<el-select v-model="formLabelAlign.partner" type="text" placeholder="请填写" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准制/修订">
<el-select v-model="formLabelAlign.revise" type="text" placeholder="请填写" style="width: 433px">
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="获奖情况">
<el-input v-model="formLabelAlign.prize" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="署名排序">
<el-input v-model="formLabelAlign.writerSort" type="text" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formLabelAlign.remarks" type="text" placeholder="请填写"></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>
<!-- 删除提示弹框 -->
<el-dialog
:visible.sync="dialogVisible3"
width="30%"
title="提 示:"
height="100px"
>
<span >
<div class="icon">
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
<path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m48-784a48 48 0 0 0-96 0v352a48 48 0 0 0 96 0v-352zM512 736A48 48 0 1 0 512 832a48 48 0 0 0 0-96z" p-id="1419" fill="#d81e06">
</path>
</svg></div>
确认删除这些数据</span>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible3 = false">不用了</el-button>
<el-button type="primary" @click="dialogVisible3 = false"> </el-button>
</span>
</el-dialog>
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child4",
data() {
return {
formInline1: {
num: '',
name: '',
revise: '',
directPartner: ''
},
tableData: [{
stage: '',
standardNum: '',
standardName: '',
codeNum: '',
codeName: '',
standardType: '',
directPartner: '',
startTime: '',
putTime: '',
organ: '',
headDraft: '',
recordTime: '',
putUnit: '',
partner: '',
writer: '',
standardCost: '',
elseCost: '',
revise: '',
prize: '',
writerSort: '',
remarks: ''
}],
multipleSelection: [],
drawer: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
stage: '',
standardNum: '',
standardName: '',
codeNum: '',
codeName: '',
standardType: '',
directPartner: '',
startTime: '',
putTime: '',
organ: '',
headDraft: '',
recordTime: '',
putUnit: '',
partner: '',
writer: '',
standardCost: '',
elseCost: '',
revise: '',
prize: '',
writerSort: '',
remarks: ''
},
dialogVisible1: false,
dialogVisible2: false,
formInlineOut: {
name: '',
num: '',
remarks: ''
},
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
stage:this.formLabelAlign.stage,
standardNum: this.formLabelAlign.standardNum,
standardName: this.formLabelAlign.standardName,
codeNum: this.formLabelAlign.codeNum,
codeName: this.formLabelAlign.codeName,
standardType: this.formLabelAlign.standardType,
directPartner: this.formLabelAlign.directPartner,
startTime: this.formLabelAlign.startTime,
putTime: this.formLabelAlign.putTime,
organ: this.formLabelAlign.organ,
headDraft: this.formLabelAlign.organ,
recordTime: this.formLabelAlign.recordTime,
putUnit: this.formLabelAlign.putUnit,
partner: this.formLabelAlign.partner,
writer: this.formLabelAlign.writer,
standardCost: this.formLabelAlign.standardCost,
elseCost: this.formLabelAlign.elseCost,
revise: this.formLabelAlign.revise,
prize: this.formLabelAlign.prize,
writerSort: this.formLabelAlign.writerSort,
remarks: this.formLabelAlign.remarks
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
}
}
}
</script>
<style lang="less" scoped>
.child4{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,358 @@
<!--标法规-工作组-项目费用统计信息-参与外部标准制修订费用统计-->
<template>
<div id="reviseCost" class="child3">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准号">
<el-input v-model="formInline1.标准号" size="small" placeholder="请输入标准号" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formInline1.standardName" size="small" placeholder="请输入标准名称" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="项目代号">
<el-input v-model="formInline1.codeNum" size="small" placeholder="根据项目代号搜索" style="width:170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" @click="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="type"
label="类型"
>
</el-table-column>
<el-table-column
align="center"
prop="num"
label="项目编号"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="项目名称"
>
</el-table-column>
<el-table-column
align="center"
prop="costList"
label="费用列支项"
>
</el-table-column>
<el-table-column
align="center"
prop="cost"
label="费用支出"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="类型">
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="项目编号">
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="项目名称">
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用列支项">
<el-input v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用支出">
<el-input v-model="formLabelAlign.cost" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="类型">
<el-select v-model="formLabelAlign2.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="项目编号">
<el-input v-model="formLabelAlign2.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="项目名称">
<el-input v-model="formLabelAlign2.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用列支项">
<el-input v-model="formLabelAlign2.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用支出">
<el-input v-model="formLabelAlign2.cost" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 删除提示弹框 -->
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child3",
data() {
return {
formInline1: {
standardNum: '',
standardName: '',
codeNum: ''
},
tableData: [{
type: '',
num: '',
name: '',
costList: '',
cost: ''
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
type: '',
num: '',
name: '',
costList: '',
cost: ''
},
formLabelAlign2: {
type: '',
num: '',
name: '',
costList: '',
cost: ''
},
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
type:this.formLabelAlign.type,
num:this.formLabelAlign.num,
name: this.formLabelAlign.name,
cost: this.formLabelAlign.cost,
costList: this.formLabelAlign.costList
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
addUser (){
this.$message.success('添加信息成功!')
this.dialogVisible2=false
this.getTableData()
}
}
}
</script>
<style lang="less" scoped>
.child3{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,369 @@
<!--标法规-工作组-项目费用统计信息-采购费用信息统计-->
<template>
<div id="attendCost" class="child4">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准类型">
<el-input v-model="formInline1.type" size="small" placeholder="请输入标准类型" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准代号" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格-->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="type"
label="标准类型"
>
</el-table-column>
<el-table-column
align="center"
prop="num"
label="标准代号"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="标准名称"
>
</el-table-column>
<el-table-column
align="center"
prop="pages"
label="页数"
>
</el-table-column>
<el-table-column
align="center"
prop="cost"
label="费用"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="标准类型">
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="页数">
<el-input v-model="formLabelAlign.pages" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用">
<el-input v-model="formLabelAlign.cost" placeholder="请填写" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="标准类型">
<el-select v-model="formLabelAlign2.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formLabelAlign2.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign2.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="页数">
<el-input v-model="formLabelAlign2.pages" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用">
<el-input v-model="formLabelAlign2.cost" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<!-- <el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>-->
<!-- 删除提示弹框 -->
</div>
<!-- 页脚分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child4",
data() {
return {
formInline1: {
type: '',
num: '',
name: ''
},
tableData: [{
type: '',
num: '',
name: '',
pages: '',
cost: ''
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
type: '',
num: '',
name: '',
pages: '',
cost: ''
},
formLabelAlign2: {
type: '',
num: '',
name: '',
pages: '',
cost: ''
},
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
type:this.formLabelAlign.type,
num: this.formLabelAlign.num,
name: this.formLabelAlign.name,
pages: this.formLabelAlign.pages,
cost: this.formLabelAlign.cost
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child4{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,390 @@
<!--标法规-工作组-项目费用统计信息-参会费用信息统计-->
<template>
<div id="attendCost" class="child2">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准类型">
<el-input v-model="formInline1.type" size="small" placeholder="请输入标准类型" style="width:170px"></el-input>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准代号" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" >
</el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格-->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
width="100"
label="序号"
>
</el-table-column>
<el-table-column
align="center"
prop="holdUnit"
label="主办单位"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingName"
label="会议名称"
>
</el-table-column>
<el-table-column
align="center"
prop="meetingTime"
label="会议时间"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="costStandard"
label="会费标准"
>
</el-table-column>
<el-table-column
align="center"
prop="reality"
label="实际发生"
>
</el-table-column>
<el-table-column
align="center"
prop="costList"
label="费用列支"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="主办单位">
<el-select v-model="formLabelAlign.holdUnit" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="会议名称">
<el-input v-model="formLabelAlign.meetingName" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="会议时间">
<el-input v-model="formLabelAlign.meetingTime" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formLabelAlign.costStandard" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="实际发生">
<el-input v-model="formLabelAlign.reality" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-input v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="主办单位">
<el-select v-model="formLabelAlign2.holdUnit" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="会议名称">
<el-input v-model="formLabelAlign2.meetingName" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="会议时间">
<el-input v-model="formLabelAlign2.meetingTime" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formLabelAlign2.costStandard" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="实际发生">
<el-input v-model="formLabelAlign2.reality" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-input v-model="formLabelAlign2.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<!-- <el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>-->
</div>
<!-- 页脚分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child2",
data() {
return {
formInline1: {
type: '',
num: '',
name: ''
},
tableData: [{
holdUnit: '',
meetingName: '',
meetingTime: '',
costStandard: '',
reality: '',
costList: ''
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
holdUnit: '',
meetingName: '',
meetingTime: '',
costStandard: '',
reality: '',
costList: ''
},
formLabelAlign2: {
holdUnit: '',
meetingName: '',
meetingTime: '',
costStandard: '',
reality: '',
costList: ''
},
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
holdUnit:this.formLabelAlign.holdUnit,
meetingName: this.formLabelAlign.meetingName,
meetingTime: this.formLabelAlign.meetingTime,
costStandard: this.formLabelAlign.costStandard,
reality: this.formLabelAlign.reality,
costList: this.formLabelAlign.costList
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,389 @@
<!--标法规-工作组-项目费用统计信息-协会费用信息统计-->
<template>
<div id="societyCost" class="child1">
<!-- 第一第二行表单 -->
<div class="Meeting">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准类型">
<el-input v-model="formInline1.type" size="small" placeholder="请输入标准类型" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准代号" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" ></el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格 -->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
width="100"
label="序号"
>
</el-table-column>
<el-table-column
align="center"
prop="totalName"
label="协会名称-标委会"
>
</el-table-column>
<el-table-column
align="center"
prop="branchName"
label="协会名称-分委会"
>
</el-table-column>
<el-table-column
align="center"
prop="workName"
label="协会名称-工作组"
>
</el-table-column>
<el-table-column
align="center"
prop="costStandard"
label="会费标准"
>
</el-table-column>
<el-table-column
align="center"
prop="reality"
label="实际发生"
>
</el-table-column>
<el-table-column
align="center"
prop="costList"
label="费用列支"
>
</el-table-column>
<el-table-column
align="center"
prop="payCost"
label="每年缴费情况"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="协会名称-标委会">
<el-select v-model="formLabelAlign.totalName" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会名称-分委会">
<el-input v-model="formLabelAlign.branchName" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="协会名称-工作组">
<el-input v-model="formLabelAlign.workName" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formLabelAlign.costStandard" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="实际发生">
<el-input v-model="formLabelAlign.reality" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-input v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="每年缴费情况">
<el-input v-model="formLabelAlign.payCost" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" style="height: available" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="协会名称-标委会">
<el-select v-model="formLabelAlign2.totalName" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="协会名称-分委会">
<el-input v-model="formLabelAlign2.branchName" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="协会名称-工作组">
<el-input v-model="formLabelAlign2.workName" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formLabelAlign2.costStandard" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="实际发生">
<el-input v-model="formLabelAlign2.reality" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-input v-model="formLabelAlign2.costList" placeholder="请选择" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="每年缴费情况">
<el-input v-model="formLabelAlign2.payCost" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
</div>
<!-- 页脚分页 -->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "child1",
data() {
return {
formInline1: {
type: '',
num: '',
name: ''
},
tableData: [{
totalName: '',
branchName: '',
workName: '',
costStandard: '',
reality: '',
costList: '',
payCost: ''
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
totalName: '',
branchName: '',
workName: '',
costStandard: '',
reality: '',
costList: '',
payCost: ''
},
formLabelAlign2: {
totalName: '',
branchName: '',
workName: '',
costStandard: '',
reality: '',
costList: '',
payCost: ''
},
dialogVisible1: false,
dialogVisible2: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
totalName:this.formLabelAlign.totalName,
branchName: this.formLabelAlign.branchName,
workName: this.formLabelAlign.workName,
costStandard: this.formLabelAlign.costStandard,
reality: this.formLabelAlign.reality,
costList: this.formLabelAlign.costList,
payCost: this.formLabelAlign.payCost
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
addUser (){
this.$message.success('添加信息成功!')
this.dialogVisible2=false
this.getTableData()
}
}
}
</script>
<style lang="less" scoped>
.child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -0,0 +1,82 @@
<!--标法规-工作组-项目费用统计信息-标准制修订补助资金收支统计-->
<template>
<div class="subsidy-Cost">
<el-tabs v-model="activeName" @tab-click="TreblingClick">
<el-tab-pane label="收入表" name="first" :key="'first'">
<child1 v-if="isChildUpdate1"></child1>
</el-tab-pane>
<el-tab-pane label="支出表" name="second" :key="'second'">
<child2 v-if="isChildUpdate2"></child2>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import inComeSubsidy from "../miniPages/inComeSubsidy";
import expendSubsidy from "../miniPages/expendSubsidy";
export default {
name: "child6",
components: {
child1: inComeSubsidy,
child2: expendSubsidy
},
data(){
return {
activeName: 'first',
isChildUpdate1: true,
isChildUpdate2: false
}
},
mounted() {
},
methods: {
TreblingClick(tab) {
if (tab.name === 'first') {
this.isChildUpdate1 = true
this.isChildUpdate2 = false
} else if (tab.name === 'second') {
this.isChildUpdate1 = false
this.isChildUpdate2 = true
}
}
}
};
</script>
<style lang="less" scoped>
.subsidy-Cost{
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style>
@@ -0,0 +1,409 @@
<!--标法规-工作组-项目费用统计信息-翻译费用信息统计-->
<template>
<div id="translateCost" class="children">
<!-- 第一第二行表单 -->
<div class="revise">
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
<el-form-item label="标准类型">
<el-input v-model="formInline1.type" size="small" placeholder="根据标准类型搜索" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formInline1.num" size="small" placeholder="根据标准代号搜索" style="width:170px" ></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formInline1.name" size="small" placeholder="根据标准名称搜索" style="width:170px" ></el-input>
</el-form-item>
<el-form-item class="search-item btn-box" >
<el-button type="primary" size="small" onclick="" >查询</el-button>
</el-form-item>
<el-form-item class="search-item btn-box">
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
</el-form-item>
</el-form>
<el-form :inline="true" :model="formInline2">
<el-form-item>
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
</el-form-item>
<el-form-item>
<el-button type="" size="small" @click="deleteDetail" icon="el-icon-delete" icon-color="red">批量删除</el-button>
<!-- handleDelete(scope.$index, scope.row)-->
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
</el-form-item>
</el-form>
</div>
<!-- 表格-->
<div class="container">
<el-table
:data="tableData"
tooltip-effect="dark"
style="width: auto"
border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="50">
</el-table-column>
<el-table-column
align="center"
type="index"
label="序号"
width="100"
>
</el-table-column>
<el-table-column
align="center"
prop="type"
label="标准类型"
>
</el-table-column>
<el-table-column
align="center"
prop="num"
label="标准代号"
>
</el-table-column>
<el-table-column
align="center"
prop="name"
label="标准名称"
>
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
</el-table-column>
<el-table-column
align="center"
prop="translateType"
label="翻译类型"
>
</el-table-column>
<el-table-column
align="center"
prop="pages"
label="页数"
>
</el-table-column>
<el-table-column
align="center"
prop="cost"
label="费用"
>
</el-table-column>
<el-table-column
align="center"
prop="completeTime"
label="翻译完成时间"
>
</el-table-column>
</el-table>
</div>
<!-- 新增抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="新增"
:visible.sync="drawer1">
<div style="margin: 10px;height: inherit;">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
<el-form-item label="标准类型">
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="翻译类型">
<el-input v-model="formLabelAlign.translateType" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="页数">
<el-input v-model="formLabelAlign.pages" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用">
<el-input v-model="formLabelAlign.cost" placeholder="请填写" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="翻译完成时间">
<el-input v-model="formLabelAlign.completeTime" placeholder="请填写" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<!-- 编辑抽屉 -->
<div class="meeting-drawer">
<el-drawer
:size="size"
title="编辑"
:visible.sync="drawer2">
<div style="margin: 10px;height: inherit">
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign2" v-model="labelPosition">
<el-form-item label="标准类型">
<el-select v-model="formLabelAlign2.type" type="text" placeholder="请填写" style="width: 433px" >
<el-option label="1" value="one"></el-option>
<el-option label="2" value="two"></el-option>
</el-select>
</el-form-item>
<el-form-item label="标准代号">
<el-input v-model="formLabelAlign2.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
</el-form-item>
<el-form-item label="标准名称">
<el-input v-model="formLabelAlign2.name" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="翻译类型">
<el-input v-model="formLabelAlign2.translateType" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="页数">
<el-input v-model="formLabelAlign2.pages" type="text" placeholder="请填写" style="width: 433px" >
</el-input>
</el-form-item>
<el-form-item label="费用">
<el-input v-model="formLabelAlign2.cost" placeholder="请填写" style="width: 433px">
</el-input>
</el-form-item>
<el-form-item label="翻译完成时间">
<el-input v-model="formLabelAlign2.completeTime" placeholder="请填写" style="width: 433px">
</el-input>
</el-form-item>
</el-form>
</div>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
</div>
<div>
<!-- 导入弹框 -->
<el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<!-- 导出弹框 -->
<!-- <el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称" >
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="序号" >
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
</el-form-item>
<el-form-item label="备注" >
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>-->
</div>
<!-- 页脚分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "children",
data() {
return {
formInline1: {
type: '',
num: '',
name: ''
},
tableData: [{
type: '',
num: '',
name: '',
translateType: '',
pages: '',
cost: '',
completeTime: ''
}],
multipleSelection: [],
drawer1: false,
drawer2: false,
size: '600px',
labelPosition: 'center',
formLabelAlign: {
type: '',
num: '',
name: '',
translateType: '',
pages: '',
cost: '',
completeTime: ''
},
formLabelAlign2: {
type: '',
num: '',
name: '',
translateType: '',
pages: '',
cost: '',
completeTime: ''
},
dialogVisible1: false,
dialogVisible2: false,
dialogVisible3: false,
currentPage: 1
}
},
created() {
this.getTableData()
},
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法
submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
this.tableData.push({
type:this.formLabelAlign.type,
num: this.formLabelAlign.num,
name: this.formLabelAlign.name,
translateType: this.formLabelAlign.translateType,
pages: this.formLabelAlign.pages,
cost: this.formLabelAlign.cost,
completeTime: this.formLabelAlign.completeTime
}),
this.$message({
type: 'success',
message: '添加成功'
})
})
},
//删除方法
deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
this.tableData.splice(index,1)
this.$message({
type: 'success',
message:'删除成功',
})
}).catch((err) =>{
this.$message({
type:'error',
message:err
})
})
},
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/
handleSizeChange(val) {
console.log(`每页 ${val}`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style lang="less" scoped>
.children{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{
width: 400px;
height: 200px
}
.icon{
width: 20px;
height: 20px;
}
}
</style>
@@ -265,7 +265,7 @@
<el-table-column
prop="textStatus"
sortable="custom"
width="120"
width="110"
label="文本状态">
<!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
@@ -3365,7 +3365,7 @@ export default {
}
break
case 'textStatus' :
this.orderBy = 5;
this.orderBy = 4;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
@@ -3793,7 +3793,8 @@ export default {
} else {
this.sarStandardsSearch.page = page
}
this.getDomesticStandardTable(this.tableFlag)
this.standCommonlySearch.page=page
this.getDomesticStandardTable(this.standCommonlySearch)
},
// 分页每页显示数改变后方法
pageSizeChange(pageSize) {
@@ -5087,16 +5088,19 @@ export default {
},
choiceZRBM(type, title, id) {
this.nodeListZRBM = []
this.nodeListZRBM.push(id)
this.drawerTitle = title
this.modalshowflagZRBM = true
},
drawerCheckZRBM(data) {
console.log("data",data);
let idList = ''
let nameList = ''
data.forEach(item => {
if (item.hasChild === '0' && item.children === null) {
if (item.hasChild === '0') {
if (nameList.length > 0) {
nameList += ','
idList += ','
@@ -279,6 +279,7 @@
border
class="drag-table"
:row-class-name="dragRowClassName"
@sort-change="sortChange"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="standSelectChange"
@@ -362,7 +363,7 @@
sortable
prop="standStatusShow"
label="文本状态"
width="120"
width="110"
>
<template slot-scope="scope">
@@ -793,6 +794,7 @@
height="100%"
border
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@sort-change="sortChangeConfig"
@selection-change="selectConfigStandChange">
<el-table-column
type="selection"
@@ -1302,6 +1304,9 @@ export default {
},
data () {
return {
orderBy: '',
nowOrder: '',
nowOrderBy: '',
props: {
label: 'menuName',
children: 'children'
@@ -2568,6 +2573,41 @@ export default {
})
}
},
// 配置标准-表格排序
sortChangeConfig(sortObj) {
if (sortObj.column.order !== 'normal') {
switch (sortObj.prop) {
case 'issueTime' :
// 后台联调
if (sortObj.order === null) {
this.sarConfigStandSearch.nowOrderBy = ''
} else {
this.sarConfigStandSearch.nowOrderBy = '1'
}
break;
case 'putTime' :
// 后台联调
if (sortObj.order === null) {
this.sarConfigStandSearch.nowOrderBy = ''
} else {
this.sarConfigStandSearch.nowOrderBy = '2'
}
break;
}
switch (sortObj.order) {
case 'ascending' :
this.sarConfigStandSearch.nowOrder = '2'
break;
case 'descending' :
this.sarConfigStandSearch.nowOrder = '1'
break;
default:
this.sarConfigStandSearch.nowOrder = ''
break;
}
}
this.selectConfiguraStand()
},
// 表格
selectConfigStandChange (alldata) {
this.selectConfigStand = []
@@ -3508,34 +3548,38 @@ export default {
item.pageSize = this.$store.getters.userInfo.configContent
}
this.sarBussionessSearch.pageSize = this.$store.getters.userInfo.configContent
const data = item || this.lawsStandInfoSearch
const formData = {...data}
if (!item) {
formData.menuId = this.sarBussionessSearch.menuId
} else {
formData.menuId = this.selectSarMenu.id
}
if (nodeId !== undefined) {
this.sarBussionessSearch.menuId = nodeId
formData.menuId = nodeId
}
if (this.sarBussionessSearch.menuId == null || this.sarBussionessSearch.menuId === '') {
if (this.countRootId === 1) {
this.sarBussionessSearch.menuId = this.parentNode.id
formData.menuId = this.parentNode.id
}
}
// this.SarExportSearchEo = item === null || item === undefined || item === '' ? this.sarBussionessSearch : item
if (!item) {
this.SarExportSearchEo = this.sarBussionessSearch
} else {
this.SarExportSearchEo = item
}
// 处理我的收藏和个性化标签传参
if (this.selectSarMenu.id === 'qbwdsc') {
this.sarBussionessSearch.labelMenuId = undefined
this.sarBussionessSearch.menuId = 'qbwdsc'
this.sarBussionessSearch.collectMenuId = 'qbwdsc'
formData.labelMenuId = undefined
formData.menuId = 'qbwdsc'
formData.collectMenuId = 'qbwdsc'
} else if (this.selectSarMenu.id === 'gxhbq' || this.selectSarMenu.pId === 'gxhbq') {
this.sarBussionessSearch.menuId = undefined
this.sarBussionessSearch.labelMenuId = this.selectSarMenu.id
this.sarBussionessSearch.collectMenuId = undefined
formData.menuId = undefined
formData.labelMenuId = this.selectSarMenu.id
formData.collectMenuId = undefined
} else {
this.sarBussionessSearch.labelMenuId = undefined
this.sarBussionessSearch.collectMenuId = undefined
formData.labelMenuId = undefined
formData.collectMenuId = undefined
}
this.sarBussionessSearch.userId = this.$store.getters.userInfo.userId
// 排序
formData.nowOrderBy = this.nowOrder ? this.orderBy : ''
formData.nowOrder = this.nowOrder
formData.userId = this.$store.getters.userInfo.userId
if(type === 'sel'){
const advanceSearchVOList = [];
if(this.formFieldListData !== undefined && this.formFieldListData !== null){
@@ -3553,9 +3597,10 @@ export default {
}
})
}
this.sarBussionessSearch.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
formData.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
}
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', !item ? this.sarBussionessSearch : item, {
this.SarExportSearchEo = formData
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', formData, {
_this: this, loading: 'loading'
}, res => {
for (let i = 0; i < res.data.list.length; i++) {
@@ -3583,6 +3628,48 @@ export default {
dragRowClassName (row, index) {
return 'drag-row' + ' ' + 'id=' + row.row.id
},
// 表格排序
sortChange(sortObj) {
if (sortObj.column.order !== 'normal') {
this.nowOrder = ''
this.orderBy = ''
switch (sortObj.column.property) {
case 'issueTime' :
// 后台联调
this.orderBy = 1;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
case 'putTime' :
// 后台联调
this.orderBy = 2;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
case 'standStatusShow' :
this.orderBy = 3;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
}
}
// this.getDomesticStandardTable(this.tableFlag)
//搜索后排序,应该以被搜索后的数据排序
this.getBussionStandTable(this.sarBussionessSearch)
},
// 修改成表格样式后,选择项勾选改变
standSelectChange (data) {
this.selectedList = []
@@ -3895,7 +3982,6 @@ export default {
applyArctic: formData.applyArctic
}
formData['attrSearchStr'] = JSON.stringify(attrSearchMap)
this.SarExportSearchEo = item || this.sarBussionessSearch
this.$http.get('sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage', formData, {
_this: this, loading: 'loading'
}, res => {
@@ -177,6 +177,7 @@
border
class="drag-table"
:row-class-name="dragRowClassName"
@sort-change="sortChange"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}"
@selection-change="standSelectChange"
@@ -261,7 +262,7 @@
sortable
prop="standStatusShow"
label="文本状态"
width="120"
width="110"
>
<template slot-scope="scope">
@@ -766,6 +767,7 @@
height="100%"
border
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
@sort-change="sortChangeConfig"
@selection-change="selectConfigStandChange">
<el-table-column
type="selection"
@@ -1346,6 +1348,9 @@
},
data () {
return {
orderBy: '',
nowOrder: '',
nowOrderBy: '',
pickerOptions: {
shortcuts: [{
text: '最近一周',
@@ -3638,32 +3643,28 @@
item.pageSize = this.$store.getters.userInfo.configContent
}
this.lawsStandInfoSearch.pageSize = this.$store.getters.userInfo.configContent
const data = item || this.lawsStandInfoSearch
const formData = {...data}
if (nodeId !== undefined) {
this.lawsStandInfoSearch.menuId = nodeId
formData.menuId = nodeId
}
if ( (this.lawsStandInfoSearch.menuId == null || this.lawsStandInfoSearch.menuId === '') && this.selectSarMenu.id) {
this.lawsStandInfoSearch.menuId = this.selectSarMenu.id
}
// this.SarExportSearchEo = item === null || item === undefined || item === '' ? this.lawsStandInfoSearch : item
if (!item) {
this.SarExportSearchEo = this.lawsStandInfoSearch
} else {
this.SarExportSearchEo = item
formData.menuId = this.selectSarMenu.id
}
//
if (this.selectSarMenu.id === 'qbwdsc') {
this.lawsStandInfoSearch.labelMenuId = undefined
this.lawsStandInfoSearch.menuId = 'qbwdsc'
this.lawsStandInfoSearch.collectMenuId = 'qbwdsc'
formData.labelMenuId = undefined
formData.menuId = 'qbwdsc'
formData.collectMenuId = 'qbwdsc'
} else if (this.selectSarMenu.id === 'gxhbq' || this.selectSarMenu.pId === 'gxhbq') {
this.lawsStandInfoSearch.menuId = undefined
this.lawsStandInfoSearch.labelMenuId = this.selectSarMenu.id
this.lawsStandInfoSearch.collectMenuId = undefined
formData.menuId = undefined
formData.labelMenuId = this.selectSarMenu.id
formData.collectMenuId = undefined
} else {
this.lawsStandInfoSearch.labelMenuId = undefined
this.lawsStandInfoSearch.collectMenuId = undefined
formData.labelMenuId = undefined
formData.collectMenuId = undefined
}
this.lawsStandInfoSearch.userId = this.$store.getters.userInfo.userId
formData.userId = this.$store.getters.userInfo.userId
if(type === 'sel'){
const advanceSearchVOList = [];
if(this.formFieldListData !== undefined && this.formFieldListData !== null){
@@ -3681,13 +3682,14 @@
}
})
}
this.lawsStandInfoSearch.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
formData.advanceSearchVOStr = JSON.stringify(advanceSearchVOList);
if(this.commentCycleDate && this.commentCycleDate.length === 2){
this.lawsStandInfoSearch.commentCycleStart = this.commentCycleDate[0]
this.lawsStandInfoSearch.commentCycleEnd = this.commentCycleDate[1]
formData.commentCycleStart = this.commentCycleDate[0]
formData.commentCycleEnd = this.commentCycleDate[1]
}
}
this.$http.get('lawss/sarLawsInfo/page', !item ? this.lawsStandInfoSearch : item, {
this.SarExportSearchEo = formData
this.$http.get('lawss/sarLawsInfo/page', formData, {
_this: this, loading: 'loading'
}, res => {
for (let i = 0; i < res.data.list.length; i++) {
@@ -3715,6 +3717,83 @@
dragRowClassName (row, index) {
return 'drag-row' + ' ' + 'id=' + row.row.id
},
// -
sortChangeConfig(sortObj) {
if (sortObj.column.order !== 'normal') {
switch (sortObj.prop) {
case 'issueTime' :
//
if (sortObj.order === null) {
this.sarConfigStandSearch.nowOrderBy = ''
} else {
this.sarConfigStandSearch.nowOrderBy = '1'
}
break;
case 'XCXSSRQLAWS' :
//
if (sortObj.order === null) {
this.sarConfigStandSearch.nowOrderBy = ''
} else {
this.sarConfigStandSearch.nowOrderBy = '2'
}
break;
}
switch (sortObj.order) {
case 'ascending' :
this.sarConfigStandSearch.nowOrder = '2'
break;
case 'descending' :
this.sarConfigStandSearch.nowOrder = '1'
break;
default:
this.sarConfigStandSearch.nowOrder = ''
break;
}
}
this.selectConfiguraStand()
},
//
sortChange(sortObj) {
if (sortObj.column.order !== 'normal') {
this.nowOrder = ''
this.orderBy = ''
switch (sortObj.column.property) {
case 'issueTime' :
//
this.orderBy = 1;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
case 'putTime' :
//
this.orderBy = 2;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
case 'standStatusShow' :
this.orderBy = 3;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
}
}
// this.getDomesticStandardTable(this.tableFlag)
//,
this.getDomesticStandardTable(this.lawsStandInfoSearch)
},
//
standSelectChange (data) {
this.selectedList = []
@@ -4009,6 +4088,11 @@
this.lawsStandInfoSearch.pageSize = this.$store.getters.userInfo.configContent
const data = item || this.lawsStandInfoSearch
const formData = {...data}
if (!item) {
formData.menuId = this.sarBussionessSearch.menuId
} else {
formData.menuId = this.selectSarMenu.id
}
formData.menuId = this.selectSarMenu.id
//
if (this.selectSarMenu.id === 'wdsc') {
@@ -4027,7 +4111,10 @@
applyArctic: formData.applyArctic
}
formData['attrSearchStr'] = JSON.stringify(attrSearchMap)
this.SarExportSearchEo = item || this.lawsStandInfoSearch
//
formData.nowOrderBy = this.nowOrder ? this.orderBy : ''
formData.nowOrder = this.nowOrder
this.SarExportSearchEo = formData
this.$http.get('lawss/sarLawsInfo/page', formData, {
_this: this, loading: 'loading'
}, res => {
@@ -296,7 +296,7 @@
<el-table-column
prop="textStatus"
sortable="custom"
width="120"
width="110"
label="文本状态">
<!-- <template slot="header" slot-scope="scope">-->
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本;“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->