优化

src/utils/elementConfig.js

@@ -37,7 +37,8 @@ import {
     Image,
     Transfer,
     Avatar,
-    Progress
+    Progress,
+    Drawer
 } from 'element-ui'
 
 Vue.prototype.$loading = Loading
@@ -45,6 +46,7 @@ Vue.prototype.$message = Message
 Vue.prototype.$confirm = MessageBox.confirm
 Vue.prototype.$alert = MessageBox.alert
 
+Vue.use(Drawer)
 Vue.use(Progress)
 Vue.use(Transfer)
 Vue.use(Tabs)

src/views/kpi/assessment/goals/index.vue

@@ -316,7 +316,9 @@ export default {
       if (type === 1) {
         this.formTask = Object.assign({}, item)
         this.editItem = item
+        this.taskTitle = '编辑任务'
       } else {
+        this.taskTitle = '添加任务'
         this.formTask = {
           name: '',
           process: '0',

src/views/kpi/assessment/performance/components/process.vue

@@ -0,0 +1,69 @@
+<!--  -->
+<template>
+  <div class="drawer">
+    <el-drawer title="任务详情"
+               :visible.sync="drawer"
+               direction="btt"
+               :before-close="handleClose">
+      <div class="drawer-content">
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+        <div style="height:300px;">pppp</div>
+
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    drawer: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data () {
+    return {
+    }
+  },
+  computed: {},
+  beforeMount () { },
+  mounted () { },
+  methods: {
+    handleClose () {
+      this.$emit("update:drawer", false)
+    }
+  },
+  watch: {}
+
+}
+
+</script>
+<style lang="less">
+.el-drawer {
+  border-radius: 12px 12px 0 0 !important;
+  height: 80% !important;
+  overflow: auto;
+}
+.el-drawer__header {
+  margin: 0;
+}
+.el-drawer__body {
+  overflow: auto;
+}
+</style>
+<style lang='less'>
+.drawer {
+  &-content {
+    padding: 20px 16px;
+  }
+}
+</style>

src/views/kpi/assessment/performance/components/table.vue

@@ -5,6 +5,7 @@
       <div class="table-header">
         <div class="title table-left weidu">维度</div>
         <div class="title table-header-flex name">名称</div>
+        <div class="title table-header-flex jindu">进度</div>
         <div class="title table-header-flex kaohe">考核标准</div>
         <div class="title table-header-flex jieguo"
              v-if="tableInfo.result || tableAuth.showResult">结果值</div>
@@ -41,6 +42,17 @@
             <div class="name"
                  v-html="i.target">
             </div>
+            <div class="jindu">
+              <el-progress type="circle"
+                           :width='40'
+                           :stroke-width='4'
+                           :percentage="25"></el-progress>
+              <el-button type="text"
+                         @click="handleLookProcess"
+                         size="mini">
+                查看任务
+              </el-button>
+            </div>
             <div class="kaohe pre">
               <pre>
                      {{i.keyResult}}o7
@@ -106,6 +118,9 @@
             <div class="name">
               --
             </div>
+            <div class="jindu">
+              暂无进度
+            </div>
             <div class="kaohe">
               --
             </div>
@@ -163,10 +178,12 @@
     <div v-if="scoreListForParams.length>0"
          class="commonFont"
          style="font-size:12px;margin:10px 0;">{{handleGetAllScore(scoreListForParams)}}</div>
+    <process :drawer.sync='drawer' />
   </div>
 </template>
 <script>
 import { apiSaveDetail, apiGet375, apiSaveapproval } from '@/api/assessment'
+import process from './process.vue';
 import { mapGetters } from 'vuex'
 
 export default {
@@ -198,6 +215,7 @@ export default {
   },
   data () {
     return {
+      drawer: false,
       loadingTi: false,
       loadingZan: false,
       input: '',
@@ -208,6 +226,9 @@ export default {
       // }
     }
   },
+  components: {
+    process
+  },
   computed: {
     ...mapGetters(['userInfo']),
     scoreListForParams () {
@@ -261,6 +282,9 @@ export default {
     this.handleGrt375()
   },
   methods: {
+    handleLookProcess () {
+      this.drawer = true
+    },
     handleGetAllScore (arr) {
       const result = arr.reduce((result, item) => {
         result += Number(item.Score)
@@ -337,6 +361,11 @@ export default {
   width: 200px;
   .center();
 }
+.jindu {
+  width: 60px;
+  .center();
+  flex-direction: column;
+}
 .kaohe {
   width: 300px;
   flex: 1 1 auto;