fix:修改问题

src/common/components/base/CustomForm.vue

@@ -17,7 +17,7 @@ export default {
     },
     },
     formLabelWidth: {
     formLabelWidth: {
       type: String,
       type: String,
-      default: '50px'
+      default: null
     },
     },
     formItemWidth: {
     formItemWidth: {
       type: String,
       type: String,
@@ -95,7 +95,7 @@ export default {
     }
     }
   },
   },
   created() {
   created() {
-    // console.log(104, this.formData)
+    console.log(104, this.formLabelWidth)
   },
   },
   render() {
   render() {
     return (
     return (

src/views/operation/asynchronousTask.vue

 <template>
 <template>
-  <div class="wraper">
-    <CustomForm
-      :formConfig="queryformConfig"
-      v-model="queryFormData"
-      formLabelWidth="70px"
-      :isCustomButton="false"
-      :isFlex="false">
-      <template slot="btn">
-        <el-button type="primary" icon="el-icon-search" @click="search">
-          查询
-        </el-button>
-      </template>
-    </CustomForm>
+  <div class="recharge-record card">
+    <div class="search">
+      <CustomForm
+        :formConfig="queryformConfig"
+        v-model="queryFormData"
+        :isCustomButton="false"
+        :isFlex="false">
+        <template slot="btn">
+          <el-button type="primary" icon="el-icon-search" @click="search">
+            查询
+          </el-button>
+        </template>
+      </CustomForm>
+    </div>
     <div class="table_wrap" v-loading="loading">
     <div class="table_wrap" v-loading="loading">
       <table-vue
       <table-vue
         :sourceData="sourceData"
         :sourceData="sourceData"
@@ -258,6 +259,7 @@ export default {
 
 
 .table_wrap {
 .table_wrap {
   flex: 1;
   flex: 1;
+  padding: 0;
 }
 }
 
 
 .circle {
 .circle {
@@ -318,4 +320,58 @@ export default {
 .failStatus {
 .failStatus {
   background-color: #f56c6c;
   background-color: #f56c6c;
 }
 }
+.recharge-record {
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  &::v-deep {
+    .el-table .el-table__cell {
+      padding: 6px 0;
+    }
+
+    .el-input__inner {
+      padding: 0 4px;
+    }
+
+    .el-input--small .el-input__inner {
+      height: 30px;
+      line-height: 30px;
+    }
+
+    .el-icon-time:before {
+      content: '';
+    }
+
+    .el-dialog__footer {
+      text-align: center;
+
+      .el-button--small {
+        padding: 9px 50px;
+      }
+    }
+
+    .el-dialog__body {
+      padding: 10px 20px;
+    }
+
+    .el-icon-edit:before {
+      color: #ff9800;
+      font-weight: bold;
+    }
+
+    .el-range-editor--small .el-range-separator {
+      line-height: 31px;
+    }
+
+    .header-row-class-name th {
+      background-color: #f8f8f9;
+    }
+
+    .el-input-group__append {
+      padding-left: 0;
+    }
+  }
+}
 </style>
 </style>

src/views/system/erpManagementList.vue

 <template>
 <template>
-  <div class="wraper">
-    <CustomForm
-      :formConfig="queryformConfig"
-      v-model="queryFormData"
-      form-label-width="70px"
-      :is-custom-button="false"
-      :isFlex="false">
-      <template slot="btn">
-        <el-button type="primary" icon="el-icon-search" @click="search">
-          查询
-        </el-button>
-      </template>
-    </CustomForm>
+  <div class="recharge-record card">
+    <div class="search">
+      <CustomForm
+        :formConfig="queryformConfig"
+        v-model="queryFormData"
+        :is-custom-button="false"
+        :isFlex="false">
+        <template slot="btn">
+          <el-button type="primary" icon="el-icon-search" @click="search">
+            查询
+          </el-button>
+        </template>
+      </CustomForm>
+    </div>
     <div class="table_wrap" v-loading="loading">
     <div class="table_wrap" v-loading="loading">
       <table-vue
       <table-vue
         :sourceData="sourceData"
         :sourceData="sourceData"
@@ -370,6 +371,60 @@ export default {
 }
 }
 </script>
 </script>
 <style scoped lang="less">
 <style scoped lang="less">
+.recharge-record {
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  &::v-deep {
+    .el-table .el-table__cell {
+      padding: 6px 0;
+    }
+
+    .el-input__inner {
+      padding: 0 4px;
+    }
+
+    .el-input--small .el-input__inner {
+      height: 30px;
+      line-height: 30px;
+    }
+
+    .el-icon-time:before {
+      content: '';
+    }
+
+    .el-dialog__footer {
+      text-align: center;
+
+      .el-button--small {
+        padding: 9px 50px;
+      }
+    }
+
+    .el-dialog__body {
+      padding: 10px 20px;
+    }
+
+    .el-icon-edit:before {
+      color: #ff9800;
+      font-weight: bold;
+    }
+
+    .el-range-editor--small .el-range-separator {
+      line-height: 31px;
+    }
+
+    .header-row-class-name th {
+      background-color: #f8f8f9;
+    }
+
+    .el-input-group__append {
+      padding-left: 0;
+    }
+  }
+}
 .wraper {
 .wraper {
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
@@ -378,6 +433,7 @@ export default {
 
 
 .table_wrap {
 .table_wrap {
   flex: 1;
   flex: 1;
+  padding: 0;
 }
 }
 
 
 .circle {
 .circle {