图形分析下拉搜索修改、各列表字段宽度以及搜索条件修改

src/views/disRevenue/earnManage/revenueMethod/index.vue

@@ -1,36 +1,35 @@
 <template>
     <div class="app-container pageTopForm">
-        <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="130px">
-            <el-form-item label="节点名称" prop="nodeName">
-                <el-col :span="4">
-                    <el-select
-                            v-model="queryParams.nodeName"
-                            placeholder="请选择节点名称"
-                            style="width: 220px"
-                            clearable>
-                        <el-option
-                                v-for="dict in dict.type.sys_normal_disable"
-                                :key="dict.value"
-                                :label="dict.label"
-                                :value="dict.value"/>
-                    </el-select>
-                </el-col>
-            </el-form-item>
-            <el-form-item label="硬件SN" prop="hardwareSn">
-                <el-col :span="4">
-                    <el-input
-                            v-model="queryParams.hardwareSn"
-                            placeholder="请输入硬件SN"
-                            clearable
-                            style="width: 220px"
-                            @keyup.enter="handleQuery"
-                    />
-                </el-col>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+        <el-form :model="queryParams" ref="queryRef" v-show="showSearch" size="small" label-width="130px">
+          <el-col :span="6">
+              <el-form-item label="节点名称" prop="nodeName">
+                  <el-select
+                      v-model="queryParams.nodeName"
+                      placeholder="请选择节点名称"
+                      clearable>
+                      <el-option
+                          v-for="dict in dict.type.sys_normal_disable"
+                          :key="dict.value"
+                          :label="dict.label"
+                          :value="dict.value"/>
+                  </el-select>
+              </el-form-item>
+          </el-col>
+          <el-col :span="6">
+              <el-form-item label="硬件SN" prop="hardwareSn">
+                  <el-input
+                      v-model="queryParams.hardwareSn"
+                      placeholder="请输入硬件SN"
+                      clearable
+                      @keyup.enter="handleQuery"/>
+              </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="lastBtnSty">
+                <el-button type="primary" size="mini" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" size="mini" @click="resetQuery">重置</el-button>
             </el-form-item>
+          </el-col>
         </el-form>
         <!-- 表格数据 -->
       <TableList :columns="columns" :config="config" :queryParams="queryParams" :tableList="tableList" @fnClick="callback" @fnRenderList="getList" @value-change="handleValueChange"></TableList>
@@ -57,10 +56,10 @@
           columns: {
             id: {label: `ID`, visible: false},
             createTime: {label: `修改时间`, visible: true},
-            nodeName: {label: `节点名称`, visible: true},
+            nodeName: {label: `节点名称`, minWidth: '130',  visible: true},
             hardwareSn: {label: `硬件SN`},
-            changeContent: {label: `修改内容`, visible: true},
-            creatBy: {label: `修改人`, visible: true},
+            changeContent: {label: `修改内容`, minWidth: '350', visible: true},
+            creatBy: {label: `修改人`, width: '80', visible: true},
           },
           // 查询参数
           queryParams: {
@@ -131,4 +130,7 @@
 </script>
 
 <style scoped>
+  ::v-deep .lastBtnSty .el-form-item__content {
+    margin-left: 10px!important;
+  }
 </style>