先提交一波整理的代码
This commit is contained in:
aixianling
@@ -1,43 +1,22 @@
|
||||
<template>
|
||||
<ai-list class="moment">
|
||||
<template slot="content">
|
||||
<ai-bar title="总体概况">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')" >修改</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-wrapper>
|
||||
<ai-info-item label="本届换届时间" :value="111" />
|
||||
<ai-info-item label="换届类型" :value="111" />
|
||||
<ai-info-item label="下届换届时间" :value="111" />
|
||||
<ai-info-item label="当前届次" :value="111" />
|
||||
</ai-wrapper>
|
||||
<ai-bar title="本届任职">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="dialogJob=true" >添加任职人员</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-bar title="本届候选人">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="dialogCandidate = true" >添加候选人</el-button>
|
||||
<section class="moment">
|
||||
<ai-title title="总体概况" class="mar-b8">
|
||||
<template slot="rightBtn">
|
||||
<el-button size="small" type="text" icon="iconfont iconEdit" @click="toEdit('')">修改</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
</ai-title>
|
||||
<ai-wrapper>
|
||||
<ai-info-item label="本届换届时间" :value="111"/>
|
||||
<ai-info-item label="换届类型" :value="111"/>
|
||||
<ai-info-item label="下届换届时间" :value="111"/>
|
||||
<ai-info-item label="当前届次" :value="111"/>
|
||||
</ai-wrapper>
|
||||
<ai-title title="本届任职" class="mar-b8">
|
||||
<template slot="rightBtn">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="dialogJob=true">添加任职人员</el-button>
|
||||
</template>
|
||||
</ai-title>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
@@ -45,38 +24,54 @@
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-dialog :visible.sync="dialogJob" title="添加本届任职人" width="720px" @closed="jobForm={}" @onConfirm="handleJobForm">
|
||||
<el-form ref="jobForm" size="small" :model="jobForm" :rules="jobRules" label-width="80px">
|
||||
<el-form-item label="职位" prop="job">
|
||||
<el-input v-model="jobForm.job" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="jobForm.name" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ai-dialog>
|
||||
|
||||
<ai-dialog :visible.sync="dialogCandidate" title="添加本届候选人" width="720px" @closed="CandFrom={}" @onConfirm="handleCandForm">
|
||||
<el-form ref="CandFrom" size="small" :model="CandFrom" :rules="candRules" label-width="80px">
|
||||
<el-form-item label="职位" prop="job">
|
||||
<el-input v-model="CandFrom.job" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="候选人" prop="name">
|
||||
<el-input type="textarea" rows="5" v-model="CandFrom.name" placeholder="请输入候选人姓名，用逗号隔开"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ai-dialog>
|
||||
</template>
|
||||
|
||||
|
||||
</ai-list>
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-title title="本届候选人" class="mar-b8">
|
||||
<template slot="rightBtn">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="dialogCandidate = true">添加候选人</el-button>
|
||||
</template>
|
||||
</ai-title>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableData"
|
||||
:col-configs="colConfigs"
|
||||
:total="totalJob"
|
||||
:current.sync="current"
|
||||
:size.sync="size"
|
||||
@getList="getJobList">
|
||||
<el-table-column slot="options" label="操作" align="center">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="text" @click="jobEdit(row.id)">编辑</el-button>
|
||||
<el-button type="text" @click="jobDelete(row.id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</ai-table>
|
||||
<ai-dialog :visible.sync="dialogJob" title="添加本届任职人" width="720px" @closed="jobForm={}" @onConfirm="handleJobForm">
|
||||
<el-form ref="jobForm" size="small" :model="jobForm" :rules="jobRules" label-width="80px">
|
||||
<el-form-item label="职位" prop="job">
|
||||
<el-input v-model="jobForm.job" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="jobForm.name" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ai-dialog>
|
||||
<ai-dialog :visible.sync="dialogCandidate" title="添加本届候选人" width="720px" @closed="CandFrom={}" @onConfirm="handleCandForm">
|
||||
<el-form ref="CandFrom" size="small" :model="CandFrom" :rules="candRules" label-width="80px">
|
||||
<el-form-item label="职位" prop="job">
|
||||
<el-input v-model="CandFrom.job" clearable placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="候选人" prop="name">
|
||||
<el-input type="textarea" rows="5" v-model="CandFrom.name" placeholder="请输入候选人姓名，用逗号隔开"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</ai-dialog>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -132,26 +127,26 @@ export default {
|
||||
this.getList(this.selected.id)
|
||||
},
|
||||
methods: {
|
||||
jobEdit() {},
|
||||
jobDelete() {},
|
||||
getJobList() {},
|
||||
jobEdit() {
|
||||
},
|
||||
jobDelete() {
|
||||
},
|
||||
getJobList() {
|
||||
},
|
||||
toEdit(id) {
|
||||
this.$emit('change', {
|
||||
type: 'addChange',
|
||||
params: {
|
||||
id: id || ''
|
||||
}
|
||||
})
|
||||
this.$router.push({hash: "#add", query: {id}})
|
||||
},
|
||||
getList(id) {
|
||||
this.instance.post(`/app/apporganizationgeneralelection/queryDetailByOrganizationId?organizationId=${id}`).then(res=>{
|
||||
if(res?.data) {
|
||||
console.log(res,'111');
|
||||
this.instance.post(`/app/apporganizationgeneralelection/queryDetailByOrganizationId?organizationId=${id}`).then(res => {
|
||||
if (res?.data) {
|
||||
console.log(res, '111');
|
||||
}
|
||||
})
|
||||
},
|
||||
handleJobForm() {},
|
||||
handleCandForm() {},
|
||||
handleJobForm() {
|
||||
},
|
||||
handleCandForm() {
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -161,4 +156,4 @@ export default {
|
||||
padding-top: 0 !important;
|
||||
background-color: #FFF !important;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user