14.给元素标签加滚动条样式及将共同代码合并到一个方法

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('停止')
 }

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值