详情表格组件更多弹框中的表格配置数值范围

@@ -136,6 +136,76 @@ export const monitorDetailTable = {
       },
       [
         {
+          name: '状态范围设置',
+          list: [
+            {
+              type: 'el-input-number',
+              label: '一般状态',
+              name: 'ybNum',
+              required: false,
+              placeholder: '',
+              min:0,
+              max:100,
+              value: 80
+            },
+            {
+              type: 'el-input-number',
+              label: '重要状态',
+              name: 'zyNum',
+              required: false,
+              placeholder: '',
+              min:0,
+              max:100,
+              value: 85
+            },
+            {
+              type: 'el-input-number',
+              label: '严重状态',
+              name: 'yzNum',
+              required: false,
+              placeholder: '',
+              min:0,
+              max:100,
+              value: 95
+            },
+            {
+              type: 'vue-color',
+              label: '正常颜色',
+              name: 'zcColor',
+              require: false,
+              placeholder: '',
+              value: '#0d82e9',
+            },
+            {
+              type: 'vue-color',
+              label: '一般颜色',
+              name: 'ybColor',
+              require: false,
+              placeholder: '',
+              value: '#7BE00D',
+            },
+            {
+              type: 'vue-color',
+              label: '重要颜色',
+              name: 'zyColor',
+              require: false,
+              placeholder: '',
+              value: '#F5A623',
+            },
+            {
+              type: 'vue-color',
+              label: '严重颜色',
+              name: 'yzColor',
+              require: false,
+              placeholder: '',
+              value: '#D81E06',
+            },
+
+          ],
+        }
+      ],
+      [
+        {
           name: '表头设置',
           list: [
             {

@@ -321,17 +321,27 @@ export default {
     //值区间 不同颜色 0-80 正常 80-85一般 85-95重要 95-100严重
     colorStyle (val) {
       let textColor='';
+      const rollSet = this.optionsSetUp;
+      let ybNum=rollSet.ybNum?rollSet.ybNum:80;
+      let zyNum=rollSet.zyNum?rollSet.zyNum:85;
+      let yzNum=rollSet.yzNum?rollSet.yzNum:95;
+      console.log("color",ybNum,rollSet.zcColor)
       if(val){
         let value=val.split("%")
         if(value && value.length>1){
-          if(value[0]>0 && value[0]<80){
-            textColor='#0d82e9'
-          }else if(value[0]>=80 && value[0]<85){
-            textColor='#7BE00D'
-          }else if(value[0]>=85 && value[0]<95){
-            textColor='#F5A623'
-          }else if(value[0]>=95 && value[0]<=100){
-            textColor='#D81E06'
+          if(value[0]>0 && value[0]<ybNum){
+            // textColor='#0d82e9';
+            textColor=rollSet.zcColor?rollSet.zcColor:'#0d82e9';
+          }else if(value[0]>=ybNum&& value[0]<zyNum){
+            // textColor='#7BE00D';
+            textColor=rollSet.ybColor?rollSet.ybColor:'#7BE00D';
+          }else if(value[0]>=zyNum && value[0]<yzNum){
+            // textColor='#F5A623';
+            textColor=rollSet.zyColor?rollSet.zyColor:'#F5A623';
+          }else if(value[0]>=yzNum && value[0]<=100){
+            // textColor='#D81E06';
+            textColor=rollSet.yzColor?rollSet.yzColor:'#D81E06';
+
           }
         }
       }
@@ -354,7 +364,6 @@ export default {
         this.selectNum = 1;
 
       }
-      let topVal=this.$refs.detailTable.getBoundingClientRect().top;
       let scroll=window.pageYOffset;
       let documentHeight=document.documentElement.clientHeight;
       console.log("123",documentHeight,scroll)