fix：检测档案&内审

src/views/platform/bpmn/bpmInstHis/listType/CMAjiancedangan.vue

@@ -9,20 +9,6 @@
         placeholder="请输入内容"
         clearable
       ></el-input>
-      <!-- <span class="t-span">检测申请单号</span
-      ><el-input
-        class="inp"
-        v-model="shenqingdanid"
-        placeholder="请输入内容"
-        clearable
-      ></el-input> -->
-      <!-- <span class="t-span">委托单位</span
-      ><el-input
-        class="inp"
-        v-model="danwei"
-        placeholder="请输入内容"
-        clearable
-      ></el-input> -->
       <span class="t-span">报告编号</span
       ><el-input
         class="inp"
@@ -41,7 +27,6 @@
       :stripe="true"
       style="width: 100%"
       height="75vh"
-      :row-class-name="tableRowClassName"
       :header-cell-style="{
         color: '#000',
         'font-size': '14px',
@@ -49,7 +34,6 @@
         background: '#a7d6f8 !important',
       }"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
       <el-table-column prop="chu_ju_bao_gao_sh" label="年份" width="80">
         <template slot-scope="scope">
           {{ scope.row.chu_ju_bao_gao_sh | yeare("年") }}
@@ -65,48 +49,44 @@
       <el-table-column prop="jian_ce_kai_shi_s" label="检测时间" width="100">
       </el-table-column>
       <el-table-column
-        prop="jian_ce_shen_qing"
+        prop="wei_tuo_zhan_shi_"
         label="检测委托单号"
         width="180"
       >
+        <template slot-scope="scope">
+          {{ scope.row.wei_tuo_zhan_shi_ | returnweituobianhao(wTBH) }}
+        </template>
       </el-table-column>
-      <!-- <el-table-column prop="wei_tuo_dan_wei_" label="委托单位">
-      </el-table-column> -->
       <el-table-column prop="wei_tuo_ri_qi_" label="委托日期" width="100">
       </el-table-column>
       <el-table-column prop="yang_pin_bian_hao" label="样品编号" width="150">
       </el-table-column>
       <el-table-column prop="yang_pin_ming_che" label="样品名称" width="">
       </el-table-column>
-      <!-- <el-table-column prop="lian_xi_ren_" label="联系人"> </el-table-column>
-      <el-table-column prop="lian_xi_dian_hua_" label="联系电话"></el-table-column> -->
-      <!-- <el-table-column prop="lei_bie_qu_fen_yu" label="类别">
-        <template slot-scope="scope">
-          {{ scope.row.lei_bie_qu_fen_yu.toUpperCase() }}
-        </template>
-      </el-table-column> -->
-      <!-- <el-table-column width="180"> </el-table-column> -->
       <el-table-column label="操作" align="left" width="100">
         <template slot-scope="scope">
           <el-popover placement="left" width="200" trigger="click">
             <div slot="reference" class="more">
               <i class="el-icon-caret-bottom"></i>查阅
             </div>
-            <!-- <div class="item" style="color: #85ce61">
-              <i class="el-icon-s-order"></i> 合同
-            </div> -->
-
             <div
               class="item"
               style="color: #85ce61"
-              @click="alertReport(reports.jianceshenqingdan, scope.row.id_)"
+              @click="
+                alertReport(
+                  reports.jianceshenqingdan,
+                  scope.row.jian_ce_shen_qing
+                )
+              "
             >
               <i class="el-icon-s-order"></i> 检测委托单
             </div>
             <div
               class="item"
               style="color: #85ce61"
-              @click="alertReport(reports.hetongpingshen, scope.row.id_)"
+              @click="
+                alertReport(reports.hetongpingshen, scope.row.jian_ce_shen_qing)
+              "
             >
               <i class="el-icon-s-order"></i> 合同评审
             </div>
@@ -161,13 +141,6 @@
                 </div>
               </el-popover>
             </div>
-            <!-- <div
-              class="item"
-              style="color: #85ce61"
-              @click="alertReport(reports.yubaogao, scope.row.id_)"
-            >
-              <i class="el-icon-s-order"></i> 预报告
-            </div> -->
             <div
               class="item"
               style="color: #85ce61"
@@ -241,6 +214,7 @@ export default {
       yubaogaoitem: [],
       hetong: [],
       triggerType: "click",
+      wTBH:[],
     };
   },
   filters: {
@@ -250,10 +224,22 @@ export default {
           return arr[i].he_tong_bian_hao_;
         }
       }
+    },
+       returnweituobianhao(value, arr) {
+      for (var i = 0; i < arr.length; i++) {
+        if (arr[i] != null && arr[i] != undefined) {
+          console.log(arr[i].shen_qing_id_==value)
+          if (arr[i].shen_qing_id_ == value) {
+            console.log(arr,arr[i].wei_tuo_bian_hao_ );
+            return arr[i].wei_tuo_bian_hao_;
+          }
+        }
+        
+      }
     },
     yeare(value, dedal) {
       if (value == undefined || value == null || value == "") {
-        return ""
+        return "";
       }
       if (dedal == "年") {
         return value.split("-")[0];
@@ -267,11 +253,7 @@ export default {
   created() {
     let sql =
       "select * from t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas/CMA' and zhuang_tai_ = '报告待发放' or  zhuang_tai_ = '已完成'  ORDER BY create_time_ DESC limit 0,20";
-      console.log(sql)
     this.loadData(sql);
-    // curdPost("sql", sql).then((response) => {
-    //   this.tableData = response.variables.data;
-    // });
     let sumsql =
       "select COUNT(*) AS sum  FROM t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas/CMA' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成'";
     curdPost("sql", sumsql).then((response) => {
@@ -279,11 +261,11 @@ export default {
     });
   },
   methods: {
-    // 请求表格数据函数
-    loadData(sql) {
+   async loadData(sql) {
+      // 请求表格数据函数
       let this_ = this;
       this.listData = [];
-      curdPost("sql", sql).then((res) => {
+     await curdPost("sql", sql).then((res) => {
         this_.tableData = res.variables.data;
         if (this_.tableData.length > 0) {
           this.hetongidFn(this_.tableData);
@@ -291,6 +273,16 @@ export default {
           this_.tableData = [];
         }
       });
+            for (let i = 0; i < this.tableData.length; i++) {
+        let sql =
+          "select wei_tuo_bian_hao_,shen_qing_id_ FROM t_mjwtzsb WHERE shen_qing_id_ ='" +
+          this.tableData[i].wei_tuo_zhan_shi_ +
+          "'";
+        await curdPost("sql", sql).then((res) => {
+          let data = res.variables.data;
+          this_.wTBH.push(data[0]);
+        });
+      }
     },
     hetongidFn(bianhaoArr) {
       var sqlStr = "";
@@ -355,6 +347,8 @@ export default {
       });
     },
     yuReports(url, id) {
+      debugger;
+      console.log(id, "检测委托单id");
       this.alertReport(url, id);
     },
     formEvent(itemName) {
@@ -467,8 +461,8 @@ export default {
         );
       }
     },
-    // pin凑sql
     selectSplit() {
+      // pin凑sql
       var q1, q2, q3;
       if (this.nianfen) {
         q1 = "chu_ju_bao_gao_sh like'" + "%" + this.nianfen + "%" + "' ";
@@ -533,12 +527,12 @@ export default {
   width: 100%;
   font-size: 18px;
 }
-// .tableRowClassName {
-//   backface-visibility: #d9eefd;
-// }
-// .el-table .warning-row {
-//   background: #d9eefd;
-// }
+.tableRowClassName {
+  backface-visibility: #d9eefd;
+}
+.el-table .warning-row {
+  background: #d9eefd;
+}
 .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
   background: #d9eefd;
 }

src/views/platform/bpmn/bpmInstHis/listType/CNASjiancedangan.vue

@@ -9,20 +9,6 @@
         placeholder="请输入内容"
         clearable
       ></el-input>
-      <!-- <span class="t-span">检测申请单号</span
-      ><el-input
-        class="inp"
-        v-model="shenqingdanid"
-        placeholder="请输入内容"
-        clearable
-      ></el-input> -->
-      <!-- <span class="t-span">委托单位</span
-      ><el-input
-        class="inp"
-        v-model="danwei"
-        placeholder="请输入内容"
-        clearable
-      ></el-input> -->
       <span class="t-span">报告编号</span
       ><el-input
         class="inp"
@@ -40,8 +26,6 @@
       border
       :stripe="true"
       style="width: 100%"
-      height="75vh"
-      :row-class-name="tableRowClassName"
       :header-cell-style="{
         color: '#000',
         'font-size': '14px',
@@ -49,7 +33,6 @@
         background: '#a7d6f8 !important',
       }"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
       <el-table-column prop="chu_ju_bao_gao_sh" label="年份" width="80">
         <template slot-scope="scope">
           {{ scope.row.chu_ju_bao_gao_sh | yeare("年") }}
@@ -65,50 +48,44 @@
       <el-table-column prop="jian_ce_kai_shi_s" label="检测时间" width="100">
       </el-table-column>
       <el-table-column
-        prop="jian_ce_shen_qing"
+        prop="wei_tuo_zhan_shi_"
         label="检测委托单号"
         width="180"
       >
+        <template slot-scope="scope">
+          {{ scope.row.wei_tuo_zhan_shi_ | returnweituobianhao(wTBH) }}
+        </template>
       </el-table-column>
-      <!-- <el-table-column prop="wei_tuo_dan_wei_" label="委托单位">
-      </el-table-column> -->
       <el-table-column prop="wei_tuo_ri_qi_" label="委托日期" width="100">
       </el-table-column>
       <el-table-column prop="yang_pin_bian_hao" label="样品编号" width="150">
       </el-table-column>
       <el-table-column prop="yang_pin_ming_che" label="样品名称" width="">
       </el-table-column>
-
-      <!-- <el-table-column prop="lian_xi_ren_" label="联系人">
-      </el-table-column>
-      <el-table-column prop="lian_xi_dian_hua_" label="联系电话">
-      </el-table-column> -->
-      <!-- <el-table-column prop="lei_bie_qu_fen_yu" label="类别">
-         <template slot-scope="scope">
-           {{scope.row.lei_bie_qu_fen_yu.toUpperCase()}}
-         </template>
-      </el-table-column> -->
-      <el-table-column label="操作" align="left" width="100"  >
+      <el-table-column label="操作" align="left" width="100">
         <template slot-scope="scope">
           <el-popover placement="left" width="150" trigger="click">
             <div slot="reference" class="more">
               <i class="el-icon-caret-bottom"></i>查阅
             </div>
-            <!-- <div class="item" style="color: #85ce61">
-              <i class="el-icon-s-order"></i> 合同
-            </div> -->
-
             <div
               class="item"
               style="color: #85ce61"
-              @click="alertReport(reports.jianceshenqingdan, scope.row.id_)"
+              @click="
+                alertReport(
+                  reports.jianceshenqingdan,
+                  scope.row.jian_ce_shen_qing
+                )
+              "
             >
               <i class="el-icon-s-order"></i> 检测委托单
             </div>
             <div
               class="item"
               style="color: #85ce61"
-              @click="reports.hetongpingshen, scope.row"
+              @click="
+                alertReport(reports.hetongpingshen, scope.row.jian_ce_shen_qing)
+              "
             >
               <i class="el-icon-s-order"></i> 合同评审
             </div>
@@ -156,20 +133,13 @@
                     style="color: #85ce61; cursor: pointer"
                     v-for="it in yubaogaoitem"
                     :key="it.id_"
-                    @click="yuReports(reports.yubaogao,it.id)"
+                    @click="yuReports(reports.yubaogao, it.id)"
                   >
-                  {{ it.jian_ce_xiang_mu_ }}预报告记录
+                    {{ it.jian_ce_xiang_mu_ }}预报告记录
                   </div>
                 </div>
               </el-popover>
             </div>
-            <!-- <div
-              class="item"
-              style="color: #85ce61"
-              @click="juTiItem(scope.row)"
-            >
-              <i class="el-icon-s-order"></i> 预报告
-            </div> -->
             <div
               class="item"
               style="color: #85ce61"
@@ -235,7 +205,7 @@ export default {
         jiancebaogao: "42明鉴/吴/明鉴细胞专业技术检测报告.rpx",
       },
       shenqingdanid: "",
-      nianfen:'',
+      nianfen: "",
       danwei: "",
       bianhao: "",
       tableData: [],
@@ -243,6 +213,7 @@ export default {
       yubaogaoitm: [],
       hetong: [],
       triggerType: "click",
+      wTBH: [],
     };
   },
   filters: {
@@ -253,26 +224,36 @@ export default {
         }
       }
     },
-    yeare(value,dedal){
-      if(value ==undefined || value ==null || undefined ==""){
-        return ""
+   returnweituobianhao(value, arr) {
+      for (var i = 0; i < arr.length; i++) {
+        if (arr[i] != null && arr[i] != undefined) {
+          console.log(arr[i].shen_qing_id_==value)
+          if (arr[i].shen_qing_id_ == value) {
+            console.log(arr,arr[i].wei_tuo_bian_hao_ );
+            return arr[i].wei_tuo_bian_hao_;
+          }
+        }
+        
+      }
+    },
+    yeare(value, dedal) {
+      if (value == undefined || value == null || undefined == "") {
+        return "";
       }
-      if(dedal=="年"){
-        return value.split("-")[0]
-      }else if(dedal=="月"){
-        return value.split("-")[0] + value.split("-")[1]
-      }else{
-        value
+      if (dedal == "年") {
+        return value.split("-")[0];
+      } else if (dedal == "月") {
+        return value.split("-")[0] + value.split("-")[1];
+      } else {
+        value;
       }
-    }
+    },
   },
   created() {
     let sql =
       "select * from t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成' ORDER BY create_time_ DESC limit 0,20";
     this.loadData(sql);
-    // curdPost("sql", sql).then((response) => {
-    //   this.tableData = response.variables.data;
-    // });
+
     let sumsql =
       "select COUNT(*) AS sum  FROM t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成'";
     curdPost("sql", sumsql).then((response) => {
@@ -281,10 +262,10 @@ export default {
   },
   methods: {
     // 请求表格数据函数
-    loadData(sql) {
+    async loadData(sql) {
       let this_ = this;
       this.listData = [];
-      curdPost("sql", sql).then((res) => {
+      await curdPost("sql", sql).then((res) => {
         this_.tableData = res.variables.data;
         if (this_.tableData.length > 0) {
           this.hetongidFn(this_.tableData);
@@ -292,6 +273,16 @@ export default {
           this_.tableData = [];
         }
       });
+      for (let i = 0; i < this.tableData.length; i++) {
+        let sql =
+          "select wei_tuo_bian_hao_,shen_qing_id_ FROM t_mjwtzsb WHERE shen_qing_id_ ='" +
+          this.tableData[i].wei_tuo_zhan_shi_ +
+          "'";
+        await curdPost("sql", sql).then((res) => {
+          let data = res.variables.data;
+          this_.wTBH.push(data[0]);
+        });
+      }
     },
     hetongidFn(bianhaoArr) {
       var sqlStr = "";
@@ -343,7 +334,7 @@ export default {
         curdPost("sql", itemSql).then((res) => {
           this_.itemInfo = res.variables.data;
           for (var i = 0; i++; i < this_itemInfo) {
-            if (this_itemInfo[i].shi_fou_yu_bao_ga=="是") {
+            if (this_itemInfo[i].shi_fou_yu_bao_ga == "是") {
               this_.yubaogaoitem.push(it);
             }
           }
@@ -355,11 +346,9 @@ export default {
         });
       });
     },
-    yuReports(url,id){
-      this.alertReport(
-         url,
-         id
-    );
+    yuReports(url, id) {
+      console.log(url, id);
+      this.alertReport(url, id);
     },
     formEvent(itemName) {
       if (itemName.includes("pH检测")) {
@@ -471,14 +460,12 @@ export default {
         );
       }
     },
-    isYubaogao(value, row) {
-      
-    },
+    isYubaogao(value, row) {},
     // pin凑sql
     selectSplit() {
       var q1, q2, q3;
       if (this.nianfen) {
-        q1 = "chu_ju_bao_gao_sh like'" +"%" + this.nianfen + "%" + "' ";
+        q1 = "chu_ju_bao_gao_sh like'" + "%" + this.nianfen + "%" + "' ";
       }
       if (this.danwei) {
         q2 = "wei_tuo_dan_wei_  = '" + this.danwei + "' ";
@@ -515,13 +502,15 @@ export default {
     handleSizeChange(value) {
       this.currentPage4 = 1;
       let sql =
-        "select * from t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成' ORDER BY create_time_ DESC limit 0,"+value;
+        "select * from t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成' ORDER BY create_time_ DESC limit 0," +
+        value;
       this.loadData(sql);
     },
     handleCurrentChange(value) {
       let sql =
         "select * from t_mjjcbg WHERE shi_fou_yu_bao_ga='否' and lei_bie_qu_fen_yu ='cnas' and zhuang_tai_ ='报告待发放' or  zhuang_tai_ = '已完成' ORDER BY create_time_ DESC limit " +
-        value +", 20";
+        value +
+        ", 20";
       this.loadData(sql);
     },
   },
@@ -538,12 +527,6 @@ export default {
   width: 100%;
   font-size: 18px;
 }
-// .tableRowClassName {
-//   backface-visibility: #d9eefd;
-// }
-// .el-table .warning-row {
-//   background: #d9eefd;
-// }
 .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
   background: #d9eefd;
 }

src/views/platform/bpmn/bpmInstHis/listType/feijiancedangan.vue

@@ -10,21 +10,6 @@
         clearable
       >
       </el-input>
-      <!-- <span class="t-span">检测委托单号</span
-      ><el-input
-        class="inp"
-        v-model="shenqingdanid"
-        placeholder="请输入内容"
-        clearable
-      >
-      </el-input> -->
-      <!-- <span class="t-span">委托单位</span
-      ><el-input
-        class="inp"
-        v-model="danwei"
-        placeholder="请输入内容"
-        clearable
-      ></el-input> -->
       <span class="t-span">报告编号</span
       ><el-input
         class="inp"
@@ -51,7 +36,6 @@
         background: '#a7d6f8 !important',
       }"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
       <el-table-column prop="chu_ju_bao_gao_sh" label="年份" width="80">
         <template slot-scope="scope">
           {{ scope.row.chu_ju_bao_gao_sh | yeare("年") }}
@@ -67,49 +51,44 @@
       <el-table-column prop="jian_ce_kai_shi_s" label="检测时间" width="120">
       </el-table-column>
       <el-table-column
-        prop="jian_ce_shen_qing"
+        prop="wei_tuo_zhan_shi_"
         label="检测委托单号"
         width="180"
       >
+        <template slot-scope="scope">
+          {{ scope.row.wei_tuo_zhan_shi_ | returnweituobianhao(wTBH) }}
+        </template>
       </el-table-column>
-      <!-- <el-table-column prop="wei_tuo_dan_wei_" label="委托单位">
-      </el-table-column> -->
       <el-table-column prop="wei_tuo_ri_qi_" label="委托日期" width="120">
       </el-table-column>
       <el-table-column prop="yang_pin_bian_hao" label="样品编号" width="150">
       </el-table-column>
       <el-table-column prop="yang_pin_ming_che" label="样品名称" width="">
       </el-table-column>
-      <!-- <el-table-column prop="lian_xi_ren_" label="联系人">
-      </el-table-column>
-      <el-table-column prop="lian_xi_dian_hua_" label="联系电话">
-      </el-table-column> -->
-      <!-- <el-table-column prop="lei_bie_qu_fen_yu" label="类别">
-         <template slot-scope="scope">
-           {{scope.row.lei_bie_qu_fen_yu}}CNAS/CMA
-         </template>
-      </el-table-column> -->
       <el-table-column label="操作" align="left" width="100">
         <template slot-scope="scope">
           <el-popover placement="left" width="200" trigger="click">
             <div slot="reference" class="more">
               <i class="el-icon-caret-bottom"></i>查阅
             </div>
-            <!-- <div class="item" style="color: #85ce61">
-              <i class="el-icon-s-order"></i> 合同
-            </div> -->
-
             <div
               class="item"
               style="color: #85ce61"
-              @click="alertReport(reports.jianceshenqingdan, scope.row.id_)"
+              @click="
+                alertReport(
+                  reports.jianceshenqingdan,
+                  scope.row.jian_ce_shen_qing
+                )
+              "
             >
               <i class="el-icon-s-order"></i> 检测委托单
             </div>
             <div
               class="item"
               style="color: #85ce61"
-              @click="alertReport(reports.hetongpingshen, scope.row.id_)"
+              @click="
+                alertReport(reports.hetongpingshen, scope.row.jian_ce_shen_qing)
+              "
             >
               <i class="el-icon-s-order"></i> 合同评审
             </div>
@@ -164,9 +143,6 @@
                 </div>
               </el-popover>
             </div>
-            <!-- <div class="item" style="color: #85ce61" @click="alertReport(reports.yubaogao, scope.row.id_)">
-              <i class="el-icon-s-order"></i> 预报告
-            </div> -->
             <div
               class="item"
               style="color: #85ce61"
@@ -239,6 +215,7 @@ export default {
       yubaogaoitem: [],
       hetong: [],
       triggerType: "click",
+      wTBH: [],
     };
   },
   mixins: [GetReport],
@@ -250,6 +227,17 @@ export default {
         }
       }
     },
+    returnweituobianhao(value, arr) {
+      for (var i = 0; i < arr.length; i++) {
+        if (arr[i] != null && arr[i] != undefined) {
+          console.log(arr[i].shen_qing_id_ == value);
+          if (arr[i].shen_qing_id_ == value) {
+            console.log(arr, arr[i].wei_tuo_bian_hao_);
+            return arr[i].wei_tuo_bian_hao_;
+          }
+        }
+      }
+    },
     yeare(value, dedal) {
       if (value == undefined || value == null || value == "") {
         return "";
@@ -279,10 +267,10 @@ export default {
   },
   methods: {
     // 请求表格数据函数
-    loadData(sql) {
+    async loadData(sql) {
       let this_ = this;
       this.listData = [];
-      curdPost("sql", sql).then((res) => {
+      await curdPost("sql", sql).then((res) => {
         this_.tableData = res.variables.data;
         if (this_.tableData.length > 0) {
           this.hetongidFn(this_.tableData);
@@ -290,6 +278,16 @@ export default {
           this_.tableData = [];
         }
       });
+      for (let i = 0; i < this.tableData.length; i++) {
+        let sql =
+          "select wei_tuo_bian_hao_,shen_qing_id_ FROM t_mjwtzsb WHERE shen_qing_id_ ='" +
+          this.tableData[i].wei_tuo_zhan_shi_ +
+          "'";
+        await curdPost("sql", sql).then((res) => {
+          let data = res.variables.data;
+          this_.wTBH.push(data[0]);
+        });
+      }
     },
     hetongidFn(bianhaoArr) {
       var sqlStr = "";

src/views/system/jbdScan/goods/neishenzhuangtai.vue

@@ -220,7 +220,7 @@ export default {
       stepList: [
         {
           stepIndex: 5,
-          title: "内审开始",
+          title: "内审实施计划编制",
         },
         {
           stepIndex: 15,
@@ -232,7 +232,7 @@ export default {
         },
         {
           stepIndex: 45,
-          title: "内部检查",
+          title: "内部审核",
         },
         {
           stepIndex: 60,
@@ -348,8 +348,9 @@ export default {
               valueAnimation: true,
               formatter: "{value} %",
               color: "auto",
+              top:'100%'
             },
-            data: [{ value: 100 }],
+            data: [{ value: 100 ,top:'100%'}],
           },
         ],
       };