1.用css给元素标签设置滚动条,并隐藏x轴的滚动条(记得宽高一定要设置!)
p{
overflow:scroll;
overflow-x:hidden;
width:100%;
height:300px;
}
2.将共同代码合并到一个方法
// 共同方法
serviceDeployStop(val){
const _this = this
let text = ''
let message = ''
let submitObj = {
"url": '',
"msg": ''
}
if(val == '部署'){
text = '正在部署中...'
message = '请选择部署的内容'
submitObj.url = BS.url
submitObj.msg = "确定进行服务部署?"
}}else{
text = '正在停止中...'
message = '请选择停止的内容'
submitObj.url = TZ.url
submitObj.msg = "确定进行服务停止?"
}
if (this.batchDeployArr.length > 0) {
this.$confirm(submitObj.msg, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let loading = null
loading = this.$loading({
lock: true,
text: text,
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
let deployFormArr = this.batchDeployArr
this.$post(submitObj.url,deployFormArr).then(res => {
loading.close();
this.$message({
message: res.msg,
type: 'success',
duration: 1500,
onClose: function () {
let form = {
"page": _this.page,
"limit": _this.limit
}
_this.getData(form)
}
});
}).catch(err => {
loading.close();
})
}).catch(err => {
console.log(err)
})
} else {
this.$message({
message: message,
type: 'warning',
duration: 1500
});
}
},
// 服务部署
serviceDeployment(){
this.serviceDeployStop('部署')
},
// 服务停止
serviceStop(){
this.serviceDeployStop('停止')
}