fix : panelBox 页面必填项添加及样式调整

nezha-fronted/src/assets/css/components/common/rightBox/panelBox.scss

@@ -1,4 +1,11 @@
 .right-box-panel{
+  .form-items--half-width-group{
+    .query-expression{
+      .el-form-item__label{
+        display: flex;
+      }
+    }
+  }
   .item-report{
     .form__sub-title{
       margin-bottom: 5px;
@@ -67,6 +74,12 @@
         border-radius: 0;
         background-color: $--color-primary !important;
       }
+
+      .el-form-item__content{
+        .el-form-item__error{
+          top: 102%;
+        }
+      }
     }
     .range-time{
       width: 100%;

nezha-fronted/src/components/common/rightBox/panelBox.vue

@@ -98,7 +98,7 @@
                     </el-select>
                   </el-form-item>
                   <!-- Query expression -->
-                  <el-form-item v-if="item.type==='query'" :prop="'param.variables.' + index + '.expression'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" key="expression" style="width: 100%;" >
+                  <el-form-item class="query-expression" v-if="item.type==='query'" :prop="'param.variables.' + index + '.expression'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" key="expression" style="width: 100%;" >
                     <div slot="label">
                       <span>{{$t('dashboard.panel.queryExpression')}}</span>
                       <el-popover placement="top" trigger="hover" popper-class="prevent-clickoutside">
@@ -346,6 +346,10 @@ export default {
         'param.report.receivers': [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' },
           { validator: arrLength, trigger: 'blur' }
+        ],
+        nums: [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' },
+          { validator: arrLength, trigger: 'blur' }
         ]
       },
       week: [