数据报表页面数据列设置固定宽度

zhaowei

2025-07-15 86f0166e2a759e6ec2c34b0dd0b388bafa80cedd

 src/views/system/UserList.vue

@@ -14,48 +14,19 @@
          </a-col>

          <a-col :md="6" :sm="8">
            <a-form-item label="性别">
              <a-select v-model="queryParam.sex" placeholder="请选择性别">
            <a-form-item label="用户状态">
              <a-select v-model="queryParam.status" placeholder="请选择">
                <a-select-option value="">请选择</a-select-option>
                <a-select-option value="1">男</a-select-option>
                <a-select-option value="2">女</a-select-option>
                <a-select-option value="1">正常</a-select-option>
                <a-select-option value="2">冻结</a-select-option>
              </a-select>
            </a-form-item>
          </a-col>


          <template v-if="toggleSearchStatus">
            <a-col :md="6" :sm="8">
              <a-form-item label="真实名字">
                <a-input placeholder="请输入真实名字" v-model="queryParam.realname"></a-input>
              </a-form-item>
            </a-col>

            <a-col :md="6" :sm="8">
              <a-form-item label="手机号码">
                <a-input placeholder="请输入手机号码查询" v-model="queryParam.phone"></a-input>
              </a-form-item>
            </a-col>

            <a-col :md="6" :sm="8">
              <a-form-item label="用户状态">
                <a-select v-model="queryParam.status" placeholder="请选择">
                  <a-select-option value="">请选择</a-select-option>
                  <a-select-option value="1">正常</a-select-option>
                  <a-select-option value="2">冻结</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
          </template>

          <a-col :md="6" :sm="8">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
              <a @click="handleToggleSearch" style="margin-left: 8px">
                {{ toggleSearchStatus ? '收起' : '展开' }}
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
              </a>
            </span>
          </a-col>

@@ -260,6 +231,12 @@
          //   dataIndex: 'phone'
          // },
          {
            title: '岗位',
            align: "center",
            width: 80,
            dataIndex: 'post_dictText'
          },
          {
            title: '部门',
            align: "center",
            width: 240,
@@ -278,6 +255,7 @@
            width: 80,
            dataIndex: 'status_dictText'
          },

          {
            title: '操作',
            dataIndex: 'action',
@@ -361,6 +339,12 @@
                //   dataIndex: 'phone'
                // },
                {
                  title: '岗位',
                  align: "center",
                  width: 80,
                  dataIndex: 'post_dictText'
                },
                {
                  title: '车间',
                  align: "center",
                  width: 240,
@@ -426,6 +410,12 @@
                //   dataIndex: 'phone'
                // },
                {
                  title: '岗位',
                  align: "center",
                  width: 80,
                  dataIndex: 'post_dictText'
                },
                {
                  title: '部门',
                  align: "center",
                  width: 240,