修改误操作

src/styles/index.scss

@@ -20,6 +20,12 @@ label {
   font-weight: 400;
 }
 
+/* Element UI 样式覆盖 */
+.el-form-item__label {
+  font-weight: bold !important;
+  line-height: 32px;
+}
+
 html {
   height: 100%;
   box-sizing: border-box;

src/views/components/ApplyRecords/errorHandle.vue

@@ -10,14 +10,12 @@
           @click="showAddErrorHandle = true,info = null"
         >新增误操作</el-button>
       </div>
-      <div class="filterList">
-        <div class=" columnCenter" style="margin-top:10px;">
-          角色名称:
-          <searchSelect :account-change="accountChange" style="margin-left:4px;width:70%;" placeholder="请输入角色名称" @result="selectResult" />
-        </div>
-        <div class="rowFlex columnCenter" style="margin-top:10px;">
-          <span style="margin-left:25px;margin-right:5px;">状态:</span>
-          <el-select v-model="pay_type" clearable placeholder="状态" style="width:70%;margin-bottom:10px;" @change="payTypeResult">
+      <el-form class="filterList" label-position="top" size="small">
+        <el-form-item label="角色名称" style="margin-bottom:15px;">
+          <searchSelect :account-change="accountChange" style="width:100%;" placeholder="请输入角色名称" @result="selectResult" />
+        </el-form-item>
+        <el-form-item label="状态" style="margin-bottom:15px;">
+          <el-select v-model="pay_type" clearable placeholder="状态" style="width:100%;" @change="payTypeResult">
             <el-option
               v-for="item in statusList"
               :key="item.value"
@@ -26,12 +24,11 @@
             >
             </el-option>
           </el-select>
-        </div>
-        <div>
-          创建时间:
-          <el-date-picker v-model="searchDate" type="daterange" clearable style="width: 70%" value-format="yyyy-MM-dd" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateResult"> </el-date-picker>
-        </div>
-      </div>
+        </el-form-item>
+        <el-form-item label="创建时间" style="margin-bottom:15px;">
+          <el-date-picker v-model="searchDate" type="daterange" clearable style="width:100%;" value-format="yyyy-MM-dd" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期" @change="dateResult"> </el-date-picker>
+        </el-form-item>
+      </el-form>
       <div class="list">
         <!-- 过滤条件 -->
         <!-- 订单列表 -->