工作组统计
This commit is contained in:
shenyanpei
@@ -0,0 +1,61 @@
|
|||||||
|
import axios from '@/common/axiosV2'
|
||||||
|
|
||||||
|
// 获取所有统计数据
|
||||||
|
export function statisticsAll (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/getAllAssocCosts',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 多条件查询
|
||||||
|
export function queryStatistics (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/queryAllAssocCosts',
|
||||||
|
method: 'post',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 获取单个详情
|
||||||
|
/*
|
||||||
|
export function queryStatistics (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/getAssocCostById',
|
||||||
|
method: 'post',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
// 数据编辑
|
||||||
|
export function statisticsEdit (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/modAssocCost',
|
||||||
|
method: 'post',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 页面数据新增
|
||||||
|
export function statisticsAdd (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/addAssocCost',
|
||||||
|
method: 'post',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 单个数据删除
|
||||||
|
export function delOnlyOne (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/delAssocCost',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 多数据删除
|
||||||
|
export function delMore (data) {
|
||||||
|
return axios({
|
||||||
|
url: 'api/wgdCensusZ/wgd-assoc-cost/delAssocCosts',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
@@ -1,56 +1,44 @@
|
|||||||
<!--标准法规库--标准法规工作组数据统计--协会信息数据统计-->
|
<!--标准法规库--标准法规工作组数据统计--协会信息数据统计-->
|
||||||
<template>
|
<template>
|
||||||
<div id="listOfSociety" class="child1">
|
<div id="listOfSociety" class="child1">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 查询框 -->
|
||||||
<div class="Society1">
|
<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="请填写协会名称" style="width: 170px"></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="formInline1.role" size="small" placeholder="请输入会员角色" style="width: 170px"></el-input>
|
<el-input v-model="formQuery.role" 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="formInline1.nature" size="small" placeholder="请输入协会性质" style="width: 170px">
|
<el-select v-model="formQuery.nature" 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.state" size="small" placeholder="请选择协会状态" style="width: 170px">
|
<el-select v-model="formQuery.state" 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 class="search-item btn-box">
|
<el-form-item>
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
</el-form-item>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
<el-form-item class="search-item btn-box">
|
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<div style="float: right;padding-right: 10px">
|
||||||
|
<el-button type="primary" size="small" @click="drawer = 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($index,tableData)" icon="el-icon-delete">
|
||||||
|
批量删除
|
||||||
|
</el-button>
|
||||||
|
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
||||||
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-divider/>
|
||||||
<el-form-item>
|
<!-- 表格 -->
|
||||||
<el-button type="primary" size="small" @click="drawer = true" >新增</el-button>
|
<div class="container">
|
||||||
</el-form-item>
|
<el-table
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true" >导入</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" size="small" @click="dialogVisible2 = true" >导出</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="" size="small" @click="deleteDetail($index,tableData)" icon="el-icon-delete" icon-color="red">批量删除</el-button>
|
|
||||||
<!-- handleDelete(scope.$index, scope.row)-->
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" size="small" onclick="" >模板下载</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<!-- 表格 -->
|
|
||||||
<div class="container">
|
|
||||||
<el-table
|
|
||||||
:data="tableData"
|
:data="tableData"
|
||||||
tooltip-effect="dark"
|
tooltip-effect="dark"
|
||||||
style="width: auto"
|
style="width: auto"
|
||||||
@@ -59,351 +47,203 @@
|
|||||||
: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 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="totalName" label="协会名称-标委会" width="150"/>
|
||||||
</el-table-column>
|
<el-table-column align="center" prop="branchName" label="协会名称-分标委" width="150"/>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="workName" label="协会名称-工作组" width="150"/>
|
||||||
align="center"
|
<el-table-column align="center" prop="vipRole" label="会员角色" width="150"/>
|
||||||
type="index"
|
<el-table-column align="center" prop="players" label="参与人" width="150"/>
|
||||||
label="序号"
|
<el-table-column align="center" prop="standard" label="标准" width="150"/>
|
||||||
width="100"
|
<el-table-column align="center" prop="standardLeader" label="标准负责人" width="150"/>
|
||||||
>
|
<el-table-column align="center" prop="leader" label="责任领导" width="150"/>
|
||||||
</el-table-column>
|
<el-table-column align="center" prop="startTime" label="初始入会时间" width="150"/>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="thisTime" label="本届入会时间" width="150"/>
|
||||||
align="center"
|
<el-table-column align="center" prop="costStandard" label="会费标准" width="150"/>
|
||||||
prop="totalName"
|
<el-table-column align="center" prop="cost" label="会费列支" width="150"/>
|
||||||
label="协会名称-标委会"
|
<el-table-column align="center" prop="lastTime" label="上次缴纳时间" width="150"/>
|
||||||
width="150"
|
<el-table-column align="center" prop="costYears" label="缴费年限" width="150"/>
|
||||||
>
|
<el-table-column align="center" prop="cost2017" label="2017缴费" width="150"/>
|
||||||
</el-table-column>
|
<el-table-column align="center" prop="cost2018" label="2018缴费" width="150"/>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="cost2019" label="2019缴费" width="150"/>
|
||||||
align="center"
|
<el-table-column align="center" prop="cost2020" label="2020缴费" width="150"/>
|
||||||
prop="branchName"
|
<el-table-column align="center" prop="cost2021" label="2021缴费" width="150"/>
|
||||||
label="协会名称-分标委"
|
<el-table-column align="center" prop="person" label="经办人" width="150"/>
|
||||||
width="150"
|
<el-table-column align="center" prop="partment" label="部门" width="150"/>
|
||||||
>
|
<el-table-column align="center" prop="nature" label="协会性质" width="150"/>
|
||||||
<!-- show-overflow-tooltip>-->
|
<el-table-column align="center" prop="state" label="协会状态" width="150"/>
|
||||||
</el-table-column>
|
<el-table-column align="center" prop="linkMan" label="协会联络人" width="150"/>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="num" label="协会联络人电话" width="150"/>
|
||||||
align="center"
|
<el-table-column align="center" prop="email" label="协会联络人邮箱" width="150"/>
|
||||||
prop="workName"
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
label="协会名称-工作组"
|
<template slot-scope="scope">
|
||||||
width="150"
|
<div @click.stop style="display: inline-block">
|
||||||
>
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
</el-table-column>
|
<i class="iconfont"></i>
|
||||||
<el-table-column
|
<el-dropdown-menu slot="dropdown">
|
||||||
align="center"
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
prop="vipRole"
|
编辑
|
||||||
label="会员角色"
|
</el-dropdown-item>
|
||||||
width="150"
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
>
|
删除
|
||||||
</el-table-column>
|
</el-dropdown-item>
|
||||||
<el-table-column
|
</el-dropdown-menu>
|
||||||
align="center"
|
</el-dropdown>
|
||||||
prop="players"
|
</div>
|
||||||
label="参与人"
|
</template>
|
||||||
width="150"
|
</el-table-column>
|
||||||
>
|
</el-table>
|
||||||
</el-table-column>
|
<pagination
|
||||||
<el-table-column
|
:page="currentPage"
|
||||||
align="center"
|
:total="tableTotal"
|
||||||
prop="standard"
|
@pageChange="pageChange"
|
||||||
label="标准"
|
@pageSizeChange="pageSizeChange"/>
|
||||||
width="150"
|
</div>
|
||||||
>
|
<!-- 新增抽屉 -->
|
||||||
</el-table-column>
|
<div class="society-drawer">
|
||||||
<el-table-column
|
<el-drawer
|
||||||
align="center"
|
:title="drawerTitle"
|
||||||
prop="standardLeader"
|
:visible.sync="drawerTable">
|
||||||
label="标准负责人"
|
<div style="margin: 10px;"></div>
|
||||||
width="150"
|
<el-form style="overflow-y: scroll" label-width="150px" :model="formShowData" :rules="formRules">
|
||||||
>
|
<el-form-item label="协会名称-委员会">
|
||||||
</el-table-column>
|
<el-input v-model="formShowData.totalName" type="text"></el-input>
|
||||||
<el-table-column
|
</el-form-item>
|
||||||
align="center"
|
<el-form-item label="协会名称-分表委">
|
||||||
prop="leader"
|
<el-input v-model="formShowData.branchName" type="text"></el-input>
|
||||||
label="责任领导"
|
</el-form-item>
|
||||||
width="150"
|
<el-form-item label="协会名称-工作组">
|
||||||
>
|
<el-input v-model="formShowData.workName" type="text"></el-input>
|
||||||
</el-table-column>
|
</el-form-item>
|
||||||
<el-table-column
|
<el-form-item label="会员角色">
|
||||||
align="center"
|
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色" style="width: 433px">
|
||||||
prop="startTime"
|
<el-option label="1" value="one"></el-option>
|
||||||
label="初始入会时间"
|
<el-option label="2" value="two"></el-option>
|
||||||
width="150"
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
>
|
<el-form-item label="参与人">
|
||||||
</el-table-column>
|
<el-select v-model="formShowData.players" placeholder="请选择参与人" style="width: 433px">
|
||||||
<el-table-column
|
<el-option label="1" value="one"></el-option>
|
||||||
align="center"
|
<el-option label="2" value="two"></el-option>
|
||||||
prop="thisTime"
|
</el-select>
|
||||||
label="本届入会时间"
|
</el-form-item>
|
||||||
width="150"
|
<el-form-item label="标准">
|
||||||
>
|
<el-input v-model="formShowData.standard" type="text"></el-input>
|
||||||
</el-table-column>
|
</el-form-item>
|
||||||
<el-table-column
|
<el-form-item label="标准负责人">
|
||||||
align="center"
|
<el-select v-model="formShowData.standardLeader" placeholder="请选择标准负责人" style="width: 433px">
|
||||||
prop="costStandard"
|
<el-option label="1" value="one"></el-option>
|
||||||
label="会费标准"
|
<el-option label="2" value="two"></el-option>
|
||||||
width="150"
|
</el-select>
|
||||||
>
|
</el-form-item>
|
||||||
</el-table-column>
|
<el-form-item label="责任领导">
|
||||||
<el-table-column
|
<el-select v-model="formShowData.leader" placeholder="请选择责任领导" style="width: 433px">
|
||||||
align="center"
|
<el-option label="1" value="one"></el-option>
|
||||||
prop="cost"
|
<el-option label="2" value="two"></el-option>
|
||||||
label="会费列支"
|
</el-select>
|
||||||
width="150"
|
</el-form-item>
|
||||||
>
|
<el-form-item label="初始入会时间">
|
||||||
</el-table-column>
|
<el-input v-model="formShowData.startTime" type="text"></el-input>
|
||||||
<el-table-column
|
</el-form-item>
|
||||||
align="center"
|
<el-form-item label="本届入会时间">
|
||||||
prop="lastTime"
|
<el-input v-model="formShowData.thisTime" type="text"></el-input>
|
||||||
label="上次缴纳时间"
|
</el-form-item>
|
||||||
width="150"
|
<el-form-item label="会费标准">
|
||||||
>
|
<el-input v-model="formShowData.costStandard" type="text"></el-input>
|
||||||
<!-- <template slot-scope="scope">{{ scope.row.date }}</template>-->
|
</el-form-item>
|
||||||
</el-table-column>
|
<el-form-item label="费用列支">
|
||||||
<el-table-column
|
<el-select v-model="formShowData.cost" placeholder="请选择费用列支" style="width: 433px">
|
||||||
align="center"
|
<el-option label="1" value="one"></el-option>
|
||||||
prop="costYears"
|
<el-option label="2" value="two"></el-option>
|
||||||
label="缴费年限"
|
</el-select>
|
||||||
width="150"
|
</el-form-item>
|
||||||
>
|
<el-form-item label="上次缴纳时间">
|
||||||
</el-table-column>
|
<el-input v-model="formShowData.lastTime" type="text"></el-input>
|
||||||
<el-table-column
|
</el-form-item>
|
||||||
align="center"
|
<el-form-item label="缴纳年限">
|
||||||
prop="cost2017"
|
<el-input v-model="formShowData.costYears" type="text"></el-input>
|
||||||
label="2017缴费"
|
</el-form-item>
|
||||||
width="150"
|
<el-form-item label="2017年缴费">
|
||||||
>
|
<el-input v-model="formShowData.cost2017" type="text"></el-input>
|
||||||
</el-table-column>
|
</el-form-item>
|
||||||
<el-table-column
|
<el-form-item label="2018年缴费">
|
||||||
align="center"
|
<el-select v-model="formShowData.cost2018" placeholder="请选择2018年缴费" style="width: 433px">
|
||||||
prop="cost2018"
|
<el-option label="1" value="one"></el-option>
|
||||||
label="2018缴费"
|
<el-option label="2" value="two"></el-option>
|
||||||
width="150"
|
</el-select>
|
||||||
>
|
</el-form-item>
|
||||||
</el-table-column>
|
<el-form-item label="2019年缴费">
|
||||||
<el-table-column
|
<el-input v-model="formShowData.cost2019" type="text"></el-input>
|
||||||
align="center"
|
</el-form-item>
|
||||||
prop="cost2019"
|
<el-form-item label="2020年缴费">
|
||||||
label="2019缴费"
|
<el-input v-model="formShowData.cost2020" type="text"></el-input>
|
||||||
width="150"
|
</el-form-item>
|
||||||
>
|
<el-form-item label="2021年缴费">
|
||||||
</el-table-column>
|
<el-input v-model="formShowData.cost2021" type="text"></el-input>
|
||||||
<el-table-column
|
</el-form-item>
|
||||||
align="center"
|
<el-form-item label="经办人">
|
||||||
prop="cost2020"
|
<el-select v-model="formShowData.person" placeholder="请选择经办人" style="width: 433px">
|
||||||
label="2020缴费"
|
<el-option label="1" value="one"></el-option>
|
||||||
width="150"
|
<el-option label="2" value="two"></el-option>
|
||||||
>
|
</el-select>
|
||||||
</el-table-column>
|
</el-form-item>
|
||||||
<el-table-column
|
<el-form-item label="部门">
|
||||||
align="center"
|
<el-select v-model="formShowData.partment" placeholder="请选择部门" style="width: 433px">
|
||||||
prop="cost2021"
|
<el-option label="1" value="one"></el-option>
|
||||||
label="2021缴费"
|
<el-option label="2" value="two"></el-option>
|
||||||
width="150"
|
</el-select>
|
||||||
>
|
</el-form-item>
|
||||||
</el-table-column>
|
<el-form-item label="协会性质">
|
||||||
<el-table-column
|
<el-select v-model="formShowData.nature" placeholder="请选择协会性质" style="width: 433px">
|
||||||
align="center"
|
<el-option label="1" value="one"></el-option>
|
||||||
prop="person"
|
<el-option label="2" value="two"></el-option>
|
||||||
label="经办人"
|
</el-select>
|
||||||
width="150"
|
</el-form-item>
|
||||||
>
|
<el-form-item label="协会状态">
|
||||||
</el-table-column>
|
<el-select v-model="formShowData.state" placeholder="请选择协会性质" style="width: 433px">
|
||||||
<el-table-column
|
<el-option label="1" value="one"></el-option>
|
||||||
align="center"
|
<el-option label="2" value="two"></el-option>
|
||||||
prop="partment"
|
</el-select>
|
||||||
label="部门"
|
</el-form-item>
|
||||||
width="150"
|
<el-form-item label="协会联络人">
|
||||||
>
|
<el-input v-model="formShowData.linkMan" type="text"></el-input>
|
||||||
</el-table-column>
|
</el-form-item>
|
||||||
<el-table-column
|
<el-form-item label="协会联络人电话">
|
||||||
align="center"
|
<el-input v-model="formShowData.num" type="text"></el-input>
|
||||||
prop="nature"
|
</el-form-item>
|
||||||
label="协会性质"
|
<el-form-item label="协会联络人邮箱">
|
||||||
width="150"
|
<el-input v-model="formShowData.email" type="text"></el-input>
|
||||||
>
|
</el-form-item>
|
||||||
</el-table-column>
|
</el-form>
|
||||||
<el-table-column
|
<div class="demo-drawer-footer">
|
||||||
align="center"
|
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
||||||
prop="state"
|
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
||||||
label="协会状态"
|
</div>
|
||||||
width="150"
|
</el-drawer>
|
||||||
>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="linkMan"
|
|
||||||
label="协会联络人"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="num"
|
|
||||||
label="协会联络人电话"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="email"
|
|
||||||
label="协会联络人邮箱"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<!-- 新增抽屉 -->
|
|
||||||
<div class="society-drawer">
|
|
||||||
<el-drawer
|
|
||||||
:size="size"
|
|
||||||
title="新增"
|
|
||||||
:visible.sync="drawer">
|
|
||||||
<div style="margin: 10px;"></div>
|
|
||||||
<el-form :label-position="labelPosition" style="overflow-y: scroll" label-width="150px" :model="formLabelAlign">
|
|
||||||
<el-form-item label="协会名称-委员会">
|
|
||||||
<el-input v-model="formLabelAlign.totalName" type="text" ></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会名称-分表委">
|
|
||||||
<el-input v-model="formLabelAlign.branchName" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会名称-工作组">
|
|
||||||
<el-input v-model="formLabelAlign.workName" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="会员角色">
|
|
||||||
<el-select v-model="formLabelAlign.vipRole" placeholder="请选择会员角色" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="参与人">
|
|
||||||
<el-select v-model="formLabelAlign.players" placeholder="请选择参与人" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="标准">
|
|
||||||
<el-input v-model="formLabelAlign.standard" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="标准负责人">
|
|
||||||
<el-select v-model="formLabelAlign.standardLeader" placeholder="请选择标准负责人" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="责任领导">
|
|
||||||
<el-select v-model="formLabelAlign.leader" placeholder="请选择责任领导" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="初始入会时间">
|
|
||||||
<el-input v-model="formLabelAlign.startTime" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="本届入会时间">
|
|
||||||
<el-input v-model="formLabelAlign.thisTime" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="会费标准">
|
|
||||||
<el-input v-model="formLabelAlign.costStandard" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="费用列支">
|
|
||||||
<el-select v-model="formLabelAlign.cost" placeholder="请选择费用列支" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="上次缴纳时间">
|
|
||||||
<el-input v-model="formLabelAlign.lastTime" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="缴纳年限">
|
|
||||||
<el-input v-model="formLabelAlign.costYears" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="2017年缴费">
|
|
||||||
<el-input v-model="formLabelAlign.cost2017" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="2018年缴费">
|
|
||||||
<el-select v-model="formLabelAlign.cost2018" placeholder="请选择2018年缴费" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="2019年缴费">
|
|
||||||
<el-input v-model="formLabelAlign.cost2019" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="2020年缴费">
|
|
||||||
<el-input v-model="formLabelAlign.cost2020" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="2021年缴费">
|
|
||||||
<el-input v-model="formLabelAlign.cost2021" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="经办人">
|
|
||||||
<el-select v-model="formLabelAlign.person" placeholder="请选择经办人" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="部门">
|
|
||||||
<el-select v-model="formLabelAlign.partment" placeholder="请选择部门" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会性质">
|
|
||||||
<el-select v-model="formLabelAlign.nature" placeholder="请选择协会性质" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会状态">
|
|
||||||
<el-select v-model="formLabelAlign.state" placeholder="请选择协会性质" style="width: 433px">
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会联络人">
|
|
||||||
<el-input v-model="formLabelAlign.linkMan" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会联络人电话">
|
|
||||||
<el-input v-model="formLabelAlign.num" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会联络人邮箱">
|
|
||||||
<el-input v-model="formLabelAlign.email" type="text"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div class="demo-drawer-footer">
|
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
|
||||||
</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>
|
||||||
@@ -412,91 +252,33 @@
|
|||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 删除提示弹框 -->
|
<!-- 删除提示弹框 -->
|
||||||
<!-- <el-dialog
|
|
||||||
:visible.sync="dialogVisible3"
|
|
||||||
width="30%"
|
|
||||||
title="提 示："
|
|
||||||
height="100px"
|
|
||||||
>
|
|
||||||
<span >
|
|
||||||
<div class="icon">
|
|
||||||
<svg t="1628502929427" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
|
||||||
xmlns="http://www.w3.org/2000/svg" p-id="1418" width="200" height="200">
|
|
||||||
<path d="M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m48-784a48 48 0 0 0-96 0v352a48 48 0 0 0 96 0v-352zM512 736A48 48 0 1 0 512 832a48 48 0 0 0 0-96z" p-id="1419" fill="#d81e06">
|
|
||||||
</path>
|
|
||||||
</svg></div>
|
|
||||||
确认删除这些数据？</span>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogVisible3 = false">不用了</el-button>
|
|
||||||
<el-button type="primary" @click="dialogVisible3 = false">好 的</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>-->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 页脚分页 -->
|
|
||||||
<div class="block">
|
|
||||||
<el-pagination
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:current-page="currentPage"
|
|
||||||
:page-size="10"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="100">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "child1",
|
name: "child1",
|
||||||
data(){
|
data() {
|
||||||
return{
|
return {
|
||||||
formInline1:{
|
formQuery: {
|
||||||
name:'',
|
name: '',
|
||||||
role:'',
|
role: '',
|
||||||
nature:'',
|
nature: '',
|
||||||
state:''
|
state: ''
|
||||||
},
|
},
|
||||||
formInline2: {},
|
formInline2: {},
|
||||||
tableData:[{
|
tableData: [],
|
||||||
totalName: '1',
|
|
||||||
branchName:'1',
|
|
||||||
workName: '1',
|
|
||||||
vipRole: '1',
|
|
||||||
players: '1',
|
|
||||||
standard: '1',
|
|
||||||
standardLeader: '1',
|
|
||||||
leader: '1',
|
|
||||||
startTime: '1',
|
|
||||||
thisTime: '1',
|
|
||||||
costStandard: '1',
|
|
||||||
cost: '1',
|
|
||||||
lastTime: '1',
|
|
||||||
costYears: '1',
|
|
||||||
cost2017: '1',
|
|
||||||
cost2018: '1',
|
|
||||||
cost2019: '1',
|
|
||||||
cost2020: '1',
|
|
||||||
cost2021: '1',
|
|
||||||
person: '1',
|
|
||||||
partment: '1',
|
|
||||||
nature: '1',
|
|
||||||
state: '1',
|
|
||||||
linkMan: '1',
|
|
||||||
num: '1',
|
|
||||||
email: '1'
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer: false,
|
drawer: false,
|
||||||
size: '600px',
|
size: '600px',
|
||||||
labelPosition: 'center',
|
// 新增的集合
|
||||||
formLabelAlign: {
|
formShowData: {
|
||||||
totalName:'',
|
totalName: '',
|
||||||
branchName:'',
|
branchName: '',
|
||||||
workName: '',
|
workName: '',
|
||||||
vipRole: '',
|
vipRole: '',
|
||||||
players: '',
|
players: '',
|
||||||
@@ -524,125 +306,142 @@ export default {
|
|||||||
},
|
},
|
||||||
dialogVisible1: false,
|
dialogVisible1: false,
|
||||||
dialogVisible2: false,
|
dialogVisible2: false,
|
||||||
|
// 文件导入
|
||||||
formInlineOut: {
|
formInlineOut: {
|
||||||
name: '',
|
name: '',
|
||||||
num: '',
|
num: '',
|
||||||
remarks: ''
|
remarks: ''
|
||||||
},
|
},
|
||||||
dialogVisible3: false,
|
dialogVisible3: false,
|
||||||
currentPage: 1
|
// 分页有关
|
||||||
|
currentPage: 1,
|
||||||
|
tableTotal: 0,
|
||||||
|
page: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
// 新增，编辑框
|
||||||
|
drawerTitle: '',
|
||||||
|
drawerTable: false,
|
||||||
|
|
||||||
|
formRules: [],
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
/** 获取该页面内的列表数据 */
|
||||||
|
getData() {
|
||||||
|
},
|
||||||
//新增方法
|
//新增方法
|
||||||
submit: function(){
|
submit() {
|
||||||
this.$confirm('确认进行添加','是否继续？','提示',{
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
}).then(()=>{
|
|
||||||
this.tableData.push({
|
|
||||||
totalName:this.formLabelAlign.totalName,
|
|
||||||
branchName:this.formLabelAlign.branchName,
|
|
||||||
workName: this.formLabelAlign.workName,
|
|
||||||
vipRole: this.formLabelAlign.vipRole,
|
|
||||||
players: this.formLabelAlign.players,
|
|
||||||
standard: this.formLabelAlign.standard,
|
|
||||||
standardLeader: this.formLabelAlign.standardLeader,
|
|
||||||
leader: this.formLabelAlign.leader,
|
|
||||||
startTime: this.formLabelAlign.startTime,
|
|
||||||
thisTime: this.formLabelAlign.thisTime,
|
|
||||||
costStandard: this.formLabelAlign.costStandard,
|
|
||||||
cost: this.formLabelAlign.cost,
|
|
||||||
lastTime: this.formLabelAlign.lastTime,
|
|
||||||
costYears: this.formLabelAlign.costYears,
|
|
||||||
cost2017: this.formLabelAlign.cost2017,
|
|
||||||
cost2018: this.formLabelAlign.cost2018,
|
|
||||||
cost2019: this.formLabelAlign.cost2019,
|
|
||||||
cost2020: this.formLabelAlign.cost2020,
|
|
||||||
cost2021: this.formLabelAlign.cost2021,
|
|
||||||
person: this.formLabelAlign.person,
|
|
||||||
partment: this.formLabelAlign.partment,
|
|
||||||
nature: this.formLabelAlign.nature,
|
|
||||||
state: this.formLabelAlign.state,
|
|
||||||
linkMan: this.formLabelAlign.linkMan,
|
|
||||||
num: this.formLabelAlign.num,
|
|
||||||
email: this.formLabelAlign.email
|
|
||||||
}),
|
|
||||||
this.$message({
|
|
||||||
type: 'success',
|
|
||||||
message: '添加成功'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
//删除方法
|
//删除方法
|
||||||
deleteDetail: function(index,rows) {
|
deleteDetail(index, rows) {
|
||||||
this.$confirm('此操作将删除数据,','是否继续?','提示',{
|
|
||||||
confirmButtonText:'确定',
|
|
||||||
cancelButtonText:'取消',
|
|
||||||
type:'warning'
|
|
||||||
}).then(()=>{
|
|
||||||
this.tableData.splice(index,1)
|
|
||||||
this.$message({
|
|
||||||
type: 'success',
|
|
||||||
message:'删除成功',
|
|
||||||
})
|
|
||||||
}).catch((err) =>{
|
|
||||||
this.$message({
|
|
||||||
type:'error',
|
|
||||||
message:err
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
//清空
|
//清空
|
||||||
resetForm(formName) {
|
resetForm() {
|
||||||
this[formName] = {};
|
this.formQuery = {};
|
||||||
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[formName].resetFields()
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
handleSelectionChange(val) {
|
handleSelectionChange(val) {
|
||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
/*增加行和删除行*/
|
// 列表更多按钮
|
||||||
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(item) {
|
||||||
|
this.drawerTitle = '编辑'
|
||||||
|
this.formShowData = item
|
||||||
|
this.drawerTable = true
|
||||||
|
},
|
||||||
|
// 行内删除
|
||||||
|
deleteRowOne(val) {
|
||||||
|
let delId = {
|
||||||
|
id: val
|
||||||
|
}
|
||||||
|
this.$confirm('确定删除这些数据?', '提示', {
|
||||||
|
confirmButtonText: this.$t('m.determine'),
|
||||||
|
cancelButtonText: this.$t('m.cancel'),
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
delOnlyOne(delId).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.pageNo = 1
|
||||||
|
this.multipleSelection = ''
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'info',
|
||||||
|
message: '已取消删除'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 分页 */
|
||||||
|
pageChange(page) {
|
||||||
|
this.page = page
|
||||||
|
},
|
||||||
|
pageSizeChange(pageSize) {
|
||||||
|
this.pageSize = pageSize
|
||||||
},
|
},
|
||||||
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: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: auto;
|
flex: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100% - 110px) !important;
|
height: calc(100% - 110px) !important;
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
position: static;
|
position: static;
|
||||||
|
|
||||||
/deep/ .pagination-slot {
|
/deep/ .pagination-slot {
|
||||||
padding: 0;
|
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,283 +2,210 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="societyCost" class="child1">
|
<div id="societyCost" class="child1">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<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.scName" 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.costOutlay" 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.annualPayment" size="small" placeholder="请选择缴费情况">
|
||||||
<el-input v-model="formInline1.name" size="small" placeholder="请输入标准名称" style="width:170px" ></el-input>
|
<el-option
|
||||||
</el-form-item>
|
v-for="item in payOptions"
|
||||||
<el-form-item class="search-item btn-box" >
|
:key="item.value"
|
||||||
<el-button type="primary" size="small" onclick="" >查询</el-button>
|
:label="item.label"
|
||||||
</el-form-item>
|
:value="item.label">
|
||||||
<el-form-item class="search-item btn-box">
|
</el-option>
|
||||||
<el-button type="" size="small" @click="resetForm('formInline1')" >清空</el-button>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
<el-form-item>
|
||||||
<el-form :inline="true" :model="formInline2">
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
<el-form-item>
|
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer1 = true" >新增</el-button>
|
</el-form-item>
|
||||||
</el-form-item>
|
<div style="padding-right: 10px;float: left">
|
||||||
<el-form-item>
|
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||||
<el-button type="primary" size="small" @click="drawer2 = true" >编辑</el-button>
|
<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-form-item>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = 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="dialogVisible2 = true" >导出</el-button>
|
<el-divider/>
|
||||||
</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', 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" width="50" label="序号"/>
|
||||||
width="50">
|
<el-table-column align="center" prop="scName" label="协会名称-标委会">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
{{ scope.row.scName || '-' }}
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="sscName" label="协会名称-分委会">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
type="index"
|
{{ scope.row.sscName || '-' }}
|
||||||
width="100"
|
</template>
|
||||||
label="序号"
|
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="wgName" label="协会名称-工作组">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="totalName"
|
{{ scope.row.wgName || '-' }}
|
||||||
label="协会名称-标委会"
|
</template>
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="payStandard" label="会费标准">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="branchName"
|
{{ scope.row.payStandard || '-' }}
|
||||||
label="协会名称-分委会"
|
</template>
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="payReality" label="实际发生">
|
||||||
<el-table-column
|
<template slot-scope="scope">
|
||||||
align="center"
|
{{ scope.row.payReality || '-' }}
|
||||||
prop="workName"
|
</template>
|
||||||
label="协会名称-工作组"
|
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="costOutlay" label="费用列支">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="costStandard"
|
{{ scope.row.costOutlay || '-' }}
|
||||||
label="会费标准"
|
</template>
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column align="center" prop="annualPayment" label="每年缴费情况">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="reality"
|
{{ scope.row.annualPayment || '-' }}
|
||||||
label="实际发生"
|
</template>
|
||||||
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column label="操作" align="center" width="50" fixed="right">
|
||||||
align="center"
|
<template slot-scope="scope">
|
||||||
prop="costList"
|
<div @click.stop style="display: inline-block">
|
||||||
label="费用列支"
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
|
<i class="iconfont"></i>
|
||||||
>
|
<el-dropdown-menu slot="dropdown">
|
||||||
</el-table-column>
|
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
||||||
<el-table-column
|
编辑
|
||||||
align="center"
|
</el-dropdown-item>
|
||||||
prop="payCost"
|
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
||||||
label="每年缴费情况"
|
删除
|
||||||
|
</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 50px 10px 20px;height: inherit">
|
||||||
<div style="margin: 10px;height: inherit">
|
<el-form label-width="120px" 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.scName" type="text" placeholder="请填写">
|
||||||
<el-select v-model="formLabelAlign.totalName" 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.sscName" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.branchName" 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.wgName" type="text" placeholder="请填写">
|
||||||
<el-input v-model="formLabelAlign.workName" 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.payStandard" 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.payReality" 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.costOutlay" 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.annualPayment" type="text" placeholder="请填写"></el-input>
|
||||||
<el-input v-model="formLabelAlign.payCost" type="text" placeholder="请填写" style="width: 433px"></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="drawerTable = false">取消</el-button>
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" type="primary" :loading="submitLoading" @click="submit">提交</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
</div>
|
||||||
</div>
|
</el-drawer>
|
||||||
</el-drawer>
|
<!-- 导入弹框 -->
|
||||||
</div>
|
<el-dialog
|
||||||
<!-- 编辑抽屉 -->
|
title="导入文件"
|
||||||
<div class="meeting-drawer">
|
:visible.sync="dialogVisible1"
|
||||||
<el-drawer
|
width="30%"
|
||||||
:size="size"
|
>
|
||||||
title="编辑"
|
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
||||||
:visible.sync="drawer2">
|
</el-dialog>
|
||||||
<div style="margin: 10px;height: inherit">
|
|
||||||
<el-form :label-position="labelPosition" label-width="150px" style="height: available" :model="formLabelAlign2" v-model="labelPosition">
|
|
||||||
<el-form-item label="协会名称-标委会">
|
|
||||||
<el-select v-model="formLabelAlign2.totalName" type="text" placeholder="请填写" style="width: 433px" >
|
|
||||||
<el-option label="1" value="one"></el-option>
|
|
||||||
<el-option label="2" value="two"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会名称-分委会">
|
|
||||||
<el-input v-model="formLabelAlign2.branchName" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="协会名称-工作组">
|
|
||||||
<el-input v-model="formLabelAlign2.workName" type="text" placeholder="请填写" style="width: 433px" >
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="会费标准">
|
|
||||||
<el-input v-model="formLabelAlign2.costStandard" type="text" placeholder="请填写" style="width: 433px" >
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="实际发生">
|
|
||||||
<el-input v-model="formLabelAlign2.reality" placeholder="请选择" style="width: 433px">
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="费用列支">
|
|
||||||
<el-input v-model="formLabelAlign2.costList" placeholder="请选择" style="width: 433px">
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="每年缴费情况">
|
|
||||||
<el-input v-model="formLabelAlign2.payCost" type="text" placeholder="请填写" style="width: 433px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<div class="demo-drawer-footer">
|
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
|
||||||
</div>
|
|
||||||
</el-drawer>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<!-- 导入弹框 -->
|
|
||||||
<el-dialog
|
|
||||||
title="导入文件"
|
|
||||||
:visible.sync="dialogVisible1"
|
|
||||||
width="30%"
|
|
||||||
>
|
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- 页脚分页 -->
|
|
||||||
<div class="block">
|
|
||||||
<el-pagination
|
|
||||||
@size-change="handleSizeChange"
|
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:current-page="currentPage"
|
|
||||||
:page-size="10"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="100">
|
|
||||||
</el-pagination>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
statisticsAll,statisticsAdd,
|
||||||
|
statisticsEdit, delOnlyOne,
|
||||||
|
delMore,queryStatistics } from '@/api/statisticsApi'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "child1",
|
name: "child1",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
formInline1: {
|
loading: false,
|
||||||
type: '',
|
formQuery: {
|
||||||
num: '',
|
scName: '',
|
||||||
name: ''
|
costOutlay: '',
|
||||||
|
annualPayment: '',
|
||||||
|
current: 1,
|
||||||
|
page: 1,
|
||||||
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
|
tableTotal: 0
|
||||||
},
|
},
|
||||||
|
tableData: [],
|
||||||
tableData: [{
|
|
||||||
totalName: '',
|
|
||||||
branchName: '',
|
|
||||||
workName: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: '',
|
|
||||||
payCost: ''
|
|
||||||
}],
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
drawer1: false,
|
|
||||||
drawer2: false,
|
|
||||||
size: '600px',
|
|
||||||
labelPosition: 'center',
|
|
||||||
formLabelAlign: {
|
|
||||||
totalName: '',
|
|
||||||
branchName: '',
|
|
||||||
workName: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: '',
|
|
||||||
payCost: ''
|
|
||||||
},
|
|
||||||
formLabelAlign2: {
|
|
||||||
totalName: '',
|
|
||||||
branchName: '',
|
|
||||||
workName: '',
|
|
||||||
costStandard: '',
|
|
||||||
reality: '',
|
|
||||||
costList: '',
|
|
||||||
payCost: ''
|
|
||||||
},
|
|
||||||
dialogVisible1: false,
|
dialogVisible1: false,
|
||||||
dialogVisible2: false,
|
dialogVisible2: false,
|
||||||
currentPage: 1
|
// 新增，编辑框
|
||||||
|
drawerTitle: '',
|
||||||
|
drawerTable: false,
|
||||||
|
// 提交按钮loading
|
||||||
|
submitLoading: false,
|
||||||
|
formRules: {},
|
||||||
|
// 新增、编辑数组
|
||||||
|
formShowData: {
|
||||||
|
id: '',
|
||||||
|
scName: '',
|
||||||
|
sscName: '',
|
||||||
|
wgName: '',
|
||||||
|
payStandard: '',
|
||||||
|
payReality: '',
|
||||||
|
costOutlay: '',
|
||||||
|
annualPayment: ''
|
||||||
|
},
|
||||||
|
payOptions: [
|
||||||
|
{ label: '已缴费', value: '0'},
|
||||||
|
{ label: '未缴费', value: '1'},
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -287,78 +214,194 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
getTableData() {
|
||||||
|
this.loading = true
|
||||||
|
statisticsAll(this.formQuery).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.formQuery.tableTotal = res.data.count
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 表格多选 */
|
||||||
handleSelectionChange(val) {
|
handleSelectionChange(val) {
|
||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//新增方法
|
// 新增、编辑的提交按钮
|
||||||
submit: function(){
|
submit() {
|
||||||
this.$confirm('确认进行添加','是否继续？','提示',{
|
this.$refs['formShowData'].validate((valid) => {
|
||||||
confirmButtonText: '确定',
|
if (valid) {
|
||||||
cancelButtonText: '取消',
|
this.submitLoading = true
|
||||||
}).then(()=>{
|
if (this.drawerTitle === '新增') {
|
||||||
this.tableData.push({
|
statisticsAdd(this.formShowData).then(res=>{
|
||||||
totalName:this.formLabelAlign.totalName,
|
if (res.ok) {
|
||||||
branchName: this.formLabelAlign.branchName,
|
this.$message.success('新增成功')
|
||||||
workName: this.formLabelAlign.workName,
|
this.submitLoading = false
|
||||||
costStandard: this.formLabelAlign.costStandard,
|
this.getTableData()
|
||||||
reality: this.formLabelAlign.reality,
|
} else {
|
||||||
costList: this.formLabelAlign.costList,
|
this.$message.warning('新增失败')
|
||||||
payCost: this.formLabelAlign.payCost
|
}
|
||||||
}),
|
this.drawerTable = false
|
||||||
this.$message({
|
}, e => {
|
||||||
type: 'success',
|
})
|
||||||
message: '添加成功'
|
} else {
|
||||||
})
|
statisticsEdit(this.formShowData).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('编辑成功')
|
||||||
|
this.submitLoading = false
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('编辑失败')
|
||||||
|
}
|
||||||
|
this.drawerTable = false
|
||||||
|
},e => {
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
},
|
},
|
||||||
//删除方法
|
//删除方法
|
||||||
deleteDetail: function(index,rows) {
|
deleteDetail() {
|
||||||
this.$confirm('此操作将删除数据,','是否继续?','提示',{
|
if (this.multipleSelection.length > 0) {
|
||||||
confirmButtonText:'确定',
|
let msgIds = []
|
||||||
cancelButtonText:'取消',
|
for (let i = 0; i < this.multipleSelection.length; i++) {
|
||||||
type:'warning'
|
let msgId = this.multipleSelection[i].id
|
||||||
}).then(()=>{
|
msgIds.push(msgId)
|
||||||
this.tableData.splice(index,1)
|
}
|
||||||
this.$message({
|
let delId = {
|
||||||
type: 'success',
|
ids: msgIds.join(',')
|
||||||
message:'删除成功',
|
}
|
||||||
})
|
this.$confirm('确定删除这些数据?', '提示', {
|
||||||
}).catch((err) =>{
|
confirmButtonText: this.$t('m.determine'),
|
||||||
this.$message({
|
cancelButtonText: this.$t('m.cancel'),
|
||||||
type:'error',
|
type: 'warning',
|
||||||
message:err
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
delMore(delId).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.pageNo = 1
|
||||||
|
this.multipleSelection = ''
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'info',
|
||||||
|
message: '已取消删除'
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请选择一条数据进行删除')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 查询按钮 */
|
||||||
|
queryForm() {
|
||||||
|
queryStatistics(this.formQuery).then(res=>{
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.formQuery.tableTotal = res.data.count
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
//清空
|
//清空
|
||||||
resetForm(formName) {
|
resetForm() {
|
||||||
this[formName] = {};
|
this.formQuery.annualPayment = ''
|
||||||
|
this.formQuery.costOutlay = ''
|
||||||
this.$nextTick(() => {
|
this.formQuery.scName = ''
|
||||||
this.$refs[formName].resetFields()
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/*增加行和删除行*/
|
|
||||||
handleSizeChange(val) {
|
|
||||||
console.log(`每页 ${val} 条`);
|
|
||||||
},
|
|
||||||
handleCurrentChange(val) {
|
|
||||||
console.log(`当前页: ${val}`);
|
|
||||||
},
|
|
||||||
addUser (){
|
|
||||||
this.$message.success('添加信息成功！')
|
|
||||||
this.dialogVisible2=false
|
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
}
|
},
|
||||||
|
/** 新增按钮 */
|
||||||
|
formDataAdd() {
|
||||||
|
this.drawerTitle = '新增'
|
||||||
|
this.formShowData = {}
|
||||||
|
this.drawerTable = true
|
||||||
|
},
|
||||||
|
// 列表更多按钮
|
||||||
|
handleCommand(command) {
|
||||||
|
switch (command[1]) {
|
||||||
|
case "编辑":
|
||||||
|
this.editRowOne(command[0]);
|
||||||
|
break;
|
||||||
|
case "删除":
|
||||||
|
this.deleteRowOne("delOne", command[0].id);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 列表编辑 */
|
||||||
|
editRowOne(item) {
|
||||||
|
this.drawerTitle = '编辑'
|
||||||
|
this.formShowData = {
|
||||||
|
id: item.id,
|
||||||
|
scName: item.scName,
|
||||||
|
sscName: item.sscName,
|
||||||
|
wgName: item.wgName,
|
||||||
|
payStandard: item.payStandard,
|
||||||
|
payReality: item.payReality,
|
||||||
|
costOutlay: item.costOutlay,
|
||||||
|
annualPayment: item.annualPayment
|
||||||
|
}
|
||||||
|
this.drawerTable = true
|
||||||
|
},
|
||||||
|
// 行内删除
|
||||||
|
deleteRowOne(val) {
|
||||||
|
let delId = {
|
||||||
|
id: val
|
||||||
|
}
|
||||||
|
this.$confirm('确定删除这些数据?', '提示', {
|
||||||
|
confirmButtonText: this.$t('m.determine'),
|
||||||
|
cancelButtonText: this.$t('m.cancel'),
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
delOnlyOne(delId).then(res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.pageNo = 1
|
||||||
|
this.multipleSelection = ''
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'info',
|
||||||
|
message: '已取消删除'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/** 分页 */
|
||||||
|
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>
|
||||||
.child1{
|
.child1 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-divider--horizontal {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -375,11 +418,13 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.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