优化

src/utils/elementConfig.js

@@ -39,13 +39,15 @@ import {
   Avatar,
   Progress,
   Drawer,
-  Slider
+  Slider,
+  ButtonGroup
 } from 'element-ui'
 
 Vue.prototype.$loading = Loading
 Vue.prototype.$message = Message
 Vue.prototype.$confirm = MessageBox.confirm
 Vue.prototype.$alert = MessageBox.alert
+Vue.use(ButtonGroup)
 Vue.use(Slider)
 Vue.use(Drawer)
 Vue.use(Progress)

src/views/kpi/assessment/performance/components/UseButton/index.vue

@@ -2,11 +2,11 @@
 <template>
   <div>
     <div style="display:inline-block;"  v-for="(i,index) in authList.filter(i=>i.info && !i.isManage)"   :key="index">
-      <div style="margin:0 4px;"
-        v-if="info?info[i.permis]:formList.auth[i.permis]"
-              >
-        <el-button size="mini"
-
+      <el-button-group v-if="i.ground">
+        <el-button  :disabled='formList[i.permis]===1' @click="k.click" v-for="(k,indexK) in i.list.filter(n=>info?info[i.permis]:formList.auth[i.permis])" :key="indexK" size="mini"  :type="k.type" >{{k.name}}</el-button>
+      </el-button-group>
+      <div style="margin:0 4px;" v-if="info?info[i.permis]:formList.auth[i.permis]">
+        <el-button  size="mini"
                   :disabled='formList[i.permis]===1'
                   @click="i.click"
                   :type="i.type">{{i.name}}</el-button>
@@ -198,6 +198,23 @@ export default {
   data () {
     return {
       authList: [
+        {
+          info: !this.info,
+          ground: true,
+          list: [{
+            name: '同 意',
+            type: 'primary',
+            info: !this.info,
+            permis: 'keyCheck',
+            click: this.handleTongyi
+          }, {
+            name: '驳 回',
+            type: '',
+            info: !this.info,
+            permis: 'reject',
+            click: this.handleBohui
+          }]
+        },
         {
           name: '催办',
           plain: true,
@@ -238,18 +255,6 @@ export default {
           click: this.handleZhiding
         },
         {
-          name: '同 意',
-          type: 'primary',
-          info: !this.info,
-          permis: 'keyCheck',
-          click: this.handleTongyi
-        }, {
-          name: '驳 回',
-          type: '',
-          info: !this.info,
-          permis: 'reject',
-          click: this.handleBohui
-        }, {
           name: '调整目标',
           type: '',
           info: !this.info,