diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>
diff --git a/src/views/assessPost/monitorAssess.vue b/src/views/assessPost/monitorAssess.vue
index d34736f..0fda288 100644
--- a/src/views/assessPost/monitorAssess.vue
+++ b/src/views/assessPost/monitorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-monitor ref="assessRule"/>
     </el-dialog>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>
diff --git a/src/views/assessPost/monitorAssess.vue b/src/views/assessPost/monitorAssess.vue
index d34736f..0fda288 100644
--- a/src/views/assessPost/monitorAssess.vue
+++ b/src/views/assessPost/monitorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-monitor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/receiverAssess.vue b/src/views/assessPost/receiverAssess.vue
index a82ab53..f1b9474 100644
--- a/src/views/assessPost/receiverAssess.vue
+++ b/src/views/assessPost/receiverAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-receiver ref="assessRule"/>
     </el-dialog>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>
diff --git a/src/views/assessPost/monitorAssess.vue b/src/views/assessPost/monitorAssess.vue
index d34736f..0fda288 100644
--- a/src/views/assessPost/monitorAssess.vue
+++ b/src/views/assessPost/monitorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-monitor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/receiverAssess.vue b/src/views/assessPost/receiverAssess.vue
index a82ab53..f1b9474 100644
--- a/src/views/assessPost/receiverAssess.vue
+++ b/src/views/assessPost/receiverAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-receiver ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/supervisorAssess.vue b/src/views/assessPost/supervisorAssess.vue
index 0160ee6..83910a7 100644
--- a/src/views/assessPost/supervisorAssess.vue
+++ b/src/views/assessPost/supervisorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-supervisor ref="assessRule"/>
     </el-dialog>

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>
diff --git a/src/views/assessPost/monitorAssess.vue b/src/views/assessPost/monitorAssess.vue
index d34736f..0fda288 100644
--- a/src/views/assessPost/monitorAssess.vue
+++ b/src/views/assessPost/monitorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-monitor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/receiverAssess.vue b/src/views/assessPost/receiverAssess.vue
index a82ab53..f1b9474 100644
--- a/src/views/assessPost/receiverAssess.vue
+++ b/src/views/assessPost/receiverAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-receiver ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/supervisorAssess.vue b/src/views/assessPost/supervisorAssess.vue
index 0160ee6..83910a7 100644
--- a/src/views/assessPost/supervisorAssess.vue
+++ b/src/views/assessPost/supervisorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-supervisor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessRegion/assessArea.vue b/src/views/assessRegion/assessArea.vue
index ae1c1e8..d5a049e 100644
--- a/src/views/assessRegion/assessArea.vue
+++ b/src/views/assessRegion/assessArea.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -197,36 +197,19 @@
     handleCurrentChange(val) {
       this.listQuery.offset = val
       this.fetchData()
+    },
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }
 
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $tableTitleHeight:46px;
-  .app-container {
-    .table-container {
-      margin-bottom: 30px;
-      .table-title {
-        background-color: rgba(243, 243, 243, 1);
-        height: $tableTitleHeight;
-        .title-header {
-          line-height: $tableTitleHeight;
-          color: #606266;
-          font-size: 15px;
-          i {
-            margin-left: 5px;
-            margin-right: 5px;
-          }
-        }
-      }
-      .edit_btns{
-        .edit_btn{
-          float:right;
-          margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
-        }
-      }
-    }
-  }
-</style>
+

diff --git a/src/views/assessPost/components/assessRuleDispatcher.vue b/src/views/assessPost/components/assessRuleDispatcher.vue
index b84e9c9..5320adb 100644
--- a/src/views/assessPost/components/assessRuleDispatcher.vue
+++ b/src/views/assessPost/components/assessRuleDispatcher.vue
@@ -1,46 +1,51 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</el-row>
-      <el-row class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</el-row>
-      <el-row class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</el-row>
-      <el-row class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</el-row>
-      <el-row class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">派遣员得分 = 按时派遣分数 + 准确派遣分 + 按时处理审核分+按时调整分</div>
+        <div class="content">按时派遣分数 = 按时派遣数/派遣数 * 100 * 按时派遣因子</div>
+        <div class="content">准确派遣分 = 准确派遣数/派遣数 * 100 * 准确派遣因子</div>
+        <div class="content">按时处理审核分 = 按时处理审核数/处理审核数 * 100 * 按时处理审核因子</div>
+        <div class="content">按时调整分 = 按时调整数/调整数 * 100 * 按时调整因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣因子</el-col>
-        <el-col :span="6" class="cell">准确派遣因子</el-col>
-        <el-col :span="6" class="cell">按时处理审核因子</el-col>
-        <el-col :span="6" class="cell">按时调整因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">按时派遣数/派遣数</el-col>
-        <el-col :span="6" class="cell">准确数/派遣数</el-col>
-        <el-col :span="6" class="cell">按时处理审核数/处理审核数	</el-col>
-        <el-col :span="6" class="cell">按时调整数/调整数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disOntime" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时派遣因子</span>
+          <el-input v-model="accessRule.disOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.disExact" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">准确派遣因子</span>
+          <el-input v-model="accessRule.disExact" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.processAuditOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时处理审核因子</span>
+          <el-input v-model="accessRule.processAuditOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="6" class="cell">
-          <el-input v-model="accessRule.adjustOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时调整因子</span>
+          <el-input v-model="accessRule.adjustOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -111,39 +116,44 @@
       return true
     }
   }
-
 }
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
+.sub-input{
+  width: 120px;
+}
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
  /deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleMonitor.vue b/src/views/assessPost/components/assessRuleMonitor.vue
index 7bef129..7706d44 100644
--- a/src/views/assessPost/components/assessRuleMonitor.vue
+++ b/src/views/assessPost/components/assessRuleMonitor.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</el-row>
-      <el-row class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">值班长得分 = 按时立案分数 + 按时结案分 + 受理员平均分</div>
+        <div class="content">按时立案分数 = 按时立案数/立案数 * 100 * 按时立案因子</div>
+        <div class="content">按时结案分数 = 按时结案数/结案数 * 100 * 按时结案因子</div>
+        <div class="content">团队分数 = 所有受理员平均分 * 100 * 团队分因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时结案因子</el-col>
-        <el-col :span="8" class="cell">团队分因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时结案/结案数</el-col>
-        <el-col :span="8" class="cell">所有受理员平均分</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeMonitor" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeMonitor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.closeOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时结案因子</span>
+          <el-input v-model="accessRule.closeOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.teamMark" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">团队分因子</span>
+          <el-input v-model="accessRule.teamMark" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -106,34 +110,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
+.title {
+  font-size: 16px;
+  padding-top: 10px;
+  font-weight: bolder;
+}
+.sub-title{
   padding: 10px;
-  text-align: center;
+  font-size: 16px;
+  font-weight: bolder;
+  width: 150px;
+  display: inline-block;
+}
+.sub-input{
+  width: 120px;
 }
 .content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
+  font-size: 16px;
+  padding: 10px;
 }
 .submit-button{
   margin-left: 10px;
 }
- /deep/ input.el-input__inner {
+.rule-row {
+  display: flex;
+}
+.rule-title {
+  width: 20%;
+  text-align: end;
+}
+.rule-content {
+  width: 80%;
+}
+/deep/ input.el-input__inner {
   color: red;
-  font-size: 1.2em;
+  font-size: 16px;
 }
 </style>
diff --git a/src/views/assessPost/components/assessRuleReceiver.vue b/src/views/assessPost/components/assessRuleReceiver.vue
index d2e1ccf..478925f 100644
--- a/src/views/assessPost/components/assessRuleReceiver.vue
+++ b/src/views/assessPost/components/assessRuleReceiver.vue
@@ -1,39 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</el-row>
-      <el-row class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</el-row>
-      <el-row class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</el-row>
-      <el-row class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">受理员得分 = 按时立案分数 + 按时发送核实分 + 按时发送核查分</div>
+        <div class="content">按时立案分数 = 按时立案数量/立案总数 * 100 * 按时立案因子</div>
+        <div class="content">按时发送核实分 = 按时安排数/安排核实数 * 100 * 按时发送核实因子</div>
+        <div class="content">按时发送核查分 = 按时安排数/安排核查数 * 100 * 按时发送核查因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案因子</el-col>
-        <el-col :span="8" class="cell">按时发送核实因子</el-col>
-        <el-col :span="8" class="cell">按时发送核查因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">按时立案数/立案数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核实数</el-col>
-        <el-col :span="8" class="cell">按时安排数/安排核查数</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.registerOntimeReceiver" size="small" style="width:25%"/> %
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">按时立案因子</span>
+          <el-input v-model="accessRule.registerOntimeReceiver" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disVerifyOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核实因子</span>
+          <el-input v-model="accessRule.disVerifyOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.disCheckOntime" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">按时发送核查因子</span>
+          <el-input v-model="accessRule.disCheckOntime" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -105,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-  .second-title{
-    border: 1px solid #eee;
-    background-color: #eee;
-    border-top: 0;
-    font-size: 1.5em;
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
     padding: 10px;
-    text-align: center;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
   }
   .content{
-    border: 1px solid #eee;
-    border-top: 0;
-    font-size: 1.2em;
-    padding: 5px;
-    text-align: center;
-  }
-  .cell{
-    border: 1px solid #eee;
-    font-size: 1.2em;
-    border-top: 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
+    font-size: 16px;
+    padding: 10px;
   }
   .submit-button{
     margin-left: 10px;
   }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
   /deep/ input.el-input__inner {
     color: red;
-    font-size: 1.2em;
+    font-size: 16px;
   }
 </style>
diff --git a/src/views/assessPost/components/assessRuleSupervisor.vue b/src/views/assessPost/components/assessRuleSupervisor.vue
index 3a3b4e9..c2514b3 100644
--- a/src/views/assessPost/components/assessRuleSupervisor.vue
+++ b/src/views/assessPost/components/assessRuleSupervisor.vue
@@ -1,34 +1,43 @@
 <template>
-  <div class="table-container">
-    <el-row class="second-title">规则说明</el-row>
-    <div>
-      <el-row class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</el-row>
-      <el-row class="content">上报分数 = 有效上报数/要求上报数 * 100</el-row>
-      <el-row class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</el-row>
-      <el-row class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</el-row>
+  <div>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">规则说明：</div>
+      </div>
+      <div class="rule-content">
+        <div class="content">监督员得分 = 上报分数 - 未按时核查分 - 未按时核实分</div>
+        <div class="content">上报分数 = 有效上报数/要求上报数 * 100</div>
+        <div class="content">未按时核查分 = 超时核查数/安排核查数 * 100 * 核查因子</div>
+        <div class="content">未按时核实分 = 超时核实数/安排核实数 * 100 * 核实因子</div>
+      </div>
     </div>
-    <el-row style="padding:20px"/>
-    <el-row class="second-title">考核因子</el-row>
-    <div>
-      <el-row>
-        <el-col :span="8" class="cell">要求上报数</el-col>
-        <el-col :span="8" class="cell">核查因子</el-col>
-        <el-col :span="8" class="cell">核实因子</el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.shouldReport" size="small" style="width:25%"/>
+    <div class="rule-row">
+      <div class="rule-title">
+        <div class="title">考核因子：</div>
+      </div>
+      <div class="rule-content">
+        <el-row>
+          <span class="sub-title">要求上报数</span>
+          <el-input v-model="accessRule.shouldReport" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.checkFactor" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核查因子</span>
+          <el-input v-model="accessRule.checkFactor" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-        <el-col :span="8" class="cell">
-          <el-input v-model="accessRule.verify" size="small" style="width:25%"/> %
+        </el-row>
+        <el-row>
+          <span class="sub-title">核实因子</span>
+          <el-input v-model="accessRule.verify" size="small" class="sub-input">
+            <template slot="append">%</template>
+          </el-input>
           <el-button type="text" class="submit-button" @click="updateAccessFactor()">修改</el-button>
-        </el-col>
-      </el-row>
+        </el-row>
+      </div>
     </div>
   </div>
 </template>
@@ -100,34 +109,40 @@
 </script>
 
 <style lang="scss" scoped>
-.second-title{
-  border: 1px solid #eee;
-  background-color: #eee;
-  border-top: 0;
-  font-size: 1.5em;
-  padding: 10px;
-  text-align: center;
-}
-.content{
-  border: 1px solid #eee;
-  border-top: 0;
-  font-size: 1.2em;
-  padding: 5px;
-  text-align: center;
-}
-.cell{
-  border: 1px solid #eee;
-  font-size: 1.2em;
-  border-top: 0;
-  padding: 5px;
-  text-align: center;
-  position: relative;
-}
-.submit-button{
-  margin-left: 10px;
-}
- /deep/ input.el-input__inner {
-  color: red;
-  font-size: 1.2em;
-}
+  .title {
+    font-size: 16px;
+    padding-top: 10px;
+    font-weight: bolder;
+  }
+  .sub-title{
+    padding: 10px;
+    font-size: 16px;
+    font-weight: bolder;
+    width: 150px;
+    display: inline-block;
+  }
+  .content{
+    font-size: 16px;
+    padding: 10px;
+  }
+  .submit-button{
+    margin-left: 10px;
+  }
+  .sub-input{
+    width: 120px;
+  }
+  .rule-row {
+    display: flex;
+  }
+  .rule-title {
+    width: 20%;
+    text-align: end;
+  }
+  .rule-content {
+    width: 80%;
+  }
+  /deep/ input.el-input__inner {
+    color: red;
+    font-size: 16px;
+  }
 </style>
diff --git a/src/views/assessPost/dispatcherAssess.vue b/src/views/assessPost/dispatcherAssess.vue
index 5be7915..8147567 100644
--- a/src/views/assessPost/dispatcherAssess.vue
+++ b/src/views/assessPost/dispatcherAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,73 +26,12 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-dispatcher ref="assessRule"/>
     </el-dialog>
   </app-container>
 
-  <!--<div class="app-container">-->
-    <!--&lt;!&ndash;筛选条件&ndash;&gt;-->
-    <!--<div class="search-div">-->
-      <!--<el-form ref="selectForm" :inline="true" :model="listQuery" class="form-container">-->
-        <!--<el-row>-->
-          <!--<el-form-item class="selectForm-container-item" prop="beginDate">-->
-            <!--<el-date-picker-->
-              <!--v-model="timeRange"-->
-              <!--:picker-options="pickerOptions"-->
-              <!--type="daterange"-->
-              <!--range-separator="至"-->
-              <!--value-format="yyyy-MM-dd"-->
-              <!--start-placeholder="开始日期"-->
-              <!--end-placeholder="结束日期"/>-->
-          <!--</el-form-item>-->
-          <!--<el-button class="filter-item" type="primary" icon="el-icon-data-analysis" @click="search">统计</el-button>-->
-          <!--<el-button class="filter-item" icon="el-icon-document" @click="exportTable">报表</el-button>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;查询结果Table显示&ndash;&gt;-->
-    <!--<div class="table-container">-->
-      <!--<el-row class="table-title">-->
-        <!--<el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>-->
-        <!--<el-col :span="12" :offset="6" class="edit_btns">-->
-          <!--<el-button class="edit_btn" size="small" @click="setRule">考核规则</el-button>-->
-        <!--</el-col>-->
-      <!--</el-row>-->
-      <!--<el-table v-loading="listLoading" :data="list" class="table" border @selection-change="handleSelectionChange">-->
-        <!--&lt;!&ndash;<el-table-column :index="indexMethod" align="center" type="index"/>&ndash;&gt;-->
-        <!--<el-table-column v-for="column in columns" :key="column.name" :label="column.text" :width="column.width" align="center" show-overflow-tooltip>-->
-          <!--<template slot-scope="scope">-->
-            <!--<el-button v-if="column.type=='Button'&&scope.row[column.value]!=0" type="text" @click="showCaseList(scope.row,column.value)">{{ scope.row[column.value] }}</el-button>-->
-            <!--<span v-else :class="column.class">{{ scope.row[column.value] }}</span>-->
-          <!--</template>-->
-        <!--</el-table-column>-->
-      <!--</el-table>-->
-    <!--</div>-->
-    <!--&lt;!&ndash;分页&ndash;&gt;-->
-    <!--<div class="pagination-container">-->
-      <!--<el-pagination-->
-        <!--v-show="total>listQuery.limit"-->
-        <!--:current-page="listQuery.offset"-->
-        <!--:page-sizes="[20,30,50]"-->
-        <!--:page-size="listQuery.limit"-->
-        <!--:total="total"-->
-        <!--align="center"-->
-        <!--layout="total, sizes, prev, pager, next"-->
-        <!--@size-change="handleSizeChange"-->
-        <!--@current-change="handleCurrentChange"/>-->
-    <!--</div>-->
-    <!--<el-dialog-->
-      <!--:visible.sync="dialogVisible"-->
-      <!--:append-to-body="true"-->
-      <!--:close-on-click-modal="false"-->
-      <!--title="考核规则"-->
-      <!--width="70%"-->
-    <!--&gt;-->
-      <!--<assess-rule-dispatcher ref="assessRule"/>-->
-    <!--</el-dialog>-->
-  <!--</div>-->
 </template>
 
 <script>
diff --git a/src/views/assessPost/monitorAssess.vue b/src/views/assessPost/monitorAssess.vue
index d34736f..0fda288 100644
--- a/src/views/assessPost/monitorAssess.vue
+++ b/src/views/assessPost/monitorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-monitor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/receiverAssess.vue b/src/views/assessPost/receiverAssess.vue
index a82ab53..f1b9474 100644
--- a/src/views/assessPost/receiverAssess.vue
+++ b/src/views/assessPost/receiverAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-receiver ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessPost/supervisorAssess.vue b/src/views/assessPost/supervisorAssess.vue
index 0160ee6..83910a7 100644
--- a/src/views/assessPost/supervisorAssess.vue
+++ b/src/views/assessPost/supervisorAssess.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -26,7 +26,7 @@
       :append-to-body="true"
       :close-on-click-modal="false"
       title="考核规则"
-      width="70%"
+      width="50%"
     >
       <assess-rule-supervisor ref="assessRule"/>
     </el-dialog>
diff --git a/src/views/assessRegion/assessArea.vue b/src/views/assessRegion/assessArea.vue
index ae1c1e8..d5a049e 100644
--- a/src/views/assessRegion/assessArea.vue
+++ b/src/views/assessRegion/assessArea.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -197,36 +197,19 @@
     handleCurrentChange(val) {
       this.listQuery.offset = val
       this.fetchData()
+    },
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }
 
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss" scoped>
-  $tableTitleHeight:46px;
-  .app-container {
-    .table-container {
-      margin-bottom: 30px;
-      .table-title {
-        background-color: rgba(243, 243, 243, 1);
-        height: $tableTitleHeight;
-        .title-header {
-          line-height: $tableTitleHeight;
-          color: #606266;
-          font-size: 15px;
-          i {
-            margin-left: 5px;
-            margin-right: 5px;
-          }
-        }
-      }
-      .edit_btns{
-        .edit_btn{
-          float:right;
-          margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
-        }
-      }
-    }
-  }
-</style>
+
diff --git a/src/views/assessRegion/assessOverview.vue b/src/views/assessRegion/assessOverview.vue
index dda8be8..f5ad0ac 100644
--- a/src/views/assessRegion/assessOverview.vue
+++ b/src/views/assessRegion/assessOverview.vue
@@ -1,7 +1,7 @@
 <!--监督员考核-->
 <template>
   <app-container>
-    <search-area :need-search-more="false" type="default" size="small" @search="search" @clear="clearInput">
+    <search-area :need-search-more="false" type="default" size="small" @search="search">
       <search-item >
         <el-date-picker
           v-model="timeRange"
@@ -23,7 +23,7 @@
   </app-container>
 </template>
 
-<script>
+<script>a
 import { getDayTime } from '@/utils/dateutils'
 import { assessOverview, exportAssessOverview } from '@/api/assess/assessRegion'
 
@@ -249,6 +249,15 @@
     handleCurrentChange(val) {
       this.listQuery.offset = val
       this.fetchData()
+    },
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
+      this.fetchData()
     }
   }