This commit is contained in:
zhutianqi
2021-11-17 16:22:04 +08:00
parent df720fe928
commit facd564f6a
4 changed files with 919 additions and 595 deletions
@@ -2,19 +2,19 @@
<div class="data-statis">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="协会信息数据统计" name="listOfSociety">
<list-of-society></list-of-society>
<list-of-society v-if="activeName === 'listOfSociety'"></list-of-society>
</el-tab-pane>
<el-tab-pane label="委员信息数据统计" name="listOfMember">
<list-of-member></list-of-member>
<list-of-member v-if="activeName === 'listOfMember'"></list-of-member>
</el-tab-pane>
<el-tab-pane label="参与外部协会会议统计" name="listOfMeeting">
<list-of-meeting></list-of-meeting>
<list-of-meeting v-if="activeName === 'listOfMeeting'"></list-of-meeting>
</el-tab-pane>
<el-tab-pane label="参与外部标准制修订信息统计" name="listOfStandard">
<list-of-standard></list-of-standard>
<list-of-standard v-if="activeName === 'listOfStandard'"></list-of-standard>
</el-tab-pane>
<el-tab-pane label="标准法规研究项目费用统计信息" name="listOfCost">
<list-of-cost></list-of-cost>
<list-of-cost v-if="activeName === 'listOfCost'"></list-of-cost>
</el-tab-pane>
</el-tabs>
</div>
File diff suppressed because it is too large Load Diff
@@ -102,155 +102,291 @@
@pageSizeChange="pageSizeChange"/>
</div>
<!-- 新增抽屉 -->
<el-drawer
:title="drawerTitle"
:visible.sync="drawerTable">
<div style="margin: 10px;"></div>
<el-form style="overflow-y: scroll" label-width="150px" :model="formShowData" :rules="formRules">
<el-form-item label="协会名称-委员会">
<el-input v-model="formShowData.totalName" type="text"></el-input>
</el-form-item>
<el-form-item label="协会名称-分表委">
<el-input v-model="formShowData.branchName" type="text"></el-input>
</el-form-item>
<el-form-item label="协会名称-工作组">
<el-input v-model="formShowData.workName" type="text"></el-input>
</el-form-item>
<el-form-item label="会员角色">
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色">
<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="formShowData.players" placeholder="请选择参与人">
<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="formShowData.standard" type="text"></el-input>
</el-form-item>
<el-form-item label="标准负责人">
<el-select v-model="formShowData.standardLeader" placeholder="请选择标准负责人">
<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="formShowData.leader" placeholder="请选择责任领导">
<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="formShowData.startTime" type="text"></el-input>
</el-form-item>
<el-form-item label="本届入会时间">
<el-input v-model="formShowData.thisTime" type="text"></el-input>
</el-form-item>
<el-form-item label="会费标准">
<el-input v-model="formShowData.costStandard" type="text"></el-input>
</el-form-item>
<el-form-item label="费用列支">
<el-select v-model="formShowData.cost" placeholder="请选择费用列支">
<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="formShowData.lastTime" type="text"></el-input>
</el-form-item>
<el-form-item label="缴纳年限">
<el-input v-model="formShowData.costYears" type="text"></el-input>
</el-form-item>
<el-form-item label="2017年缴费">
<el-input v-model="formShowData.cost2017" type="text"></el-input>
</el-form-item>
<el-form-item label="2018年缴费">
<el-select v-model="formShowData.cost2018" placeholder="请选择2018年缴费">
<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="formShowData.cost2019" type="text"></el-input>
</el-form-item>
<el-form-item label="2020年缴费">
<el-input v-model="formShowData.cost2020" type="text"></el-input>
</el-form-item>
<el-form-item label="2021年缴费">
<el-input v-model="formShowData.cost2021" type="text"></el-input>
</el-form-item>
<el-form-item label="经办人">
<el-select v-model="formShowData.person" placeholder="请选择经办人">
<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="formShowData.partment" placeholder="请选择部门">
<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="formShowData.nature" placeholder="请选择协会性质">
<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="formShowData.state" placeholder="请选择协会性质">
<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="formShowData.linkMan" type="text"></el-input>
</el-form-item>
<el-form-item label="协会联络人电话">
<el-input v-model="formShowData.num" type="text"></el-input>
</el-form-item>
<el-form-item label="协会联络人邮箱">
<el-input v-model="formShowData.email" type="text"></el-input>
</el-form-item>
</el-form>
<div class="demo-drawer-footer">
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
<el-button size="small" type="primary" @click="submit()">提交</el-button>
</div>
</el-drawer>
<!-- 导入弹框 -->
<!-- <el-dialog
title="导入文件"
:visible.sync="dialogVisible1"
width="30%"
>
<el-button class="leading-in">点击或拖拽上传文件</el-button>
</el-dialog>
<el-dialog
title="导出文件"
:visible.sync="dialogVisible2"
width="30%"
>
<el-form :model="formInlineOut">
<el-form-item label="名称">
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
<el-drawer
size="1000px"
:before-close="addDrawerClose"
:title="drawerTitle"
:visible.sync="drawerTable">
<div style="margin: 10px;"></div>
<el-form :model="addForm" inline class="label-input-form" label-width="180px" :rules="formRules" ref="addForm">
<el-form-item prop="unit" label="提报单位名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.unit"
placeholder="请输入提报单位名称"
:maxlength="500"/>
</el-form-item>
<el-form-item label="序号">
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
<el-form-item prop="scName" label="协会名称-委员会" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.scName"
placeholder="请输入协会名称-委员会"
:maxlength="500"/>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
<el-form-item prop="sscName" label="协会名称-分标委" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.sscName"
placeholder="请输入协会名称-分标委"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="wgName" label="协会名称-工作组" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.wgName"
placeholder="请输入协会名称-工作组"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="role" label="会员角色" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.role"
placeholder="请输入会员角色"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="attend" label="参与人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.attend"
placeholder="请输入参与人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="standard" label="标准" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.standard"
placeholder="请输入标准"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="charge" label="标准负责人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.charge"
placeholder="请输入标准负责人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="leader" label="责任领导" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.leader"
placeholder="请输入责任领导"
:maxlength="500"/>
</el-form-item>
<el-form-item label="初始入会时间" style="width: 100%; margin-right:10px" prop="iniTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-date-picker
v-model="addForm.iniTime"
:disabled="DrawerType === 'see'"
value-format="yyyy-MM-dd"
type="date"
placeholder="请选择初始入会时间">
</el-date-picker>
</el-form-item>
<el-form-item label="本届入会时间" style="width: 100%; margin-right:10px" prop="curTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-date-picker
v-model="addForm.curTime"
:disabled="DrawerType === 'see'"
value-format="yyyy-MM-dd"
type="date"
placeholder="请选择本届入会时间">
</el-date-picker>
</el-form-item>
<el-form-item prop="costStandard" label="费用标准" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.costStandard"
placeholder="请输入费用标准"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="costOutlay" label="费用列支" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.costOutlay"
placeholder="请输入费用列支"
:maxlength="500"/>
</el-form-item>
<el-form-item label="上次缴纳时间" style="width: 100%; margin-right:10px" prop="lastPayTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-date-picker
v-model="addForm.lastPayTime"
:disabled="DrawerType === 'see'"
value-format="yyyy-MM-dd"
type="date"
placeholder="请选择上次缴纳时间">
</el-date-picker>
</el-form-item>
<el-form-item prop="payPeriod" label="缴费年限" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.payPeriod"
placeholder="请输入缴费年限"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="handler" label="经办人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.handler"
placeholder="请输入经办人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="department" label="部门" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.department"
placeholder="请输入部门"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="asProper" label="协会性质" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.asProper"
placeholder="请输入协会性质"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="asStatus" label="协会状态" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.asStatus"
placeholder="请输入协会状态"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="asContact" label="协会联络人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.asContact"
placeholder="请输入协会联络人"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="tel" label="协会联络人电话" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.tel"
placeholder="请输入协会联络人电话"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="mail" label="协会联络人邮箱" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.mail"
placeholder="请输入协会联络人邮箱"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p17" label="2017缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p17"
placeholder="请输入2017缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p18" label="2018缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p18"
placeholder="请输入2018缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p19" label="2019缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p19"
placeholder="请输入2019缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p20" label="2020缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p20"
placeholder="请输入2020缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p21" label="2021缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p21"
placeholder="请输入2021缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p22" label="2022缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p22"
placeholder="请输入2022缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p23" label="2023缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p23"
placeholder="请输入2023缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p24" label="2024缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p24"
placeholder="请输入2024缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p25" label="2025缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p25"
placeholder="请输入2025缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p26" label="2026缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p26"
placeholder="请输入2026缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p27" label="2027缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p27"
placeholder="请输入2027缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p28" label="2028缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p28"
placeholder="请输入2028缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p29" label="2029缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p29"
placeholder="请输入2029缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p30" label="2030缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p30"
placeholder="请输入2030缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p31" label="2031缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p31"
placeholder="请输入2031缴费"
:maxlength="500"/>
</el-form-item>
<el-form-item prop="p32" label="2032缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
<el-input
:disabled="DrawerType === 'see'"
v-model="addForm.p32"
placeholder="请输入2032缴费"
:maxlength="500"/>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible2 = false"> </el-button>
<el-button type="primary" @click="dialogVisible2 = false"> </el-button>
</span>
</el-dialog>-->
<!-- 删除提示弹框 -->
<div class="demo-drawer-footer">
<el-button size="small" @click="addDrawerClose">取消</el-button>
<el-button size="small" type="primary" @click="submit">提交</el-button>
</div>
</el-drawer>
</div>
@@ -279,49 +415,13 @@ export default {
drawer: false,
size: '600px',
// 新增的集合
formShowData: {
totalName: '',
branchName: '',
workName: '',
vipRole: '',
players: '',
standard: '',
standardLeader: '',
leader: '',
startTime: '',
thisTime: '',
costStandard: '',
cost: '',
lastTime: '',
costYears: '',
cost2017: '',
cost2018: '',
cost2019: '',
cost2020: '',
cost2021: '',
person: '',
partment: '',
nature: '',
state: '',
linkMan: '',
num: '',
email: '',
},
dialogVisible1: false,
dialogVisible2: false,
// 文件导入
formInlineOut: {
name: '',
num: '',
remarks: ''
},
dialogVisible3: false,
addForm: {},
// 新增,编辑框
drawerTitle: '',
drawerTable: false,
DrawerType: '',
formRules: {},
}
},
@@ -337,6 +437,7 @@ export default {
submit() {
},
addDrawerClose () {},
//删除方法
deleteDetail(index, rows) {
},
@@ -378,7 +378,7 @@
this.$message.success(tips + '成功')
this.getData()
} else {
this.$message.warning(tips + '添加失败')
this.$message.warning(tips + '失败')
}
})
} else {
@@ -449,8 +449,14 @@
this.form.reviseStatus = ''
this.getData()
},
pageChange (page) {},
pageSizeChange (pageSize) {},
pageChange (page) {
this.form.page = page
this.getData()
},
pageSizeChange (pageSize) {
this.form.pageSize = pageSize
this.getData()
},
handleCommand (command) {
switch (command[1]) {
case '编辑':
@@ -530,8 +536,10 @@
height: calc(~'100% - 20px') !important;
}
}
/deep/.el-form-item__content {
width: calc(~'100% - 180px');
.add-form-item {
/deep/.el-form-item__content {
width: calc(~'100% - 180px');
}
}
display: flex;
flex-direction: column;