FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhutianqi
2021-11-15 17:57:53 +08:00
parent 230ce62823 c8ad9a403e
commit d7920b60c9
6 changed files with 791 additions and 838 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/statisticsApi.js
+61
View File
@@ -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
})
}
src/pages/details/otherBussStandardDetails/index.vue
+2 -2
View File
@@ -46,7 +46,7 @@
<p class="half files-title" <p class="half files-title"
> >
<label style=" margin-right: 102px;">{{ child.attrName }}</label> <label style=" margin-right: 102px;">{{ child.attrName }}</label>
<template v-for="(file, fileIndex) in child1Func(child.value)"> <template v-if="child.value && child.value.length > 0" v-for="(file, fileIndex) in child1Func(child.value)">
<span> <span>
<a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName | ellipsis }}</a> <a style="font-size: 16px;color: #409EFF;cursor: pointer" @click="openFileInPdf(file.id, file.oldFileName)" target="_blank" :title="file.oldFileName">{{ file.oldFileName | ellipsis }}</a>
<i <i
@@ -76,7 +76,7 @@
<el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);" <el-button v-if="child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"
class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button> class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>
</template> </template>
<template v-if="!child.value && child.value.length === 0">-</template> <template v-if="child.value === null" >-</template>
</p> </p>
</template> </template>
<p><label style="margin-right: 157px;">中文名称</label><span>{{ sarStandardsInfoEO.standName || '-' }}</span></p> <p><label style="margin-right: 157px;">中文名称</label><span>{{ sarStandardsInfoEO.standName || '-' }}</span></p>
src/pages/details/otherStandardDetails/index.vue
+1 -1
View File
@@ -88,7 +88,7 @@
<el-button v-if="child.value && child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);" <el-button v-if="child.value && child.value.length > 1" style="color:#409EFF;border: 1px solid #409EFF;background: rgba(64, 158, 255, 0.1);"
class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button> class="decomposition-btn" icon="icon-relation" @click="relateEvent1(child.value)">更多</el-button>
</template> </template>
<template else >-</template> <template v-if="child.value === null" >-</template>
</p> </p>
</template> </template>
<p><label style=" margin-right: 150px;">中文名称</label><span>{{ <p><label style=" margin-right: 150px;">中文名称</label><span>{{
src/pages/processCenter/pages/creatProcess/zdrzbzORzchgxxmsc/step1.vue
+51 -3
View File
@@ -23,12 +23,13 @@
<div class="tableTitle"> <div class="tableTitle">
<div class="tableButton"> <div class="tableButton">
<el-button plain class="common-button-primary" size="mini" @click="handleSearchStandard">调取</el-button> <el-button plain class="common-button-primary" size="mini" @click="handleSearchStandard">调取</el-button>
<el-button plain class="common-button-primary" size="mini" @click="">删除</el-button> <el-button plain class="common-button-primary" size="mini" @click="handleDeleteStandard">删除</el-button>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
<div class="table-wrap"> <div class="table-wrap">
<el-table <el-table
@selection-change="deleteSelectChange"
:data="infoTableDatas" :data="infoTableDatas"
ref="multipleTable" ref="multipleTable"
tooltip-effect="dark" tooltip-effect="dark"
@@ -367,6 +368,7 @@ export default {
}, },
data() { data() {
return { return {
selectedList: [],
infoTableDatas: [], infoTableDatas: [],
productTypeOptions: [{label: '树形结构', value: 'TREE'}, {label: '下拉选项', value: 'SEL_OPTION'}], productTypeOptions: [{label: '树形结构', value: 'TREE'}, {label: '下拉选项', value: 'SEL_OPTION'}],
loadSarStandard: false, loadSarStandard: false,
@@ -477,6 +479,54 @@ export default {
} }
}, },
methods: { methods: {
deleteSelectChange(data) {
console.log('483',data)
this.deleteSelectedList = []
for (let i = 0; i < data.length; i++) {
this.deleteSelectedList.push(data[i].id)
}
// this.deleteSelectedList = data
console.log('498',this.deleteSelectedList)
},
handleDeleteStandard() {
this.$confirm('是否删除该数据?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
//拿出deleteSelectedList里的每一个元素
this.deleteSelectedList.map(item => {
let index;
index = this.infoTableDatas.findIndex(items => {
//返回infoTableDatas里id和deleteSelectedList的id相同的元素对应的位置
return items.id === item;
});
//如果符合条件，就删除（==-1是没有符合条件的意思）
if (index > -1) {
this.infoTableDatas.splice(index, 1);
}
});
this.selectList = [];
// for (let i = 0; i < this.infoTableDatas.length; i++) {
// for (let j = 0; j < this.deleteSelectedList.length; j++) {
// if (this.infoTableDatas[i].id === this.deleteSelectedList[j].id){
// console.log('表里的数据',i,this.infoTableDatas[i])
// console.log('要删的数据',j,this.deleteSelectedList[j])
// this.infoTableDatas.splice(i,1)
// }
// }
// }
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
handleProcessStandardNext(status) { handleProcessStandardNext(status) {
switch (status) { switch (status) {
// 新增 // 新增
@@ -490,9 +540,7 @@ export default {
// 带入 // 带入
case 2: case 2:
if (this.standardCheckedList && this.standardCheckedList.length >= 1) { if (this.standardCheckedList && this.standardCheckedList.length >= 1) {
console.log('504',this.standardCheckedList)
this.infoTableDatas = this.standardCheckedList this.infoTableDatas = this.standardCheckedList
console.log('505',this.infoTableDatas)
this.standardDrawer = false this.standardDrawer = false
} else { } else {
this.$message.warning('请选择要带入的数据') this.$message.warning('请选择要带入的数据')
src/pages/regulatoryRepository/dataStatis/page/listOfSociety.vue
+328 -529
View File
@@ -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">&#xe61e;</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
} }
src/pages/regulatoryRepository/dataStatis/pages/societyCost.vue
+348 -303
View File
@@ -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">&#xe61e;</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;
} }