@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<!-- 编辑三级指标详情 -->
|
||||
<el-dialog
|
||||
class="dialog"
|
||||
title="编辑"
|
||||
:visible.sync="visible"
|
||||
:close-on-click-modal="false"
|
||||
width="500px"
|
||||
@close="close"
|
||||
>
|
||||
<div class="main_text">
|
||||
<div class="input_title">{{ this.input_title }}</div>
|
||||
<div class="input">
|
||||
<el-input v-model="input_num" placeholder="请输入数量"></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_btn" slot="footer">
|
||||
<el-button @click="save">确 定</el-button>
|
||||
<el-button @click="close">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { changeSafeCompanyDetail } from "@/api/systemManagement/companyScore";
|
||||
export default {
|
||||
name: "DetailsTableDialog",
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
input_title: "",
|
||||
input_num: "",
|
||||
param: {},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
open(val) {
|
||||
this.visible = true;
|
||||
console.log("val", val);
|
||||
this.input_title = val.levelIndexThree;
|
||||
this.input_num = val.numValue;
|
||||
this.param = {
|
||||
companyId: val.companyId,
|
||||
safeRuleId: val.safeRuleId,
|
||||
numValue: val.numValue,
|
||||
levelIndexThree: val.levelIndexThree
|
||||
}
|
||||
},
|
||||
close() {
|
||||
this.visible = false;
|
||||
},
|
||||
save() {
|
||||
this.param.numValue = this.input_num
|
||||
console.log('this.param',this.param);
|
||||
changeSafeCompanyDetail(this.param).then(res=>{
|
||||
console.log(res);
|
||||
this.$message.success('编辑成功')
|
||||
this.visible = false;
|
||||
this.$emit("refresh");
|
||||
}).catch(err=>{
|
||||
console.log(err);
|
||||
this.$message.warning('编辑失败')
|
||||
this.visible = false;
|
||||
this.$emit("refresh");
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/.el-dialog {
|
||||
.el-dialog__title {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
}
|
||||
background-image: url("~@/assets/companyFile/dialogBack.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 300px;
|
||||
/* 关闭弹窗叉号 */
|
||||
.el-dialog__headerbtn {
|
||||
.el-dialog__close {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.el-dialog__body {
|
||||
padding: 0px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
p {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
}
|
||||
.main_text {
|
||||
width: 470px;
|
||||
height: 180px;
|
||||
color: #fff;
|
||||
// border: 1px solid #fff;
|
||||
// text-align: center;
|
||||
// line-height: 280px;
|
||||
// font-size: 35px;
|
||||
// font-weight: 500;
|
||||
// text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
||||
.input_title {
|
||||
margin-left: 20px;
|
||||
color: #fff;
|
||||
width: 440px;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.input {
|
||||
margin-left: 20px;
|
||||
width: 440px;
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-button {
|
||||
width: 120px;
|
||||
border: 1px solid #4a6072;
|
||||
color: #fff;
|
||||
border-radius: 0px !important;
|
||||
background: #323f43;
|
||||
}
|
||||
.el-button:focus,
|
||||
.el-button:hover {
|
||||
color: #34e1b3;
|
||||
background: url("~@/assets/companyFile/891771.png") no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
}
|
||||
}
|
||||
.el-input {
|
||||
width: 18vw;
|
||||
height: 4.5vh;
|
||||
}
|
||||
/deep/.el-input__inner {
|
||||
width: 15vw;
|
||||
height: 4.5vh;
|
||||
border-radius: 0px;
|
||||
color: #fff;
|
||||
border: 0.1px solid #374956;
|
||||
background: #212d2f;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue