工作组数据统计
This commit is contained in:
shenyanpei
@@ -2,191 +2,150 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="translateCost" class="child2">
|
<div id="translateCost" class="child2">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="项目名称">
|
||||||
<el-form-item label="项目名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入项目名称"></el-input>
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入项目名称" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="支出金额">
|
||||||
<el-form-item label="支出金额">
|
<el-input v-model="formQuery.money" size="small" placeholder="请输入支出金额"></el-input>
|
||||||
<el-input v-model="formInline1.money" size="small" placeholder="请输入支出金额" style="width: 170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="用途">
|
||||||
<el-form-item label="用途">
|
<el-input v-model="formQuery.use" size="small" placeholder="请输入用途">
|
||||||
<el-input v-model="formInline1.use" size="small" placeholder="请输入用途"style="width:170px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="" size="small" onclick="">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" onclick="" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
label="项目名称"
|
label="项目名称"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="payMoney"
|
prop="payMoney"
|
||||||
label="支出金额"
|
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>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="detailAnnex"
|
prop="use"
|
||||||
label="详细附件"
|
label="用途">
|
||||||
|
</el-table-column>
|
||||||
>
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="detailAnnex"
|
||||||
|
label="详细附件">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="项目名称">
|
||||||
<el-form-item label="项目名称">
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="支出金额">
|
||||||
<el-form-item label="支出金额">
|
<el-input v-model="formShowData.payMoney" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.payMoney" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="用途">
|
||||||
<el-form-item label="用途">
|
<el-input v-model="formShowData.use" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.use" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="详细附件">
|
||||||
<el-form-item label="详细附件">
|
<el-input v-model="formShowData.detailAnnex" type="text">
|
||||||
<el-input v-model="formLabelAlign.detailAnnex" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
</el-form>
|
</div>
|
||||||
</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>
|
||||||
|
<!– 导入弹框 –>
|
||||||
|
<el-dialog
|
||||||
|
title="导入文件"
|
||||||
|
:visible.sync="dialogVisible1"
|
||||||
|
width="30%"
|
||||||
|
>
|
||||||
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
|
</el-dialog>
|
||||||
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -194,43 +153,28 @@ export default {
|
|||||||
name: "child2",
|
name: "child2",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
name: '',
|
name: '',
|
||||||
money: '',
|
money: '',
|
||||||
use: ''
|
use: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
tableData: [],
|
||||||
name: '1',
|
|
||||||
payMoney: '1',
|
|
||||||
use: '1',
|
|
||||||
detailAnnex: '1'
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
formShowData: {
|
||||||
drawer2: false,
|
|
||||||
size: '600px',
|
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
name: '',
|
name: '',
|
||||||
payMoney: '',
|
payMoney: '',
|
||||||
use: '',
|
use: '',
|
||||||
detailAnnex: ''
|
detailAnnex: ''
|
||||||
},
|
},
|
||||||
formLabelAlign2: {
|
|
||||||
name: '',
|
drawerTable: false,
|
||||||
payMoney: '',
|
drawerTitle: '',
|
||||||
use: '',
|
formRules: {},
|
||||||
detailAnnex: ''
|
|
||||||
},
|
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
/*formInlineOut: {
|
|
||||||
name: '',
|
|
||||||
num: '',
|
|
||||||
remarks: ''
|
|
||||||
},*/
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -243,63 +187,54 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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) {
|
handleCommand(command) {
|
||||||
console.log(`每页 ${val} 条`);
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
editRowOne() {
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
},
|
},
|
||||||
addUser (){
|
deleteRowOne() {
|
||||||
this.$message.success('添加信息成功！')
|
},
|
||||||
this.dialogVisible2=false
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
}
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child2{
|
.child2 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -307,20 +242,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,228 +2,172 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="translateCost" class="child1">
|
<div id="translateCost" class="child1">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline" ref="formInline1">
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称"></el-input>
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width: 170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准编号">
|
||||||
<el-form-item label="标准编号">
|
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准编号"></el-input>
|
||||||
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准编号" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="补助来源">
|
||||||
<el-form-item label="补助来源">
|
<el-input v-model="formQuery.source" size="small" placeholder="请输入补助来源"></el-input>
|
||||||
<el-input v-model="formInline1.source" size="small" placeholder="请输入补助来源" style="width:170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" @click="">查询</el-button>
|
||||||
<el-button type="primary" size="small" @click="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50">
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
label="标准名称"
|
label="标准名称">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="num"
|
||||||
label="标准编号"
|
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>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="money"
|
prop="source"
|
||||||
label="补助金额"
|
label="补助来源">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="time"
|
prop="money"
|
||||||
label="入账时间"
|
label="补助金额">
|
||||||
|
</el-table-column>
|
||||||
>
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="time"
|
||||||
|
label="入账时间">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" >
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准编号">
|
||||||
<el-form-item label="标准编号">
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="补助来源">
|
||||||
<el-form-item label="补助来源">
|
<el-input v-model="formShowData.source" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.source" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="补助金额">
|
||||||
<el-form-item label="补助金额">
|
<el-input v-model="formShowData.money" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.money" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="入账时间">
|
||||||
|
<el-input v-model="formShowData.time" type="text" placeholder="请填写">
|
||||||
|
</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-form-item label="入账时间">
|
</el-drawer>
|
||||||
<el-input v-model="formLabelAlign.time" type="text" placeholder="请填写" style="width: 433px" >
|
<!-- <div>
|
||||||
</el-input>
|
<!– 导入弹框 –>
|
||||||
</el-form-item>
|
<el-dialog
|
||||||
</el-form>
|
title="导入文件"
|
||||||
</div>
|
:visible.sync="dialogVisible1"
|
||||||
<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%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-form :model="formInlineOut">
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
<el-form-item label="名称" >
|
</el-dialog>
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<!– 导出弹框 –>
|
||||||
</el-form-item>
|
<el-dialog
|
||||||
<el-form-item label="序号" >
|
title="导出文件"
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
:visible.sync="dialogVisible2"
|
||||||
</el-form-item>
|
width="30%"
|
||||||
<el-form-item label="备注" >
|
>
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-form :model="formInlineOut">
|
||||||
</el-form-item>
|
<el-form-item label="名称" >
|
||||||
</el-form>
|
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
||||||
<span slot="footer" class="dialog-footer">
|
</el-form-item>
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<el-form-item label="序号" >
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
||||||
</span>
|
</el-form-item>
|
||||||
</el-dialog>-->
|
<el-form-item label="备注" >
|
||||||
</div>
|
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
||||||
<!-- 页脚分页-->
|
</el-form-item>
|
||||||
<div class="block">
|
</el-form>
|
||||||
<el-pagination
|
<span slot="footer" class="dialog-footer">
|
||||||
@size-change="handleSizeChange"
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
@current-change="handleCurrentChange"
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
:current-page="currentPage"
|
</span>
|
||||||
:page-size="10"
|
</el-dialog>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</div>-->
|
||||||
:total="100">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -231,55 +175,28 @@ export default {
|
|||||||
name: "child1",
|
name: "child1",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
name: '',
|
name: '',
|
||||||
num: '',
|
num: '',
|
||||||
source: ''
|
source: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
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: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
formShowData: {
|
||||||
drawer2: false,
|
|
||||||
size: '600px',
|
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
name: '',
|
name: '',
|
||||||
num: '',
|
num: '',
|
||||||
source: '',
|
source: '',
|
||||||
money: '',
|
money: '',
|
||||||
time: ''
|
time: ''
|
||||||
},
|
},
|
||||||
formLabelAlign2: {
|
drawerTable: false,
|
||||||
name: '',
|
drawerTitle: '',
|
||||||
num: '',
|
formRules: {},
|
||||||
source: '',
|
|
||||||
money: '',
|
|
||||||
time: ''
|
|
||||||
},
|
|
||||||
rowIndex: null,
|
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -288,95 +205,62 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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(){
|
handleSelectionChange() {
|
||||||
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) {
|
resetForm(formName) {
|
||||||
this[formName] = {};
|
},
|
||||||
|
// 列表更多按钮
|
||||||
this.$nextTick(() => {
|
handleCommand(command) {
|
||||||
this.$refs[formName].resetFields()
|
switch (command[1]) {
|
||||||
});
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
editRowOne() {
|
||||||
|
},
|
||||||
|
deleteRowOne() {
|
||||||
|
},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
|
|
||||||
/*获取需要渲染到页面中的数据*/
|
|
||||||
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>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child1{
|
.child1 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -384,20 +268,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -54,50 +54,21 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
console.log(5)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
doubleClick(tab) {
|
doubleClick(tab) {
|
||||||
if (tab.name === 'first') {
|
if (tab.name === 'first') {
|
||||||
this.isChildUpdate1 = true
|
this.isChildUpdate1 = true
|
||||||
this.isChildUpdate2 = false
|
|
||||||
this.isChildUpdate3 = false
|
|
||||||
this.isChildUpdate4 = false
|
|
||||||
this.isChildUpdate5 = false
|
|
||||||
this.isChildUpdate6 = false
|
|
||||||
} else if (tab.name === 'second') {
|
} else if (tab.name === 'second') {
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = true
|
this.isChildUpdate2 = true
|
||||||
this.isChildUpdate3 = false
|
|
||||||
this.isChildUpdate4 = false
|
|
||||||
this.isChildUpdate5 = false
|
|
||||||
this.isChildUpdate6 = false
|
|
||||||
} else if (tab.name === 'third') {
|
} else if (tab.name === 'third') {
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = false
|
|
||||||
this.isChildUpdate3 = true
|
this.isChildUpdate3 = true
|
||||||
this.isChildUpdate4 = false
|
|
||||||
this.isChildUpdate5 = false
|
|
||||||
this.isChildUpdate6 = false
|
|
||||||
} else if (tab.name === 'fourth') {
|
} else if (tab.name === 'fourth') {
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = false
|
|
||||||
this.isChildUpdate3 = false
|
|
||||||
this.isChildUpdate4 = true
|
this.isChildUpdate4 = true
|
||||||
this.isChildUpdate5 = false
|
|
||||||
this.isChildUpdate6 = false
|
|
||||||
} else if (tab.name === 'fifth') {
|
} else if (tab.name === 'fifth') {
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = false
|
|
||||||
this.isChildUpdate3 = false
|
|
||||||
this.isChildUpdate4 = false
|
|
||||||
this.isChildUpdate5 = true
|
this.isChildUpdate5 = true
|
||||||
this.isChildUpdate6 = false
|
|
||||||
}else if (tab.name === 'sixth'){
|
}else if (tab.name === 'sixth'){
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = false
|
|
||||||
this.isChildUpdate3 = false
|
|
||||||
this.isChildUpdate4 = false
|
|
||||||
this.isChildUpdate5 = false
|
|
||||||
this.isChildUpdate6 = true
|
this.isChildUpdate6 = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,286 +2,282 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="listOfMeeting" class="child3">
|
<div id="listOfMeeting" class="child3">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="Meeting">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="会议名称">
|
||||||
<el-form-item label="会议名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入会议名称"></el-input>
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入会议名称" style="width: 170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会议时间">
|
||||||
<el-form-item label="会议时间">
|
<el-select v-model="formQuery.time" size="small" placeholder="请选择会议时间">
|
||||||
<el-select v-model="formInline1.time" size="small" placeholder="请选择会议时间" style="width: 170px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参加单位">
|
<el-form-item label="参加单位">
|
||||||
<el-select v-model="formInline1.part" size="small" placeholder="请选择参加单位" style="width: 170px">
|
<el-select v-model="formQuery.part" size="small" placeholder="请选择参加单位">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主要议题">
|
<el-form-item label="主要议题">
|
||||||
<el-input v-model="formInline1.theme" size="small" placeholder="请输入主要议题" style="width: 170px" >
|
<el-input v-model="formQuery.theme" size="small" placeholder="请输入主要议题">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-form-item>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="primary" size="small" @click="">查询</el-button>
|
||||||
</el-form-item>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
<el-form-item class="search-item btn-box">
|
</el-form-item>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<el-divider/>
|
||||||
</el-form-item>
|
<div style="float: left">
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="drawer = true">新增</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form-item>
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
<el-form-item>
|
</div>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
|
</el-form>
|
||||||
</el-form-item>
|
<el-divider/>
|
||||||
<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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333',padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
type="selection"
|
||||||
width="50">
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="100"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="holdUnit"
|
prop="holdUnit"
|
||||||
label="主办单位"
|
label="主办单位"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingName"
|
prop="meetingName"
|
||||||
label="会议名称"
|
label="会议名称"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingTime"
|
prop="meetingTime"
|
||||||
label="会议时间"
|
label="会议时间"
|
||||||
width="150"
|
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>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="costStandard"
|
prop="meetingArea"
|
||||||
label="会费标准"
|
label="会议地点"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="reality"
|
prop="costStandard"
|
||||||
label="会费实际发生"
|
label="会费标准"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="costList"
|
prop="reality"
|
||||||
label="费用列支"
|
label="会费实际发生"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="partner"
|
prop="costList"
|
||||||
label="参会人员"
|
label="费用列支"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="leader"
|
prop="partner"
|
||||||
label="主管领导"
|
label="参会人员"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="unit"
|
prop="leader"
|
||||||
label="参与单位"
|
label="主管领导"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingMeans"
|
prop="unit"
|
||||||
label="会议资料"
|
label="参与单位"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingSound"
|
prop="meetingMeans"
|
||||||
label="会议录音"
|
label="会议资料"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingTheme"
|
prop="meetingSound"
|
||||||
label="主要议题"
|
label="会议录音"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="meetingTheme"
|
||||||
|
label="主要议题"
|
||||||
|
width="150"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer">
|
<div style="margin: 10px;">
|
||||||
<div style="margin: 10px;"></div>
|
<el-form label-width="150px" style="overflow-y: scroll" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
|
|
||||||
<el-form-item label="主办单位">
|
<el-form-item label="主办单位">
|
||||||
<el-input v-model="formLabelAlign.holdUnit" type="text" placeholder="请填写" ></el-input>
|
<el-input v-model="formShowData.holdUnit" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会议名称">
|
<el-form-item label="会议名称">
|
||||||
<el-input v-model="formLabelAlign.meetingName" type="text" placeholder="请填写" ></el-input>
|
<el-input v-model="formShowData.meetingName" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会议时间">
|
<el-form-item label="会议时间">
|
||||||
<el-select v-model="formLabelAlign.meetingTime" type="text" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.meetingTime" type="text" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会议地点">
|
<el-form-item label="会议地点">
|
||||||
<el-select v-model="formLabelAlign.meetingArea" type="text" placeholder="请填写" style="width: 433px">
|
<el-select v-model="formShowData.meetingArea" type="text" placeholder="请填写">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会费标准">
|
<el-form-item label="会费标准">
|
||||||
<el-select v-model="formLabelAlign.costStandard" placeholder="请选择" type="text" style="width: 433px">
|
<el-select v-model="formShowData.costStandard" placeholder="请选择" type="text">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会费实际发生">
|
<el-form-item label="会费实际发生">
|
||||||
<el-select v-model="formLabelAlign.reality" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.reality" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="费用列支">
|
<el-form-item label="费用列支">
|
||||||
<el-select v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.costList" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参会人员">
|
<el-form-item label="参会人员">
|
||||||
<el-input v-model="formLabelAlign.partner" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.partner" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主管领导">
|
<el-form-item label="主管领导">
|
||||||
<el-input v-model="formLabelAlign.leader" placeholder="请填写" >
|
<el-input v-model="formShowData.leader" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参与单位">
|
<el-form-item label="参与单位">
|
||||||
<el-input v-model="formLabelAlign.unit" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.unit" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会议录音">
|
<el-form-item label="会议录音">
|
||||||
<el-input v-model="formLabelAlign.meetingSound" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.meetingSound" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主要议题">
|
<el-form-item label="主要议题">
|
||||||
<el-input v-model="formLabelAlign.meetingTheme" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.meetingTheme" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="demo-drawer-footer">
|
</div>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<div class="demo-drawer-footer">
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
</div>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
<!-- <div>
|
||||||
<!-- 导入弹框 -->
|
<!– 导入弹框 –>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="导入文件"
|
title="导入文件"
|
||||||
:visible.sync="dialogVisible1"
|
:visible.sync="dialogVisible1"
|
||||||
width="30%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 导出弹框 -->
|
<!– 导出弹框 –>
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="导出文件"
|
title="导出文件"
|
||||||
:visible.sync="dialogVisible2"
|
:visible.sync="dialogVisible2"
|
||||||
width="30%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-form :model="formInlineOut">
|
<el-form :model="formInlineOut">
|
||||||
<el-form-item label="名称" >
|
<el-form-item label="名称" >
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="序号" >
|
<el-form-item label="序号" >
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" >
|
<el-form-item label="备注" >
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -289,32 +285,20 @@ export default {
|
|||||||
name: "child3",
|
name: "child3",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
name: '',
|
name: '',
|
||||||
time: '',
|
time: '',
|
||||||
part: '',
|
part: '',
|
||||||
theme: ''
|
theme: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
tableData: [],
|
||||||
holdUnit: '',
|
|
||||||
meetingName: '',
|
|
||||||
meetingTime: '',
|
|
||||||
meetingArea: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: '',
|
|
||||||
partner: '',
|
|
||||||
leader: '',
|
|
||||||
unit: '',
|
|
||||||
meetingMeans: '',
|
|
||||||
meetingSound: '',
|
|
||||||
meetingTheme: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer: false,
|
formShowData: {
|
||||||
size: '600px',
|
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
holdUnit: '',
|
holdUnit: '',
|
||||||
mneetingName: '',
|
mneetingName: '',
|
||||||
meetingTime: '',
|
meetingTime: '',
|
||||||
@@ -329,20 +313,16 @@ export default {
|
|||||||
meetingSound: '',
|
meetingSound: '',
|
||||||
meetingTheme: ''
|
meetingTheme: ''
|
||||||
},
|
},
|
||||||
dialogVisible1: false,
|
formRules: {},
|
||||||
dialogVisible2: false,
|
|
||||||
formInlineOut: {
|
drawerTitle: '',
|
||||||
name: '',
|
drawerTable: false,
|
||||||
num: '',
|
|
||||||
remarks: ''
|
|
||||||
},
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
this.getTableData()
|
console.log(4)
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@@ -350,75 +330,54 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {},
|
||||||
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) {
|
resetForm() {},
|
||||||
this[formName] = {};
|
|
||||||
|
|
||||||
this.$nextTick(() => {
|
// 列表更多按钮
|
||||||
this.$refs[formName].resetFields()
|
handleCommand(command) {
|
||||||
});
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
editRowOne() {},
|
||||||
handleSizeChange(val) {
|
deleteRowOne() {},
|
||||||
console.log(`每页 ${val} 条`);
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child3{
|
.child3 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -426,20 +385,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,269 +2,269 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="listOfMember" class="child2">
|
<div id="listOfMember" class="child2">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="Member">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="提报单位名称">
|
||||||
<el-form-item label="提报单位名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入提报单位"></el-input>
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入提报单位" style="width: 170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="协会名称">
|
||||||
<el-form-item label="协会名称">
|
<el-input v-model="formQuery.meeting" size="small" placeholder="请输入协会名称"></el-input>
|
||||||
<el-input v-model="formInline1.meeting" size="small" placeholder="请输入协会名称" style="width: 170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会员角色">
|
||||||
<el-form-item label="会员角色">
|
<el-select v-model="formQuery.role" size="small" placeholder="请选择会员角色">
|
||||||
<el-select v-model="formInline1.role" size="small" placeholder="请选择会员角色" style="width: 170px">
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="所在部门">
|
||||||
<el-form-item label="所在部门">
|
<el-select v-model="formQuery.part" size="small" placeholder="请选择所在部门">
|
||||||
<el-select v-model="formInline1.part" size="small" placeholder="请选择所在部门" style="width: 180px">
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333',padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column align="center" type="selection" width="50"/>
|
||||||
type="selection"
|
<el-table-column align="center" type="index" label="序号" width="50"/>
|
||||||
width="50">
|
<el-table-column align="center" prop="unitName" label="提报单位名称" width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.unitName || '-' }}
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
prop="totalName"
|
||||||
label="序号"
|
label="协会名称-标委会"
|
||||||
width="100"
|
width="auto"
|
||||||
>
|
|
||||||
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="unitName"
|
|
||||||
label="提报单位名称"
|
|
||||||
width="150"
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="totalName"
|
prop="branchName"
|
||||||
label="协会名称-标委会"
|
label="协会名称-分标委"
|
||||||
width="150"
|
width="auto"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="branchName"
|
prop="workName"
|
||||||
label="协会名称-分标委"
|
label="协会名称-工作组"
|
||||||
width="150">
|
width="auto"
|
||||||
<!-- show-overflow-tooltip>-->
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="workName"
|
prop="thisTime"
|
||||||
label="协会名称-工作组"
|
label="本届入会时间"
|
||||||
width="150">
|
width="120"
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="thisTime"
|
|
||||||
label="本届入会时间"
|
|
||||||
width="150"
|
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">{{ scope.row.date }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="vipRole"
|
prop="vipRole"
|
||||||
label="会员角色"
|
label="会员角色"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="players"
|
prop="players"
|
||||||
label="参与人"
|
label="参与人"
|
||||||
width="150"
|
width="120"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="post"
|
prop="post"
|
||||||
label="职务"
|
label="职务"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="department"
|
prop="department"
|
||||||
label="所在部门"
|
label="所在部门"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="num"
|
||||||
label="联系方式"
|
label="联系方式"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="timeOffice"
|
prop="timeOffice"
|
||||||
label="任期"
|
label="任期"
|
||||||
width="150"
|
width="120"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.date }}
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="certificate"
|
prop="certificate"
|
||||||
label="证书"
|
label="证书"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="account"
|
prop="account"
|
||||||
label="账号"
|
label="账号"
|
||||||
width="150">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="passWord"
|
prop="passWord"
|
||||||
label="密码"
|
label="密码"
|
||||||
width="150"
|
width="120"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.date || '-' }}
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="remarks"
|
prop="remarks"
|
||||||
label="备注"
|
label="备注"
|
||||||
width="150">
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="member-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer">
|
<div style="margin: 10px;"></div>
|
||||||
<div style="margin: 10px;"></div>
|
<el-form label-width="150px" style="overflow-y: scroll" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="提报单位名称">
|
||||||
<el-form-item label="提报单位名称">
|
<el-input v-model="formShowData.unitName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.unitName" type="text" placeholder="请填写" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="协会名称-委员会">
|
||||||
<el-form-item label="协会名称-委员会">
|
<el-input v-model="formShowData.totalName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.totalName" type="text" placeholder="请填写" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="协会名称-分表委">
|
||||||
<el-form-item label="协会名称-分表委">
|
<el-input v-model="formShowData.branchName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.branchName" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="协会名称-工作组">
|
||||||
<el-form-item label="协会名称-工作组">
|
<el-input v-model="formShowData.workName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.workName" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="本届入会时间">
|
||||||
<el-form-item label="本届入会时间">
|
<el-input v-model="formShowData.thisTime" placeholder="日期选择" type="text"></el-input>
|
||||||
<el-input v-model="formLabelAlign.thisTime" placeholder="日期选择" type="text" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会员角色">
|
||||||
<el-form-item label="会员角色">
|
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色">
|
||||||
<el-select v-model="formLabelAlign.vipRole" placeholder="请选择会员角色" style="width: 433px">
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="参与人">
|
||||||
<el-form-item label="参与人">
|
<el-select v-model="formShowData.players" placeholder="请选择参与人">
|
||||||
<el-select v-model="formLabelAlign.players" placeholder="请选择参与人" style="width: 433px">
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="职务">
|
||||||
<el-form-item label="职务">
|
<el-input v-model="formShowData.post" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.post" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="所在部门">
|
||||||
<el-form-item label="所在部门">
|
<el-input v-model="formShowData.partment" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.partment" placeholder="请填写" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="联系方式">
|
||||||
<el-form-item label="联系方式">
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="任期">
|
||||||
<el-form-item label="任期">
|
<el-input v-model="formShowData.timeOffice" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.timeOffice" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="证书">
|
||||||
<el-form-item label="证书">
|
<el-input v-model="formShowData.certificate" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.certificate" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="账号">
|
||||||
<el-form-item label="账号">
|
<el-input v-model="formShowData.account" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.account" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="密码">
|
||||||
<el-form-item label="密码">
|
<el-input v-model="formShowData.passWord" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.passWord" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="备注">
|
||||||
<el-form-item label="备注">
|
<el-input v-model="formShowData.remarks" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.remarks" type="text" placeholder="请填写"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
</el-form>
|
<div class="demo-drawer-footer">
|
||||||
<div class="demo-drawer-footer">
|
<el-button size="small" @click="drawerTable = false">取消</el-button>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" type="primary" @click="submit">提交</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
</el-drawer>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<!-- 导入弹框 -->
|
<!-- 导入弹框 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="导入文件"
|
title="导入文件"
|
||||||
:visible.sync="dialogVisible1"
|
:visible.sync="dialogVisible1"
|
||||||
width="30%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 导出弹框 -->
|
<!-- 导出弹框 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="导出文件"
|
title="导出文件"
|
||||||
:visible.sync="dialogVisible2"
|
:visible.sync="dialogVisible2"
|
||||||
width="30%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-form :model="formInlineOut">
|
<el-form :model="formInlineOut">
|
||||||
<el-form-item label="名称" >
|
<el-form-item label="名称">
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.name"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="序号" >
|
<el-form-item label="序号">
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.num"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" >
|
<el-form-item label="备注">
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-input v-model="formInlineOut.remarks"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
@@ -273,21 +273,9 @@
|
|||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -295,34 +283,28 @@ export default {
|
|||||||
name: "child2",
|
name: "child2",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
// 表格加载
|
||||||
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
name: '',
|
name: '',
|
||||||
meeting: '',
|
meeting: '',
|
||||||
role: '',
|
role: '',
|
||||||
part: ''
|
part: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
tableData: [],
|
||||||
unitName: '',
|
|
||||||
totalName: '',
|
|
||||||
branchName: '',
|
|
||||||
workName: '',
|
|
||||||
thisTime: '',
|
|
||||||
vipRole: '',
|
|
||||||
players: '',
|
|
||||||
post: '',
|
|
||||||
department: '',
|
|
||||||
num: '',
|
|
||||||
timeOffice: '',
|
|
||||||
certificate: '',
|
|
||||||
account: '',
|
|
||||||
passWord: '',
|
|
||||||
remarks: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer: false,
|
|
||||||
size: '600px',
|
// 新增、编辑抽屉
|
||||||
labelPosition: 'center',
|
drawerTable: false,
|
||||||
formLabelAlign: {
|
drawerTitle: '',
|
||||||
|
formRules: {},
|
||||||
|
|
||||||
|
formShowData: {
|
||||||
unitName: '',
|
unitName: '',
|
||||||
totalName: '',
|
totalName: '',
|
||||||
branchName: '',
|
branchName: '',
|
||||||
@@ -339,6 +321,7 @@ export default {
|
|||||||
passWord: '',
|
passWord: '',
|
||||||
remarks: ''
|
remarks: ''
|
||||||
},
|
},
|
||||||
|
|
||||||
dialogVisible1: false,
|
dialogVisible1: false,
|
||||||
dialogVisible2: false,
|
dialogVisible2: false,
|
||||||
formInlineOut: {
|
formInlineOut: {
|
||||||
@@ -352,7 +335,7 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
this.getTableData()
|
console.log(1)
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@@ -360,79 +343,58 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//增加方法
|
//增加方法
|
||||||
submit: function(){
|
formDataAdd() {},
|
||||||
this.$confirm('确认进行添加','是否继续？','提示',{
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
|
/** 查询 */
|
||||||
|
queryForm() {},
|
||||||
//清空
|
//清空
|
||||||
resetForm(formName) {
|
resetForm() {
|
||||||
this[formName] = {};
|
|
||||||
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[formName].resetFields()
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
// 列表更多按钮
|
||||||
handleSizeChange(val) {
|
handleCommand(command) {
|
||||||
console.log(`每页 ${val} 条`);
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
editRowOne() {},
|
||||||
|
deleteRowOne() {},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child2{
|
.child2 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -441,19 +403,14 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,21 +2,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="listOfSociety" class="child1">
|
<div id="listOfSociety" class="child1">
|
||||||
<!-- 查询框 -->
|
<!-- 查询框 -->
|
||||||
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
<el-form :inline="true" :model="formQuery">
|
||||||
<el-form-item label="协会名称:">
|
<el-form-item label="协会名称:">
|
||||||
<el-input v-model="formQuery.name" size="small" placeholder="请填写协会名称" style="width: 170px"></el-input>
|
<el-input v-model="formQuery.name" size="small" placeholder="请填写协会名称"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员角色:">
|
<el-form-item label="会员角色:">
|
||||||
<el-input v-model="formQuery.role" size="small" placeholder="请输入会员角色" style="width: 170px"></el-input>
|
<el-input v-model="formQuery.role" size="small" placeholder="请输入会员角色"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会性质:">
|
<el-form-item label="协会性质:">
|
||||||
<el-select v-model="formQuery.nature" size="small" placeholder="请输入协会性质" style="width: 170px">
|
<el-select v-model="formQuery.nature" size="small" placeholder="请输入协会性质">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会状态:">
|
<el-form-item label="协会状态:">
|
||||||
<el-select v-model="formQuery.state" size="small" placeholder="请选择协会状态" style="width: 170px">
|
<el-select v-model="formQuery.state" size="small" placeholder="请选择协会状态">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -25,11 +25,12 @@
|
|||||||
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="float: right;padding-right: 10px">
|
<el-divider/>
|
||||||
<el-button type="primary" size="small" @click="drawer = true">新增</el-button>
|
<div style="float: left;">
|
||||||
|
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-button type="danger" size="small" @click="deleteDetail($index,tableData)" icon="el-icon-delete">
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">
|
||||||
批量删除
|
批量删除
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
@@ -44,7 +45,7 @@
|
|||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333',padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column align="center" type="selection" width="50"/>
|
<el-table-column align="center" type="selection" width="50"/>
|
||||||
@@ -93,14 +94,14 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
<pagination
|
<pagination
|
||||||
:page="currentPage"
|
:page="formQuery.page"
|
||||||
:total="tableTotal"
|
:total="formQuery.tableTotal"
|
||||||
@pageChange="pageChange"
|
@pageChange="pageChange"
|
||||||
@pageSizeChange="pageSizeChange"/>
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="society-drawer">
|
|
||||||
<el-drawer
|
<el-drawer
|
||||||
:title="drawerTitle"
|
:title="drawerTitle"
|
||||||
:visible.sync="drawerTable">
|
:visible.sync="drawerTable">
|
||||||
@@ -116,13 +117,13 @@
|
|||||||
<el-input v-model="formShowData.workName" type="text"></el-input>
|
<el-input v-model="formShowData.workName" type="text"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员角色">
|
<el-form-item label="会员角色">
|
||||||
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色" style="width: 433px">
|
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参与人">
|
<el-form-item label="参与人">
|
||||||
<el-select v-model="formShowData.players" placeholder="请选择参与人" style="width: 433px">
|
<el-select v-model="formShowData.players" placeholder="请选择参与人">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -131,13 +132,13 @@
|
|||||||
<el-input v-model="formShowData.standard" type="text"></el-input>
|
<el-input v-model="formShowData.standard" type="text"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准负责人">
|
<el-form-item label="标准负责人">
|
||||||
<el-select v-model="formShowData.standardLeader" placeholder="请选择标准负责人" style="width: 433px">
|
<el-select v-model="formShowData.standardLeader" placeholder="请选择标准负责人">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="责任领导">
|
<el-form-item label="责任领导">
|
||||||
<el-select v-model="formShowData.leader" placeholder="请选择责任领导" style="width: 433px">
|
<el-select v-model="formShowData.leader" placeholder="请选择责任领导">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -152,7 +153,7 @@
|
|||||||
<el-input v-model="formShowData.costStandard" type="text"></el-input>
|
<el-input v-model="formShowData.costStandard" type="text"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="费用列支">
|
<el-form-item label="费用列支">
|
||||||
<el-select v-model="formShowData.cost" placeholder="请选择费用列支" style="width: 433px">
|
<el-select v-model="formShowData.cost" placeholder="请选择费用列支">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -167,7 +168,7 @@
|
|||||||
<el-input v-model="formShowData.cost2017" type="text"></el-input>
|
<el-input v-model="formShowData.cost2017" type="text"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="2018年缴费">
|
<el-form-item label="2018年缴费">
|
||||||
<el-select v-model="formShowData.cost2018" placeholder="请选择2018年缴费" style="width: 433px">
|
<el-select v-model="formShowData.cost2018" placeholder="请选择2018年缴费">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -182,25 +183,25 @@
|
|||||||
<el-input v-model="formShowData.cost2021" type="text"></el-input>
|
<el-input v-model="formShowData.cost2021" type="text"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经办人">
|
<el-form-item label="经办人">
|
||||||
<el-select v-model="formShowData.person" placeholder="请选择经办人" style="width: 433px">
|
<el-select v-model="formShowData.person" placeholder="请选择经办人">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="部门">
|
<el-form-item label="部门">
|
||||||
<el-select v-model="formShowData.partment" placeholder="请选择部门" style="width: 433px">
|
<el-select v-model="formShowData.partment" placeholder="请选择部门">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会性质">
|
<el-form-item label="协会性质">
|
||||||
<el-select v-model="formShowData.nature" placeholder="请选择协会性质" style="width: 433px">
|
<el-select v-model="formShowData.nature" placeholder="请选择协会性质">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会状态">
|
<el-form-item label="协会状态">
|
||||||
<el-select v-model="formShowData.state" placeholder="请选择协会性质" style="width: 433px">
|
<el-select v-model="formShowData.state" placeholder="请选择协会性质">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -220,17 +221,14 @@
|
|||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 导入弹框 -->
|
<!-- 导入弹框 -->
|
||||||
<el-dialog
|
<!-- <el-dialog
|
||||||
title="导入文件"
|
title="导入文件"
|
||||||
:visible.sync="dialogVisible1"
|
:visible.sync="dialogVisible1"
|
||||||
width="30%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 导出弹框 -->
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="导出文件"
|
title="导出文件"
|
||||||
:visible.sync="dialogVisible2"
|
:visible.sync="dialogVisible2"
|
||||||
@@ -251,7 +249,7 @@
|
|||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>-->
|
||||||
<!-- 删除提示弹框 -->
|
<!-- 删除提示弹框 -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -264,13 +262,18 @@ export default {
|
|||||||
name: "child1",
|
name: "child1",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
// 表格加载loading
|
||||||
|
loading: false,
|
||||||
formQuery: {
|
formQuery: {
|
||||||
name: '',
|
name: '',
|
||||||
role: '',
|
role: '',
|
||||||
nature: '',
|
nature: '',
|
||||||
state: ''
|
state: '',
|
||||||
|
currentPage: 1,
|
||||||
|
tableTotal: 0,
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
},
|
},
|
||||||
formInline2: {},
|
|
||||||
tableData: [],
|
tableData: [],
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer: false,
|
drawer: false,
|
||||||
@@ -302,7 +305,7 @@ export default {
|
|||||||
state: '',
|
state: '',
|
||||||
linkMan: '',
|
linkMan: '',
|
||||||
num: '',
|
num: '',
|
||||||
email: ''
|
email: '',
|
||||||
},
|
},
|
||||||
dialogVisible1: false,
|
dialogVisible1: false,
|
||||||
dialogVisible2: false,
|
dialogVisible2: false,
|
||||||
@@ -313,16 +316,12 @@ export default {
|
|||||||
remarks: ''
|
remarks: ''
|
||||||
},
|
},
|
||||||
dialogVisible3: false,
|
dialogVisible3: false,
|
||||||
// 分页有关
|
|
||||||
currentPage: 1,
|
|
||||||
tableTotal: 0,
|
|
||||||
page: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
// 新增，编辑框
|
// 新增，编辑框
|
||||||
drawerTitle: '',
|
drawerTitle: '',
|
||||||
drawerTable: false,
|
drawerTable: false,
|
||||||
|
|
||||||
formRules: [],
|
formRules: {},
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
@@ -332,6 +331,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
/** 获取该页面内的列表数据 */
|
/** 获取该页面内的列表数据 */
|
||||||
getData() {
|
getData() {
|
||||||
|
console.log(2)
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit() {
|
submit() {
|
||||||
@@ -340,6 +340,8 @@ export default {
|
|||||||
//删除方法
|
//删除方法
|
||||||
deleteDetail(index, rows) {
|
deleteDetail(index, rows) {
|
||||||
},
|
},
|
||||||
|
/** 查询 */
|
||||||
|
queryForm() {},
|
||||||
//清空
|
//清空
|
||||||
resetForm() {
|
resetForm() {
|
||||||
this.formQuery = {};
|
this.formQuery = {};
|
||||||
@@ -347,6 +349,9 @@ export default {
|
|||||||
handleSelectionChange(val) {
|
handleSelectionChange(val) {
|
||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/** 新增 */
|
||||||
|
formDataAdd() {},
|
||||||
// 列表更多按钮
|
// 列表更多按钮
|
||||||
handleCommand(command) {
|
handleCommand(command) {
|
||||||
switch (command[1]) {
|
switch (command[1]) {
|
||||||
@@ -412,10 +417,11 @@ export default {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-divider--horizontal {
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -427,13 +433,6 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.leading-in {
|
.leading-in {
|
||||||
|
|||||||
@@ -2,383 +2,383 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="listOfStandard" class="child4">
|
<div id="listOfStandard" class="child4">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="Standard">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="标准编号">
|
||||||
<el-form-item label="标准编号">
|
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准编号"></el-input>
|
||||||
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准编号" style="width: 170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-select v-model="formQuery.name" size="small" placeholder="请选择标准名称"></el-select>
|
||||||
<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="formQuery.revise" size="small" placeholder="请选择标准制/修订">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-form-item>
|
</el-select>
|
||||||
<el-form-item label="标准制/修订">
|
</el-form-item>
|
||||||
<el-select v-model="formInline1.revise" size="small" placeholder="请选择标准制/修订" style="width: 170px">
|
<el-form-item label="主持/参与">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-input v-model="formQuery.directPartner" size="small" placeholder="请选择主持/参与">
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-input>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item label="主持/参与">
|
<el-button type="primary" size="small" @click="">查询</el-button>
|
||||||
<el-input v-model="formInline1.directPartner" size="small" placeholder="请选择主持/参与" style="width: 170px" >
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-divider/>
|
||||||
<el-form-item class="search-item btn-box">
|
<div style="float: left">
|
||||||
<el-button type="primary" size="small" @click="" >查询</el-button>
|
<el-button type="primary" size="small" @click="drawer = true">新增</el-button>
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form>
|
</div>
|
||||||
<el-form :inline="true" :model="formInline2">
|
</el-form>
|
||||||
<el-form-item>
|
<el-divider/>
|
||||||
<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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50"
|
||||||
>
|
>
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="stage"
|
prop="stage"
|
||||||
label="所处阶段"
|
label="所处阶段"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="standardNum"
|
prop="standardNum"
|
||||||
label="标准号"
|
label="标准号"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="standardName"
|
prop="standardName"
|
||||||
label="标准名称"
|
label="标准名称"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="codeNum"
|
prop="codeNum"
|
||||||
label="项目代号"
|
label="项目代号"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="codeName"
|
prop="codeName"
|
||||||
label="项目名称"
|
label="项目名称"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="standardType"
|
prop="standardType"
|
||||||
label="标准类型"
|
label="标准类型"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="directPartner"
|
prop="directPartner"
|
||||||
label="主持或参与"
|
label="主持或参与"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="startTime"
|
prop="startTime"
|
||||||
label="发布日期"
|
label="发布日期"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">{{ scope.row.date }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="putTime"
|
prop="putTime"
|
||||||
label="实施日期"
|
label="实施日期"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">{{ scope.row.date }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="organ"
|
prop="organ"
|
||||||
label="颁布机构"
|
label="颁布机构"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="headDraft"
|
prop="headDraft"
|
||||||
label="牵头起草单位"
|
label="牵头起草单位"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="recordTime"
|
prop="recordTime"
|
||||||
label="备案时间"
|
label="备案时间"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope">{{ scope.row.date }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="putUnit"
|
prop="putUnit"
|
||||||
label="提报单位名称"
|
label="提报单位名称"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="partner"
|
prop="partner"
|
||||||
label="参与人"
|
label="参与人"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="writer"
|
prop="writer"
|
||||||
label="署名人"
|
label="署名人"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="standardCost"
|
prop="standardCost"
|
||||||
label="制标费用"
|
label="制标费用"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="elseCost"
|
prop="elseCost"
|
||||||
label="其他费用"
|
label="其他费用"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="revise"
|
prop="revise"
|
||||||
label="标准制/修订"
|
label="标准制/修订"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="prize"
|
prop="prize"
|
||||||
label="获奖情况"
|
label="获奖情况"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="writerSort"
|
prop="writerSort"
|
||||||
label="署名排序"
|
label="署名排序"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="remarks"
|
prop="remarks"
|
||||||
label="备注"
|
label="备注"
|
||||||
width="150"
|
width="150"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="standard-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer">
|
<div style="margin: 10px;">
|
||||||
<div style="margin: 10px;"></div>
|
<el-form label-width="150px" style="overflow-y: scroll" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" style="overflow-y: scroll" :model="formLabelAlign" v-model="labelPosition">
|
|
||||||
<el-form-item label="所处阶段">
|
<el-form-item label="所处阶段">
|
||||||
<el-select v-model="formLabelAlign.stage" type="text" placeholder="请填写" style="width: 433px">
|
<el-select v-model="formShowData.stage" type="text" placeholder="请填写">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准号">
|
<el-form-item label="标准号">
|
||||||
<el-input v-model="formLabelAlign.standardNum" type="text" placeholder="请填写" ></el-input>
|
<el-input v-model="formShowData.standardNum" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准名称">
|
<el-form-item label="标准名称">
|
||||||
<el-input v-model="formLabelAlign.standardName" type="text" placeholder="请填写" >
|
<el-input v-model="formShowData.standardName" type="text" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准类型">
|
<el-form-item label="标准类型">
|
||||||
<el-select v-model="formLabelAlign.standardType" type="text" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.standardType" type="text" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="主持或参与">
|
<el-form-item label="主持或参与">
|
||||||
<el-select v-model="formLabelAlign.directPartner" placeholder="请选择" type="text" style="width: 433px">
|
<el-select v-model="formShowData.directPartner" placeholder="请选择" type="text">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="发布日期">
|
<el-form-item label="发布日期">
|
||||||
<el-select v-model="formLabelAlign.startTime" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.startTime" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="实施日期">
|
<el-form-item label="实施日期">
|
||||||
<el-select v-model="formLabelAlign.putTime" placeholder="请选择" style="width: 433px">
|
<el-select v-model="formShowData.putTime" placeholder="请选择">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="颁布机构">
|
<el-form-item label="颁布机构">
|
||||||
<el-input v-model="formLabelAlign.organ" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.organ" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="牵头起草单位">
|
<el-form-item label="牵头起草单位">
|
||||||
<el-input v-model="formLabelAlign.headDraft" placeholder="请填写" >
|
<el-input v-model="formShowData.headDraft" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备案时间">
|
<el-form-item label="备案时间">
|
||||||
<el-input v-model="formLabelAlign.recordTime" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.recordTime" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="提报单位名称">
|
<el-form-item label="提报单位名称">
|
||||||
<el-input v-model="formLabelAlign.putUnit" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.putUnit" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参与人">
|
<el-form-item label="参与人">
|
||||||
<el-select v-model="formLabelAlign.partner" type="text" placeholder="请填写" style="width: 433px">
|
<el-select v-model="formShowData.partner" type="text" placeholder="请填写">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准制/修订">
|
<el-form-item label="标准制/修订">
|
||||||
<el-select v-model="formLabelAlign.revise" type="text" placeholder="请填写" style="width: 433px">
|
<el-select v-model="formShowData.revise" type="text" placeholder="请填写">
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="获奖情况">
|
<el-form-item label="获奖情况">
|
||||||
<el-input v-model="formLabelAlign.prize" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.prize" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="署名排序">
|
<el-form-item label="署名排序">
|
||||||
<el-input v-model="formLabelAlign.writerSort" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.writerSort" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注">
|
<el-form-item label="备注">
|
||||||
<el-input v-model="formLabelAlign.remarks" type="text" placeholder="请填写"></el-input>
|
<el-input v-model="formShowData.remarks" type="text" placeholder="请填写"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="demo-drawer-footer">
|
</div>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<div class="demo-drawer-footer">
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
</div>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
</el-drawer>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
|
|
||||||
<div>
|
|
||||||
<!-- 导入弹框 -->
|
<!-- <div>
|
||||||
<el-dialog
|
<!– 导入弹框 –>
|
||||||
title="导入文件"
|
<el-dialog
|
||||||
:visible.sync="dialogVisible1"
|
title="导入文件"
|
||||||
width="30%"
|
:visible.sync="dialogVisible1"
|
||||||
>
|
width="30%"
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
>
|
||||||
</el-dialog>
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
<!-- 导出弹框 -->
|
</el-dialog>
|
||||||
<el-dialog
|
<!– 导出弹框 –>
|
||||||
title="导出文件"
|
<el-dialog
|
||||||
:visible.sync="dialogVisible2"
|
title="导出文件"
|
||||||
width="30%"
|
:visible.sync="dialogVisible2"
|
||||||
>
|
width="30%"
|
||||||
<el-form :model="formInlineOut">
|
>
|
||||||
<el-form-item label="名称" >
|
<el-form :model="formInlineOut">
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<el-form-item label="名称" >
|
||||||
</el-form-item>
|
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
||||||
<el-form-item label="序号" >
|
</el-form-item>
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
<el-form-item label="序号" >
|
||||||
</el-form-item>
|
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
||||||
<el-form-item label="备注" >
|
</el-form-item>
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-form-item label="备注" >
|
||||||
</el-form-item>
|
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
||||||
</el-form>
|
</el-form-item>
|
||||||
<span slot="footer" class="dialog-footer">
|
</el-form>
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
</span>
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
</el-dialog>
|
</span>
|
||||||
<!-- 删除提示弹框 -->
|
</el-dialog>
|
||||||
<el-dialog
|
<!– 删除提示弹框 –>
|
||||||
:visible.sync="dialogVisible3"
|
<el-dialog
|
||||||
width="30%"
|
:visible.sync="dialogVisible3"
|
||||||
title="提 示："
|
width="30%"
|
||||||
height="100px"
|
title="提 示："
|
||||||
>
|
height="100px"
|
||||||
<span >
|
>
|
||||||
<div class="icon">
|
<span >
|
||||||
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
<div class="icon">
|
||||||
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
|
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
<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">
|
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
|
||||||
</path>
|
<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">
|
||||||
</svg></div>
|
</path>
|
||||||
确认删除这些数据？</span>
|
</svg></div>
|
||||||
<span slot="footer" class="dialog-footer">
|
确认删除这些数据？</span>
|
||||||
<el-button @click="dialogVisible3 = false">不用了</el-button>
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button type="primary" @click="dialogVisible3 = false">好 的</el-button>
|
<el-button @click="dialogVisible3 = false">不用了</el-button>
|
||||||
</span>
|
<el-button type="primary" @click="dialogVisible3 = false">好 的</el-button>
|
||||||
</el-dialog>
|
</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -386,40 +386,21 @@ export default {
|
|||||||
name: "child4",
|
name: "child4",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
num: '',
|
num: '',
|
||||||
name: '',
|
name: '',
|
||||||
revise: '',
|
revise: '',
|
||||||
directPartner: ''
|
|
||||||
},
|
|
||||||
tableData: [{
|
|
||||||
stage: '',
|
|
||||||
standardNum: '',
|
|
||||||
standardName: '',
|
|
||||||
codeNum: '',
|
|
||||||
codeName: '',
|
|
||||||
standardType: '',
|
|
||||||
directPartner: '',
|
directPartner: '',
|
||||||
startTime: '',
|
current: 1,
|
||||||
putTime: '',
|
page: 1,
|
||||||
organ: '',
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
headDraft: '',
|
tableTotal: 0
|
||||||
recordTime: '',
|
},
|
||||||
putUnit: '',
|
tableData: [],
|
||||||
partner: '',
|
|
||||||
writer: '',
|
|
||||||
standardCost: '',
|
|
||||||
elseCost: '',
|
|
||||||
revise: '',
|
|
||||||
prize: '',
|
|
||||||
writerSort: '',
|
|
||||||
remarks: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer: false,
|
|
||||||
size: '600px',
|
formShowData: {
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
stage: '',
|
stage: '',
|
||||||
standardNum: '',
|
standardNum: '',
|
||||||
standardName: '',
|
standardName: '',
|
||||||
@@ -442,20 +423,15 @@ export default {
|
|||||||
writerSort: '',
|
writerSort: '',
|
||||||
remarks: ''
|
remarks: ''
|
||||||
},
|
},
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
drawerTitle: '',
|
||||||
formInlineOut: {
|
drawerTable: false,
|
||||||
name: '',
|
formRules: {}
|
||||||
num: '',
|
|
||||||
remarks: ''
|
|
||||||
},
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
this.getTableData()
|
console.log(3)
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@@ -463,82 +439,54 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
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) {
|
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) {
|
resetForm(formName) {},
|
||||||
this[formName] = {};
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[formName].resetFields()
|
// 列表更多按钮
|
||||||
});
|
handleCommand(command) {
|
||||||
}
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
editRowOne() {},
|
||||||
|
deleteRowOne() {},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child4{
|
.child4 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -547,19 +495,14 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,209 +2,156 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="reviseCost" class="child3">
|
<div id="reviseCost" class="child3">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="标准号">
|
||||||
<el-form-item label="标准号">
|
<el-input v-model="formQuery.standardId" size="small" placeholder="请输入标准号"></el-input>
|
||||||
<el-input v-model="formInline1.标准号" size="small" placeholder="请输入标准号" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formQuery.standardName" size="small" placeholder="请输入标准名称"></el-input>
|
||||||
<el-input v-model="formInline1.standardName" size="small" placeholder="请输入标准名称" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="项目代号">
|
||||||
<el-form-item label="项目代号">
|
<el-input v-model="formQuery.codeNum" size="small" placeholder="根据项目代号搜索">
|
||||||
<el-input v-model="formInline1.codeNum" size="small" placeholder="根据项目代号搜索" style="width:170px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" @click="">查询</el-button>
|
||||||
<el-button type="primary" size="small" @click="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left;">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="type"
|
prop="type"
|
||||||
label="类型"
|
label="类型">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="num"
|
||||||
label="项目编号"
|
label="项目编号">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
label="项目名称"
|
label="项目名称">
|
||||||
|
|
||||||
>
|
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="costList"
|
prop="costList"
|
||||||
label="费用列支项"
|
label="费用列支项">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="cost"
|
prop="cost"
|
||||||
label="费用支出"
|
label="费用支出">
|
||||||
|
</el-table-column>
|
||||||
>
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="类型">
|
||||||
<el-form-item label="类型">
|
<el-select v-model="formShowData.type" type="text" placeholder="请填写">
|
||||||
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="项目编号">
|
||||||
<el-form-item label="项目编号">
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="项目名称">
|
||||||
<el-form-item label="项目名称">
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="费用列支项">
|
||||||
<el-form-item label="费用列支项">
|
<el-input v-model="formShowData.costList" placeholder="请选择">
|
||||||
<el-input v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="费用支出">
|
||||||
<el-form-item label="费用支出">
|
<el-input v-model="formShowData.cost" placeholder="请选择">
|
||||||
<el-input v-model="formLabelAlign.cost" placeholder="请选择" style="width: 433px">
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
</el-form>
|
</div>
|
||||||
</div>
|
<div class="demo-drawer-footer">
|
||||||
<div class="demo-drawer-footer">
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
</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>
|
||||||
<!-- 页脚分页 -->
|
<!– 导入弹框 –>
|
||||||
<div class="block">
|
<el-dialog
|
||||||
<el-pagination
|
title="导入文件"
|
||||||
@size-change="handleSizeChange"
|
:visible.sync="dialogVisible1"
|
||||||
@current-change="handleCurrentChange"
|
width="30%"
|
||||||
:current-page="currentPage"
|
>
|
||||||
:page-size="10"
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</el-dialog>
|
||||||
:total="100">
|
<!– 删除提示弹框 –>
|
||||||
</el-pagination>
|
|
||||||
</div>
|
</div>-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -212,42 +159,30 @@ export default {
|
|||||||
name: "child3",
|
name: "child3",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
standardNum: '',
|
standardNum: '',
|
||||||
standardName: '',
|
standardName: '',
|
||||||
codeNum: ''
|
codeNum: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
tableData: [],
|
||||||
type: '',
|
|
||||||
num: '',
|
|
||||||
name: '',
|
|
||||||
costList: '',
|
|
||||||
cost: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
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,
|
formShowData: {
|
||||||
currentPage: 1
|
type: '',
|
||||||
|
num: '',
|
||||||
|
name: '',
|
||||||
|
costList: '',
|
||||||
|
cost: ''
|
||||||
|
},
|
||||||
|
drawerTable: false,
|
||||||
|
drawerTitle: '',
|
||||||
|
formRules: {},
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -260,72 +195,56 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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) {
|
resetForm() {
|
||||||
this[formName] = {};
|
|
||||||
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[formName].resetFields()
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
// 列表更多按钮
|
||||||
handleSizeChange(val) {
|
handleCommand(command) {
|
||||||
console.log(`每页 ${val} 条`);
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
editRowOne() {
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
},
|
},
|
||||||
addUser (){
|
deleteRowOne() {
|
||||||
this.$message.success('添加信息成功！')
|
},
|
||||||
this.dialogVisible2=false
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
}
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child3{
|
.child3 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -333,20 +252,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,229 +2,187 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="attendCost" class="child4">
|
<div id="attendCost" class="child4">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="标准类型">
|
||||||
<el-form-item label="标准类型">
|
<el-input v-model="formQuery.type" size="small" placeholder="请输入标准类型"></el-input>
|
||||||
<el-input v-model="formInline1.type" size="small" placeholder="请输入标准类型" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准代号">
|
||||||
<el-form-item label="标准代号">
|
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准代号"></el-input>
|
||||||
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准代号" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称">
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="type"
|
prop="type"
|
||||||
label="标准类型"
|
label="标准类型"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="num"
|
||||||
label="标准代号"
|
label="标准代号"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
label="标准名称"
|
label="标准名称"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="pages"
|
prop="pages"
|
||||||
label="页数"
|
label="页数"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="cost"
|
prop="cost"
|
||||||
label="费用"
|
label="费用"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="标准类型">
|
||||||
<el-form-item label="标准类型">
|
<el-select v-model="formShowData.type" type="text" placeholder="请填写">
|
||||||
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准代号">
|
||||||
<el-form-item label="标准代号">
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="页数">
|
||||||
<el-form-item label="页数">
|
<el-input v-model="formShowData.pages" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.pages" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="费用">
|
||||||
<el-form-item label="费用">
|
<el-input v-model="formShowData.cost" placeholder="请选择">
|
||||||
<el-input v-model="formLabelAlign.cost" placeholder="请填写" style="width: 433px">
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
</el-form>
|
</div>
|
||||||
</div>
|
<div class="demo-drawer-footer">
|
||||||
<div class="demo-drawer-footer">
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
</el-drawer>
|
|
||||||
</div>
|
<!-- <div>
|
||||||
<!-- 编辑抽屉 -->
|
<!– 导入弹框 –>
|
||||||
<div class="meeting-drawer">
|
<el-dialog
|
||||||
<el-drawer
|
title="导入文件"
|
||||||
:size="size"
|
:visible.sync="dialogVisible1"
|
||||||
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%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-form :model="formInlineOut">
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
<el-form-item label="名称" >
|
</el-dialog>
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<!– 导出弹框 –>
|
||||||
</el-form-item>
|
<el-dialog
|
||||||
<el-form-item label="序号" >
|
title="导出文件"
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
:visible.sync="dialogVisible2"
|
||||||
</el-form-item>
|
width="30%"
|
||||||
<el-form-item label="备注" >
|
>
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-form :model="formInlineOut">
|
||||||
</el-form-item>
|
<el-form-item label="名称" >
|
||||||
</el-form>
|
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
||||||
<span slot="footer" class="dialog-footer">
|
</el-form-item>
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<el-form-item label="序号" >
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
||||||
</span>
|
</el-form-item>
|
||||||
</el-dialog>-->
|
<el-form-item label="备注" >
|
||||||
<!-- 删除提示弹框 -->
|
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
||||||
</div>
|
</el-form-item>
|
||||||
<!-- 页脚分页-->
|
</el-form>
|
||||||
<div class="block">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-pagination
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
@size-change="handleSizeChange"
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
@current-change="handleCurrentChange"
|
</span>
|
||||||
:current-page="currentPage"
|
</el-dialog>
|
||||||
:page-size="10"
|
<!– 删除提示弹框 –>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</div>-->
|
||||||
:total="100">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -232,41 +190,23 @@ export default {
|
|||||||
name: "child4",
|
name: "child4",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
type: '',
|
formQuery: {
|
||||||
num: '',
|
|
||||||
name: ''
|
|
||||||
},
|
|
||||||
tableData: [{
|
|
||||||
type: '',
|
type: '',
|
||||||
num: '',
|
num: '',
|
||||||
name: '',
|
name: '',
|
||||||
pages: '',
|
current: 1,
|
||||||
cost: ''
|
page: 1,
|
||||||
}],
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
|
||||||
drawer2: false,
|
formShowData: {},
|
||||||
size: '600px',
|
drawerTable: false,
|
||||||
labelPosition: 'center',
|
drawerTitle: '',
|
||||||
formLabelAlign: {
|
formRules: {}
|
||||||
type: '',
|
|
||||||
num: '',
|
|
||||||
name: '',
|
|
||||||
pages: '',
|
|
||||||
cost: ''
|
|
||||||
},
|
|
||||||
formLabelAlign2: {
|
|
||||||
type: '',
|
|
||||||
num: '',
|
|
||||||
name: '',
|
|
||||||
pages: '',
|
|
||||||
cost: ''
|
|
||||||
},
|
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -279,68 +219,57 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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) {
|
resetForm() {
|
||||||
this[formName] = {};
|
|
||||||
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[formName].resetFields()
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
// 列表更多按钮
|
||||||
handleSizeChange(val) {
|
handleCommand(command) {
|
||||||
console.log(`每页 ${val} 条`);
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
editRowOne() {
|
||||||
|
},
|
||||||
|
deleteRowOne() {
|
||||||
|
},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child4{
|
.child4 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -348,20 +277,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,248 +1,200 @@
|
|||||||
<!--标法规-工作组-项目费用统计信息-参会费用信息统计-->
|
<!--标法规-工作组-项目费用统计信息-参会费用信息统计-->
|
||||||
<template>
|
<template>
|
||||||
<div id="attendCost" class="child2">
|
<div id="attendCost" class="child2">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="标准类型">
|
||||||
<el-form-item label="标准类型">
|
<el-input v-model="formQuery.type" size="small" placeholder="请输入标准类型"></el-input>
|
||||||
<el-input v-model="formInline1.type" size="small" placeholder="请输入标准类型" style="width:170px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准代号">
|
||||||
<el-form-item label="标准代号">
|
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准代号"></el-input>
|
||||||
<el-input v-model="formInline1.num" size="small" placeholder="请输入标准代号" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称">
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
width="100"
|
width="50"
|
||||||
label="序号"
|
label="序号"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="holdUnit"
|
prop="holdUnit"
|
||||||
label="主办单位"
|
label="主办单位"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingName"
|
prop="meetingName"
|
||||||
label="会议名称"
|
label="会议名称"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="meetingTime"
|
prop="meetingTime"
|
||||||
label="会议时间"
|
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>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="reality"
|
prop="costStandard"
|
||||||
label="实际发生"
|
label="会费标准"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="costList"
|
prop="reality"
|
||||||
label="费用列支"
|
label="实际发生"
|
||||||
|
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="costList"
|
||||||
|
label="费用列支"
|
||||||
|
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="主办单位">
|
||||||
<el-form-item label="主办单位">
|
<el-select v-model="formShowData.holdUnit" type="text" placeholder="请填写">
|
||||||
<el-select v-model="formLabelAlign.holdUnit" type="text" placeholder="请填写" style="width: 433px" >
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会议名称">
|
||||||
<el-form-item label="会议名称">
|
<el-input v-model="formShowData.meetingName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.meetingName" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会议时间">
|
||||||
<el-form-item label="会议时间">
|
<el-input v-model="formShowData.meetingTime" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.meetingTime" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="会费标准">
|
||||||
<el-form-item label="会费标准">
|
<el-input v-model="formShowData.costStandard" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.costStandard" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="实际发生">
|
||||||
<el-form-item label="实际发生">
|
<el-input v-model="formShowData.reality" placeholder="请选择">
|
||||||
<el-input v-model="formLabelAlign.reality" placeholder="请选择" style="width: 433px">
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="费用列支">
|
||||||
<el-form-item label="费用列支">
|
<el-input v-model="formShowData.costList" placeholder="请选择">
|
||||||
<el-input v-model="formLabelAlign.costList" placeholder="请选择" style="width: 433px">
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-form>
|
||||||
</el-form>
|
</div>
|
||||||
</div>
|
<div class="demo-drawer-footer">
|
||||||
<div class="demo-drawer-footer">
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
</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>
|
||||||
<!-- 页脚分页-->
|
<!– 导入弹框 –>
|
||||||
<div class="block">
|
<el-dialog
|
||||||
<el-pagination
|
title="导入文件"
|
||||||
@size-change="handleSizeChange"
|
:visible.sync="dialogVisible1"
|
||||||
@current-change="handleCurrentChange"
|
width="30%"
|
||||||
:current-page="currentPage"
|
>
|
||||||
:page-size="10"
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</el-dialog>
|
||||||
:total="100">
|
<!– 导出弹框 –>
|
||||||
</el-pagination>
|
<el-dialog
|
||||||
</div>
|
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>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -250,44 +202,23 @@ export default {
|
|||||||
name: "child2",
|
name: "child2",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
|
formQuery: {
|
||||||
type: '',
|
type: '',
|
||||||
num: '',
|
num: '',
|
||||||
name: ''
|
name: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
tableData: [{
|
tableData: [],
|
||||||
holdUnit: '',
|
|
||||||
meetingName: '',
|
|
||||||
meetingTime: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
|
||||||
drawer2: false,
|
drawerTable: false,
|
||||||
size: '600px',
|
drawerTitle: '',
|
||||||
labelPosition: 'center',
|
formRules: {},
|
||||||
formLabelAlign: {
|
formShowData: {}
|
||||||
holdUnit: '',
|
|
||||||
meetingName: '',
|
|
||||||
meetingTime: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: ''
|
|
||||||
},
|
|
||||||
formLabelAlign2: {
|
|
||||||
holdUnit: '',
|
|
||||||
meetingName: '',
|
|
||||||
meetingTime: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: ''
|
|
||||||
},
|
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -300,68 +231,55 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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) {
|
resetForm() {
|
||||||
this[formName] = {};
|
},
|
||||||
|
|
||||||
this.$nextTick(() => {
|
// 列表更多按钮
|
||||||
this.$refs[formName].resetFields()
|
handleCommand(command) {
|
||||||
});
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
editRowOne() {},
|
||||||
handleSizeChange(val) {
|
deleteRowOne() {},
|
||||||
console.log(`每页 ${val} 条`);
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.child2{
|
.child2 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -369,20 +287,14 @@ export default {
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="padding-right: 10px;float: left">
|
<div style="float: left">
|
||||||
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
@@ -40,7 +40,7 @@
|
|||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column align="center" type="selection" width="50"/>
|
<el-table-column align="center" type="selection" width="50"/>
|
||||||
@@ -399,6 +399,7 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.el-divider--horizontal {
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -410,13 +411,6 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.leading-in {
|
.leading-in {
|
||||||
|
|||||||
@@ -35,9 +35,7 @@ export default {
|
|||||||
TreblingClick(tab) {
|
TreblingClick(tab) {
|
||||||
if (tab.name === 'first') {
|
if (tab.name === 'first') {
|
||||||
this.isChildUpdate1 = true
|
this.isChildUpdate1 = true
|
||||||
this.isChildUpdate2 = false
|
|
||||||
} else if (tab.name === 'second') {
|
} else if (tab.name === 'second') {
|
||||||
this.isChildUpdate1 = false
|
|
||||||
this.isChildUpdate2 = true
|
this.isChildUpdate2 = true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,261 +2,194 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="translateCost" class="children">
|
<div id="translateCost" class="children">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<div class="revise">
|
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
||||||
<el-form :inline="true" :model="formInline1" class="demo-form-inline">
|
<el-form-item label="标准类型">
|
||||||
<el-form-item label="标准类型">
|
<el-input v-model="formQuery.type" size="small" placeholder="根据标准类型搜索"></el-input>
|
||||||
<el-input v-model="formInline1.type" size="small" placeholder="根据标准类型搜索" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准代号">
|
||||||
<el-form-item label="标准代号">
|
<el-input v-model="formQuery.num" size="small" placeholder="根据标准代号搜索"></el-input>
|
||||||
<el-input v-model="formInline1.num" size="small" placeholder="根据标准代号搜索" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formQuery.name" size="small" placeholder="根据标准名称搜索"></el-input>
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="根据标准名称搜索" style="width:170px" ></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item>
|
||||||
<el-form-item class="search-item btn-box" >
|
<el-button type="primary" size="small" onclick="">查询</el-button>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item class="search-item btn-box">
|
<el-divider/>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
<div style="float: left">
|
||||||
</el-form-item>
|
<el-button type="primary" size="small" @click="drawer1 = true">新增</el-button>
|
||||||
</el-form>
|
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
||||||
<el-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
</el-form-item>
|
</div>
|
||||||
<el-form-item>
|
</el-form>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<el-divider/>
|
||||||
</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">
|
<div class="container">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
border
|
border
|
||||||
height="100%"
|
height="100%"
|
||||||
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column
|
<el-table-column
|
||||||
type="selection"
|
align="center"
|
||||||
width="50">
|
type="selection"
|
||||||
|
width="50">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="100"
|
width="50">
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="type"
|
prop="type"
|
||||||
label="标准类型"
|
label="标准类型">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="num"
|
||||||
label="标准代号"
|
label="标准代号">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="name"
|
prop="name"
|
||||||
label="标准名称"
|
label="标准名称">
|
||||||
|
|
||||||
>
|
|
||||||
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
|
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="translateType"
|
prop="translateType"
|
||||||
label="翻译类型"
|
label="翻译类型">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="pages"
|
prop="pages"
|
||||||
label="页数"
|
label="页数">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="cost"
|
prop="cost"
|
||||||
label="费用"
|
label="费用">
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="completeTime"
|
prop="completeTime"
|
||||||
label="翻译完成时间"
|
label="翻译完成时间">
|
||||||
|
</el-table-column>
|
||||||
>
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div @click.stop style="display: inline-block">
|
||||||
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
|
编辑
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<loading :loading="loading">加载中...</loading>
|
||||||
|
<pagination
|
||||||
|
:page="formQuery.page"
|
||||||
|
:total="formQuery.tableTotal"
|
||||||
|
@pageChange="pageChange"
|
||||||
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<div class="meeting-drawer">
|
<el-drawer
|
||||||
<el-drawer
|
size="50%"
|
||||||
:size="size"
|
:title="drawerTitle"
|
||||||
title="新增"
|
:visible.sync="drawerTable">
|
||||||
:visible.sync="drawer1">
|
<div style="margin: 10px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit;">
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
||||||
<el-form :label-position="labelPosition" label-width="150px" :model="formLabelAlign" v-model="labelPosition">
|
<el-form-item label="标准类型">
|
||||||
<el-form-item label="标准类型">
|
<el-select v-model="formShowData.type" type="text" placeholder="请填写">
|
||||||
<el-select v-model="formLabelAlign.type" type="text" placeholder="请填写" style="width: 433px" >
|
<el-option label="1" value="one"></el-option>
|
||||||
<el-option label="1" value="one"></el-option>
|
<el-option label="2" value="two"></el-option>
|
||||||
<el-option label="2" value="two"></el-option>
|
</el-select>
|
||||||
</el-select>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准代号">
|
||||||
<el-form-item label="标准代号">
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.num" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="标准名称">
|
||||||
<el-form-item label="标准名称">
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.name" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
<el-form-item label="翻译类型">
|
||||||
<el-form-item label="翻译类型">
|
<el-input v-model="formShowData.translateType" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.translateType" type="text" placeholder="请填写" style="width: 433px" >
|
</el-input>
|
||||||
</el-input>
|
</el-form-item>
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item label="页数">
|
<el-form-item label="页数">
|
||||||
<el-input v-model="formLabelAlign.pages" type="text" placeholder="请填写" style="width: 433px" >
|
<el-input v-model="formShowData.pages" type="text" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="费用">
|
<el-form-item label="费用">
|
||||||
<el-input v-model="formLabelAlign.cost" placeholder="请填写" style="width: 433px">
|
<el-input v-model="formShowData.cost" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="翻译完成时间">
|
<el-form-item label="翻译完成时间">
|
||||||
<el-input v-model="formLabelAlign.completeTime" placeholder="请填写" style="width: 433px">
|
<el-input v-model="formShowData.completeTime" placeholder="请填写">
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo-drawer-footer">
|
<div class="demo-drawer-footer">
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</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="页数">
|
<!-- <div>
|
||||||
<el-input v-model="formLabelAlign2.pages" type="text" placeholder="请填写" style="width: 433px" >
|
<!– 导入弹框 –>
|
||||||
</el-input>
|
<el-dialog
|
||||||
</el-form-item>
|
title="导入文件"
|
||||||
<el-form-item label="费用">
|
:visible.sync="dialogVisible1"
|
||||||
<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%"
|
width="30%"
|
||||||
>
|
>
|
||||||
<el-form :model="formInlineOut">
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
<el-form-item label="名称" >
|
</el-dialog>
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
<!– 导出弹框 –>
|
||||||
</el-form-item>
|
<el-dialog
|
||||||
<el-form-item label="序号" >
|
title="导出文件"
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
:visible.sync="dialogVisible2"
|
||||||
</el-form-item>
|
width="30%"
|
||||||
<el-form-item label="备注" >
|
>
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
<el-form :model="formInlineOut">
|
||||||
</el-form-item>
|
<el-form-item label="名称" >
|
||||||
</el-form>
|
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
||||||
<span slot="footer" class="dialog-footer">
|
</el-form-item>
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
<el-form-item label="序号" >
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
||||||
</span>
|
</el-form-item>
|
||||||
</el-dialog>-->
|
<el-form-item label="备注" >
|
||||||
</div>
|
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
||||||
<!-- 页脚分页-->
|
</el-form-item>
|
||||||
<div class="block">
|
</el-form>
|
||||||
<el-pagination
|
<span slot="footer" class="dialog-footer">
|
||||||
@size-change="handleSizeChange"
|
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
||||||
@current-change="handleCurrentChange"
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
:current-page="currentPage"
|
</span>
|
||||||
:page-size="10"
|
</el-dialog>
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
</div>-->
|
||||||
:total="100">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@@ -264,26 +197,19 @@ export default {
|
|||||||
name: "children",
|
name: "children",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
type: '',
|
formQuery: {
|
||||||
num: '',
|
|
||||||
name: ''
|
|
||||||
},
|
|
||||||
tableData: [{
|
|
||||||
type: '',
|
type: '',
|
||||||
num: '',
|
num: '',
|
||||||
name: '',
|
name: '',
|
||||||
translateType: '',
|
current: 1,
|
||||||
pages: '',
|
page: 1,
|
||||||
cost: '',
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
completeTime: ''
|
tableTotal: 0
|
||||||
}],
|
},
|
||||||
|
tableData: [],
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
formShowData: {
|
||||||
drawer2: false,
|
|
||||||
size: '600px',
|
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
type: '',
|
type: '',
|
||||||
num: '',
|
num: '',
|
||||||
name: '',
|
name: '',
|
||||||
@@ -292,19 +218,9 @@ export default {
|
|||||||
cost: '',
|
cost: '',
|
||||||
completeTime: ''
|
completeTime: ''
|
||||||
},
|
},
|
||||||
formLabelAlign2: {
|
drawerTable: false,
|
||||||
type: '',
|
drawerTitle: '',
|
||||||
num: '',
|
formRules: {},
|
||||||
name: '',
|
|
||||||
translateType: '',
|
|
||||||
pages: '',
|
|
||||||
cost: '',
|
|
||||||
completeTime: ''
|
|
||||||
},
|
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -317,69 +233,58 @@ export default {
|
|||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
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) {
|
deleteDetail() {
|
||||||
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) {
|
resetForm() {
|
||||||
this[formName] = {};
|
},
|
||||||
|
|
||||||
this.$nextTick(() => {
|
// 列表更多按钮
|
||||||
this.$refs[formName].resetFields()
|
handleCommand(command) {
|
||||||
});
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
editRowOne() {
|
||||||
handleSizeChange(val) {
|
},
|
||||||
console.log(`每页 ${val} 条`);
|
deleteRowOne() {
|
||||||
|
},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.formQuery.page = page
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.formQuery.pageSize = pageSize
|
||||||
|
this.getTableData()
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.children{
|
.children {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
height: 0.5px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -388,19 +293,14 @@ export default {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.leading-in{
|
|
||||||
|
.leading-in {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 200px
|
height: 200px
|
||||||
}
|
}
|
||||||
.icon{
|
|
||||||
|
.icon {
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user