285 lines
8.4 KiB
Vue
285 lines
8.4 KiB
Vue
<!--标法规-工作组-项目费用统计信息-标准制修订补助资金收支统计--收入表-->
|
|
<template>
|
|
<div id="translateCost" class="child1">
|
|
<!-- 第一第二行表单 -->
|
|
<el-form :inline="true" :model="formQuery">
|
|
<el-form-item label="标准名称">
|
|
<el-input v-model="formQuery.name" size="small" placeholder="请输入标准名称"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="标准编号">
|
|
<el-input v-model="formQuery.num" size="small" placeholder="请输入标准编号"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="补助来源">
|
|
<el-input v-model="formQuery.source" size="small" placeholder="请输入补助来源"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" size="small" @click="">查询</el-button>
|
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
|
</el-form-item>
|
|
<el-divider/>
|
|
<div style="float: left">
|
|
<el-button type="primary" size="small" @click="drawer1 = 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="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
|
</div>
|
|
</el-form>
|
|
<el-divider/>
|
|
|
|
<!-- 表格-->
|
|
<div class="container">
|
|
<el-table
|
|
:data="tableData"
|
|
tooltip-effect="dark"
|
|
style="width: auto"
|
|
border
|
|
height="100%"
|
|
:header-cell-style="{background: '#f5f1f1', color: '#333333', padding: 0, fontSize: '16px',
|
|
fontWeight: 'bold', height: '48px'}"
|
|
@selection-change="handleSelectionChange">
|
|
<el-table-column
|
|
align="center"
|
|
type="selection"
|
|
width="50">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
type="index"
|
|
label="序号"
|
|
width="50">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="name"
|
|
label="标准名称">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="num"
|
|
label="标准编号">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="source"
|
|
label="补助来源">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="money"
|
|
label="补助金额">
|
|
</el-table-column>
|
|
<el-table-column
|
|
align="center"
|
|
prop="time"
|
|
label="入账时间">
|
|
</el-table-column>
|
|
<el-table-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>
|
|
<loading :loading="loading">加载中...</loading>
|
|
<pagination
|
|
:page="formQuery.page"
|
|
:total="formQuery.tableTotal"
|
|
@pageChange="pageChange"
|
|
@pageSizeChange="pageSizeChange"/>
|
|
</div>
|
|
<!-- 新增抽屉 -->
|
|
<el-drawer
|
|
size="50%"
|
|
:title="drawerTitle"
|
|
:visible.sync="drawerTable">
|
|
<div style="margin: 10px;height: inherit">
|
|
<el-form label-width="150px" ref="formShowData" :model="formShowData" :rules="formRules">
|
|
<el-form-item label="标准名称">
|
|
<el-input v-model="formShowData.name" type="text" placeholder="请填写">
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="标准编号">
|
|
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="补助来源">
|
|
<el-input v-model="formShowData.source" type="text" placeholder="请填写">
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="补助金额">
|
|
<el-input v-model="formShowData.money" type="text" placeholder="请填写">
|
|
</el-input>
|
|
</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-drawer>
|
|
<!-- <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>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "child1",
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
formQuery: {
|
|
name: '',
|
|
num: '',
|
|
source: '',
|
|
current: 1,
|
|
page: 1,
|
|
pageSize: this.$store.getters.userInfo.configContent,
|
|
tableTotal: 0
|
|
},
|
|
tableData: [],
|
|
multipleSelection: [],
|
|
formShowData: {
|
|
name: '',
|
|
num: '',
|
|
source: '',
|
|
money: '',
|
|
time: ''
|
|
},
|
|
drawerTable: false,
|
|
drawerTitle: '',
|
|
formRules: {},
|
|
}
|
|
},
|
|
|
|
created() {
|
|
|
|
},
|
|
methods: {
|
|
//新增方法
|
|
submit() {
|
|
},
|
|
//删除方法
|
|
deleteDetail() {
|
|
},
|
|
//点击确定（编辑）(没出)
|
|
handleSelectionChange() {
|
|
},
|
|
//清空
|
|
resetForm(formName) {
|
|
},
|
|
// 列表更多按钮
|
|
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>
|
|
|
|
<style lang="less" scoped>
|
|
.child1 {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.el-form-item {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.el-divider--horizontal {
|
|
height: 0.5px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
flex: auto;
|
|
width: 100%;
|
|
height: calc(100% - 110px) !important;
|
|
}
|
|
|
|
.leading-in {
|
|
width: 400px;
|
|
height: 200px
|
|
}
|
|
|
|
.icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
}
|
|
</style>
|
|
|