换届
This commit is contained in:
shijingjing
@@ -1,51 +1,70 @@
|
||||
<template>
|
||||
<ai-list class="addChange">
|
||||
<template #title>
|
||||
<ai-title title="基本信息" isShowBottomBorder isShowBack @onBackClick="back" />
|
||||
<ai-title title="基本信息" isShowBottomBorder isShowBack @onBackClick="cancel(false)" />
|
||||
</template>
|
||||
<template #content>
|
||||
<el-form ref="form" :model="form" label-width="100px" label-position="right">
|
||||
<ai-bar title="基本信息"></ai-bar>
|
||||
<el-row type="flex">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
|
||||
<el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
|
||||
<el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<template #content>
|
||||
<div class="Form" style="padding: 0 200px;">
|
||||
<el-form ref="form" :model="form" label-width="100px" label-position="right">
|
||||
<ai-bar title="基本信息"></ai-bar>
|
||||
<el-row type="flex">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="换届时间" prop="data" :rules="[{ required: true, message: '请选择换届时间', trigger: 'blur' }]">
|
||||
<el-input size="small" :maxlength="30" placeholder="请输入大屏项目名称" v-model="form.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="届次" prop="noun" :rules="[{ required: true, message: '请输入届次', trigger: 'blur' }]">
|
||||
<el-input size="small" :maxlength="30" placeholder="请输入届次" v-model="form.name"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<ai-bar title="本届任职(必填)">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
|
||||
<ai-bar title="本届任职(必填)">
|
||||
<template slot="right">
|
||||
<el-button size="small" type="text" icon="iconfont iconAdd" @click="toEdit('')" >添加任职人员</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableDataJob"
|
||||
:col-configs="colConfigsJob"
|
||||
:total="job.total"
|
||||
:current.sync="job.current"
|
||||
:size.sync="job.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="toEdit('')" >添加候选人</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
<ai-table
|
||||
class="detail-table__table"
|
||||
:tableData="tableDataPerson"
|
||||
:col-configs="colConfigsPerson"
|
||||
:total="person.total"
|
||||
:current.sync="person.current"
|
||||
:size.sync="person.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>
|
||||
</div>
|
||||
</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="toEdit('')" >添加候选人</el-button>
|
||||
</template>
|
||||
</ai-bar>
|
||||
</template>
|
||||
</ai-list>
|
||||
</template>
|
||||
|
||||
@@ -61,11 +80,50 @@ export default {
|
||||
return {
|
||||
form: {
|
||||
|
||||
},
|
||||
tableDataJob: [],
|
||||
tableDataPerson: [],
|
||||
totalJob: '',
|
||||
job: {
|
||||
total: 0,
|
||||
current: 1,
|
||||
size: 10,
|
||||
},
|
||||
person: {
|
||||
total: 0,
|
||||
current: 1,
|
||||
size: 10,
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
colConfigsJob() {
|
||||
return [
|
||||
{prop: 'content', label: '职位'},
|
||||
{prop: 'content', label: '姓名'},
|
||||
{slot: 'options'},
|
||||
]
|
||||
},
|
||||
colConfigsPerson() {
|
||||
return [
|
||||
{prop: 'content', label: '职位'},
|
||||
{prop: 'content', label: '候选人'},
|
||||
{slot: 'options'},
|
||||
]
|
||||
},
|
||||
formRules() {
|
||||
return {
|
||||
// corpId: [{required: true, message: "请输入CorpId"}],
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
back() {},
|
||||
cancel (isRefresh) {
|
||||
this.$emit('change', {
|
||||
type: 'List',
|
||||
isRefresh: !!isRefresh
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -139,7 +139,6 @@ export default {
|
||||
id: id || ''
|
||||
}
|
||||
})
|
||||
// this.$route.push('#addChange')
|
||||
},
|
||||
handleJobForm() {},
|
||||
handleCandForm() {},
|
||||
|
||||
Reference in New Issue
Block a user