Commit fcdaf4313665f347883e25b86fb22b34e1046bf8
1 parent
4fa76442
页面样式优化
Signed-off-by: TanYibin <5491541@qq.com>
Showing
2 changed files
with
8 additions
and
12 deletions
ant-design-vue-jeecg/src/components/jeecgbiz/JSelectBizComponent/JSelectBizComponentModal.vue
... | ... | @@ -9,18 +9,16 @@ |
9 | 9 | @cancel="close" |
10 | 10 | cancelText="关闭"> |
11 | 11 | |
12 | - <a-row :gutter="18"> | |
12 | + <a-row :gutter="24"> | |
13 | 13 | <a-col :span="16"> |
14 | 14 | <!-- 查询区域 --> |
15 | 15 | <a-form layout="inline" class="j-inline-form"> |
16 | 16 | <!-- 固定条件 --> |
17 | 17 | <a-form-item :label="(queryParamText||name)"> |
18 | - <a-input v-model="queryParam[queryParamCode||valueKey]" :placeholder="'请输入' + (queryParamText||name)" | |
19 | - @pressEnter="searchQuery"/> | |
18 | + <a-input v-model="queryParam[queryParamCode||valueKey]" :placeholder="'请输入' + (queryParamText||name)" @pressEnter="searchQuery"/> | |
20 | 19 | </a-form-item> |
21 | 20 | <!-- 动态生成的查询条件 --> |
22 | - <j-select-biz-query-item v-if="queryConfig.length>0" v-show="showMoreQueryItems" :queryParam="queryParam" | |
23 | - :queryConfig="queryConfig" @pressEnter="searchQuery"/> | |
21 | + <j-select-biz-query-item v-if="queryConfig.length>0" v-show="showMoreQueryItems" :queryParam="queryParam" :queryConfig="queryConfig" @pressEnter="searchQuery"/> | |
24 | 22 | <!-- 按钮 --> |
25 | 23 | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
26 | 24 | <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
... | ... | @@ -29,7 +27,6 @@ |
29 | 27 | <a-icon :type="showMoreQueryItems ? 'up' : 'down'"/> |
30 | 28 | </a> |
31 | 29 | </a-form> |
32 | - | |
33 | 30 | <a-table |
34 | 31 | size="middle" |
35 | 32 | bordered |
... | ... | @@ -39,21 +36,20 @@ |
39 | 36 | :pagination="ipagination" |
40 | 37 | :loading="loading" |
41 | 38 | :scroll="{ y: 240 }" |
42 | - :rowSelection="{selectedRowKeys, onChange: onSelectChange, type: multiple ? 'checkbox':'radio'}" | |
43 | 39 | :customRow="customRowFn" |
40 | + :rowSelection="{selectedRowKeys, onChange: onSelectChange, type: multiple ? 'checkbox':'radio'}" | |
41 | + class="j-table-force-nowrap" | |
44 | 42 | @change="handleTableChange"> |
45 | 43 | </a-table> |
46 | 44 | |
47 | 45 | </a-col> |
48 | 46 | <a-col :span="8"> |
49 | 47 | <a-card :title="'已选' + name" :bordered="false" :head-style="{padding:0}" :body-style="{padding:0}"> |
50 | - | |
51 | 48 | <a-table size="middle" :rowKey="rowKey" bordered v-bind="selectedTable"> |
52 | 49 | <span slot="action" slot-scope="text, record, index"> |
53 | 50 | <a @click="handleDeleteSelected(record, index)">删除</a> |
54 | 51 | </span> |
55 | 52 | </a-table> |
56 | - | |
57 | 53 | </a-card> |
58 | 54 | </a-col> |
59 | 55 | </a-row> |
... | ... | @@ -154,7 +150,7 @@ export default { |
154 | 150 | ...this.columns[0], |
155 | 151 | width: this.columns[0].widthRight || this.columns[0].width, |
156 | 152 | }, |
157 | - {title: '操作', dataIndex: 'action', align: 'center', width: 60, scopedSlots: {customRender: 'action'},} | |
153 | + {title: '操作', dataIndex: 'action', align: 'center', width: 100, scopedSlots: {customRender: 'action'},} | |
158 | 154 | ], |
159 | 155 | dataSource: [], |
160 | 156 | }, |
... | ... |
ant-design-vue-jeecg/src/components/jeecgbiz/JSelectMultiSomeContainer.vue
... | ... | @@ -29,7 +29,7 @@ export default { |
29 | 29 | return { |
30 | 30 | url: {list: '/inventory/inventoryDetail/list'}, |
31 | 31 | columns: [ |
32 | - {title: '容器编码', align: 'center', width: '15%', dataIndex: 'containerCode'}, | |
32 | + {title: '容器编码', align: 'center', dataIndex: 'containerCode'}, | |
33 | 33 | {title: '库位编码', align: 'center', width: '15%', dataIndex: 'locationCode'}, |
34 | 34 | {title: '库区', align: 'center', width: '15%', dataIndex: 'zoneCode'}, |
35 | 35 | {title: '物料编码', align: 'center', width: '15%', dataIndex: 'materialCode'}, |
... | ... | @@ -39,7 +39,7 @@ export default { |
39 | 39 | // 定义在这里的参数都是可以在外部传递覆盖的,可以更灵活的定制化使用的组件 |
40 | 40 | default: { |
41 | 41 | name: "编码", |
42 | - width: 1300, | |
42 | + width: 1250, | |
43 | 43 | displayKey: 'containerCode', |
44 | 44 | returnKeys: ['id', 'containerCode'], |
45 | 45 | queryParamText: '容器编码', |
... | ... |