| | |
|---|
| | | columns:[ |
|---|
| | | {type:'expand',fixed:"left",slots: { content:'content' },width: '50'}, |
|---|
| | | // { type: 'checkbox',fixed:"left", title: '选择', width: '80' }, |
|---|
| | | { type: 'seq',fixed:"left", title: '自序', width: '80' }, |
|---|
| | | {title: '操作', width: '110', slots: { default: 'button_slot' },fixed:"left"}, |
|---|
| | | { type: 'seq',fixed:"left", title: '自序', width: '80' }, |
|---|
| | | {field: 'supplierCode', width:'150', title: '供应商编号', sortable: true,editRender: { name: 'input', attrs: { placeholder: '' } } }, |
|---|
| | | {field: 'supplierName', width: '150',title: '供应商名称', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
|---|
| | | {field: 'agentProduct', width: '120',title: '代理产品', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, |
|---|
| | |
|---|
| | | {field: 'remark',width: '80', title: '备注', sortable: true}, |
|---|
| | | ],//表头按钮 |
|---|
| | | toolbarConfig: { |
|---|
| | | buttons: [{ |
|---|
| | | 'name': '新增', |
|---|
| | | 'code':'add' |
|---|
| | | },], |
|---|
| | | // buttons: [{ |
|---|
| | | // 'name': '新增', |
|---|
| | | // 'code':'add' |
|---|
| | | // },], |
|---|
| | | import: false, |
|---|
| | | export: true, |
|---|
| | | print: true, |
|---|
| | |
|---|
| | | > |
|---|
| | | <!-- @toolbar-button-click="toolbarButtonClickEvent"--> |
|---|
| | | <!-- 下拉显示所有信息插槽--> |
|---|
| | | <template #content="{ row}"> |
|---|
| | | <template #content="{ row }"> |
|---|
| | | <ul class="expand-wrapper"> |
|---|
| | | <li v-for="(item,key,index) in row"> |
|---|
| | | <span style="font-weight: bold">{{key+': '}}</span> |
|---|
| | | <span>{{ item }}</span> |
|---|
| | | <li v-for="(item,index) in gridOptions.columns" v-show="item.field!=undefined "> |
|---|
| | | <span style="font-weight: bold">{{item.title+': '}}</span> |
|---|
| | | <span>{{ row[item.field] }}</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </template> |
|---|
