新增制定目标的进度

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

@@ -52,7 +52,7 @@
                     </div>
                     <div style="width:10%">{{ Math.round((j.checkWeight * 100)*1000)/1000}}%</div>
                     <div style="width:20%">
-                      <el-button @click="hanidleAddTask(j,indexJ,index)"
+                      <el-button @click="hanidleAddTask(j,0)"
                                  type="text"
                                  size="small">
                         添加任务
@@ -69,14 +69,18 @@
                       </el-button>
                     </div>
                   </div>
-                  <div class="goals-content-tabbar-table-content-bottom">
-                    <div>ss</div>
+                  <div v-for="(kitem,indexK) in handleFilter(j.arr)"
+                       :key="indexK"
+                       class="goals-content-tabbar-table-content-bottom">
+                    <div>{{kitem.name}}({{kitem.process|| 0}}%)</div>
                     <div style="width:10%">
                       <el-button type="text"
+                                 @click="hanidleAddTask(j,1,kitem)"
                                  size="small">
                         编辑
                       </el-button>
                       <el-button type="text"
+                                 @click="handleDeleteTask(j,kitem)"
                                  size="small">
                         删除
                       </el-button>
@@ -115,20 +119,21 @@
         <el-form label-position="left"
                  ref="formTask"
                  :model="formTask"
-                 :rules="formTask"
+                 :rules="ruleIndicators"
                  label-width="180px">
-          <el-form-item prop="target"
-                        label='指标名称'>
+          <el-form-item prop="name"
+                        label='任务名称'>
             <el-input clearable
                       size="small"
-                      v-model="formTask.target"></el-input>
+                      placeholder="请输入任务名称"
+                      v-model="formTask.name"></el-input>
           </el-form-item>
-          <el-form-item label="进度"
+          <el-form-item label="任务进度"
                         prop="weight">
             <el-input size="small"
-                      @blur="$handleBlur('formTask.checkWeight')"
-                      @input.native="$handleInputInt('formTask.checkWeight')"
-                      v-model="formTask.checkWeight">
+                      @blur="$handleBlur('formTask.process')"
+                      @input.native="$handleInputInt('formTask.process')"
+                      v-model="formTask.process">
               <template slot="append">%</template>
             </el-input>
           </el-form-item>
@@ -202,17 +207,29 @@ import PopupRight from '@/components/PopupRight'
 import draggable from 'vuedraggable'
 import { getDimensions } from '@/api/data'
 import { apiResultGetDetail, apiSaveDetail, apiSaveapproval } from '@/api/assessment'
+import delete$ from 'dingtalk-jsapi/api/biz/cspace/delete'
 export default {
   data () {
     return {
       showTask: false,
       taskTitle: '添加任务',
-      formTask: {},
+      formItem: {},
+      editItem: {},
+      formTask: {
+        name: '',
+        process: '0'
+      },
       zhibiaoTitle: '添加指标',
       showIndicators: false,
       dimensionsList: [],
       formIndicators: {},
       ruleIndicators: {
+        name: [{
+          required: true,
+          message: '请输入任务名称',
+          trigger: 'blur'
+        }
+        ],
         target: [{
           required: true,
           message: '请输入指标名称',
@@ -263,18 +280,57 @@ export default {
     this.handleGetTbale()
   },
   methods: {
+    // 删除任务
+    handleDeleteTask (parent, item) {
+      parent.arr.map(i => {
+        if (i === item) {
+          i.isDelete = 1
+        }
+      })
+      this.$forceUpdate()
+    },
     // 取消添加任务
     handleCancelTask () {
-
+      this.showTask = false
     },
     // 提交添加任务
     handleSubmitTask () {
-
+      this.$refs.formTask.validate((v) => {
+        if (v) {
+          if (this.formTask.isNew) {
+            delete this.formTask.isNew
+            this.formItem.arr.push(this.formTask)
+          } else {
+            this.editItem.name = this.formTask.name
+            this.editItem.process = this.formTask.process || "0"
+          }
+          this.$forceUpdate()
+          this.handleCancelTask()
+          console.log(this.formTask)
+        }
+      })
     },
-    hanidleAddTask (j, indexJ, index) {
+    hanidleAddTask (j, type, item) {
       !j.arr && (j.arr = [])
+      this.formTask = {}
+      if (type === 1) {
+        this.formTask = Object.assign({}, item)
+        this.editItem = item
+      } else {
+        this.formTask = {
+          name: '',
+          process: '0',
+          isNew: true
+        }
+      }
+      // this.formTask = type === 1 ? Object.assign({}, item, { item }) : {
+      //   name: '',
+      //   process: '0',
+      //   isNew: true
+      // }
+      this.formItem = j
       this.showTask = true
-      console.log(j)
+      console.log(this.formTask)
     },
     handleNumber (item) {
       return item.detailDtos ? item.detailDtos.filter(i => !i.isDelete).length : 0