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 @@
+
-
-
-
-
+
+
+
+
@@ -24,14 +25,14 @@
-
+
@@ -41,100 +42,50 @@
-
- 立即创建
- 取消
-
+
-
+
+
-
-
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 @@
-
+
@@ -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: {