點擊編輯按鈕選擇處理結果 我用$set會局部刷新頁面數(shù)據
現(xiàn)在想讓在處理結果為已處理時讓編輯按鈕失效 求大佬們給個思路
代碼如下:
<template>
<div class="alarmDriver" id="driver">
<div class="s_table">
<div>
<el-table :data="driveralarmlist.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%">
<el-table-column
prop="name"
label="司機"
>
</el-table-column>
<el-table-column
prop="age"
label="年齡"
>
</el-table-column>
<el-table-column
prop="tell"
label="電話"
>
</el-table-column>
<el-table-column
prop="heartbeat"
label="心率"
>
</el-table-column>
<el-table-column
prop="bloodpv"
label="血壓"
>
</el-table-column>
<el-table-column
prop="bloodps"
label="血氧"
>
</el-table-column>
<el-table-column
prop="alarmtype"
label="報警類型"
>
</el-table-column>
<el-table-column
prop="time"
label="報警時間"
>
</el-table-column>
<el-table-column
prop="processingtype"
label="處理結果"
>
</el-table-column>
<el-table-column
prop="right"
label="操作"
>
<template slot-scope="scope">
<!--:disabled="isDisable"-->
<el-button @click="handleClick(scope.row)" type="text" size="small" >編輯</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div >
<div class="dropbox">
<div class="dropcont">
<p class="u_tit">處理結果</p>
<div class="selectbox">
<div class="dropinput">
<input type="text" placeholder="請選擇處理結果" readonly id="input" data-type="" >
</div>
<ul class="drop_list" >
<li v-for="(item,index) in proResults"> {{item.label}}</li>
</ul>
</div>
<div class="btn_box">
<el-button type="primary"class="Determine" @click="Determine(damid)">確定</el-button>
<el-button class="quxiao">取消</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
import '../assets/js/jquery-1.7.min'
export default {
name: "alarmDriver",
props:["driveralarmlist"],
data() {
return {
damid:'',
name:'',
proResults:[ //下拉框的值
{
value:0,
label:"未處理"
},{
value:1,
label:"處理中"
},{
value:2,
label:"已處理"
}
],
dialogFormVisible: false,
form: {
region: '',
},
}
},
methods: {
Determine(damid,name){ //確定按鈕
var _this=this
var value=$('#input').attr('name') //input框里的值
this.$http.post('').then(function (res) {
var updatelist = res.data
var processingtypea=res.data.processingtype //后臺返回給我的處理方式
if(processingtypea==0){
processingtypea="未處理"
}else if(processingtypea==1){
processingtypea="處理中"
}else{
processingtypea="已處理"
}
var type= updatelist.TYPE
if(type== true){
for(var i=0;i<_this.driveralarmlist.length;i++){
var damida=_this.driveralarmlist[i].damid
var name = _this.driveralarmlist[i].name
var age = _this.driveralarmlist[i].age
var tell = _this.driveralarmlist[i].tell
var heartbeat= _this.driveralarmlist[i].heartbeat
var bloodpv = _this.driveralarmlist[i].bloodpv
var bloodps =_this.driveralarmlist[i].bloodps
var alarmtype = _this.driveralarmlist[i].alarmtype
var time = _this.driveralarmlist[i].time
if(damid==damida){ //當更改處理方式時 自動更新視圖
_this.$set(_this.driveralarmlist,i,{name:name,age:age,tell:tell,heartbeat:heartbeat,bloodpv:bloodpv,bloodps:bloodps,alarmtype:alarmtype,time:time,processingtype:processingtypea})
}
}
}else{
alert("更改失敗")
}
})
},
handleClick(row){
var _this=this
$('.dropbox').css('display','block')
_this.damid=row.damid
_this.name = row.name
this.chose()
},
chose(){
$('#input').click(function(){
$('.drop_list').css('display','block')
return false;
})
$('.drop_list li').click(function(){
$('#input').val($(this).html())
$('#input').attr('name',$(this).index())
$('.drop_list').css('display','none')
})
$('.quxiao').click(function(){
$('.dropbox').css('display','none')
})
$('.Determine').click(function(){
$('.dropbox').css('display','none')
})
$('.selectbox').click(function(){
$('.drop_list').css('display','none')
})
}
},
}
</script>
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯(lián)網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。