优化

src/components/PopupRight/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <transition name="popupfade">
+    <div class="taskDetailRight" @click="getRight">
+      <div class="taskDetailRight-contant" @click.stop="aa">
+          <div class="taskDetailRight-contant-title commonFont" >{{title}}</div>
+          <div  class="taskDetailRight-contant-content" >
+             <slot name="content"></slot>
+          </div>
+          <div  class="taskDetailRight-contant-footer" >
+            <el-button size="small"  @click="$emit('cancel')">取 消</el-button>
+            <el-button size="small" type="primary" @click="$emit('submit')">确 定</el-button>
+            <slot name="footer"></slot>
+          </div>
+      </div>
+      <div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+
+export default {
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {},
+  watch: {},
+  beforeMount () { },
+  mounted () {
+  },
+  methods: {
+    aa () {},
+    onSubmit () {
+      console.log('submit!')
+      this.$emit('update:show', false)
+    },
+    getRight () {
+      this.$emit('update:show', false)
+    }
+  }
+
+}
+
+</script>
+
+<style lang='less' scoped>
+.popupfade-enter{
+  transform: translateX(-100%);
+}
+.fade-leave {
+  transform: translateX(0);
+}
+.popupfade-leave-to{
+    transform: translateX(60%);
+  }
+
+.fade-enter-to{
+    transform: translateX(-100%);
+  }
+.popupfade-leave-active,.fade-enter-active {
+  transition:all 40s;
+}
+
+.taskDetailRight {
+  position: fixed;
+  z-index: 50;
+  height: 100vh;
+  width: 100%;
+  min-width: 200px;
+  top: 0;
+  right: 0;
+  transition: all 1s;
+  &-contant {
+    min-width: 100px;
+    height: 100%;
+    float: right;
+    background:#fff;
+    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
+    display: flex;
+    flex-direction: column;
+    &-title{
+      border-bottom: 1px solid @borderColor;
+      padding:10px 20px;
+    }
+    &-content{
+      flex: 1;
+      padding:20px 20px;
+      overflow: auto;
+    }
+    &-footer{
+      text-align: right;
+      padding: 10px 20px;
+      border-top: 1px solid @borderColor;
+    }
+  }
+}
+</style>

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)

src/views/kpi/assessment/components/popup copy.vue

@@ -0,0 +1,140 @@
+<template>
+  <transition name="popupfade">
+    <div class="taskDetailRight" @click="getRight">
+      <div class="taskDetailRight-contant" @click.stop="aa">
+        <el-form ref="form" :model="form" label-width="80px">
+          <el-form-item label="活动名称">
+            <el-input v-model="form.name"></el-input>
+          </el-form-item>
+          <el-form-item label="活动区域">
+            <el-select v-model="form.region" placeholder="请选择活动区域">
+              <el-option label="区域一" value="shanghai"></el-option>
+              <el-option label="区域二" value="beijing"></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="活动时间">
+            <el-col :span="11">
+              <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+            </el-col>
+            <el-col class="line" :span="2">-</el-col>
+            <el-col :span="11">
+              <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
+            </el-col>
+          </el-form-item>
+          <el-form-item label="即时配送">
+            <el-switch v-model="form.delivery"></el-switch>
+          </el-form-item>
+          <el-form-item label="活动性质">
+            <el-checkbox-group v-model="form.type">
+              <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
+              <el-checkbox label="地推活动" name="type"></el-checkbox>
+              <el-checkbox label="线下主题活动" name="type"></el-checkbox>
+              <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
+            </el-checkbox-group>
+          </el-form-item>
+          <el-form-item label="特殊资源">
+            <el-radio-group v-model="form.resource">
+              <el-radio label="线上品牌商赞助"></el-radio>
+              <el-radio label="线下场地免费"></el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="活动形式">
+            <el-input type="textarea" v-model="form.desc"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">立即创建</el-button>
+            <el-button>取消</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+
+export default {
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  data () {
+    return {
+      form: {
+        name: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: ''
+      }
+    }
+  },
+  computed: {},
+  watch: {},
+  beforeMount () { },
+  mounted () {
+    console.log('item: ', this.item)
+  },
+  methods: {
+    onSubmit () {
+      console.log('submit!')
+      this.$emit('update:compont', '')
+    },
+    aa () {
+      console.log(this.item)
+    },
+    getRight () {
+      this.$emit('getRight', false)
+    }
+  }
+
+}
+
+</script>
+
+<style lang='less' scoped>
+.popupfade-enter{
+  transform: translateX(-100%);
+}
+.fade-leave {
+  transform: translateX(0);
+}
+.popupfade-leave-to{
+    transform: translateX(60%);
+  }
+
+.fade-enter-to{
+    transform: translateX(-100%);
+  }
+.popupfade-leave-active,.fade-enter-active {
+  transition:all 40s;
+}
+
+.taskDetailRight {
+  position: fixed;
+  z-index: 50;
+  height: 100vh;
+  width: 100%;
+  min-width: 200px;
+  top: 0;
+  right: 0;
+  transition: all 1s;
+  &-contant {
+    min-width: 100px;
+    height: 100%;
+    float: right;
+    background:#fff;
+    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
+    .form {
+      padding: 20px;
+    }
+  }
+}
+</style>

src/views/kpi/assessment/components/popup.vue

@@ -1,8 +1,9 @@
+<!--  -->
 <template>
-  <transition name="popupfade">
+    <div>
-    <div class="taskDetailRight" @click="getRight">
+      <popup-right v-if="show" @cancel='handleCancel' @submit="handleSubmit" title="添加维度">
-      <div class="taskDetailRight-contant" @click.stop="aa">
+        <div slot='content'>
-        <el-form ref="form" :model="form" label-width="80px">
+          <el-form ref="form" :model="form" label-width="80px">
           <el-form-item label="活动名称">
             <el-input v-model="form.name"></el-input>
           </el-form-item>
@@ -24,14 +25,14 @@
           <el-form-item label="即时配送">
             <el-switch v-model="form.delivery"></el-switch>
           </el-form-item>
-          <el-form-item label="活动性质">
+          <!-- <el-form-item label="活动性质">
             <el-checkbox-group v-model="form.type">
               <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
               <el-checkbox label="地推活动" name="type"></el-checkbox>
               <el-checkbox label="线下主题活动" name="type"></el-checkbox>
               <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
             </el-checkbox-group>
-          </el-form-item>
+          </el-form-item> -->
           <el-form-item label="特殊资源">
             <el-radio-group v-model="form.resource">
               <el-radio label="线上品牌商赞助"></el-radio>
@@ -41,100 +42,50 @@
           <el-form-item label="活动形式">
             <el-input type="textarea" v-model="form.desc"></el-input>
           </el-form-item>
-          <el-form-item>
+          <!-- <el-form-item>
-            <el-button type="primary" @click="onSubmit">立即创建</el-button>
+            <el-button type="primary" @click="handleCancel">立即创建</el-button>
-            <el-button>取消</el-button>
+            <el-button @click="handleCancel">取消</el-button>
-          </el-form-item>
+          </el-form-item> -->
         </el-form>
-      </div>
+        </div>
+      </popup-right>
     </div>
-  </transition>
 </template>
 
 <script>
-
+import PopupRight from '@/components/PopupRight'
 export default {
   props: {
-    item: {
+    show: {
-      type: Object,
+      type: Boolean,
-      default: () => {
+      default: false
-        return {}
-      }
     }
   },
   data () {
     return {
-      form: {
+      form: {}
-        name: '',
-        region: '',
-        date1: '',
-        date2: '',
-        delivery: false,
-        type: [],
-        resource: '',
-        desc: ''
-      }
     }
   },
+  components: {
+    PopupRight
+  },
   computed: {},
-  watch: {},
+  beforeMount () {},
-  beforeMount () { },
+  mounted () {},
-  mounted () {
-    console.log('item: ', this.item)
-  },
   methods: {
-    onSubmit () {
+    handleCancel () {
-      console.log('submit!')
+      this.$emit('update:show', false)
-      this.$emit('update:compont', '')
     },
-    aa () {
+    handleSubmit () {
-      console.log(this.item)
+      this.$emit('update:show', false)
-    },
-    getRight () {
-      this.$emit('getRight', false)
     }
-  }
+  },
+  watch: {}
 
 }
 
 </script>
 
-<style lang='less' scoped>
+<style lang='' scoped>
-.popupfade-enter{
-  transform: translateX(-100%);
-}
-.fade-leave {
-  transform: translateX(0);
-}
-.popupfade-leave-to{
-    transform: translateX(60%);
-  }
 
-.fade-enter-to{
-    transform: translateX(-100%);
-  }
-.popupfade-leave-active,.fade-enter-active {
-  transition:all 40s;
-}
-
-.taskDetailRight {
-  position: fixed;
-  z-index: 50;
-  height: 100vh;
-  width: 100%;
-  min-width: 200px;
-  top: 0;
-  right: 0;
-  transition: all 1s;
-  &-contant {
-    min-width: 100px;
-    height: 100%;
-    float: right;
-    background:#fff;
-    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
-    .form {
-      padding: 20px;
-    }
-  }
-}
 </style>

src/views/kpi/assessment/index.vue

@@ -62,7 +62,7 @@
         </el-table-column>
       </el-table>
       </div>
-      <component :compont.sync='compont' :is="compont"></component>
+      <popup-set :show.sync='show'></popup-set>
       <!-- 考核管理
       <el-button type="success" @click="handleToHome('home')">去二级页面</el-button>
       <el-button type="success" @click="handleToHome('home1')">去二级页面带弹窗</el-button> -->
@@ -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)

src/views/kpi/okr/index.vue

@@ -3,7 +3,7 @@
     <div>
 
       <div v-for="i in array" :key="i.id">
-        <!-- {{i.id}}{{bbb(i)}} -->
+        {{i.id}}{{bbb(i)}}
       </div>
       <el-button @click="aaa">点击</el-button>
     </div>
@@ -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)
     }
   },

src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue

@@ -7,7 +7,9 @@
         <div class="basis-form">
           <el-form ref="form" :model="form" :rules="rules"  label-width="120px">
             <el-form-item label="考评组名称：" prop="name">
-              <el-input v-model="form.name" placeholder="请输入名称"></el-input>
+              <el-input
+              size="small"
+               v-model="form.name" placeholder="请输入名称"></el-input>
             </el-form-item>
             <el-form-item label="周期类型：">
               <el-radio-group v-model="form.radio">
@@ -17,20 +19,58 @@
                   :label="i.id">{{i.name}}</el-radio>
               </el-radio-group>
             </el-form-item>
-            <el-form-item label="考评组管理员：">
+            <el-form-item label="考评组管理员：" >
-              <el-input v-model="form.name" placeholder="请输入名称"></el-input>
+              <el-tooltip class="item" effect="light"  placement="right">
+                <div slot="content">
+                    考评组管理员<br/>
+                    只有考评组管理员可以编辑这个考评组，<br/>
+                    权限为全部考评组的管理员默认可以管理<br/>
+                    所有考评组，考评组管理员只能从智能绩<br/>
+                    效的管理员中选择
+                </div>
+                  <el-input
+                  style="width:300px;cursor: pointer;"
+                  size="mini"
+                  placeholder="请选择日期"
+                  readonly
+                  v-model="form.input1">
+                    <i slot="suffix" class="el-input__icon el-icon-edit"></i>
+                </el-input>
+              </el-tooltip>
             </el-form-item>
             <el-form-item label="被考核人员" prop="name">
 
             </el-form-item>
             <el-form-item label="考评员工：">
+               <div v-if="showData.list.length>0">
+                 <el-input
+                  @focus='handleGetChoose'
+                  style="width:300px;cursor: pointer;"
+                  size="small"
+                  :value ="showData.title + '等' + showData.list.length + '个部门' || '请选择部门'"
+                  readonly>
+                    <i slot="suffix" class="el-input__icon el-icon-edit"></i>
+                </el-input>
+                <i @click="showData.list=[]"  style="margin-left:10px;cursor: pointer;" class="el-icon-delete"></i>
+                </div>
+                <div>
+                 <el-input
+                  style="width:300px;cursor: pointer;"
+                  size="small"
+                  placeholder="请选择人员"
+                  readonly
+                  v-model="form.input1">
+                    <i slot="suffix" class="el-input__icon el-icon-edit"></i>
+                </el-input>
+                <i style="margin-left:10px;cursor: pointer;" class="el-icon-delete"></i>
+                </div>
               <el-button size='mini' @click="handleGetChoose" icon="el-icon-plus">选部门</el-button>
-              <el-button size='mini' @click="handleGetChoose" icon="el-icon-plus">选角色</el-button>
+              <!-- <el-button size='mini' @click="handleGetChoose" icon="el-icon-plus">选角色</el-button> -->
               <el-button size='mini' @click="handleGetChoose" icon="el-icon-plus">选人员</el-button>
             </el-form-item>
           </el-form>
         </div>
-        <get-depart v-if="isShow" :isShow.sync='isShow'/>
+        <get-depart v-if="isShow" :isShow.sync='isShow' :showDataList.sync='showData'/>
     </div>
 </template>
 
@@ -41,6 +81,9 @@ export default {
   data () {
     return {
       isShow: false,
+      showData: {
+        list: []
+      }, // 部门信息
       zhouqi: [{
         id: 1,
         name: '月度'

src/views/kpi/workbench/assessmentGroup/edit/components/getDepart.vue

@@ -9,16 +9,27 @@
           center>
           <div class="popup">
               <div class="popup-item boderAndRadius">
-                <div class="popup-item-title">全部</div>
+                <div class="popup-item-title">
+                  <span
+                    v-for="(i,index) in titleList"
+                    style="cursor: pointer;"
+                    :key="i.id"
+                    :class="{isActiveTitle:index+1<titleList.length}"
+                    @click="handleChangeTtitle(i)"
+                    >
+                      {{i.name}}
+                      <span v-if="index+1<titleList.length">></span>
+                    </span>
+                </div>
                 <div class="popup-item-content">
                   <div class="popup-item-content-item">
                     <div class="content">
-                      <el-checkbox>全选</el-checkbox>
+                      <el-checkbox :value ='isAll' @change="handleChangChoose($event)">全选</el-checkbox>
                     </div>
                   </div>
                   <div v-for="(i) in showData" :key="i.id" class="popup-item-content-item borderItem">
                      <div class="content"><el-checkbox :value ='handleCheck(i)' @change='handleChangChoose($event,i)' >{{i.name}}</el-checkbox></div>
-                     <div class="popup-item-content-item-next" :class="{isHasActive:handleCheck(i)}" @click='handleNext(i)'>下级</div>
+                     <div class="popup-item-content-item-next" :class="{isHasActive:handleCheck(i)|| !i.children}" @click='handleNext(i)'>下级</div>
                   </div>
                 </div>
               </div>
@@ -35,8 +46,8 @@
               </div>
           </div>
           <span slot="footer" class="dialog-footer">
-            <el-button size="mini" @click="xcq">取 消</el-button>
+            <el-button size="mini" @click="handleCancel">取 消</el-button>
-            <el-button size="mini" @click="xcq1">清空全部</el-button>
+            <el-button size="mini" @click="tags=[]">清空全部</el-button>
             <el-button size="mini" type="primary" @click="centerDialogVisible">确 定</el-button>
           </span>
         </el-dialog>
@@ -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: [{
+      titleList: [{
-        id: 100,
+        id: 0,
-        name: '霖梓控股'
+        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 () {
+    handleCancel () {
-      // const list = this.$refs.tree.getCheckedNodes()
+      this.$emit('update:isShow', false)
-      // console.log('list: ', list)
     },
     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%;

src/views/kpi/workbench/assessmentGroup/edit/components/process.vue

@@ -6,12 +6,15 @@
 </template>
 
 <script>
+import PopupRight from '@/components/PopupRight'
 export default {
   data () {
     return {
-
     }
   },
+  components: {
+    PopupRight
+  },
   computed: {},
   beforeMount () {},
   mounted () {},

src/views/kpi/workbench/assessmentGroup/edit/components/templateSet.vue

@@ -1,27 +1,112 @@
 <!--  -->
 <template>
-    <div>
+    <div class="set">
-        模板设置
+        <div class="set-top">
+            <div class="set-top-title">总分规则</div>
+            <div class="set-top-content">
+              <el-form  label-width="200px" label-position='left' :model="form">
+                <el-form-item  label="指标评分计算方式加和计算">
+                   <el-radio-group v-model="form.radio">
+                    <el-radio :label="3">加权计算
+                    <el-popover
+                      placement="top-start"
+                      trigger="hover">
+                      <div>
+                        <img src="@/assets/workbench/jiaquan.png" alt="" srcset="">
+                      </div>
+                       <span slot="reference" class="wenhao">?</span>
+                  </el-popover></el-radio>
+                  </el-radio-group>
+
+                </el-form-item>
+                <el-form-item  label="3.75评分等级制">
+                  <el-switch
+                    v-model="form.value"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949">
+                </el-switch>
+                <el-popover
+                      placement="top-start"
+                      trigger="hover">
+                      <div>
+                        <img src="@/assets/workbench/pingfen.png" alt="" srcset="">
+                      </div>
+                       <span slot="reference" class="wenhao">?</span>
+                  </el-popover>
+                </el-form-item>
+              </el-form>
+            </div>
+        </div>
+        <div  class="set-add">
+          <el-button icon="el-icon-plus" size="small" @click="handleAdd" round>添加考核维度</el-button>
+        </div>
+
+        <div>
+          <popup-right v-if="show" @cancel='handleCancel' @submit="handleSubmit" title="添加维度"/>
+        </div>
     </div>
 </template>
 
 <script>
+import PopupRight from '@/components/PopupRight'
 export default {
   data () {
     return {
-
+      show: false,
+      form: {}
     }
   },
+  components: {
+    PopupRight
+  },
   computed: {},
   beforeMount () {},
   mounted () {},
-  methods: {},
+  methods: {
+    // 添加考核维度
+    handleAdd () {
+      this.show = true
+    },
+    handleCancel () {
+      this.show = false
+    },
+    handleSubmit () {
+      this.show = false
+    }
+  },
   watch: {}
 
 }
 
 </script>
 
-<style lang='' scoped>
+<style lang='less' scoped>
-
+.set{
+  &-top{
+    padding: 10px;
+    background: rgb(242, 246, 253);
+    .wenhao{
+      display: inline-block;
+      text-align: center;
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+      color: #fff;
+      border-radius: 50%;
+      background: rgb(211, 211, 211);
+    }
+    .el-form-item{
+      margin: 0;
+    }
+    &-title{
+      font-size: 18px;
+    }
+    &-content{
+      padding: 0 10px;
+    }
+  }
+  &-add{
+    margin: 20px 0;
+  }
+}
 </style>

src/views/kpi/workbench/assessmentGroup/edit/index.vue

@@ -8,8 +8,8 @@
         </div>
         <div class="eidt-content boderAndRadius">
           <basis v-show="active===1"/>
-          <process v-show="active===2"/>
+          <template-set v-show="active===2"/>
-          <template-set v-show="active===3"/>
+          <process v-show="active===3"/>
         </div>
     </div>
 </template>
@@ -21,7 +21,7 @@ import templateSet from './components/templateSet'
 export default {
   data () {
     return {
-      active: 1
+      active: 2
     }
   },
   components: {