Avue展示行

结果图片展示

 

第一列表行代码（全部订单，待付款、待配货。。。。。）

​
</el-tag>
			  <el-tag v-if="scope.row.status=='9'" type="danger" effect="dark" size="mini">配送异常</el-tag>

​

操作列下面的代码

  <el-button size="mini"
		             type="primary"
		             style="margin-top:6px"
                 v-if="scope.row.status=='9'"   //判断行状态
                @click="anomalyStatus(scope.row.orderNo,'1','转回商家')">转回商家
		  </el-button>      //scope.row.orderNo订单号  '1' type  '转回商家' value   

        type//转回商家 1   完成配送 2  取消订单 3   

  anomalyStatus(orderid,type,value){
       let formData =({//参数
          type: type,
         orderId: orderid
    })
       getEditOrder({formData}).then(res=>{
         if(res.data.code == 0){ //判断后端返回成功，提示
            this.$message({//成功的提示
            showClose: true,
            message: value + '成功',
            type: 'success'
          })
         }    
         	this.getPage(this.page)//刷新页面
          })     
   },