最新《张容铭js高级课程vue.js实战项目:团购网》

<el-table ref="multipleTable" 
                  :data="tableData" 
                  tooltip-effect="dark" 
                  @selection-change="handleSelectionChange"
                  @sort-change='handleSortChange'
                  :clearSort='clearSort()'>
                  
                     <el-table-column
                          v-for='(item,index) in tableList'
                        :prop="item.prop"
                        :label="item.label"
                        :width="item.width"
                        :key='index'
                        >
                    </el-table-column>
 
                    <el-table-column  label="产品价格(元/g)" sortable ref="sortOne" width="133">
                        <template slot-scope="scope">                                
                           {{ scope.row.PRICE}}
                          </template>
                    </el-table-column>
                    <el-table-column label="产品规格(g)"  sortable  ref="sortTwo" width="130">
                            <template slot-scope="scope">                                
                               {{ scope.row.WEIGHT}}
                              </template>
                        </el-table-column>
</el-table>
handleSortChange(val){
                                    console.log(val)
                  if(val.column==null){
                      this.Sort('','',this.pageNo)
                      return
                  }
                  if(val.column.label=='产品价格(元/g)'&&val.order=='descending'){
                      this.Sort('PRICE',"desc",this.pageNo)
                      this.productType='PRICE';
                      this.sortOrder="desc";
                  }
                  if(val.column.label=='产品价格(元/g)'&&val.order=='ascending'){
                      this.Sort('PRICE',"asc",this.pageNo)
                      this.productType='PRICE';
                      this.sortOrder="asc";
                  }
                  if(val.column.label=='产品规格(g)'&&val.order=='descending'){
              
                      this.Sort('WEIGHT',"desc",this.pageNo)
                      this.productType='WEIGHT';
                      this.sortOrder="desc";
                  }
                  if(val.column.label=='产品规格(g)'&&val.order=="ascending"){
                      this.Sort('WEIGHT',"asc",this.pageNo)
                      this.productType='WEIGHT';
                      this.sortOrder="asc";
                  }
                  console.log(val,'val>>>>>>>>>>>>>>')
              },
 
Sort(x,y,pageNO,pageSize){
                  console.log(x,y,pageNO,pageSize)
                  this.keepX=x
                  this.keepY=y
                  console.log(this.material)
                let parames = {
                    "functionName": "preciousmetalbiz.service.PrdMetalService",
                    "methodName": "selectPmList",
                    "pageNo":pageNO,
                    "pageSize":10,
                    
                    "data": { // 查询条件
                        prdCode: this.prdCode,                        // 产品代码
                        prdName: this.prdName,                        // 产品名称
                        weightStart: this.weightStart,        // 规格(开始)
                        weightEnd: this.weightEnd,            // 规格(结束)
                        priceStart: this.priceStart,    // 产品销售价格(开始)
                        priceEnd: this.priceEnd,        // 产品销售价格(结束)
                        material: this.material,                // 材质    
                        companyName: this.companyName,     
                        branchCode:JSON.parse(sessionStorage.getItem('sessionData')).orgnCode,
                           roleId:JSON.parse(sessionStorage.getItem('sessionData')).roleId,
                        "order":x,
                        "sort":y    
                    }
                };
                this.http(JSON.stringify(parames))
                .then((res)=>{
                      if(res.data.errorCode!=undefined){
                    this.$alert(res.data.errorMsg,'提示', {
                    confirmButtonText: '确定',
                    })
                    }
                        var list = res.data.basicInfoList;
                        this.tableData = list;
                        this.total = res.sumCount;
                        
                        setTimeout(()=>{
//                  this.setSelectRow();
                    
                    }, 50)
                }).catch(error => {
                    console.log(error);
                })
            },
 

上一篇:iframe页面无法跳转问题


下一篇:假分页