Merge remote-tracking branch 'origin/develop' into develop
This commit is contained in:
yanyizhou
@@ -38,7 +38,7 @@ export function StandardsInfoPage (data) {
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
// 车型库清单的下拉列表
|
||||
export function solostarData (data) {
|
||||
return axios({
|
||||
url: 'api/sarStandProjectLibrary/solostar',
|
||||
@@ -46,3 +46,11 @@ export function solostarData (data) {
|
||||
params: data
|
||||
})
|
||||
}
|
||||
// 活动日历查询接口
|
||||
export function meetingByMonth (params) {
|
||||
return axios({
|
||||
url: 'api/sapMeetInfo/getMeetingsByMonthType',
|
||||
method: 'get',
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
@@ -114,11 +114,11 @@ export default {
|
||||
// path: '/partCodeApply',
|
||||
// menuId: 'ad9db496772c075f78495382b7581fe9'
|
||||
// },
|
||||
// {
|
||||
// title: '标准法规工作组数据统计',
|
||||
// path: '/dataStatisComments',
|
||||
// menuId: ''
|
||||
// },
|
||||
{
|
||||
title: '标准法规工作组数据统计',
|
||||
path: '/dataStatisComments',
|
||||
menuId: ''
|
||||
},
|
||||
{
|
||||
title: '海外法规',
|
||||
path: '/foreignStandardsAndRegulations',
|
||||
@@ -244,6 +244,11 @@ export default {
|
||||
path: '/standContrast',
|
||||
menuId: '1d83a6278f781419f628e9f5560f5c86'
|
||||
},
|
||||
{
|
||||
title: '标准化活动日历',
|
||||
path: '/standCalendar',
|
||||
menuId: '0ea66e3dd36873082b6851f69e92c8be'
|
||||
},
|
||||
// {
|
||||
// title: '标准比对库',
|
||||
// path: '/standardComparisonLibrary',
|
||||
|
||||
@@ -0,0 +1,372 @@
|
||||
<!--标准化活动日历-->
|
||||
<template>
|
||||
<div class="standCalendar">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-card>
|
||||
<div class="header">
|
||||
<div class="date-picker" style="display: inline">
|
||||
<span class="item">
|
||||
<el-select v-model="formData.year" @change="handleDate">
|
||||
<el-option v-for="item in year" :value="item">{{ item }}</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
<span class="item">
|
||||
<el-select v-model="formData.month" @change="handleDate">
|
||||
<el-option v-for="item in month" :value="item">{{ item }}</el-option>
|
||||
</el-select>
|
||||
</span>
|
||||
</div>
|
||||
<div style="float: right;display: inline;height: 30px;">
|
||||
<el-button size="mini" @click="today">今天</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-calendar v-model="value">
|
||||
<template slot="dateCell" slot-scope="{date, data}">
|
||||
<div @click="calendarOnClick(data)">
|
||||
<div class="calendar-day" style="text-align: center;">
|
||||
<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"/>
|
||||
<el-tag v-if="userId === item.fillPeopleId" class="tagTwo"/>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</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">
|
||||
<el-card style="height: 655px;overflow: auto">
|
||||
<div class="title_time">{{ timeDay.day || nowDate }}</div>
|
||||
<span class="card_info_empty " v-if="todayData.length === 0">
|
||||
<div style="text-align: center">
|
||||
<img :src="require('@/assets/images/meeting.png')">
|
||||
</div>
|
||||
<div style="text-align: center;font-weight: bold;color: #99999a">暂无会议</div>
|
||||
</span>
|
||||
<el-card class="card_info" v-else v-for="item in todayData" :value="item">
|
||||
<span v-for="res in item.attend" :key="res.fillPeopleId">
|
||||
<el-tag v-if="userId === res.fillPeopleId" type="success" size="mini">会议</el-tag>
|
||||
<el-tag v-else type="warning" size="mini">会议</el-tag>
|
||||
</span>
|
||||
<i style="margin-left: 10px;font-weight: bold">{{ item.title }}</i>
|
||||
<div class="content_text">
|
||||
<span>会议时间 : {{ $moment(item.date).format('YYYY-MM-DD HH:mm') }} </span>
|
||||
</div>
|
||||
<div class="content_text">
|
||||
<span>参与人 : {{ item.partPeople.join('、') }} </span>
|
||||
</div>
|
||||
<div class="content_text2">
|
||||
<span>会议内容 : {{ item.content }}</span>
|
||||
</div>
|
||||
<div class="content_text">
|
||||
<span>会议附件 :
|
||||
<span v-if="item.files.length === '0'">{{ '-' }}</span>
|
||||
<span v-for="res in item.files" :key="res.id" style="color: #409EFF;" @click="previews(res.id)">
|
||||
{{ res.name }} {{ ';'}}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { meetingByMonth } from '@/api/unqualProcess.js'
|
||||
|
||||
export default {
|
||||
name: "calendar",
|
||||
data() {
|
||||
return {
|
||||
userId: this.$store.getters.userInfo.userId,
|
||||
year: [],
|
||||
month: [],
|
||||
formData: {
|
||||
year: '',
|
||||
month: '',
|
||||
},
|
||||
//点击日历获取当天会议数据
|
||||
todayData: [],
|
||||
// 全部会议数据
|
||||
resDate: [],
|
||||
// 点击日历获取暂时储存数组
|
||||
timeDay: {},
|
||||
|
||||
// 上次点击的日期
|
||||
lastYear: '',
|
||||
lastMonth: '',
|
||||
// 日历当前时间
|
||||
value: new Date(),
|
||||
// 当前时间
|
||||
nowDate: '',
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
/** 获取当前日期*/
|
||||
let yy = new Date().getFullYear();
|
||||
let mm = new Date().getMonth() + 1;
|
||||
let dd = new Date().getDate();
|
||||
if (mm<10) {
|
||||
mm = this.padding0(mm, 2)
|
||||
}
|
||||
if (dd<10) {
|
||||
dd = this.padding0(dd, 2)
|
||||
}
|
||||
this.nowDate = yy + '-' + mm + '-' + dd
|
||||
this.formData.year = yy + '年'
|
||||
this.formData.month = mm + '月'
|
||||
this.lastYear = yy
|
||||
this.lastMonth = mm
|
||||
this.getMonthData()
|
||||
this.init()
|
||||
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.getYear();
|
||||
this.getMonth();
|
||||
},
|
||||
getYear() {//获取年
|
||||
let date = new Date;
|
||||
let current_year = date.getFullYear();
|
||||
for (let i = -2; i < 3; i++) {
|
||||
let y = current_year - i;
|
||||
this.year.push(y + '年');
|
||||
}
|
||||
},
|
||||
getMonth() {//获取月
|
||||
for (let i = 1; i < 13; i++) {
|
||||
this.month.push(i + '月');
|
||||
}
|
||||
},
|
||||
/** 获取当前月日历数据*/
|
||||
getMonthData() {
|
||||
let data = {
|
||||
date: this.nowDate,
|
||||
type: 1
|
||||
}
|
||||
meetingByMonth(data).then(res => {
|
||||
if (res.length !== 0) {
|
||||
// 对传参的数据转义
|
||||
res.forEach(item => {
|
||||
item.attend = JSON.parse(item.attend)
|
||||
item.files = JSON.parse(item.files)
|
||||
this.$set(item, 'partPeople', [])
|
||||
})
|
||||
|
||||
res.forEach(item => {
|
||||
item.attend.forEach(msgAtt => {
|
||||
item.partPeople.push(msgAtt.fillPeople)
|
||||
})
|
||||
})
|
||||
this.resDate = res
|
||||
this.dealMyDate()
|
||||
this.todayData = []
|
||||
this.resDate.forEach(item=>{
|
||||
if (item.date.slice(0,10) === this.nowDate) {
|
||||
this.todayData.push(item)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 获取当前点击日历表格数据*/
|
||||
calendarOnClick(val) {
|
||||
this.todayData = []
|
||||
this.timeDay = val
|
||||
if (this.resDate.length !== 0) {
|
||||
this.resDate.forEach(item => {
|
||||
if (item.date.slice(0, 10) === this.timeDay.day) {
|
||||
this.todayData.push(item)
|
||||
}
|
||||
})
|
||||
}
|
||||
// 点击日历头部日期变化
|
||||
this.formData.year = val.day.slice(0, 4) + '年'
|
||||
if (val.day.slice(5, 6) === '0') {
|
||||
this.formData.month = val.day.slice(6, 7) + '月'
|
||||
} else {
|
||||
this.formData.month = val.day.slice(5, 7) + '月'
|
||||
}
|
||||
},
|
||||
/** 点击今天按钮 */
|
||||
today() {
|
||||
this.value = new Date()
|
||||
let yy = new Date().getFullYear();
|
||||
let mm = new Date().getMonth() + 1;
|
||||
let dd = new Date().getDate();
|
||||
if (mm<10) {
|
||||
mm = this.padding0(mm, 2)
|
||||
}
|
||||
this.formData.month = mm + '月'
|
||||
if (dd<10) {
|
||||
dd = this.padding0(dd, 2)
|
||||
}
|
||||
this.formData.year = yy + '年'
|
||||
this.nowDate = yy + '-' + mm + '-' + dd
|
||||
this.getMonthData()
|
||||
},
|
||||
/** 获取所有会议的时间及内容
|
||||
* 并在日历上显示出标记*/
|
||||
dealMyDate(v) {
|
||||
let len = this.resDate.length
|
||||
let res = ''
|
||||
for (let i = 0; i < len; i++) {
|
||||
if (this.resDate[i].date.slice(0, 10) === v) {
|
||||
res = this.resDate[i].attend
|
||||
break
|
||||
}
|
||||
}
|
||||
return res
|
||||
},
|
||||
// 头部时间改变事件
|
||||
handleDate() {
|
||||
let selYear = this.formData.year.slice(0, 4)
|
||||
let selMonth = ''
|
||||
if (this.formData.month.slice(-3, -2) === '') {
|
||||
selMonth = this.formData.month.slice(0, 1)
|
||||
} else {
|
||||
selMonth = this.formData.month.slice(0, 2)
|
||||
}
|
||||
let birthday = selYear + '-' + this.padding0(selMonth, 2) + '-' + '01'
|
||||
this.nowDate = birthday
|
||||
this.getMonthData()
|
||||
// 根据头部日期调整，日历变化
|
||||
let yearNum = ''
|
||||
let monthNum = ''
|
||||
if (this.lastYear !== selYear) {
|
||||
yearNum = this.lastYear - selYear
|
||||
} else {
|
||||
yearNum = 0
|
||||
}
|
||||
if (this.lastMonth !== selMonth) {
|
||||
monthNum = this.lastMonth - selMonth
|
||||
} else {
|
||||
monthNum = 0
|
||||
}
|
||||
this.lastYear = selYear
|
||||
this.lastMonth = selMonth
|
||||
this.value = new Date(this.value.setMonth(this.value.getMonth() - monthNum))
|
||||
this.value = new Date(this.value.setFullYear(this.value.getFullYear() - yearNum))
|
||||
},
|
||||
//数字前填充0方法
|
||||
padding0(num, length) {
|
||||
for (let len = (num + '').length; len < length; len = num.length) {
|
||||
num = '0' + num
|
||||
}
|
||||
return num
|
||||
},
|
||||
/** 点击对应附件进行下载*/
|
||||
previews(val) {
|
||||
let attId = val
|
||||
if (attId != null && attId !== "") {
|
||||
window.location.href = "/api/att/attFile/downloadFileForSar?fileId=" + attId;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '~@/assets/styles/mixins';
|
||||
@import '~@/assets/styles/style';
|
||||
|
||||
.standCalendar {
|
||||
.date-picker {
|
||||
.item {
|
||||
/deep/ .el-input {
|
||||
width: 88px;
|
||||
}
|
||||
|
||||
/deep/ .el-input__icon {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/deep/ .el-input--suffix .el-input__inner {
|
||||
height: 30px;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.el-calendar-table td.is-selected {
|
||||
background-color: #f9e3e3;
|
||||
}
|
||||
/deep/ .el-calendar__header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/deep/ .el-calendar-table thead th {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tagOne {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
padding: 0;
|
||||
background-color: #e6a23c
|
||||
}
|
||||
|
||||
.tagTwo {
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
padding: 0;
|
||||
background-color: #67c23a
|
||||
}
|
||||
|
||||
.title_time {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/deep/ .el-card__body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.card_info_empty {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.card_info {
|
||||
height: 190px;
|
||||
margin-top: 10px;
|
||||
|
||||
.content_text {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
line-height: normal;
|
||||
margin-top: 10px;
|
||||
font-size: 5px;
|
||||
}
|
||||
|
||||
.content_text2 {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
line-height: normal;
|
||||
margin-top: 10px;
|
||||
font-size: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -259,6 +259,7 @@ export default {
|
||||
active: '1',
|
||||
|
||||
ch_pageData: {
|
||||
fillPeopleId: '',
|
||||
fillPeople: '',
|
||||
fillUnit: '',
|
||||
fillDept: '',
|
||||
@@ -326,6 +327,7 @@ export default {
|
||||
getFormFieldList (item) {
|
||||
this.$nextTick(() => {
|
||||
this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
|
||||
this.ch_pageData.fillPeopleId = this.$store.getters.userInfo.userId
|
||||
this.ch_pageData.fillPeople = this.$store.getters.userInfo.userName
|
||||
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
|
||||
// this.rh_pageData.comityFileNum = this.fileTextList
|
||||
|
||||
@@ -276,6 +276,7 @@ export default {
|
||||
this.$nextTick(() => {
|
||||
this.ch_pageData = JSON.parse(JSON.stringify(item)).ch_pageData
|
||||
this.ch_pageData.myPartRole = [{
|
||||
fillPeopleId: this.ch_pageData.fillPeopleId,
|
||||
fillPeople: this.ch_pageData.fillPeople,
|
||||
fillUnit: this.ch_pageData.fillUnit,
|
||||
fillDept: this.ch_pageData.fillDept,
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -873,6 +873,7 @@ export default {
|
||||
},
|
||||
//动态表单读取
|
||||
getFormFieldList(item) {
|
||||
console.log(item);
|
||||
this.$nextTick(() => {
|
||||
this.listForm = JSON.parse(JSON.stringify(item));
|
||||
if (item.form === undefined) {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
@mouseleave="mouseleave(data)">
|
||||
<span
|
||||
:class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
|
||||
<span> {{ node.label }} </span>
|
||||
<span style="font-size:12px"> {{ node.label }} </span>
|
||||
<span>
|
||||
<el-button
|
||||
type="text"
|
||||
@@ -192,7 +192,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="标准号"
|
||||
min-width="15%"
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" class="table-jump" style="color: #F56C6C"
|
||||
@@ -212,7 +212,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
min-width="45%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" @click="handlePreview(scope.row)" class="table-jump" style="color: #F56C6C">{{ scope.row.standName }}</a>
|
||||
@@ -222,7 +222,7 @@
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ formatIssueDate(scope.row.issueTime) }}</span>
|
||||
@@ -232,7 +232,7 @@
|
||||
<el-table-column
|
||||
prop="SSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="实施日期">
|
||||
<template slot-scope="scope">
|
||||
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
|
||||
@@ -245,7 +245,7 @@
|
||||
<el-table-column
|
||||
prop="XCXSSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="新车型实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.XCXSSRQ ? scope.row.XCXSSRQ.substring(0, 10) : '-' }}</span>
|
||||
@@ -255,7 +255,7 @@
|
||||
<el-table-column
|
||||
prop="ZCCSSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="在产车实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{ scope.row.ZCCSSRQ ? scope.row.ZCCSSRQ.substring(0, 10) : '-' }}</span>
|
||||
@@ -265,7 +265,7 @@
|
||||
<el-table-column
|
||||
prop="textStatus"
|
||||
sortable="custom"
|
||||
min-width="10%"
|
||||
width="120"
|
||||
label="文本状态">
|
||||
<!-- <template slot="header" slot-scope="scope">-->
|
||||
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
|
||||
@@ -279,7 +279,10 @@
|
||||
<span v-else>{{ textStatusMap[scope.row.textStatus] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="isPermission('cac1eb379eb8e3b987cbb2e4599adb50,247cebaefa7cf1683092af160af11502,dbaf9df2990a595c8abea28e68b1a681')>0" label="操作" align="center" min-width="10%">
|
||||
<el-table-column fixed="right"
|
||||
v-if="isPermission('cac1eb379eb8e3b987cbb2e4599adb50,247cebaefa7cf1683092af160af11502,dbaf9df2990a595c8abea28e68b1a681')>0"
|
||||
label="操作" align="center" width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div v-if="isPermission('cac1eb379eb8e3b987cbb2e4599adb50,247cebaefa7cf1683092af160af11502,dbaf9df2990a595c8abea28e68b1a681') == 1"
|
||||
@command="handleCommand"
|
||||
@@ -3790,7 +3793,8 @@ export default {
|
||||
} else {
|
||||
this.sarStandardsSearch.page = page
|
||||
}
|
||||
this.getDomesticStandardTable(this.tableFlag)
|
||||
this.standCommonlySearch.page=page
|
||||
this.getDomesticStandardTable(this.standCommonlySearch)
|
||||
},
|
||||
// 分页每页显示数改变后方法
|
||||
pageSizeChange(pageSize) {
|
||||
@@ -5084,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 += ','
|
||||
@@ -5198,6 +5205,10 @@ export default {
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .el-table--scrollable-x .el-table__body-wrapper {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
#left{
|
||||
width:calc(30% - 5px);
|
||||
height:100%;
|
||||
|
||||
+16
-11
@@ -26,7 +26,8 @@
|
||||
default-expand-all
|
||||
:expand-on-click-node="false">
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
|
||||
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> <span> {{ node.label}} </span>
|
||||
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
|
||||
<span style="font-size:12px"> {{ node.label }} </span>
|
||||
<span>
|
||||
<el-button
|
||||
type="text"
|
||||
@@ -299,8 +300,8 @@
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="企标编号"
|
||||
min-width="15%"
|
||||
>
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standCode }}</a>
|
||||
@@ -312,7 +313,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="中文名称"
|
||||
min-width="35%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
|
||||
@@ -324,7 +325,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="standEnName"
|
||||
label="英文名称"
|
||||
min-width="35%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.standEnName }}</a>
|
||||
@@ -336,8 +337,8 @@
|
||||
prop="issueTime"
|
||||
label="发布日期"
|
||||
sortable
|
||||
min-width="13%"
|
||||
>
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
@@ -348,8 +349,8 @@
|
||||
prop="putTime"
|
||||
label="实施日期"
|
||||
sortable
|
||||
min-width="13%"
|
||||
>
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
<span v-if="scope.row.standStatusShow === '参考'" style="color: #E6A23C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
@@ -361,7 +362,7 @@
|
||||
sortable
|
||||
prop="standStatusShow"
|
||||
label="文本状态"
|
||||
min-width="10%"
|
||||
width="120"
|
||||
>
|
||||
|
||||
<template slot-scope="scope">
|
||||
@@ -377,7 +378,8 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column v-if="isPermission('d9730d984627af948053df56a2db7997,dd4ea796dab7a01b105ba657b1968a84,a7a38a95ea374695fc3128037f6feccf')>0" label="操作" align="center" min-width="10%">
|
||||
<el-table-column fixed="right"
|
||||
v-if="isPermission('d9730d984627af948053df56a2db7997,dd4ea796dab7a01b105ba657b1968a84,a7a38a95ea374695fc3128037f6feccf')>0" label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="isPermission('d9730d984627af948053df56a2db7997,dd4ea796dab7a01b105ba657b1968a84,a7a38a95ea374695fc3128037f6feccf') == 1"
|
||||
@command="handleCommand"
|
||||
@@ -4139,6 +4141,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/ .el-table--scrollable-x .el-table__body-wrapper {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
#left{
|
||||
width:calc(30% - 5px);
|
||||
height:100%;
|
||||
|
||||
@@ -24,7 +24,8 @@
|
||||
default-expand-all
|
||||
:expand-on-click-node="false">
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
|
||||
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span> <span> {{ node.label}} </span>
|
||||
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
|
||||
<span style="font-size:12px"> {{ node.label }} </span>
|
||||
<span>
|
||||
<el-button
|
||||
type="text"
|
||||
@@ -198,7 +199,7 @@
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
label="政策编号"
|
||||
min-width="15%"
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<!-- <a v-if="scope.row.standYear" class="table-jump" @click="handlePreview(scope.row)">{{ scope.row.standSortShow }} {{ scope.row.standNumber }}-{{ scope.row.standYear }}</a>-->
|
||||
@@ -211,7 +212,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="lawsName"
|
||||
label="中文名称"
|
||||
min-width="45%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsName }}</a>
|
||||
@@ -223,7 +224,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="lawsEnName"
|
||||
label="英文名称"
|
||||
min-width="45%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ scope.row.lawsEnName }}</a>
|
||||
@@ -235,7 +236,7 @@
|
||||
prop="issueTime"
|
||||
label="发文日期"
|
||||
sortable
|
||||
min-width="13%"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.issueTime ? scope.row.issueTime.slice(0, 10) : ''}}</span>
|
||||
@@ -247,7 +248,7 @@
|
||||
prop="XCXSSRQLAWS"
|
||||
label="新车实施日期"
|
||||
sortable
|
||||
min-width="13%"
|
||||
width="150"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C">{{scope.row.putTime ? scope.row.putTime.slice(0, 10) : ''}}</span>
|
||||
@@ -260,7 +261,7 @@
|
||||
sortable
|
||||
prop="standStatusShow"
|
||||
label="文本状态"
|
||||
min-width="10%"
|
||||
width="120"
|
||||
>
|
||||
|
||||
<template slot-scope="scope">
|
||||
@@ -277,7 +278,9 @@
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column v-if="isPermission('fd83032ae5f41a0021b00e93c88edbbo,fd83032ae5f41a0021b00e93c88edbbr,fd83032ae5f41a0021b00e93c88edbbk')>0" label="操作" align="center" min-width="10%">
|
||||
<el-table-column fixed="right"
|
||||
v-if="isPermission('fd83032ae5f41a0021b00e93c88edbbo,fd83032ae5f41a0021b00e93c88edbbr,fd83032ae5f41a0021b00e93c88edbbk')>0"
|
||||
label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<div v-if="isPermission('fd83032ae5f41a0021b00e93c88edbbo,fd83032ae5f41a0021b00e93c88edbbr,fd83032ae5f41a0021b00e93c88edbbk') == 1"
|
||||
@@ -4284,6 +4287,9 @@
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/ .el-table--scrollable-x .el-table__body-wrapper {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
#left{
|
||||
width:calc(30% - 5px);
|
||||
height:100%;
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
:expand-on-click-node="false">
|
||||
<span class="custom-tree-node" slot-scope="{ node, data }" @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)">
|
||||
<span :class="data.children.length !== 0 ? 'is-show' : 'is-leaf-none'"></span>
|
||||
<span> {{ node.label }} </span>
|
||||
<span style="font-size:12px"> {{ node.label }} </span>
|
||||
<span>
|
||||
<el-button
|
||||
type="text"
|
||||
@@ -189,7 +189,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="标准号"
|
||||
min-width="15%"
|
||||
width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="scope.row.standYear && textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" class="table-jump" @click="handlePreview(scope.row)">{{
|
||||
@@ -211,7 +211,7 @@
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
min-width="45%"
|
||||
width="350"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{
|
||||
@@ -228,7 +228,7 @@
|
||||
<el-table-column
|
||||
prop="issueTime"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="发布日期">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">
|
||||
@@ -245,7 +245,7 @@
|
||||
<el-table-column
|
||||
prop="SSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="实施日期">
|
||||
<template slot-scope="scope">
|
||||
<!-- {{ formatIssueDate(scope.row.putTime) }}-->
|
||||
@@ -262,7 +262,7 @@
|
||||
<el-table-column
|
||||
prop="XCXSSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="新车型实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
@@ -279,7 +279,7 @@
|
||||
<el-table-column
|
||||
prop="ZCCSSRQ"
|
||||
sortable="custom"
|
||||
min-width="13%"
|
||||
width="150"
|
||||
label="在产车实施日期">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="textStatusMap[scope.row.textStatus] === '废止' || textStatusMap[scope.row.textStatus] === '被代替'" style="color: #F56C6C">{{
|
||||
@@ -296,7 +296,7 @@
|
||||
<el-table-column
|
||||
prop="textStatus"
|
||||
sortable="custom"
|
||||
min-width="10%"
|
||||
width="120"
|
||||
label="文本状态">
|
||||
<!-- <template slot="header" slot-scope="scope">-->
|
||||
<!-- <el-tooltip class="item" effect="dark" content="计划修订”、“修订中”均为现行有效版本；“已修订”标准的有效性根据实际实施情况判定。" placement="bottom">-->
|
||||
@@ -313,7 +313,7 @@
|
||||
<span v-else style="color: #333333">{{ textStatusMap[scope.row.textStatus] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column v-if="isPermission('f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,b299fa5edb3f3f35badb2adb6bda9f2e')>0" label="操作" align="center" min-width="10%">
|
||||
<el-table-column fixed="right" v-if="isPermission('f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,b299fa5edb3f3f35badb2adb6bda9f2e')>0" label="操作" align="center" width="100">
|
||||
<template slot-scope="scope">
|
||||
|
||||
<div v-if="isPermission('f9745194958bc9ed3ee5127459795dbc,e8d690904ee1895dd0d17d9c794fbcd7,b299fa5edb3f3f35badb2adb6bda9f2e') == 1"
|
||||
@@ -4903,6 +4903,9 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/ .el-table--scrollable-x .el-table__body-wrapper {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
#left{
|
||||
width:calc(30% - 5px);
|
||||
height:100%;
|
||||
@@ -4970,6 +4973,7 @@ export default {
|
||||
.el-tree-node {
|
||||
position: relative;
|
||||
padding-left: 0px; // 缩进量
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.el-tree-node__children {
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="addItemButton"
|
||||
@click="">
|
||||
@click="addItem2">
|
||||
新增标准
|
||||
</el-button>
|
||||
<el-button
|
||||
@@ -42,7 +42,7 @@
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
v-if="seeItemButton"
|
||||
@click="">
|
||||
@click="handlePreview(standId)">
|
||||
查看标准
|
||||
</el-button>
|
||||
<el-button
|
||||
@@ -67,7 +67,7 @@
|
||||
<div class="standard-table-search">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form :model="addForm" inline class="label-input-form">
|
||||
<el-form :model="addForm" inline class="label-input-form" label-width="120px" :rules="addFormRules" ref="addForm">
|
||||
<el-form-item label="上级节点" style="width: 100%; margin-right:10px" class="add-form-item form-item-disabled">
|
||||
<el-input
|
||||
v-model="addForm.pName"
|
||||
@@ -569,6 +569,90 @@
|
||||
@click="addDrawerClose">取消</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<el-drawer
|
||||
ref="standard2"
|
||||
size="1000px"
|
||||
title="添加标准"
|
||||
v-if="addDrawer2"
|
||||
:visible.sync="addDrawer2"
|
||||
:before-close="addDrawerClose2">
|
||||
<div class="demo-drawer-content">
|
||||
<div style="margin: 10px;">
|
||||
<el-select v-model="itemType" placeholder="请选择" @change="selectChange" class="">
|
||||
<el-option
|
||||
label="国内法规标准"
|
||||
value="INLAND">
|
||||
</el-option>
|
||||
<el-option
|
||||
label="海外法规标准"
|
||||
value="FOREIGN">
|
||||
</el-option>
|
||||
<el-option
|
||||
label="企业标准"
|
||||
value="3">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="drawerTable">
|
||||
<el-table
|
||||
:data="data1"
|
||||
style="width: 100%"
|
||||
border
|
||||
@selection-change="changeItem"
|
||||
height="100%"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="center"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="标准号"
|
||||
width="180"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a v-if="itemType === '3'" class="table-jump" style="color: #333333" @click="handlePreview(scope.row.id)">
|
||||
{{ scope.row.standCode }}
|
||||
</a>
|
||||
<a v-else-if="scope.row.standYear" class="table-jump" style="color: #333333"
|
||||
@click="handlePreview(scope.row.id)">{{ scope.row.standSortShow }} {{
|
||||
scope.row.standNumber
|
||||
}}-{{ scope.row.standYear }}</a>
|
||||
<a v-else @click="handlePreview(scope.row.id)" class="table-jump" style="color: #333333">
|
||||
{{ scope.row.standSortShow }}
|
||||
{{ scope.row.standNumber }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="standName"
|
||||
label="标准名称"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<a @click="handlePreview(scope.row.id)" style="color: #333333" class="table-jump">{{ scope.row.standName }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<pagination :page="page" :total="count" id="pagination"
|
||||
@pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
||||
</div>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button
|
||||
size="mini"
|
||||
class="common-button-primary"
|
||||
icon="el-icon-check"
|
||||
type="primary"
|
||||
:loading="submitLoading"
|
||||
@click="ItemSubmit">提交
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
class="common-button-default"
|
||||
icon="el-icon-close"
|
||||
@click="addDrawerClose2">取消</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<el-dialog width='400px' :visible.sync="fileMadel" title="上传资料">
|
||||
<el-upload
|
||||
v-if="fileMadel"
|
||||
@@ -614,6 +698,15 @@
|
||||
name: "workingGroup1",
|
||||
data() {
|
||||
return {
|
||||
standId:'',
|
||||
ItemList: [],
|
||||
itemType: 'INLAND',
|
||||
page: 1,
|
||||
pageSize: this.$store.getters.userInfo.configContent,
|
||||
count: 0,
|
||||
addDrawer2: false,
|
||||
data1: [],
|
||||
|
||||
modalshowflag2: false,
|
||||
nodeList2: [],
|
||||
submitLoading: false,
|
||||
@@ -637,6 +730,17 @@
|
||||
wgStandorpolicyInfos: [], // 标准政策
|
||||
wgPayInfos: [], // 支付信息
|
||||
},
|
||||
addFormRules: {
|
||||
number: [
|
||||
{ required: true, message: '请输入编号', trigger: 'blur' },
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: '请输入名称', trigger: 'blur' },
|
||||
],
|
||||
standerArea: [
|
||||
{ required: true, message: '请输入标准化工作领域', trigger: 'blur' },
|
||||
]
|
||||
},
|
||||
delNetInfos: [], // 删除秘书处数据集合
|
||||
delDepts: [], // 删除集团参与数据集合
|
||||
delPayInfos: [], // 删除支付信息数据集合
|
||||
@@ -665,6 +769,113 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
ItemSubmit () {
|
||||
if (this.ItemList.length > 0) {
|
||||
this.submitLoading = true
|
||||
let row = JSON.parse(JSON.stringify(this.row))
|
||||
let row1 = row
|
||||
row1.pid = row.id
|
||||
row1.id = ''
|
||||
row1.level = '4'
|
||||
row1.nature = '4'
|
||||
row1.wgStandorpolicyInfos = []
|
||||
this.ItemList.forEach(item => {
|
||||
row1.wgStandorpolicyInfos.push({
|
||||
standId: item.id
|
||||
})
|
||||
})
|
||||
this.$http.postData('wg_work_group/addStand', row1, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.ok) {
|
||||
this.submitLoading = false
|
||||
this.addDrawer2 = false
|
||||
if (res.ok) {
|
||||
this.headerNo = false
|
||||
this.$message.success('添加成功')
|
||||
this.destoryGraph()
|
||||
this.getData()
|
||||
} else {
|
||||
this.$message.warning('添加失败')
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请选择要带入的标准')
|
||||
}
|
||||
}, // 提交标准事件
|
||||
selectChange (val) {
|
||||
this.itemType = val
|
||||
this.getItemData()
|
||||
}, // 切换数据来源事件
|
||||
handlePreview (val) {
|
||||
let Type = ''
|
||||
let url = ''
|
||||
if (this.itemType === 'INLAND') {
|
||||
Type = 'INLAND_STAND'
|
||||
url = 'OtherStandardDetails'
|
||||
} else if (this.itemType === 'FOREIGN') {
|
||||
Type = 'FOREIGN_STAND'
|
||||
url = 'OtherStandardDetails'
|
||||
} else if (this.itemType === '3'){
|
||||
url = 'OtherBussStandardDetails'
|
||||
Type = 'BUSINESS_STAND'
|
||||
}
|
||||
let routeUrl = this.$router.resolve({
|
||||
name: url,
|
||||
params: {
|
||||
id: val,
|
||||
pageType: Type
|
||||
}
|
||||
})
|
||||
window.open(routeUrl.href, '_blank')
|
||||
}, // 标准跳转
|
||||
pageChange (page) {
|
||||
this.page = page
|
||||
this.getItemData()
|
||||
}, // 分页
|
||||
pageSizeChange (pageSize) {
|
||||
this.pageSize = pageSize
|
||||
this.getItemData()
|
||||
}, // 分页
|
||||
changeItem (val) {
|
||||
this.ItemList = val
|
||||
}, // 标准选中change事件
|
||||
getItemData () {
|
||||
if (this.itemType === '3') {
|
||||
this.$http.get('lawss/sarBussionessStand/getSarBussionStandPage', {
|
||||
page: this.page,
|
||||
pageSize: this.pageSize
|
||||
}, {
|
||||
_this: this,
|
||||
}, res => {
|
||||
this.data1 = res.data.list
|
||||
this.count = res.data.count
|
||||
}, e => {
|
||||
})
|
||||
} else {
|
||||
this.$http.get("sarStandardsInfo/sar-standards-info/getSarStandardsInfoPage", {
|
||||
standType: this.itemType,
|
||||
standNumber: '',
|
||||
page: this.page,
|
||||
pageSize: this.pageSize
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.data1 = res.data.list;
|
||||
this.count = res.data.count;
|
||||
}, e => {
|
||||
});
|
||||
}
|
||||
}, // 获取标准数据
|
||||
addItem2 () {
|
||||
this.addDrawer2 = true
|
||||
this.getItemData()
|
||||
}, // 点击添加标准事件
|
||||
addDrawerClose2 () {
|
||||
this.addDrawer2 = false
|
||||
}, // 关闭添加标准事件
|
||||
|
||||
updateFile (item) {
|
||||
window.location.href = '/api/att/attFile/downloadFile?fileId=' + item.id
|
||||
},
|
||||
@@ -982,14 +1193,15 @@
|
||||
this.DrawerType = 'edit'
|
||||
let row = this.row
|
||||
if (row.level === '0') {
|
||||
this.addDrawerTitle = '编辑标委会'
|
||||
} else if (row.level === '1') {
|
||||
this.addDrawerTitle = '编辑分标委'
|
||||
this.addDrawerTitle = '编辑标委会'
|
||||
} else if (row.level === '2') {
|
||||
this.addDrawerTitle = '编辑工作组'
|
||||
this.addDrawerTitle = '编辑分标委'
|
||||
} else if (row.level === '3') {
|
||||
this.addDrawerTitle = '编辑工作组'
|
||||
} else if (row.level === '4') {
|
||||
this.addDrawerTitle = '编辑标准'
|
||||
} else if (row.level === '4') {}
|
||||
}
|
||||
this.getArr(row.wgDepts)
|
||||
this.getArr(row.wgPayInfos)
|
||||
this.getArr(row.wgMeetingInfos)
|
||||
@@ -1027,7 +1239,7 @@
|
||||
changeTime: row.changeTime,
|
||||
mark: row.mark,
|
||||
standerArea: row.standerArea,
|
||||
itemType: row.level === '0' ? '标委会' : (row.level === '1' ? '分标委' : (row.level === '2' ? '工作组' : '标准'))
|
||||
itemType: row.level === '1' ? '标委会' : (row.level === '2' ? '分标委' : (row.level === '3' ? '工作组' : '标准'))
|
||||
}
|
||||
this.addDrawer = true
|
||||
}, // 编辑
|
||||
@@ -1035,14 +1247,15 @@
|
||||
this.DrawerType = 'see'
|
||||
let row = this.row2
|
||||
if (row.level === '0') {
|
||||
this.addDrawerTitle = '查看标委会'
|
||||
} else if (row.level === '1') {
|
||||
this.addDrawerTitle = '查看分标委'
|
||||
this.addDrawerTitle = '查看标委会'
|
||||
} else if (row.level === '2') {
|
||||
this.addDrawerTitle = '查看工作组'
|
||||
this.addDrawerTitle = '查看分标委'
|
||||
} else if (row.level === '3') {
|
||||
this.addDrawerTitle = '查看工作组'
|
||||
} else if (row.level === '4') {
|
||||
this.addDrawerTitle = '查看标准'
|
||||
} else if (row.level === '4') {}
|
||||
}
|
||||
this.getArr(row.wgDepts)
|
||||
this.getArr(row.wgPayInfos)
|
||||
this.getArr(row.wgMeetingInfos)
|
||||
@@ -1080,14 +1293,14 @@
|
||||
changeTime: row.changeTime,
|
||||
mark: row.mark,
|
||||
standerArea: row.standerArea,
|
||||
itemType: row.level === '0' ? '标委会' : (row.level === '1' ? '分标委' : (row.level === '2' ? '工作组' : '标准'))
|
||||
itemType: row.level === '1' ? '标委会' : (row.level === '2' ? '分标委' : (row.level === '3' ? '工作组' : '标准'))
|
||||
}
|
||||
this.addDrawer = true
|
||||
}, // 查看
|
||||
delItem () {
|
||||
if (this.row.children.length > 0) {
|
||||
if (this.row.children) {
|
||||
this.$message.warning('不可删除!')
|
||||
} else {
|
||||
} else {
|
||||
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
@@ -1096,7 +1309,7 @@
|
||||
roundButton: true
|
||||
}).then(() => {
|
||||
let ids = []
|
||||
if (this.row.wgMeetingInfos.length > 0) {
|
||||
if (this.row.wgMeetingInfos) {
|
||||
this.row.wgMeetingInfos.forEach(item => {
|
||||
ids.push(item.id)
|
||||
})
|
||||
@@ -1131,56 +1344,63 @@
|
||||
}
|
||||
},
|
||||
addDrawerSubmit () {
|
||||
this.submitLoading = true
|
||||
if (this.DrawerType === 'add') {
|
||||
this.addForm.wgDepts.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgPayInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgMeetingInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.$http.postData('wg_work_group/add', this.addForm, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.submitLoading = false
|
||||
this.addDrawer = false
|
||||
if (res.ok) {
|
||||
this.headerNo = false
|
||||
this.$message.success('添加成功')
|
||||
this.destoryGraph()
|
||||
this.getData()
|
||||
} else {
|
||||
this.$message.warning('添加失败')
|
||||
this.$refs['addForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submitLoading = true
|
||||
if (this.DrawerType === 'add') {
|
||||
this.addForm.wgDepts.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgPayInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgMeetingInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.$http.postData('wg_work_group/add', this.addForm, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.submitLoading = false
|
||||
this.addDrawer = false
|
||||
if (res.ok) {
|
||||
this.headerNo = false
|
||||
this.$message.success('添加成功')
|
||||
this.destoryGraph()
|
||||
this.getData()
|
||||
} else {
|
||||
this.$message.warning('添加失败')
|
||||
}
|
||||
})
|
||||
} else if (this.DrawerType === 'edit') {
|
||||
this.addForm.wgDepts.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgPayInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgMeetingInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.$http.postData('wg_work_group/updateData', this.addForm, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.submitLoading = false
|
||||
this.addDrawer = false
|
||||
if (res.ok) {
|
||||
this.headerNo = false
|
||||
this.$message.success('修改成功')
|
||||
this.destoryGraph()
|
||||
this.getData()
|
||||
} else {
|
||||
this.$message.warning('修改失败')
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
} else if (this.DrawerType === 'edit') {
|
||||
this.addForm.wgDepts.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgPayInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.addForm.wgMeetingInfos.forEach(item => {
|
||||
item.joinfile = JSON.stringify(item.joinfile)
|
||||
})
|
||||
this.$http.postData('wg_work_group/updateData', this.addForm, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.submitLoading = false
|
||||
this.addDrawer = false
|
||||
if (res.ok) {
|
||||
this.headerNo = false
|
||||
this.$message.success('修改成功')
|
||||
this.destoryGraph()
|
||||
this.getData()
|
||||
} else {
|
||||
this.$message.warning('修改失败')
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$message.warning('请完善提交信息')
|
||||
return false;
|
||||
}
|
||||
})
|
||||
}, // 新增提交
|
||||
addDrawerClose () {
|
||||
this.addDrawer = false
|
||||
@@ -1200,6 +1420,10 @@
|
||||
this.headerNo = true
|
||||
let row = node._cfg.model
|
||||
this.addForm.pName = row.name
|
||||
if (row.level === '4') {
|
||||
this.standId = row.wgStandorpolicyInfos[0].standId
|
||||
this.itemType = row.wgStandorpolicyInfos[0].dataType
|
||||
}
|
||||
this.row = JSON.parse(JSON.stringify(row))
|
||||
this.row2 = JSON.parse(JSON.stringify(row))
|
||||
if (row.level === '0') {
|
||||
@@ -1484,6 +1708,15 @@
|
||||
|
||||
<style lang="less" scoped>
|
||||
.workingGroup1{
|
||||
#pagination {
|
||||
bottom: 57px !important;
|
||||
}
|
||||
.drawerTable {
|
||||
height: calc(~'100% - 126px');
|
||||
}
|
||||
/deep/.el-form-item__content {
|
||||
width: calc(~'100% - 120px');
|
||||
}
|
||||
height: 100%;
|
||||
/deep/.el-form-item__label {
|
||||
height: 100%;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -6,11 +6,11 @@
|
||||
class="home-tabs"
|
||||
>
|
||||
<el-tab-pane name="workingGroup1">
|
||||
<span slot="label"><i class="el-icon-s-order"></i> 工作组1</span>
|
||||
<span slot="label"><i class="el-icon-s-order"></i> 标准法规工作组</span>
|
||||
<workingGroup1 v-if="activeName === 'workingGroup1'"></workingGroup1>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane name="workingGroup2">
|
||||
<span slot="label"><i class="el-icon-s-promotion"></i> 工作组2</span>
|
||||
<span slot="label"><i class="el-icon-s-promotion"></i> 政策工作组</span>
|
||||
<workingGroup2 v-if="activeName === 'workingGroup2'"></workingGroup2>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
@@ -1589,6 +1589,17 @@ const routes = [
|
||||
menuId: 'B8UYM3WFCMGXR2BPF9JA'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/standCalendar',
|
||||
name: 'calendar',
|
||||
component: () =>
|
||||
import('@/pages/localTool/standCalendar'),
|
||||
meta: {
|
||||
requireAuth: false,
|
||||
title: '标准化活动日历',
|
||||
menuId: ''
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/itemSplitInfo',
|
||||
name: 'ItemSplitInfo',
|
||||
|
||||
Reference in New Issue
Block a user