Commit fcdaf4313665f347883e25b86fb22b34e1046bf8

Authored by 谭毅彬
1 parent 4fa76442

页面样式优化

Signed-off-by: TanYibin <5491541@qq.com>
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: '容器编码',
... ...