Browse Source

table配置列宽导致flex右侧时候留白问题处理

noToken
安虹睿 1 year ago
parent
commit
7df354c2fd
  1. 4
      PC/InterFace.Dash/public/config.js
  2. 3
      PC/InterFace.Dash/src/components/umyTable/index.vue
  3. 4
      PC/InterFace.Dash/vue.config.js

4
PC/InterFace.Dash/public/config.js

@ -1,6 +1,6 @@
// dev_win // dev_win
// window.SITE_CONFIG['base'] = 'http://dev.ccwin-in.com:60068' window.SITE_CONFIG['base'] = 'http://dev.ccwin-in.com:60068'
window.SITE_CONFIG['base'] = 'http://192.168.0.180:60068' // window.SITE_CONFIG['base'] = 'http://192.168.0.180:60068'
window.SITE_CONFIG['businessApi'] = 'http://dev.ccwin-in.com:10097' window.SITE_CONFIG['businessApi'] = 'http://dev.ccwin-in.com:10097'
window.SITE_CONFIG['columnsApiNames'] = '/api/abp/application-localization' window.SITE_CONFIG['columnsApiNames'] = '/api/abp/application-localization'
// window.SITE_CONFIG['columnsApiNames'] = '/api/abp/application-configuration' // window.SITE_CONFIG['columnsApiNames'] = '/api/abp/application-configuration'

3
PC/InterFace.Dash/src/components/umyTable/index.vue

@ -66,6 +66,7 @@
<u-table-column v-if="isShowIndex" type="index" fixed="left" label="序号" width="50" /> <u-table-column v-if="isShowIndex" type="index" fixed="left" label="序号" width="50" />
<template v-for="(item, index) in TableSize"> <template v-for="(item, index) in TableSize">
<u-table-column <u-table-column
min-width="150"
:key="index" :key="index"
:prop="item.showProp ? item.prop + '.' + item.showProp : item.prop" :prop="item.showProp ? item.prop + '.' + item.showProp : item.prop"
:sortable="item.sortable" :sortable="item.sortable"
@ -693,7 +694,7 @@ export default {
} else if (item.width == '100%') { } else if (item.width == '100%') {
item.width = '' item.width = ''
} else { } else {
item.width =item.width ? item.width: "150px"; item.width =item.width ? item.width: 'auto';
} }
} }
return widthSize return widthSize

4
PC/InterFace.Dash/vue.config.js

@ -12,8 +12,8 @@ const name = defaultSettings.title || '基础数据管理网站' // page title
// use administrator privileges to execute the command line. // use administrator privileges to execute the command line.
// For example, Mac: sudo npm run // For example, Mac: sudo npm run
// You can change the port by the following method: // You can change the port by the following method:
// port = 9527 npm run dev OR npm run dev --port = 9527 // port = 9528 npm run dev OR npm run dev --port = 9528
const port = process.env.port || process.env.npm_config_port || 9527 // dev port const port = process.env.port || process.env.npm_config_port || 9528 // dev port
const Timestamp = new Date().getTime(); const Timestamp = new Date().getTime();
// All configuration item explanations can be find in https://cli.vuejs.org/config/ // All configuration item explanations can be find in https://cli.vuejs.org/config/
module.exports = { module.exports = {

Loading…
Cancel
Save