fix : 修复列表页面搜索框排版

src/views/system/user/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <fvSearchForm ref="form" :searchConfig="searchConfig" @search="search"></fvSearchForm>
+  <fvSearchForm ref="form" :searchConfig="searchConfig" @search="search" style="margin-left: 16px"></fvSearchForm>
   <fvTable ref="tableIns" :tableConfig="tableConfig" @headBtnClick="headBtnClick"></fvTable>
   <user-picker :multiple="true" ref="userPicker" title="请选择研发人员" v-model:value="userList" @ok="selected"/>
 </template>
@@ -21,7 +21,7 @@ const searchConfig = ref([
     prop: 'subCompanyId',
     component: 'el-tree-select',
     props: {
-      placeholder: '请输入',
+      placeholder: '请选择公司名称',
       clearable: true,
       data: [],
       filterable: true,
@@ -40,7 +40,7 @@ const searchConfig = ref([
     prop: 'departmentId',
     component: 'el-tree-select',
     props: {
-      placeholder: '请选择',
+      placeholder: '请选择部门名称',
       clearable: true,
       data: [],
       filterable: true,
@@ -53,7 +53,7 @@ const searchConfig = ref([
     prop: 'nickName',
     component: 'el-input',
     props: {
-      placeholder: '请输入',
+      placeholder: '请输入用户名称',
       clearable: true
     }
   },
@@ -62,7 +62,7 @@ const searchConfig = ref([
     prop: 'userName',
     component: 'el-input',
     props: {
-      placeholder: '请输入',
+      placeholder: '请输入用户账号',
       clearable: true
     }
   },
@@ -71,7 +71,7 @@ const searchConfig = ref([
     prop: 'state',
     component: shallowRef(fvSelect),
     props: {
-      placeholder: '请输入',
+      placeholder: '请选择状态',
       cacheKey: 'normal_disable',
       clearable: true,
       remote: true,
@@ -93,6 +93,13 @@ const auths = {
 
 const tableConfig = reactive({
   columns: [
+    {
+      prop: 'index',
+      type: 'index',
+      label: '序号',
+      align: 'center',
+      width:85
+    },
     {
       prop: 'userName',
       label: '用户账号',
@@ -127,12 +134,14 @@ const tableConfig = reactive({
       prop: 'accountType',
       label: '主子账号',
       align: 'center',
+      width: 100,
       showOverflowTooltip: false,
       currentRender: ({row, index}) => (<Tag dictType={'account_type'} value={row.accountType} />)
     },
     {
       prop: 'state',
       label: '状态',
+      width: 80,
       align: 'center',
       showOverflowTooltip: false,
       currentRender: ({row, index}) => (<Tag dictType={'normal_disable'} value={row.state} />)
@@ -146,7 +155,7 @@ const tableConfig = reactive({
       prop: 'oper',
       label: '操作',
       fixed: 'right',
-      width: '150',
+      width: 180,
       align: 'center',
       showOverflowTooltip: false,
       currentRender: ({row, index}) => {
@@ -270,7 +279,23 @@ const headBtnClick = (key) => {
   }
 }
 </script>
+<style scoped lang="scss">
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: -25px !important;
+    }
+  }
+}
 
-<style lang="scss" scoped>
-
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -13px !important;
+    }
+  }
+}
+:deep(.el-col-5:nth-child(4).el-col-offset-1){
+  margin-left: 35px !important;
+}
 </style>