commit
This commit is contained in:
@@ -2,19 +2,19 @@
|
|||||||
<div class="data-statis">
|
<div class="data-statis">
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
<el-tab-pane label="协会信息数据统计" name="listOfSociety">
|
<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>
|
||||||
<el-tab-pane label="委员信息数据统计" name="listOfMember">
|
<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>
|
||||||
<el-tab-pane label="参与外部协会会议统计" name="listOfMeeting">
|
<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>
|
||||||
<el-tab-pane label="参与外部标准制修订信息统计" name="listOfStandard">
|
<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>
|
||||||
<el-tab-pane label="标准法规研究项目费用统计信息" name="listOfCost">
|
<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-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,36 +2,38 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="listOfMember" class="child2">
|
<div id="listOfMember" class="child2">
|
||||||
<!-- 第一第二行表单 -->
|
<!-- 第一第二行表单 -->
|
||||||
<el-form :inline="true" :model="formQuery" class="demo-form-inline">
|
<el-form :inline="true" :model="form" class="demo-form-inline">
|
||||||
<el-form-item label="提报单位名称">
|
<el-form-item label="提报单位名称">
|
||||||
<el-input v-model="formQuery.name" size="small" placeholder="请输入提报单位"></el-input>
|
<el-input v-model="form.unit" size="small" placeholder="请输入提报单位"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会名称">
|
<el-form-item label="协会名称">
|
||||||
<el-input v-model="formQuery.meeting" size="small" placeholder="请输入协会名称"></el-input>
|
<el-input v-model="form.scName" size="small" placeholder="请输入协会名称"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员角色">
|
<el-form-item label="会员角色">
|
||||||
<el-select v-model="formQuery.role" size="small" placeholder="请选择会员角色">
|
<el-input v-model="form.role" size="small" placeholder="请输入会员角色"></el-input>
|
||||||
<el-option label="1" value="one"></el-option>
|
<!-- <el-select v-model="form.role" size="small" placeholder="请选择会员角色">-->
|
||||||
<el-option label="2" value="two"></el-option>
|
<!-- <el-option label="1" value="one"></el-option>-->
|
||||||
</el-select>
|
<!-- <el-option label="2" value="two"></el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所在部门">
|
<el-form-item label="所在部门">
|
||||||
<el-select v-model="formQuery.part" size="small" placeholder="请选择所在部门">
|
<el-input v-model="form.department" size="small" placeholder="请输入所在部门"></el-input>
|
||||||
<el-option label="1" value="one"></el-option>
|
<!-- <el-select v-model="form.department" size="small" placeholder="请选择所在部门">-->
|
||||||
<el-option label="2" value="two"></el-option>
|
<!-- <el-option label="1" value="one"></el-option>-->
|
||||||
</el-select>
|
<!-- <el-option label="2" value="two"></el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
<el-button type="primary" size="small" @click="queryForm">查询</el-button>
|
||||||
<el-button type="" size="small" @click="resetForm('formQuery')">清空</el-button>
|
<el-button type="" size="small" @click="resetForm('form')">清空</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-divider/>
|
<el-divider/>
|
||||||
<div style="float: left">
|
<div style="float: left">
|
||||||
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
<el-button type="primary" size="small" @click="formDataAdd">新增</el-button>
|
||||||
<el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>
|
<!-- <el-button type="primary" size="small" @click="dialogVisible1 = true">导入</el-button>-->
|
||||||
<el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>
|
<!-- <el-button type="primary" size="small" @click="dialogVisible2 = true">导出</el-button>-->
|
||||||
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
<el-button type="danger" size="small" @click="deleteDetail" icon="el-icon-delete">批量删除</el-button>
|
||||||
<el-button type="primary" size="small" onclick="">模板下载</el-button>
|
<!-- <el-button type="primary" size="small" onclick="">模板下载</el-button>-->
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-divider/>
|
<el-divider/>
|
||||||
@@ -47,57 +49,56 @@
|
|||||||
fontWeight: 'bold', height: '48px'}"
|
fontWeight: 'bold', height: '48px'}"
|
||||||
@selection-change="handleSelectionChange">
|
@selection-change="handleSelectionChange">
|
||||||
<el-table-column align="center" type="selection" width="50"/>
|
<el-table-column align="center" type="selection" width="50"/>
|
||||||
<el-table-column align="center" type="index" label="序号" width="50"/>
|
<el-table-column align="center" prop="unit" label="提报单位名称" width="120">
|
||||||
<el-table-column align="center" prop="unitName" label="提报单位名称" width="120">
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.unitName || '-' }}
|
{{ scope.row.unit || '-' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="totalName"
|
prop="scName"
|
||||||
label="协会名称-标委会"
|
label="协会名称-标委会"
|
||||||
width="auto"
|
width="160"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="branchName"
|
prop="sscName"
|
||||||
label="协会名称-分标委"
|
label="协会名称-分标委"
|
||||||
width="auto"
|
width="160"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="workName"
|
prop="wgName"
|
||||||
label="协会名称-工作组"
|
label="协会名称-工作组"
|
||||||
width="auto"
|
width="160"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="thisTime"
|
prop="curTime"
|
||||||
label="本届入会时间"
|
label="本届入会时间"
|
||||||
width="120"
|
width="220"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">{{ scope.row.date }}</template>
|
<template slot-scope="scope"><span>{{ scope.row.curTime ? $moment(scope.row.curTime).format("YYYY-MM-DD HH:mm:ss") : "" }}</span></template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="vipRole"
|
prop="role"
|
||||||
label="会员角色"
|
label="会员角色"
|
||||||
width="120">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="players"
|
prop="attend"
|
||||||
label="参与人"
|
label="参与人"
|
||||||
width="120"
|
width="120"
|
||||||
>
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="post"
|
prop="job"
|
||||||
label="职务"
|
label="职务"
|
||||||
width="120">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -109,18 +110,18 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="num"
|
prop="tel"
|
||||||
label="联系方式"
|
label="联系方式"
|
||||||
width="120">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="timeOffice"
|
prop="term"
|
||||||
label="任期"
|
label="任期"
|
||||||
width="120"
|
width="120"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.date }}
|
{{ scope.row.term }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
@@ -137,17 +138,17 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="passWord"
|
prop="password"
|
||||||
label="密码"
|
label="密码"
|
||||||
width="120"
|
width="120"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.date || '-' }}
|
{{ scope.row.password || '-' }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="remarks"
|
prop="remark"
|
||||||
label="备注"
|
label="备注"
|
||||||
width="120">
|
width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -157,12 +158,15 @@
|
|||||||
<el-dropdown trigger="click" @command="handleCommand">
|
<el-dropdown trigger="click" @command="handleCommand">
|
||||||
<i class="iconfont"></i>
|
<i class="iconfont"></i>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<el-dropdown-menu slot="dropdown">
|
||||||
<el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="''">
|
<el-dropdown-item :command="[scope.row, '编辑']">
|
||||||
编辑
|
编辑
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item :command="[scope.row, '删除']" v-btn-permission="''">
|
<el-dropdown-item :command="[scope.row, '删除']">
|
||||||
删除
|
删除
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :command="[scope.row, '查看']">
|
||||||
|
查看
|
||||||
|
</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
@@ -171,108 +175,152 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
<loading :loading="loading">加载中...</loading>
|
<loading :loading="loading">加载中...</loading>
|
||||||
<pagination
|
<pagination
|
||||||
:page="formQuery.page"
|
:page="form.page"
|
||||||
:total="tableTotal"
|
:total="tableTotal"
|
||||||
@pageChange="pageChange"
|
@pageChange="pageChange"
|
||||||
@pageSizeChange="pageSizeChange"/>
|
@pageSizeChange="pageSizeChange"/>
|
||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<el-drawer
|
<el-drawer
|
||||||
size="50%"
|
size="1000px"
|
||||||
|
:before-close="addDrawerClose"
|
||||||
:title="drawerTitle"
|
:title="drawerTitle"
|
||||||
:visible.sync="drawerTable">
|
:visible.sync="drawerTable">
|
||||||
<div style="margin: 10px;"></div>
|
<div class="demo-drawer-content" v-if="drawerTable">
|
||||||
<el-form label-width="150px" style="overflow-y: scroll" :model="formShowData" :rules="formRules">
|
<div class="content">
|
||||||
<el-form-item label="提报单位名称">
|
<div class="standard-table-search">
|
||||||
<el-input v-model="formShowData.unitName" type="text" placeholder="请填写"></el-input>
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="24">
|
||||||
|
<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>
|
||||||
<el-form-item label="协会名称-委员会">
|
<el-form-item prop="scName" label="协会名称-委员会" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.totalName" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.scName"
|
||||||
|
placeholder="请输入协会名称-委员会"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会名称-分表委">
|
<el-form-item prop="sscName" label="协会名称-分标委" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.branchName" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.sscName"
|
||||||
|
placeholder="请输入协会名称-分标委"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会名称-工作组">
|
<el-form-item prop="wgName" label="协会名称-工作组" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.workName" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.wgName"
|
||||||
|
placeholder="请输入协会名称-工作组"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="本届入会时间">
|
<el-form-item prop="role" label="会员角色" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.thisTime" placeholder="日期选择" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.role"
|
||||||
|
placeholder="请输入会员角色"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员角色">
|
<el-form-item prop="attend" label="参与人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.attend"
|
||||||
</el-select>
|
placeholder="请输入参与人"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参与人">
|
<el-form-item label="本届入会时间" style="width: 100%; margin-right:10px" prop="curTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.players" placeholder="请选择参与人">
|
<el-date-picker
|
||||||
<el-option label="1" value="one"></el-option>
|
v-model="addForm.curTime"
|
||||||
<el-option label="2" value="two"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
</el-select>
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="请选择本届入会时间">
|
||||||
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="职务">
|
<el-form-item prop="job" label="职务" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.post" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.job"
|
||||||
|
placeholder="请输入职务"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所在部门">
|
<el-form-item prop="department" label="所在部门" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.partment" placeholder="请填写">
|
<el-input
|
||||||
</el-input>
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.department"
|
||||||
|
placeholder="请输入所在部门"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="联系方式">
|
<el-form-item prop="tel" label="联系方式" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.num" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.tel"
|
||||||
|
placeholder="请输入联系方式"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="任期">
|
<el-form-item prop="term" label="任期" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.timeOffice" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.term"
|
||||||
|
placeholder="请输入任期"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="证书">
|
<el-form-item prop="certificate" label="证书" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.certificate" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.certificate"
|
||||||
|
placeholder="请输入证书"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="账号">
|
<el-form-item prop="account" label="账号" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.account" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.account"
|
||||||
|
placeholder="请输入账号"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="密码">
|
<el-form-item prop="password" label="密码" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.passWord" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.password"
|
||||||
|
placeholder="请输入密码"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注">
|
<el-form-item prop="remark" label="备注" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.remarks" type="text" placeholder="请填写"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.remark"
|
||||||
|
placeholder="请输入备注"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="demo-drawer-footer">
|
</el-col>
|
||||||
<el-button size="small" @click="drawerTable = false">取消</el-button>
|
</el-row>
|
||||||
<el-button size="small" type="primary" @click="submit">提交</el-button>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="demo-drawer-footer" v-if="DrawerType !== 'see'">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
class="common-button-primary"
|
||||||
|
icon="el-icon-check"
|
||||||
|
type="primary"
|
||||||
|
:loading="subLoading"
|
||||||
|
@click="submit">提交
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
class="common-button-default"
|
||||||
|
icon="el-icon-close"
|
||||||
|
@click="addDrawerClose">取消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
<div>
|
|
||||||
<!-- 导入弹框 -->
|
|
||||||
<el-dialog
|
|
||||||
title="导入文件"
|
|
||||||
:visible.sync="dialogVisible1"
|
|
||||||
width="30%"
|
|
||||||
>
|
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
|
||||||
</el-dialog>
|
|
||||||
<!-- 导出弹框 -->
|
|
||||||
<el-dialog
|
|
||||||
title="导出文件"
|
|
||||||
:visible.sync="dialogVisible2"
|
|
||||||
width="30%"
|
|
||||||
>
|
|
||||||
<el-form :model="formInlineOut">
|
|
||||||
<el-form-item label="名称">
|
|
||||||
<el-input v-model="formInlineOut.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="序号">
|
|
||||||
<el-input v-model="formInlineOut.num"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="formInlineOut.remarks"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -283,97 +331,260 @@ export default {
|
|||||||
name: "child2",
|
name: "child2",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
// 表格加载
|
subLoading: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
formQuery: {
|
form: {
|
||||||
name: '',
|
unit: '',
|
||||||
meeting: '',
|
scName: '',
|
||||||
role: '',
|
role: '',
|
||||||
part: '',
|
department: '',
|
||||||
current: 1,
|
|
||||||
page: 1,
|
page: 1,
|
||||||
pageSize: this.$store.getters.userInfo.configContent,
|
pageSize: this.$store.getters.userInfo.configContent,
|
||||||
},
|
},
|
||||||
tableTotal: 0,
|
tableTotal: 0,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
|
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
|
|
||||||
// 新增、编辑抽屉
|
// 新增、编辑抽屉
|
||||||
drawerTable: false,
|
drawerTable: false,
|
||||||
drawerTitle: '',
|
drawerTitle: '',
|
||||||
formRules: {},
|
formRules: {
|
||||||
|
unit: [
|
||||||
formShowData: {
|
{required: true, message: '请输入提报单位名称', trigger: 'blur'},
|
||||||
unitName: '',
|
],
|
||||||
totalName: '',
|
scName: [
|
||||||
branchName: '',
|
{required: true, message: '请输入协会名称-标委会', trigger: 'blur'},
|
||||||
workName: '',
|
],
|
||||||
thisTime: '',
|
sscName: [
|
||||||
vipRole: '',
|
{required: true, message: '请输入协会名称-分标委', trigger: 'blur'},
|
||||||
players: '',
|
],
|
||||||
post: '',
|
wgName: [
|
||||||
|
{required: true, message: '请输入协会名称-工作组', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
role: [
|
||||||
|
{required: true, message: '请输入会员角色', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
attend: [
|
||||||
|
{required: true, message: '请输入参与人', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
curTime: [
|
||||||
|
{required: true, message: '请选择本届入会时间', trigger: 'change'},
|
||||||
|
],
|
||||||
|
job: [
|
||||||
|
{required: true, message: '请输入职务', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
department: [
|
||||||
|
{required: true, message: '请输入所在部门', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
tel: [
|
||||||
|
{required: true, message: '请输入联系方式', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
term: [
|
||||||
|
{required: true, message: '请输入任期', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
certificate: [
|
||||||
|
{required: true, message: '请输入证书', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
account: [
|
||||||
|
{required: true, message: '请输入账号', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
password: [
|
||||||
|
{required: true, message: '请输入密码', trigger: 'blur'},
|
||||||
|
],
|
||||||
|
remark: [
|
||||||
|
{required: true, message: '请输入备注', trigger: 'blur'},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
addForm: {
|
||||||
|
unit: '',
|
||||||
|
scName: '',
|
||||||
|
sscName: '',
|
||||||
|
wgName: '',
|
||||||
|
role: '',
|
||||||
|
attend: '',
|
||||||
|
curTime: '',
|
||||||
|
job: '',
|
||||||
department: '',
|
department: '',
|
||||||
num: '',
|
tel: '',
|
||||||
timeOffice: '',
|
term: '',
|
||||||
certificate: '',
|
certificate: '',
|
||||||
account: '',
|
account: '',
|
||||||
passWord: '',
|
password: '',
|
||||||
remarks: ''
|
remark: ''
|
||||||
},
|
},
|
||||||
|
DrawerType: '',
|
||||||
dialogVisible1: false,
|
|
||||||
dialogVisible2: false,
|
|
||||||
formInlineOut: {
|
|
||||||
name: '',
|
|
||||||
num: '',
|
|
||||||
remarks: ''
|
|
||||||
},
|
|
||||||
dialogVisible3: false,
|
|
||||||
currentPage: 1
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
console.log(1)
|
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getTableData()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getTableData () {
|
||||||
|
this.$http.get('wgdCensusZ/wgd-commi-info/queryAllCommiInfos',this.form, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.tableData = res.data.list
|
||||||
|
this.tableTotal = res.data.count
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}, // 获取数据
|
||||||
handleSelectionChange(val) {
|
handleSelectionChange(val) {
|
||||||
this.multipleSelection = val;
|
this.multipleSelection = val;
|
||||||
},
|
},
|
||||||
//增加方法
|
formDataAdd() {
|
||||||
formDataAdd() {},
|
this.DrawerType = 'add'
|
||||||
|
this.drawerTitle = '新增'
|
||||||
|
this.drawerTable = true
|
||||||
|
},// 新增
|
||||||
|
addDrawerClose () {
|
||||||
|
this.addForm = {}
|
||||||
|
this.drawerTable = false
|
||||||
|
}, // 关闭新增drawer
|
||||||
submit() {
|
submit() {
|
||||||
},
|
this.$refs['addForm'].validate((valid) => {
|
||||||
//删除方法
|
if (valid) {
|
||||||
|
this.subLoading = true
|
||||||
|
let url = ''
|
||||||
|
let tips = ''
|
||||||
|
if (this.DrawerType === 'edit') {
|
||||||
|
url = 'wgdCensusZ/wgd-commi-info/modCommiInfo'
|
||||||
|
tips = '编辑'
|
||||||
|
}else if (this.DrawerType === 'add') {
|
||||||
|
url = 'wgdCensusZ/wgd-commi-info/addCommiInfo'
|
||||||
|
tips = '添加'
|
||||||
|
}
|
||||||
|
this.$http.post(url, this.addForm, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
this.subLoading = false
|
||||||
|
if (res.ok) {
|
||||||
|
this.drawerTable = false
|
||||||
|
this.$message.success(tips + '成功')
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning(tips + '失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请检查表单是否填写正确')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}, // 提交
|
||||||
deleteDetail() {
|
deleteDetail() {
|
||||||
},
|
if (this.multipleSelection.length) {
|
||||||
|
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
let ids = ''
|
||||||
|
this.multipleSelection.forEach(item => {
|
||||||
|
if (ids.length > 0) {
|
||||||
|
ids += ','
|
||||||
|
ids += item.id
|
||||||
|
} else {
|
||||||
|
ids = item.id
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.$http.post('wgdCensusZ/wgd-commi-info/delCommiInfos', {
|
||||||
|
ids: ids
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.form.page = 1
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {})
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请选择要删除的数据')
|
||||||
|
}
|
||||||
|
},//删除方法
|
||||||
/** 查询 */
|
/** 查询 */
|
||||||
queryForm() {},
|
queryForm() {
|
||||||
//清空
|
this.form.page = 1
|
||||||
|
this.getTableData()
|
||||||
|
}, // 查询
|
||||||
resetForm() {
|
resetForm() {
|
||||||
},
|
this.form.unit = ''
|
||||||
|
this.form.scName = ''
|
||||||
|
this.form.role = ''
|
||||||
|
this.form.department = ''
|
||||||
|
this.form.page = 1
|
||||||
|
this.getTableData()
|
||||||
|
},// 清空
|
||||||
// 列表更多按钮
|
// 列表更多按钮
|
||||||
handleCommand(command) {
|
handleCommand(command) {
|
||||||
switch (command[1]) {
|
switch (command[1]) {
|
||||||
|
case '查看':
|
||||||
|
this.drawerTitle = '查看'
|
||||||
|
this.DrawerType = 'see'
|
||||||
|
this.drawerTable = true
|
||||||
|
this.addForm = command[0]
|
||||||
|
break
|
||||||
case "编辑":
|
case "编辑":
|
||||||
this.editRowOne(command[0]);
|
this.DrawerType = 'edit'
|
||||||
|
this.drawerTitle = '编辑'
|
||||||
|
this.drawerTable = true
|
||||||
|
this.addForm = {
|
||||||
|
id: command[0].id,
|
||||||
|
unit: command[0].unit,
|
||||||
|
scName: command[0].scName,
|
||||||
|
sscName: command[0].sscName,
|
||||||
|
wgName: command[0].wgName,
|
||||||
|
role: command[0].role,
|
||||||
|
attend: command[0].attend,
|
||||||
|
curTime: this.$moment(command[0].curTime).format("YYYY-MM-DD HH:mm:ss"),
|
||||||
|
job: command[0].job,
|
||||||
|
department: command[0].department,
|
||||||
|
tel: command[0].tel,
|
||||||
|
term: command[0].term,
|
||||||
|
certificate: command[0].certificate,
|
||||||
|
account: command[0].account,
|
||||||
|
password: command[0].password,
|
||||||
|
remark: command[0].remark,
|
||||||
|
}
|
||||||
break;
|
break;
|
||||||
case "删除":
|
case "删除":
|
||||||
this.deleteRowOne("delOne", command[0].id);
|
this.$confirm('您是否确认删除选中数据?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
confirmButtonClass: 'common-button-primary',
|
||||||
|
roundButton: true
|
||||||
|
}).then(() => {
|
||||||
|
this.$http.post('wgdCensusZ/wgd-commi-info/delCommiInfos', {
|
||||||
|
ids: command[0].id
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.ok) {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.form.page = 1
|
||||||
|
this.getTableData()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('删除失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {})
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
editRowOne() {},
|
|
||||||
deleteRowOne() {},
|
|
||||||
/** 分页 */
|
/** 分页 */
|
||||||
pageChange(page) {
|
pageChange(page) {
|
||||||
this.formQuery.page = page
|
this.form.page = page
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
},
|
},
|
||||||
pageSizeChange(pageSize) {
|
pageSizeChange(pageSize) {
|
||||||
this.formQuery.pageSize = pageSize
|
this.form.pageSize = pageSize
|
||||||
this.getTableData()
|
this.getTableData()
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -385,7 +596,11 @@ export default {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
.add-form-item {
|
||||||
|
/deep/.el-form-item__content {
|
||||||
|
width: calc(~'100% - 180px');
|
||||||
|
}
|
||||||
|
}
|
||||||
.pagination {
|
.pagination {
|
||||||
position: inherit!important;
|
position: inherit!important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -103,154 +103,290 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 新增抽屉 -->
|
<!-- 新增抽屉 -->
|
||||||
<el-drawer
|
<el-drawer
|
||||||
|
size="1000px"
|
||||||
|
:before-close="addDrawerClose"
|
||||||
:title="drawerTitle"
|
:title="drawerTitle"
|
||||||
:visible.sync="drawerTable">
|
:visible.sync="drawerTable">
|
||||||
<div style="margin: 10px;"></div>
|
<div style="margin: 10px;"></div>
|
||||||
<el-form style="overflow-y: scroll" label-width="150px" :model="formShowData" :rules="formRules">
|
<el-form :model="addForm" inline class="label-input-form" label-width="180px" :rules="formRules" ref="addForm">
|
||||||
<el-form-item label="协会名称-委员会">
|
<el-form-item prop="unit" label="提报单位名称" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.totalName" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.unit"
|
||||||
|
placeholder="请输入提报单位名称"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会名称-分表委">
|
<el-form-item prop="scName" label="协会名称-委员会" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.branchName" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.scName"
|
||||||
|
placeholder="请输入协会名称-委员会"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会名称-工作组">
|
<el-form-item prop="sscName" label="协会名称-分标委" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.workName" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.sscName"
|
||||||
|
placeholder="请输入协会名称-分标委"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员角色">
|
<el-form-item prop="wgName" label="协会名称-工作组" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.vipRole" placeholder="请选择会员角色">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.wgName"
|
||||||
</el-select>
|
placeholder="请输入协会名称-工作组"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="参与人">
|
<el-form-item prop="role" label="会员角色" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.players" placeholder="请选择参与人">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.role"
|
||||||
</el-select>
|
placeholder="请输入会员角色"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准">
|
<el-form-item prop="attend" label="参与人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.standard" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.attend"
|
||||||
|
placeholder="请输入参与人"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="标准负责人">
|
<el-form-item prop="standard" label="标准" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.standardLeader" placeholder="请选择标准负责人">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.standard"
|
||||||
</el-select>
|
placeholder="请输入标准"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="责任领导">
|
<el-form-item prop="charge" label="标准负责人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.leader" placeholder="请选择责任领导">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.charge"
|
||||||
</el-select>
|
placeholder="请输入标准负责人"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="初始入会时间">
|
<el-form-item prop="leader" label="责任领导" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.startTime" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.leader"
|
||||||
|
placeholder="请输入责任领导"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="本届入会时间">
|
<el-form-item label="初始入会时间" style="width: 100%; margin-right:10px" prop="iniTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.thisTime" type="text"></el-input>
|
<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>
|
||||||
<el-form-item label="会费标准">
|
<el-form-item label="本届入会时间" style="width: 100%; margin-right:10px" prop="curTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.costStandard" type="text"></el-input>
|
<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>
|
||||||
<el-form-item label="费用列支">
|
<el-form-item prop="costStandard" label="费用标准" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.cost" placeholder="请选择费用列支">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.costStandard"
|
||||||
</el-select>
|
placeholder="请输入费用标准"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="上次缴纳时间">
|
<el-form-item prop="costOutlay" label="费用列支" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.lastTime" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.costOutlay"
|
||||||
|
placeholder="请输入费用列支"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="缴纳年限">
|
<el-form-item label="上次缴纳时间" style="width: 100%; margin-right:10px" prop="lastPayTime" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.costYears" type="text"></el-input>
|
<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>
|
||||||
<el-form-item label="2017年缴费">
|
<el-form-item prop="payPeriod" label="缴费年限" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.cost2017" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.payPeriod"
|
||||||
|
placeholder="请输入缴费年限"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="2018年缴费">
|
<el-form-item prop="handler" label="经办人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.cost2018" placeholder="请选择2018年缴费">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.handler"
|
||||||
</el-select>
|
placeholder="请输入经办人"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="2019年缴费">
|
<el-form-item prop="department" label="部门" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.cost2019" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.department"
|
||||||
|
placeholder="请输入部门"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="2020年缴费">
|
<el-form-item prop="asProper" label="协会性质" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.cost2020" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.asProper"
|
||||||
|
placeholder="请输入协会性质"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="2021年缴费">
|
<el-form-item prop="asStatus" label="协会状态" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-input v-model="formShowData.cost2021" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.asStatus"
|
||||||
|
placeholder="请输入协会状态"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="经办人">
|
<el-form-item prop="asContact" label="协会联络人" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.person" placeholder="请选择经办人">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.asContact"
|
||||||
</el-select>
|
placeholder="请输入协会联络人"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="部门">
|
<el-form-item prop="tel" label="协会联络人电话" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.partment" placeholder="请选择部门">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.tel"
|
||||||
</el-select>
|
placeholder="请输入协会联络人电话"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会性质">
|
<el-form-item prop="mail" label="协会联络人邮箱" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.nature" placeholder="请选择协会性质">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.mail"
|
||||||
</el-select>
|
placeholder="请输入协会联络人邮箱"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会状态">
|
<el-form-item prop="p17" label="2017缴费" style="width: 100%; margin-right:10px" class="add-form-item" :class="DrawerType === 'see' ? 'form-item-disabled' : ''">
|
||||||
<el-select v-model="formShowData.state" placeholder="请选择协会性质">
|
<el-input
|
||||||
<el-option label="1" value="one"></el-option>
|
:disabled="DrawerType === 'see'"
|
||||||
<el-option label="2" value="two"></el-option>
|
v-model="addForm.p17"
|
||||||
</el-select>
|
placeholder="请输入2017缴费"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会联络人">
|
<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 v-model="formShowData.linkMan" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.p18"
|
||||||
|
placeholder="请输入2018缴费"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会联络人电话">
|
<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 v-model="formShowData.num" type="text"></el-input>
|
<el-input
|
||||||
|
:disabled="DrawerType === 'see'"
|
||||||
|
v-model="addForm.p19"
|
||||||
|
placeholder="请输入2019缴费"
|
||||||
|
:maxlength="500"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="协会联络人邮箱">
|
<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 v-model="formShowData.email" type="text"></el-input>
|
<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-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="demo-drawer-footer">
|
<div class="demo-drawer-footer">
|
||||||
<el-button size="small" @click="dialogVisible2 = false">取消</el-button>
|
<el-button size="small" @click="addDrawerClose">取消</el-button>
|
||||||
<el-button size="small" type="primary" @click="submit()">提交</el-button>
|
<el-button size="small" type="primary" @click="submit">提交</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
<!-- 导入弹框 -->
|
|
||||||
<!-- <el-dialog
|
|
||||||
title="导入文件"
|
|
||||||
:visible.sync="dialogVisible1"
|
|
||||||
width="30%"
|
|
||||||
>
|
|
||||||
<el-button class="leading-in">点击或拖拽上传文件</el-button>
|
|
||||||
</el-dialog>
|
|
||||||
<el-dialog
|
|
||||||
title="导出文件"
|
|
||||||
:visible.sync="dialogVisible2"
|
|
||||||
width="30%"
|
|
||||||
>
|
|
||||||
<el-form :model="formInlineOut">
|
|
||||||
<el-form-item label="名称">
|
|
||||||
<el-input v-model="formInlineOut.name" style="width:350px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="序号">
|
|
||||||
<el-input v-model="formInlineOut.num" style="width:350px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注">
|
|
||||||
<el-input v-model="formInlineOut.remarks" style="width:350px"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogVisible2 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="dialogVisible2 = false">确 定</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>-->
|
|
||||||
<!-- 删除提示弹框 -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -279,49 +415,13 @@ export default {
|
|||||||
drawer: false,
|
drawer: false,
|
||||||
size: '600px',
|
size: '600px',
|
||||||
// 新增的集合
|
// 新增的集合
|
||||||
formShowData: {
|
addForm: {},
|
||||||
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,
|
|
||||||
|
|
||||||
// 新增,编辑框
|
// 新增,编辑框
|
||||||
drawerTitle: '',
|
drawerTitle: '',
|
||||||
drawerTable: false,
|
drawerTable: false,
|
||||||
|
DrawerType: '',
|
||||||
formRules: {},
|
formRules: {},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
@@ -337,6 +437,7 @@ export default {
|
|||||||
submit() {
|
submit() {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
addDrawerClose () {},
|
||||||
//删除方法
|
//删除方法
|
||||||
deleteDetail(index, rows) {
|
deleteDetail(index, rows) {
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -378,7 +378,7 @@
|
|||||||
this.$message.success(tips + '成功')
|
this.$message.success(tips + '成功')
|
||||||
this.getData()
|
this.getData()
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning(tips + '添加失败')
|
this.$message.warning(tips + '失败')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
@@ -449,8 +449,14 @@
|
|||||||
this.form.reviseStatus = ''
|
this.form.reviseStatus = ''
|
||||||
this.getData()
|
this.getData()
|
||||||
},
|
},
|
||||||
pageChange (page) {},
|
pageChange (page) {
|
||||||
pageSizeChange (pageSize) {},
|
this.form.page = page
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
pageSizeChange (pageSize) {
|
||||||
|
this.form.pageSize = pageSize
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
handleCommand (command) {
|
handleCommand (command) {
|
||||||
switch (command[1]) {
|
switch (command[1]) {
|
||||||
case '编辑':
|
case '编辑':
|
||||||
@@ -530,9 +536,11 @@
|
|||||||
height: calc(~'100% - 20px') !important;
|
height: calc(~'100% - 20px') !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.add-form-item {
|
||||||
/deep/.el-form-item__content {
|
/deep/.el-form-item__content {
|
||||||
width: calc(~'100% - 180px');
|
width: calc(~'100% - 180px');
|
||||||
}
|
}
|
||||||
|
}
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
.content-center {
|
.content-center {
|
||||||
|
|||||||
Reference in New Issue
Block a user