1

src/views/targetManage/salesTarget/components/viewDialog.vue

@@ -49,11 +49,7 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="类型" prop="type">
-                <el-select
-                  v-model="form.type"
-                  clearable
-                  style="width: 100%"
-                >
+                <el-select v-model="form.type" clearable style="width: 100%">
                   <el-option label="年度" :value="1"></el-option>
                   <el-option label="季度" :value="2"></el-option>
                   <el-option label="月度" :value="3"></el-option>
@@ -164,16 +160,13 @@
   </ele-modal>
 </template>
 <script>
-
   import dictMixins from '@/mixins/dictMixins';
   import bpmDetail from '@/views/bpm/processInstance/detail.vue';
-  import {
-    getById
-} from '@/api/targetManage/index.js';
-  
+  import { getById } from '@/api/targetManage/index.js';
+  const Decimal = require('decimal.js')
   export default {
     mixins: [dictMixins],
-    components: {bpmDetail},
+    components: { bpmDetail },
     data() {
       return {
         form: {
@@ -193,11 +186,11 @@
           status: '',
           type: 1,
           describes: '',
-          processInstanceId:''
+          processInstanceId: ''
         },
         title: '',
         unitOption: [],
-        participantsName:'',
+        participantsName: '',
         addOrEditDialogFlag: false,
         treeData: { label: '销售目标', children: [], expand: true },
         fullscreen: false,
@@ -213,7 +206,12 @@
     created() {},
     methods: {
       renderContent(h, data) {
-        let ratio = +((data.number / data.value) * 100 || 0).toFixed(1);
+        console.log(data.number&&new Decimal(data.number)/ new Decimal(10000))
+        let ratio = +(
+          (data.number /
+            (data.unit == '万元' ? data.value * 10000 : data.value)) *
+            100 || 0
+        ).toFixed(1);
         return (
           <div>
             <div class={!data.type ? 'treeItem1 treeItem' : 'treeItem'}>
@@ -221,6 +219,16 @@
               {data.type && <span class="tree_value">{data.value || 0}</span>}
               {data.type && <span class="tree_unit">{data.unit}</span>}
             </div>
+            
+            {/* {(data.type && data.value && data.number &&data.number!=0&& (
+              <span class="label">
+                完成：
+                {data.unit == '万元' ? new Decimal(data.number).div(new Decimal(10000)) : data.number}
+                {data.unit}
+              </span>
+            )) ||
+              ''} */}
+
             {(data.type &&
               data.value &&
               h('el-progress', {
@@ -237,9 +245,9 @@
       async open(row = {}) {
         this.addOrEditDialogFlag = true;
         this.title = '';
-        this.activeComp='main'
-        this.form = await getById(row.id)
-        console.log( this.form,' this.form')
+        this.activeComp = 'main';
+        this.form = await getById(row.id);
+        // console.log( this.form,' this.form')
         this.form.assessmentDimensions =
           this.form.assessmentDimensions.split(',');
         this.treeData.children = this.form.targetDefinitionList;
@@ -354,10 +362,12 @@
     padding: 3px;
     display: flex;
     align-items: center;
+    flex-direction: column;
     .el-progress__text {
       color: #1890ff !important;
-      width: 41px;
-      text-align: left;
+      // width: 41px;
+      // text-align: left;
+      margin-top: 5px;
     }
   }
 </style>