适配场景中心查看页面表单样式

src/components/base/baseNewForm/index.vue

@@ -7,7 +7,7 @@
   <el-form validate-on-rule-change :model="ruleForm" :rules="rules" label-position="top" ref="ruleForm"
            label-width="100px"
   >
-    <el-row :gutter="24" v-for="(item, index) in formRow" :key="index" style="margin-bottom: 17px;">
+    <el-row :gutter="24" v-for="(item, index) in formRow" :key="index" :style="{marginBottom: isSence ?'0': '17px'}">
       <el-col v-for="(row, indexRow) in item.elCol" :span="row.span ? row.span : spanNumber" :key="indexRow">
         <el-form-item :prop="row.prop" :style="`display: flex;margin-bottom: ${marginBottom}px;`"
                       v-if="row.show != false" :class="(rules[row.prop] ? 'ruleFormClass ' : '')"
@@ -16,7 +16,7 @@
           <div class="single label" v-if="row.label" slot="label"
                :style="`width: ${spanWidth};` + `justify-content: ${justifyContent};`" flex
           >
-            <span class="label">{{ row.label }}</span>
+            <span class="label" :style="{color: isSence ? '#999':'#333',fontSize: isSence ? '14px':'13px'}">{{ row.label }}</span>
           </div>
           <el-input v-model="ruleForm[row.prop]" v-if="row.tag === 'password'" type="password" show-password clearable
                     auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin"
@@ -204,6 +204,10 @@ export default {
       type: Boolean,
       default: true
     },
+    isSence: {
+      type: Boolean,
+      default: false
+    },
     formdata: {
       type: Object
     },