调整

src/views/mxgl/components.vue

+<template>
+
+</template>
+
+<script>
+  export default {
+    name: "components"
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/sf/sfgl.vue

@@ -81,9 +81,8 @@
             <el-button type="text" @click="showGxlfxDialog('yw', scope)"
               >业务贡献率分析</el-button
             >
-            <el-button type="text" @click="showGxlfxDialog('fz', scope)"
-              >辅助决策贡献率分析</el-button
-            >
+            <el-button type="text" @click="showGxlfxDialog('fz', scope)">辅助决策贡献率分析</el-button>
+            <el-button type="text" @click="dialogFormHd=true">灰度测试</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -176,6 +175,74 @@
         <el-button type="primary" @click="submitPj">确 定</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog
+            title="灰度测试"
+            :visible.sync="dialogFormHd"
+            class="diolog"
+            width="70%"
+    >
+      <div v-if="dialogFormHd">
+        <div style="display:flex;margin: 10px;">
+          <span style="margin-right: 10px;display: flex;justify-content: center;flex-direction: column;width: 50px;">线程组:</span>
+          <div style="display: flex;border: 1px solid #333;padding: 10px;flex: 1">
+            <div style="margin-right: 100px;"><span style="margin-right: 5px;">线程数:</span><input type="text"></div>
+            <div><span style="margin-right: 5px;">Ramp-up(秒):</span><input type="text"></div>
+          </div>
+        </div>
+        <div style="display:flex;margin: 10px;">
+          <span style="margin-right: 10px;display: flex;justify-content: center;flex-direction: column;width: 50px;">参数:</span>
+          <div style="border: 1px solid #333;padding: 10px;flex: 1;display:flex">
+            <div style="text-align: center;border:1px solid #333">
+              <span>名称</span>
+              <div><input type="text" style="border: none;border-top: 1px solid #333;text-align: center"></div>
+              <div><input type="text" style="border: none;border-top: 1px solid #333;text-align: center"></div>
+            </div>
+            <div style="text-align: center;border:1px solid #333;border-left: none">
+              <span>参数</span>
+              <div><input type="text" style="border: none;border-top: 1px solid #333;text-align: center"></div>
+              <div><input type="text" style="border: none;border-top: 1px solid #333;text-align: center"></div>
+            </div>
+          </div>
+        </div>
+        <div style="text-align:right;padding-bottom: 20px;"> <el-button size="mini" @click="HZBG=true">启动</el-button></div>
+        <div style="padding-bottom: 30px;" v-if="HZBG && dialogFormHd">
+          <h2 style="margin-bottom: 10px;">汇总报告</h2>
+          <el-table
+                  :data="[{
+          label: 'HTTP请求',
+          yb: '1',
+          pjz: '2',
+          zxz: '2',
+          zdz: '2',
+          yc: '2',
+        }]"
+                  style="width: 100%">
+            <el-table-column prop="label" label="Label" ></el-table-column>
+            <el-table-column prop="yb" label="样本" ></el-table-column>
+            <el-table-column prop="pjz" label="平均值" ></el-table-column>
+            <el-table-column prop="zxz" label="最小值" ></el-table-column>
+            <el-table-column prop="zdz" label="最大值" ></el-table-column>
+            <el-table-column prop="yc" label="异常" ></el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!--  <div style="display:flex;margin:10px">
+        <span style="width:80px">参数:</span
+        ><el-input
+          type="text"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="textarea"
+        >
+        </el-input>
+      </div>
+    <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormHd = false">取 消</el-button>
+        <el-button type="primary" @click="submitHd">确 定</el-button>
+      </div>-->
+    </el-dialog>
   </div>
 </template>
 
@@ -193,6 +260,8 @@ export default {
   components: {},
   data() {
     return {
+      dialogFormHd:false,
+      HZBG:false,
       title: "业务贡献率",
       types: "",
       scoppes: {},
@@ -417,6 +486,11 @@ export default {
         this.value = 0;
       }
     },
+    dialogFormHd:function (n) {
+      if(n){
+        this.HZBG = false
+      }
+    }
   },
 };
 </script>