考核组添加复选

This commit is contained in:
leave 2020-10-27 10:01:38 +08:00
parent abc3de6a57
commit c51d447277
4 changed files with 65 additions and 19 deletions

View File

@ -4,5 +4,5 @@ const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, { module.exports = merge(prodEnv, {
NODE_ENV: '"development"', NODE_ENV: '"development"',
PROXY:false PROXY: false,
}) })

View File

@ -26,7 +26,9 @@ import {
Tag, Tag,
Tooltip, Tooltip,
Popover, Popover,
Pagination Pagination,
Menu,
MenuItem
} from 'element-ui' } from 'element-ui'
@ -59,3 +61,5 @@ Vue.use(Radio)
Vue.use(Dropdown) Vue.use(Dropdown)
Vue.use(DropdownMenu) Vue.use(DropdownMenu)
Vue.use(DropdownItem) Vue.use(DropdownItem)
Vue.use(Menu)
Vue.use(MenuItem)

View File

@ -1,27 +1,54 @@
<!-- --> <!-- -->
<template> <template>
<div> <div class="set-mian commonFont">
设置 <el-menu
:default-active="activeIndex"
mode="horizontal"
@select="handleSelect"
text-color="#52575b"
active-text-color="#3ba1ff"
>
<el-menu-item index="0">考评组设置</el-menu-item>
<el-menu-item index="1">默认值设置</el-menu-item>
</el-menu>
<ground-table v-if="activeIndex==='0'"></ground-table>
<div v-else-if="activeIndex==='1'">
<span>默认值设置</span>
</div>
</div> </div>
</template> </template>
<script> <script>
import groundTable from '../workbench/assessmentGroup/groundTable'
export default { export default {
data () { data () {
return { return {
activeIndex: '0'
} }
}, },
computed: {}, components: {
groundTable
},
beforeMount () { }, beforeMount () { },
mounted () { }, mounted () { },
methods: {}, methods: {
handleSelect (key, keyPath) {
this.activeIndex = key
console.log(key, keyPath)
console.log(this.activeIndex)
}
},
watch: {} watch: {}
} }
</script> </script>
<style lang='' scoped> <style lang='less' scoped>
.set-mian {
background-color: white;
min-height: 600px;
padding: 25px;
}
</style> </style>

View File

@ -100,7 +100,7 @@
<div> <div>
<popup-right <popup-right
v-if="showChooseList" v-if="showChooseList"
@cancel='showChooseList = false' @cancel="hundlePopupHide"
@submit="handleSubmitPopup" @submit="handleSubmitPopup"
:title="popupRightTitle" :title="popupRightTitle"
class="popup" class="popup"
@ -118,13 +118,16 @@
<div class="popup-table"> <div class="popup-table">
<el-table <el-table
v-if="popupData.tableList.length" v-if="popupData.tableList.length"
ref="popupMultipleTable"
:data="popupData.tableList" :data="popupData.tableList"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
tooltip-effect="dark" tooltip-effect="dark"
:row-key="getRowKeys"
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="40" width="40"
:reserve-selection="true"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="全选" label="全选"
@ -228,7 +231,6 @@ export default {
}, },
watch: { watch: {
'formData.cycleTimeType': function (newVal, oldVal) { 'formData.cycleTimeType': function (newVal, oldVal) {
// console.log(this.formData.cycleTimeType)
this.formData.rangDate = '' this.formData.rangDate = ''
} }
}, },
@ -244,9 +246,23 @@ export default {
} }
this.formData.mergeType.name = nameStr this.formData.mergeType.name = nameStr
}, },
handleChooseGroup () { hundlePopupHide () {
this.popupData.selectedList = [] this.popupData.selectedList = []
this.$refs.popupMultipleTable.clearSelection()
this.showChooseList = false
},
handleChooseGroup () {
this.showChooseList = !this.showChooseList this.showChooseList = !this.showChooseList
this.$nextTick(res => {
if (this.formData.assessmentList.length > 0) {
this.formData.assessmentList.forEach((row) => {
this.$refs.popupMultipleTable.toggleRowSelection(row, true)
})
}
})
},
getRowKeys (row) {
return row.id
}, },
handleGroupDelete (index, rows) { handleGroupDelete (index, rows) {
console.log('删除----', rows) console.log('删除----', rows)
@ -256,7 +272,6 @@ export default {
console.log('提交') console.log('提交')
this.$refs['formData'].validate((val) => { this.$refs['formData'].validate((val) => {
this.dialogSendVisible = val this.dialogSendVisible = val
console.log('1111111111111111')
}) })
}, },
handleDialogSend () { handleDialogSend () {
@ -266,8 +281,7 @@ export default {
}) })
let para = { let para = {
cycleType: this.formData.cycleTimeType, cycleType: this.formData.cycleTimeType,
groupIds: '24', groupIds: groupIdList.join(),
// groupIds: groupIdList.join(),
name: this.formData.mergeType.name name: this.formData.mergeType.name
} }
if (this.formData.cycleTimeType === 0) { if (this.formData.cycleTimeType === 0) {
@ -291,8 +305,9 @@ export default {
this.handleGainAssessmentGroupList() this.handleGainAssessmentGroupList()
}, },
handleSelectionChange (val) { handleSelectionChange (val) {
// //
this.popupData.selectedList = val this.popupData.selectedList = val
console.log('选择发生变化 ', val)
}, },
handlePopupCreat () { handlePopupCreat () {
this.showChooseList = false this.showChooseList = false
@ -300,9 +315,9 @@ export default {
this.$router.push({ name: 'workbench-edit-group' }) this.$router.push({ name: 'workbench-edit-group' })
}, },
handleSubmitPopup () { handleSubmitPopup () {
this.showChooseList = false
const list = this.popupData.selectedList const list = this.popupData.selectedList
this.formData.assessmentList = this.popupData.selectedList this.formData.assessmentList = this.popupData.selectedList
this.showChooseList = false
}, },
handleCurrentChange (val) { handleCurrentChange (val) {
this.handleGainAssessmentGroupList(val) this.handleGainAssessmentGroupList(val)