小说排行榜_一、表格sintels-table| 成都西華升騰科技有限公司

數字云創(chuàng ) 開(kāi)發(fā)規范

一、表格sintels-table

CmsWing

一、表格sintels-table

### 一、表頭

<sintels-table v-loading="listLoading" :data="list" @sort-change='sortChange'  has-c @selection-change="handleSelectionChange"  @row-dblclick="handledbClick">
	...
	</sintels-table>

1、點(diǎn)擊表頭字段排序 @sort-change='sortChange'
示例：

sortChange({ column, prop, order }) {
                this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc'
                this.listQuery.sidx = !order ? '' : prop
                this.initData()
            },

2、行雙擊 @row-dblclick="handledbClick"

handleDel(id) {
                this.$confirm('此操作將永久刪除該數據, 是否繼續?', '提示', {
                    type: 'warning'
                }).then(() => {
                    request({
                        url: `/api/example/TvendorInfo/${id}`,
                        method: 'DELETE'
                    }).then(res => {
                        this.$message({
                            type: 'success',
                            message: res.msg,
                            onClose: () => {
                                this.initData()
                            }
                        });
                    })
                }).catch(() => {
                });
            },

3、行選擇 @selection-change="handleSelectionChange"

### 二、表體
#### 1、行操作

<el-table-column label="操作" fixed="right" width="100" >
        <template slot-scope="scope">
    		<el-button type="text"
    				   @click="addOrUpdateHandle(scope.row.id)" >編輯
            </el-button>
            <el-button type="text" class="sintels-table-delBtn"  @click="handleDel(scope.row.id)">刪除
    		</el-button>
        </template>
    </el-table-column>

##### 1.1、刪除

##### 1.2、編輯行數據

addOrUpdateHandle(id,isDetail) {
                    this.formVisible = true
                    this.$nextTick(() => {
                        this.$refs.sintelsForm.init(id,isDetail)
                    })
                },

#### 2、行展示

<el-table-column label="一次性供應商"  prop="finner" algin="left" show-overflow-tooltip>
           <template slot-scope="scope">
          {{ scope.row.finner | dynamicText(finnerOptions) }}
          </template>
    </el-table-column>

##### 2.1、內容超過(guò)表格展示量顯示省略號...
	show-overflow-tooltip

##### 2.2、數據字典插槽:

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

數字云創(chuàng ) 開(kāi)發(fā)規范

一、表格sintels-table

網(wǎng)站導航

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

數字云創(chuàng ) 開(kāi)發(fā)規范

一、表格sintels-table

網(wǎng)站導航

一、表格sintels-table