Merge branch 'master' of http://119.23.210.103:3000/wy/mj_firm_former

src/views/component/qrcodeed.vue

@@ -1,5 +1,8 @@
 <template>
-  <div id="qrcode" ref="qrcode"></div>
+<div style="height:50vh;">
+   <div id="qrcode" ref="qrcode" style="margin-top:25vh;"></div>
+</div>
+ 
 </template>
 
 <script>
@@ -22,6 +25,7 @@ export default {
 
   methods: {
     qrcode() {
+      console.log(this.formData.id)
       let qrcode = new QRCode('qrcode', {
         width: 132,
         height: 132,
@@ -36,9 +40,11 @@ export default {
     },
   },
   mounted() {
+    let this_ = this;
+    console.log(QRCode)
     this.$nextTick(() => {
       setTimeout(() => {
-        this.qrcode();
+        this_.qrcode();
       }, 0)
     })
   },

src/views/statistics/item/s9neiBuZhiLiangCol.vue

@@ -96,9 +96,9 @@
                 },
                 formatter: function (datas) {
                     console.log(datas,'sdsdds')
-                    var res=datas[0].data[0]+"<BR>"+'已完成：'+datas[0].data[1]+"<BR>"
-                    res+='总计划：'+datas[0].data[2]+"<BR>"
-                    res+='百分比:'+(datas[0].data[2]==null||datas[0].data[2]==0?"0.00":(datas[0].data[1]/datas[0].data[2]*100).toFixed(2))+"%"
+                    var res=datas[0].data[0]+"<BR>"+'已完成：'+datas[0].data[2]+"<BR>"
+                    res+='总计划：'+datas[0].data[1]+"<BR>"
+                    res+='百分比:'+(datas[0].data[1]==null||datas[0].data[1]==0?"0.00":(datas[0].data[2]/datas[0].data[1]*100).toFixed(2))+"%"
                     return res
                 }
             },

src/views/statistics/properties/s9neiBuZhiLiangPro.vue

@@ -41,14 +41,14 @@
               <br>
               计划内质量控制计划总数 ：<el-tag>{{data.t_mjzlkzxbNum.number[2]}} 次</el-tag>
               <br>
-              计划内质量控制计划完成率 ：<el-tag>{{data.t_mjzlkzxbNum.number[2]==null||data.t_mjzlkzxbNum.number[2]==0?"0.00":(data.t_mjzlkzxbNum.number[1]/data.t_mjzlkzxbNum.number[2]*100).toFixed(2)}} %</el-tag>
+              计划内质量控制计划完成率 ：<el-tag>{{data.t_mjzlkzxbNum.number[1]==null||data.t_mjzlkzxbNum.number[1]==0?"0.00":(data.t_mjzlkzxbNum.number[2]/data.t_mjzlkzxbNum.number[1]*100).toFixed(2)}} %</el-tag>
               <br>
               <br>
               计划外质量控制计划完成数量 ：<el-tag>{{data.t_mjzlkzxbNum.numberAll[1]}} 次</el-tag>
               <br>
               计划外质量控制计划总数 ：<el-tag>{{data.t_mjzlkzxbNum.numberAll[2]}} 次</el-tag>
               <br>
-              计划外质量控制计划完成率 ：<el-tag>{{data.t_mjzlkzxbNum.numberAll[2]==null||data.t_mjzlkzxbNum.numberAll[2]==0?"0.00":(data.t_mjzlkzxbNum.numberAll[1]/data.t_mjzlkzxbNum.numberAll[2]*100).toFixed(2)}} %</el-tag>
+              计划外质量控制计划完成率 ：<el-tag>{{data.t_mjzlkzxbNum.numberAll[1]==null||data.t_mjzlkzxbNum.numberAll[1]==0?"0.00":(data.t_mjzlkzxbNum.numberAll[2]/data.t_mjzlkzxbNum.numberAll[1]*100).toFixed(2)}} %</el-tag>
               <br>
             <br>
               <!-- <div v-for="(item,i) in data.t_complaintNum.number" :key="i">

src/views/statistics/sendDatas.js

@@ -471,11 +471,11 @@ export default {
                         //         e =Math.floor(mjzlkzxbNum[0]/mjzlkzxbSNum[0] * 10000) / 100
                         // }
                         numData.push('计划内')
-                        numData.push(mjzlkzxbSNum[0])
                         numData.push(mjzlkzxbNum[0])
+                        numData.push(mjzlkzxbSNum[0])
                         numAData.push('计划外')
-                        numAData.push(mjzlkzjlbSNum[0])
                         numAData.push(mjzlkzjlbNum[0])
+                        numAData.push(mjzlkzjlbSNum[0])
                         barData.push(numData)
                         barData.push(numAData)
                         a=mjzlkzxbSNum[0]+mjzlkzjlbSNum[0]

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

@@ -4,7 +4,7 @@
       width="60vw"
       height="50vh"
       :modal-append-to-body="false"
-      title="内部审核流程"
+      title="内审进度查询"
       :visible.sync="scanVisible"
     >
       <!-- 表单是否显示 -->
@@ -36,9 +36,9 @@
                       : ''
                   "
                 >
-                  <span class="step-num">
+                  <span class="step-num" >
+                    <!-- <i class="el-icon-arrow-right icon"></i> -->
                     <p cla>{{ i.title }}</p>
-
                     <!-- <span class="num">{{ i.stepIndex }}</span> -->
                   </span>
                   <p class="title"></p>
@@ -55,111 +55,139 @@
             </div>
           </div>
 
-          <div class="cnas">
-            <div style="width: 90%; margin: 0 auto; line-height: 35px">
-              内审不符合项(CNAS)
-            </div>
-            <el-table
-              :data="tableData"
-              border
-              style="width: 90%; margin: 0 auto"
-            >
-              <el-table-column
-                prop="bu_fu_he_xiang_mi"
-                label="不符合项描述"
-                width="300"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="ping_shen_yi_ju_"
-                label="评审依据"
-                width="250"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="tiao_kuan_bian_ha"
-                label="条款编号"
-                width="70"
-              >
-              </el-table-column>
-              <el-table-column prop="nei_shen_yuan_" label="内审员" width="60">
-                <template slot-scope="scope"
-                  >{{ scope.row.nei_shen_yuan_ | emfiltes(employeeList) }}
-                </template>
-              </el-table-column>
-              <el-table-column prop="ze_ren_shi_" label="责任室" width="60">
-              </el-table-column>
-              <el-table-column prop="fu_ze_ren_" label="负责人" width="60">
-                <template slot-scope="scope"
-                  >{{ scope.row.fu_ze_ren_ | emfiltes(employeeList) }}
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="bu_fu_he_cheng_du"
-                label="不符合程度"
-                width="80"
+          <div v-if="CNASTableData.length > 0">
+            <div class="cnas">
+              <div style="width: 90%; margin: 0 auto; line-height: 35px">
+                内审不符合项(CNAS)
+              </div>
+              <el-table
+                :data="CNASTableData"
+                border
+                style="width: 90%; margin: 0 auto"
               >
-              </el-table-column>
-            </el-table>
-          </div>
-          <div class="cma">
-            <div style="width: 90%; margin: 0 auto; line-height: 35px">
-              内审不符合项(CMA)
+                <el-table-column
+                  prop="bu_fu_he_xiang_mi"
+                  label="不符合项描述"
+                  width="300"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="ping_shen_yi_ju_"
+                  label="评审依据"
+                  width="250"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="tiao_kuan_bian_ha"
+                  label="条款编号"
+                  width="70"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="nei_shen_yuan_"
+                  label="内审员"
+                  width="60"
+                >
+                  <template slot-scope="scope"
+                    >{{ scope.row.nei_shen_yuan_ | emfiltes(employeeList) }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="ze_ren_shi_" label="责任室" width="60">
+                </el-table-column>
+                <el-table-column prop="fu_ze_ren_" label="负责人" width="60">
+                  <template slot-scope="scope"
+                    >{{ scope.row.fu_ze_ren_ | emfiltes(employeeList) }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="bu_fu_he_cheng_du"
+                  label="不符合程度"
+                  width="80"
+                >
+                </el-table-column>
+              </el-table>
+            </div>
+            <div class="table-echarts">
+              <div class="in-echarts">
+                <div>不符合项条款统计</div>
+                <div id="in-echarts"></div>
+              </div>
+              <div class="department">
+                <div>不符合项部门统计</div>
+                <div id="department"></div>
+              </div>
             </div>
-            <el-table
-              :data="CMAtable"
-              border
-              style="width: 90%; margin: 0 auto"
-            >
-              <el-table-column
-                prop="bu_fu_he_xiang_mi"
-                label="不符合项描述"
-                width="300"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="ping_shen_yi_ju_"
-                label="评审依据"
-                width="250"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="tiao_kuan_bian_ha"
-                label="条款编号"
-                width="70"
-              >
-              </el-table-column>
-              <el-table-column :prop="nei_shen_yuan_" label="内审员" width="60">
-                <template slot-scope="scope"
-                  >{{ scope.row.nei_shen_yuan_ | emfiltes(employeeList) }}
-                </template>
-              </el-table-column>
-              <el-table-column prop="ze_ren_shi_" label="责任室" width="60">
-              </el-table-column>
-              <el-table-column prop="fu_ze_ren_" label="负责人" width="60">
-                <template slot-scope="scope"
-                  >{{ scope.row.fu_ze_ren_ | emfiltes(employeeList) }}
-                </template>
-              </el-table-column>
-              <el-table-column
-                prop="bu_fu_he_cheng_du"
-                label="不符合程度"
-                width="80"
-              >
-              </el-table-column>
-            </el-table>
           </div>
-          <div class="table-echarts">
-            <div class="in-echarts">
-              <div>不符合项条款统计</div>
-              <div id="in-echarts"></div>
+          <div v-if="CMAtable.length > 0">
+            <div class="cma">
+              <div style="width: 90%; margin: 0 auto; line-height: 35px">
+                内审不符合项(CMA)
+              </div>
+              <el-table
+                :data="CMAtable"
+                border
+                style="width: 90%; margin: 0 auto"
+              >
+                <el-table-column
+                  prop="bu_fu_he_xiang_mi"
+                  label="不符合项描述"
+                  width="300"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="ping_shen_yi_ju_"
+                  label="评审依据"
+                  width="250"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="tiao_kuan_bian_ha"
+                  label="条款编号"
+                  width="70"
+                >
+                </el-table-column>
+                <el-table-column
+                  :prop="nei_shen_yuan_"
+                  label="内审员"
+                  width="60"
+                >
+                  <template slot-scope="scope"
+                    >{{ scope.row.nei_shen_yuan_ | emfiltes(employeeList) }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="ze_ren_shi_" label="责任室" width="60">
+                </el-table-column>
+                <el-table-column prop="fu_ze_ren_" label="负责人" width="60">
+                  <template slot-scope="scope"
+                    >{{ scope.row.fu_ze_ren_ | emfiltes(employeeList) }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="bu_fu_he_cheng_du"
+                  label="不符合程度"
+                  width="80"
+                >
+                </el-table-column>
+              </el-table>
             </div>
-            <div class="department">
-              <div>不符合项部门统计</div>
-              <div id="department"></div>
+            <div class="table-echarts">
+              <div class="in-echarts">
+                <div>CMA不符合项条款统计</div>
+                <div id="in-CMAecharts"></div>
+              </div>
+              <div class="department">
+                <div>CMA不符合项部门统计</div>
+                <div id="cma-department"></div>
+              </div>
             </div>
           </div>
         </div>
+        <div
+          v-if="CNASTableData.length == 0 && CMAtable.length == 0"
+          class="nodata"
+        >
+          暂无不符合项统计，请等待本次内审结束后统计
+        </div>
       </div>
     </el-dialog>
   </div>
@@ -191,11 +219,11 @@ export default {
       //步骤条步数
       stepList: [
         {
-          stepIndex: 10,
+          stepIndex: 5,
           title: "内审开始",
         },
         {
-          stepIndex: 20,
+          stepIndex: 15,
           title: "检查表编制",
         },
         {
@@ -203,19 +231,19 @@ export default {
           title: "首次会议",
         },
         {
-          stepIndex: 40,
+          stepIndex: 45,
           title: "内部检查",
         },
         {
-          stepIndex: 50,
+          stepIndex: 60,
           title: "末次会议",
         },
         {
-          stepIndex: 60,
+          stepIndex: 75,
           title: "不符合项整改",
         },
         {
-          stepIndex: 70,
+          stepIndex: 95,
           title: "内审报告",
         },
         // {
@@ -223,15 +251,19 @@ export default {
         //   title: "不符合项跟踪",
         // },
         {
-          stepIndex: 80,
+          stepIndex: 100,
           title: "内审结束",
         },
       ],
-      tableData: [], //cnas
+      CNASTableData: [], //cnas
       CMAtable: [], //CMA
-      source: [],
-      pieData: [],
+      source: [], //CNAS
+      cmaSuorce: [],
+      cnasPieData: [], //cnas饼图
+      cmaPieData: [], //cma饼图
       employeeList: [],
+      loading: true,
+      // scanVisible:false,
     };
   },
   filters: {
@@ -248,15 +280,16 @@ export default {
       this.getInit();
       this.getLoadEcharts();
     },
-    scanVisible(news, old) {
-    },
   },
   created() {
     this.getInit();
     this.getEmployee();
   },
   mounted() {
-    this.getLoadEcharts();
+    let this_ = this;
+    this.$nextTick(() => {
+      this_.getLoadEcharts();
+    });
   },
   methods: {
     //仪表盘
@@ -264,8 +297,8 @@ export default {
       var chartDom = document.getElementById("main");
       const setEchartWH = {
         //设置控制图表大小变量
-        width: 500,
-        height: 350,
+        width: 400,
+        height: 300,
       };
 
       var myChart = echarts.init(chartDom, null, setEchartWH);
@@ -337,13 +370,13 @@ export default {
       option && myChart.setOption(option);
     },
 
-    //指定数据到坐标轴的映射
+    //cnas指定数据到坐标轴的映射
     getLoadEchartsTwo() {
       var chartDom = document.getElementById("in-echarts");
       const setEchartWH = {
         //设置控制图表大小变量
-        width: 500,
-        height: 350,
+        width: 400,
+        height: 300,
       };
 
       var myChart = echarts.init(chartDom, null, setEchartWH);
@@ -354,7 +387,15 @@ export default {
           source: this.source,
         },
         grid: { containLabel: true },
-        xAxis: { name: "不符合项" },
+        xAxis: {
+          name: "不符合项",
+          interval: 1,
+          nameGap: 0,
+          nameRotate: 0,
+          nameTextStyle: {
+            fontSize: 10,
+          },
+        },
         yAxis: { type: "category" },
         visualMap: {
           orient: "horizontal",
@@ -369,6 +410,7 @@ export default {
             color: ["#65B581", "#FFCE34", "#FD665F"],
           },
         },
+
         series: [
           {
             type: "bar",
@@ -378,19 +420,113 @@ export default {
               // Map the "product" column to Y axis
               y: "product",
             },
+            barWidth: 30,
           },
         ],
       };
 
       option && myChart.setOption(option);
     },
-    //部门饼图
+    //cma指定数据到坐标轴的映射
+    getLoadCmaEchartsX() {
+      var chartDom = document.getElementById("in-CMAecharts");
+      const setEchartWH = {
+        //设置控制图表大小变量
+        width: 400,
+        height: 300,
+      };
+
+      var myChart = echarts.init(chartDom, null, setEchartWH);
+      var option;
+
+      option = {
+        dataset: {
+          source: this.cmaSuorce,
+        },
+        grid: { containLabel: true },
+        xAxis: {
+          name: "不符合项",
+          interval: 1,
+          nameGap: 0,
+          nameRotate: 0,
+          nameTextStyle: {
+            fontSize: 10,
+          },
+        },
+        yAxis: { type: "category" },
+        visualMap: {
+          orient: "horizontal",
+          left: "center",
+          show: false,
+          min: 10,
+          max: 100,
+          // text: ["High Score", "Low Score"],
+          // Map the score column to color
+          dimension: 0,
+          inRange: {
+            color: ["#65B581", "#FFCE34", "#FD665F"],
+          },
+        },
+        series: [
+          {
+            type: "bar",
+            encode: {
+              // Map the "amount" column to X axis.
+              x: "amount",
+              // Map the "product" column to Y axis
+              y: "product",
+            },
+            barWidth: 30,
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+    //cnas部门饼图
     getLoadEchartsthree() {
       var chartDom = document.getElementById("department");
       const setEchartWH = {
         //设置控制图表大小变量
-        width: 500,
-        height: 350,
+        width: 400,
+        height: 300,
+      };
+
+      var myChart = echarts.init(chartDom, null, setEchartWH);
+      var option;
+      option = {
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.cnasPieData, //[{1:2,3:4}]
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+    //cma部门饼图
+    getLoadCmaEcharts() {
+      var chartDom = document.getElementById("cma-department");
+      const setEchartWH = {
+        //设置控制图表大小变量
+        width: 400,
+        height: 300,
       };
 
       var myChart = echarts.init(chartDom, null, setEchartWH);
@@ -407,7 +543,7 @@ export default {
           {
             type: "pie",
             radius: "50%",
-            data: this.pieData, //[{1:2,3:4}]
+            data: this.cmaPieData, //[{1:2,3:4}]
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
@@ -431,29 +567,27 @@ export default {
     },
     jieduan(value) {
       if (value.includes("1")) {
-        return 11;
+        return 5;
       } else if (value.includes("2")) {
-        return 21;
+        return 15;
       } else if (value.includes("3")) {
-        return 31;
+        return 30;
       } else if (value.includes("4")) {
-        return 41;
+        return 45;
       } else if (value.includes("5")) {
-        return 50;
+        return 60;
       } else if (value.includes("6")) {
-        return 61;
+        return 75;
       } else if (value.includes("7")) {
-        return 71;
+        return 90;
       } else if (value.includes("8")) {
-        return 81;
-      } else if (value.includes("9")) {
         return 100;
       } else {
         return 0;
       }
     },
     //不符合项条款统计数据
-    getNoData(arr) {
+    getNoData(arr, type, callBlack) {
       let firstArr = [];
       let secondArr = [];
       arr.forEach((it) => {
@@ -487,13 +621,13 @@ export default {
           }
         }
       });
-      this.source = firstArr;
-      this.getLoadEchartsTwo();
+
+      type == "CMA" ? (this.cmaSuorce = firstArr) : (this.source = firstArr);
+      callBlack();
     },
     //饼图数据
-    async getPieData(arr) {
+    async getPieData(arr, type, callBlack) {
       let arrr = arr;
-      this.pieData = [];
       let newarr = [];
       let obj = {};
       let sql = "select ID_,NAME_ FROM  ibps_party_org";
@@ -525,36 +659,56 @@ export default {
         obj.name = item.ze_ren_shi_;
         newarr.push(obj);
         obj = {};
+        this.loading = false;
       });
-
-      this.pieData = newarr;
-      this.getLoadEchartsthree();
+      // this.cnasPieData =[];
+      type == "CMA" ? (this.cmaPieData = newarr) : (this.cnasPieData = newarr);
+      // this.getLoadEchartsthree();
+      callBlack();
     },
     getInit() {
-      let data = this.obj;
-      
-      let jieduanvalue = data.jie_dian_ren_wu_||1
+      let data = this.obj[0];
+      console.log(data);
+      let jieduanvalue;
+      if (data.shi_fou_guo_shen_ == "已编制" && data.jie_dian_ren_wu_ == "") {
+        jieduanvalue = "1";
+      } else if (data.shi_fou_guo_shen_ == "1" && data.jie_dian_ren_wu_ == "") {
+        jieduanvalue = "2";
+      } else {
+        jieduanvalue = data.jie_dian_ren_wu_;
+      }
       this.activeIndex = this.jieduan(jieduanvalue);
       this.jieduanValue = this.activeIndex;
       this.gettable(data.ji_hua_zong_wai_j);
     },
     async gettable(id) {
       let this_ = this;
+      this_.CNASTableData = [];
+      this_.CMAtable = [];
       let sql =
         "select * FROM t_nsbfhxjlhzb WHERE wai_jian_ =(SELECT id_  FROM t_nshyjyb WHERE ji_hua_zong_wai_j ='" +
         id +
         "' ORDER BY create_time_ DESC LIMIT 1)";
       await repostCurd("sql", sql).then((res) => {
         let data = res.variables.data;
+
         data.forEach((item) => {
           if (item.ping_shen_yi_ju_.includes("RB")) {
             this_.CMAtable.push(item);
           } else {
-            this_.tableData.push(item);
+            this_.CNASTableData.push(item);
           }
         });
-        this_.getNoData(this_.tableData);
-        this_.getPieData(this_.tableData);
+        this_.$nextTick(() => {
+          this_.getNoData(this_.CNASTableData, "CNAS", this_.getLoadEchartsTwo);
+          this_.getNoData(this_.CMAtable, "CMA", this_.getLoadCmaEchartsX);
+          this_.getPieData(
+            this_.CNASTableData,
+            "CNAS",
+            this_.getLoadEchartsthree
+          );
+          this_.getPieData(this_.CMAtable, "CMA", this_.getLoadCmaEcharts);
+        });
       });
     },
   },
@@ -563,8 +717,8 @@ export default {
 <style lang="scss" scoped>
 .bg {
   .main {
-    width: 500px;
-    height: 350px;
+    width: 400px;
+    height: 300px;
     position: relative;
     top: 16px;
     margin: 0 auto;
@@ -577,6 +731,12 @@ export default {
       // font-weight: bold;
     }
   }
+  .nodata {
+    width: 90%;
+    margin: 20px auto;
+    font-size: 16px;
+    text-align: center;
+  }
   #main {
     width: 100%;
     height: 100%;
@@ -634,6 +794,13 @@ export default {
           font-size: 10px;
           display: flex;
           align-items: center;
+          .icon {
+            position: absolute;
+            left: -11px;
+            color: #2d7df5;
+            font-size: 16px;
+            font-weight: bold;
+          }
           p {
             line-height: 20px;
             width: 40px;
@@ -697,20 +864,20 @@ export default {
     display: flex;
     justify-content: space-between;
     .in-echarts {
-      width: 500px;
-      height: 400px;
+      width: 400px;
+      height: 300px;
     }
     #in-echarts {
       width: 100%;
       height: 100%;
     }
     .department {
-      width: 500px;
-      height: 400px;
+      width: 400px;
+      height: 300px;
     }
     #department {
-      width: 500px;
-      height: 400px;
+      width: 400px;
+      height: 300px;
     }
   }
 }

src/views/system/jbdScan/scan.vue

@@ -26,10 +26,10 @@ import lingliaodan from './goods/lingliaodan'
 import fenzhuangtag from './goods/fenzhuangtag'
 import stateDetails from '../forget/stateDetails'
 import sampleTag from './goods/sampleTag'
-
+import neishenzhuangtai from './goods/neishenzhuangtai'
 
 export default {
-  components: { facility,material,sample,sampleConfirmation,manualConfirmation,tag,jishutag,caigourukudan,chnangguirukudan,lingliaodan,fenzhuangtag,sampleTag,stateDetails},
+  components: { facility,material,sample,sampleConfirmation,manualConfirmation,tag,jishutag,caigourukudan,chnangguirukudan,lingliaodan,fenzhuangtag,sampleTag,stateDetails,neishenzhuangtai},
 
   props:{
     currentScan:String,