diff --git a/src/assets/workbench/jiaquan.png b/src/assets/workbench/jiaquan.png new file mode 100644 index 0000000..0e279d9 Binary files /dev/null and b/src/assets/workbench/jiaquan.png differ diff --git a/src/assets/workbench/pingfen.png b/src/assets/workbench/pingfen.png new file mode 100644 index 0000000..5000e4e Binary files /dev/null and b/src/assets/workbench/pingfen.png differ diff --git a/src/components/PopupRight/index.vue b/src/components/PopupRight/index.vue new file mode 100644 index 0000000..c8834bd --- /dev/null +++ b/src/components/PopupRight/index.vue @@ -0,0 +1,105 @@ + + + + + diff --git a/src/utils/elementConfig.js b/src/utils/elementConfig.js index 05fc15b..e73b65a 100644 --- a/src/utils/elementConfig.js +++ b/src/utils/elementConfig.js @@ -23,13 +23,17 @@ import { DropdownItem, Dialog, Tree, - Tag + Tag, + Tooltip, + Popover } from 'element-ui' Vue.prototype.$message = Message Vue.prototype.$confirm = MessageBox.confirm Vue.prototype.$alert = MessageBox.alert +Vue.use(Popover) +Vue.use(Tooltip) Vue.use(Tag) Vue.use(Tree) Vue.use(Dialog) diff --git a/src/views/kpi/assessment/components/popup copy.vue b/src/views/kpi/assessment/components/popup copy.vue new file mode 100644 index 0000000..5bfd3a5 --- /dev/null +++ b/src/views/kpi/assessment/components/popup copy.vue @@ -0,0 +1,140 @@ + + + + + diff --git a/src/views/kpi/assessment/components/popup.vue b/src/views/kpi/assessment/components/popup.vue index 5bfd3a5..ece250c 100644 --- a/src/views/kpi/assessment/components/popup.vue +++ b/src/views/kpi/assessment/components/popup.vue @@ -1,8 +1,9 @@ + - diff --git a/src/views/kpi/assessment/index.vue b/src/views/kpi/assessment/index.vue index 47754e7..bf31610 100644 --- a/src/views/kpi/assessment/index.vue +++ b/src/views/kpi/assessment/index.vue @@ -62,7 +62,7 @@ - + @@ -77,7 +77,7 @@ export default { }, data () { return { - compont: '', + show: false, options: [ { value: '1', @@ -135,7 +135,7 @@ export default { }, methods: { handleRight () { - this.compont = 'popup-set' + this.show = true }, handleSelectClick (row, column, event) { console.log('event: ', event) diff --git a/src/views/kpi/okr/index.vue b/src/views/kpi/okr/index.vue index 9c5e4f0..80c9c93 100644 --- a/src/views/kpi/okr/index.vue +++ b/src/views/kpi/okr/index.vue @@ -3,7 +3,7 @@
- + {{i.id}}{{bbb(i)}}
点击
@@ -35,7 +35,7 @@ export default { return this.arr1.some(i => i === item.id) }, aaa () { - this.arr1 = [] + // this.arr1 = [] console.log('this.array: ', this.array) } }, diff --git a/src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue b/src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue index 3e2ca14..2de0849 100644 --- a/src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue +++ b/src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue @@ -7,7 +7,9 @@
- + @@ -17,20 +19,58 @@ :label="i.id">{{i.name}} - - + + +
+ 考评组管理员
+ 只有考评组管理员可以编辑这个考评组,
+ 权限为全部考评组的管理员默认可以管理
+ 所有考评组,考评组管理员只能从智能绩
+ 效的管理员中选择 +
+ + + +
+
+ + + + +
+
+ + + + +
选部门 - 选角色 + 选人员
- + @@ -41,6 +81,9 @@ export default { data () { return { isShow: false, + showData: { + list: [] + }, // 部门信息 zhouqi: [{ id: 1, name: '月度' diff --git a/src/views/kpi/workbench/assessmentGroup/edit/components/getDepart.vue b/src/views/kpi/workbench/assessmentGroup/edit/components/getDepart.vue index 6d59406..83254d3 100644 --- a/src/views/kpi/workbench/assessmentGroup/edit/components/getDepart.vue +++ b/src/views/kpi/workbench/assessmentGroup/edit/components/getDepart.vue @@ -9,16 +9,27 @@ center> - 取 消 - 清空全部 + 取 消 + 清空全部 确 定 @@ -47,6 +58,17 @@ import bbb from './a' console.log('bbb: ', bbb) export default { + props: { + showDataList: { + type: Object, + default: () => { + return { + list: [], + title: {} + } + } + } + }, data () { return { show: true, @@ -54,10 +76,11 @@ export default { data: bbb, showData: [], checkList: [], - tags: [{ - id: 100, - name: '霖梓控股' + titleList: [{ + id: 0, + name: '全部' }], + tags: [], defaultProps: { children: 'children', label: 'name' @@ -65,18 +88,49 @@ export default { } }, computed: { - + isAll () { + return this.showData.every(i => this.tags.some(j => i.id === j.id)) + } }, beforeMount () {}, mounted () { + this.tags = this.showDataList.list || [] this.showData = this.data.length > -1 ? this.data : [] }, methods: { + // 点击title切换层级 + handleChangeTtitle (item) { + if (item.id === 0) { + this.showData = this.data.length > -1 ? this.data : [] + this.titleList = [{ + id: 0, + name: '全部' + }] + return + } + let arr = [] + for (let i in this.titleList) { + arr.push(this.titleList[i]) + if (item.id === this.titleList[i].id) break + } + this.titleList = arr + this.showData = item.children + }, // 是否勾选 handleCheck (item) { return this.tags.some(i => i.id === item.id) }, handleChangChoose (event, item) { + if (!item) { + if (event) { + this.showData.map(i => { + if (!this.tags.some(j => i.id === j.id)) this.tags.push(i) + }) + } else { + this.tags = this.tags.filter(i => !this.showData.some(j => j.id === i.id)) + } + return + } const isHas = this.tags.some(i => i.id === item.id) if (isHas && !event) { this.tags = this.tags.filter(i => i.id !== item.id) @@ -89,8 +143,9 @@ export default { }, // 点击下级 handleNext (item) { - if (this.handleCheck(item)) return + if (this.handleCheck(item) || !item.children) return this.showData = item.children + this.titleList.push(item) this.handleGetNextChildren() }, // 删除右侧标签 @@ -105,14 +160,22 @@ export default { }, // 关闭弹窗 centerDialogVisible () { + const params = { + list: this.tags, + title: '' + } + for (let i in this.tags) { + if (i > 1) break + params.title = params.title + (i === '0' ? '' : ',') + this.tags[i].name + } + this.$emit('update:showDataList', params) this.$emit('update:isShow', false) }, handleGetNextChildren (children = this.data) { console.log('children: ', children) }, - xcq () { - // const list = this.$refs.tree.getCheckedNodes() - // console.log('list: ', list) + handleCancel () { + this.$emit('update:isShow', false) }, xcq1 () { console.log(this.a) @@ -132,6 +195,7 @@ export default { &-item{ width: 48%; box-sizing: border-box; + overflow: auto; padding: 10px 0; &-right{ padding: 10px !important; @@ -139,6 +203,9 @@ export default { margin: 5px 6px; } } + .isActiveTitle{ + color: @fontBlue; + } &-title{ color:#9b9b9b; padding-bottom: 4px; @@ -177,6 +244,7 @@ export default { border-left: 1px solid @fontBlue; color: @fontBlue; height: 20px; + cursor: pointer; } .el-checkbox{ width: 100%; diff --git a/src/views/kpi/workbench/assessmentGroup/edit/components/process.vue b/src/views/kpi/workbench/assessmentGroup/edit/components/process.vue index d16b65e..4d8f844 100644 --- a/src/views/kpi/workbench/assessmentGroup/edit/components/process.vue +++ b/src/views/kpi/workbench/assessmentGroup/edit/components/process.vue @@ -6,12 +6,15 @@ - diff --git a/src/views/kpi/workbench/assessmentGroup/edit/index.vue b/src/views/kpi/workbench/assessmentGroup/edit/index.vue index 6b7d8cb..eecbd59 100644 --- a/src/views/kpi/workbench/assessmentGroup/edit/index.vue +++ b/src/views/kpi/workbench/assessmentGroup/edit/index.vue @@ -8,8 +8,8 @@
- - + +
@@ -21,7 +21,7 @@ import templateSet from './components/templateSet' export default { data () { return { - active: 1 + active: 2 } }, components: {