<template>
|
<!-- 质量问题 -->
|
<div class="container">
|
<NavBar :customerTitle="titleName" />
|
|
<div class="DetailsMaintainer" ref="keyboardControl">
|
<div style="height:10px;width:100%"></div>
|
<div class="info_box" style="margin-top:0">
|
<van-cell :border="false" title="整改单号" title-class="title_gray" label-class="input_padding">
|
<template #label>
|
<div class="text-label text_size_16">{{detailInfo.qualityRectifyCode}}</div>
|
</template>
|
</van-cell>
|
<van-cell :border="false" title="检查人" label-class="input_padding" title-class="title_gray">
|
<template #label>
|
<div class="text-label text_size_16">{{checkName}}</div>
|
</template>
|
</van-cell>
|
<van-cell :border="false" title="检查时间" label-class="input_padding" title-class="title_gray">
|
<template #label>
|
<div class="text-label text_size_16">{{$specificTimeFormat(detailInfo.createTime)}}</div>
|
</template>
|
</van-cell>
|
</div>
|
|
<div class="marginT_10">
|
<van-field
|
v-model="detailInfo.qualityRectifyName"
|
:readonly="statusReadlony"
|
placeholder="请输入整改单名称"
|
label-class="text-label"
|
:border="false"
|
label="整改单名称"
|
input-align="right"
|
/>
|
</div>
|
|
<div class="marginT_10">
|
<van-cell :border="false" is-link title="质量检验分解结构" :value="structureName" @click="openPicker('structureShow')"/>
|
</div>
|
<!-- <div class="marginT_10">
|
<van-cell :border="false" is-link title="区域位置" :value="detailInfo.areaLocationName" @click="openPicker('areaShow')"/>
|
</div> -->
|
<div class="marginT_10">
|
<van-cell :border="false" is-link title="专业" :value="detailInfo.mangerType" @click="openPicker('majorShow')"/>
|
</div>
|
<van-cell-group title="问题描述">
|
<van-cell title="问题级别">
|
<template #right-icon>
|
<div class="level_wrap">
|
<span v-for="(item,i) in dangerLevel" :key="i" :class="{'level_tag_active':detailInfo.rectifySeverityLevel == i+1}" @click="chooseLevel(item.type)" class="level_tag_span">
|
{{item.label}}
|
</span>
|
</div>
|
</template>
|
</van-cell>
|
</van-cell-group>
|
<div class="marginT_10">
|
<van-cell :border="false" title="检查情况说明" label-class="input_padding">
|
<template #label>
|
<van-field
|
v-model="detailInfo.inspectionDescription"
|
rows="2"
|
:readonly="statusReadlony"
|
autosize
|
type="textarea"
|
maxlength="300"
|
placeholder="请输入"
|
show-word-limit
|
@focus="$fieldFocusEventFn"
|
@blur="$fieldBlurEventFn"
|
/>
|
</template>
|
</van-cell>
|
</div>
|
<div class="marginT_10">
|
<van-cell :border="false" title="问题描述" label-class="input_padding">
|
<template #label>
|
<van-field
|
v-model="detailInfo.problemDescription"
|
rows="2"
|
:readonly="statusReadlony"
|
autosize
|
type="textarea"
|
maxlength="300"
|
placeholder="请输入"
|
show-word-limit
|
@focus="$fieldFocusEventFn"
|
@blur="$fieldBlurEventFn"
|
/>
|
</template>
|
</van-cell>
|
</div>
|
<div class="marginT_10">
|
<UploadImgCustom
|
type="2"
|
:ywSid="detailInfo.rectifySid"
|
title="问题图片"
|
:uploader="imgBeforeArr"
|
:disabled="statusReadlony"
|
/>
|
</div>
|
<van-cell-group title="整改措施">
|
<van-cell :border="false" is-link title="整改期限" :value="claimFinishTimeData" @click="openPicker('dateshow')"/>
|
</van-cell-group>
|
<div class="marginT_10">
|
<van-cell center title="是否必须提交整改图">
|
<van-switch v-model="rectifyYesImg" :disabled ="statusReadlony" slot="right-icon" size="24" />
|
</van-cell>
|
</div>
|
<div class="marginT_10">
|
<van-cell :border="false" title="整改措施" label-class="input_padding">
|
<template #label>
|
<van-field
|
v-model="detailInfo.rectificationMeasures"
|
rows="2"
|
:readonly="statusReadlony"
|
autosize
|
type="textarea"
|
maxlength="300"
|
placeholder="请输入具体整改措施"
|
show-word-limit
|
@focus="$fieldFocusEventFn"
|
@blur="$fieldBlurEventFn"
|
/>
|
</template>
|
</van-cell>
|
</div>
|
<div class="marginT_10">
|
<van-cell :border="false" is-link title="整改人及其单位" :value="rectifyUserUnitName || '请选择'" @click="openPicker('checkShow')"/>
|
</div>
|
<div class="marginT_10">
|
<van-cell :border="false" is-link title="复核人及其单位" :value="checkUserUnitName || '请选择'" @click="openPicker('reviewShow')"/>
|
</div>
|
<div v-if="detailInfo.rectifyStatus != 0" class="marginT_10">
|
<van-cell :border="false" title="整改结果" label-class="input_padding">
|
<template #label>
|
<van-field
|
v-model="detailInfo.rectificationResult"
|
rows="2"
|
:readonly="!submitReadlony"
|
autosize
|
type="textarea"
|
maxlength="300"
|
placeholder="请输入整改结果"
|
show-word-limit
|
@focus="$fieldFocusEventFn"
|
@blur="$fieldBlurEventFn"
|
/>
|
</template>
|
</van-cell>
|
</div>
|
<div v-if="detailInfo.rectifyStatus != 0" class="marginT_10">
|
<UploadImgCustom
|
type="2"
|
:ywSid="detailInfo.rectifySid"
|
title="整改后图片"
|
:uploader="imgAfterArr"
|
uploadImgType="rectifyPic"
|
:disabled="!submitReadlony"
|
@deleteImg ="getImgData"
|
@uploadImg="getImgData"
|
/>
|
</div>
|
<div style="height:10px;width:100%"></div>
|
<!-- <div v-if="Pagetype != 'view'" class="bottomSaveBoxHeight"></div> -->
|
</div>
|
<!-- rectifyStatus:0:待提交 3:待整改 10:待验收 11:待归档 12:已归档 用Pagetype判断是列表页根据当前用户有查看按钮-->
|
<div v-if="Pagetype != 'view' && showBtn" class="bottomSaveBoxHeight">
|
<div class="bottomSaveGroup bgc-fff bottomSaveGroupFixed">
|
<div v-if="detailInfo.rectifyStatus == 0" class="flex-center-between">
|
<span class="btn btn1" @click="saveForm(0)">保存</span>
|
<span class="btn btn2" @click="saveForm(3)">提交整改</span>
|
</div>
|
<div v-else-if="detailInfo.rectifyStatus == 3" class="flex-center-between">
|
<span class="btn btn1" @click="saveRectification">保存</span>
|
<span class="btn btn2" @click="doTurnToCheck">提交复核</span>
|
</div>
|
<div v-else-if="detailInfo.rectifyStatus == 10" class="flex-center-between">
|
<span class="btn btn1" @click="checkedRectify">退回整改</span>
|
<span class="btn btn2" @click="checkedRectify('aggre')">提交归档</span>
|
</div>
|
<div v-else-if="detailInfo.rectifyStatus == 11" class="flex-center-between">
|
<span class="btn btn1" @click="checkedRectify">退回整改</span>
|
<span class="btn btn2" @click="closeForm">归档</span>
|
</div>
|
</div>
|
</div>
|
|
<div id="model1">
|
<van-action-sheet v-model="structureShow">
|
<van-picker
|
title="质量检验分解结构"
|
show-toolbar
|
:columns="matrixPickerList"
|
@confirm="onConfirmStructure"
|
@cancel="structureShow = false"
|
/>
|
</van-action-sheet>
|
</div>
|
<div id="model2">
|
<van-action-sheet v-model="areaShow">
|
<van-picker
|
title="区域位置"
|
show-toolbar
|
:columns="areaPickerList"
|
@confirm="onConfirmArea"
|
@cancel="areaShow = false"
|
/>
|
</van-action-sheet>
|
</div>
|
<div id="model3">
|
<MajorType :show="majorShow" @onConfirm="majorSure" @onCancel="cancelMajor"/>
|
</div>
|
<div id="model4">
|
<SelectPeople :show='checkShow' titleName="整改人" @checkHuman='checkHuman' @closeCheck="closeCheck"/>
|
</div>
|
<div id="model5">
|
<SelectPeople :show='reviewShow' titleName="复核人" @checkHuman='reviewHuman' @closeCheck="closeReview"/>
|
</div>
|
<div id="model6">
|
<van-calendar v-model="dateshow" :show-confirm="false" @confirm="onDateConfirm" />
|
</div>
|
|
</div><!-- container end -->
|
</template>
|
|
<script>
|
import MajorType from "@/compontent/common/majorType"
|
import SelectPeople from "@/compontent/common/choosePeople"
|
import SafetyResponsibility from "@/compontent/common/safetyResponsibility"
|
import UploadImgCustom from "@/compontent/common/uploadImgCustom"
|
export default({
|
name:'QualityForm',
|
components:{SelectPeople,SafetyResponsibility,UploadImgCustom,MajorType},
|
data(){
|
return {
|
Pagetype:"edit",
|
titleName:"",
|
structureShow:false,//显示质量检验分解结构菜单
|
checkShow:false,//显示整改人
|
reviewShow:false,//显示复核人
|
dateshow:false,//整改期限
|
areaShow:false,//区域位置
|
majorShow:false,//专业
|
claimFinishTime:"",
|
dangerLevel: [//隐患级别数据
|
{label:"一般",type:1},
|
{label:"严重",type:2},
|
{label:"紧急",type:3},
|
],
|
imgAfterArr:[],//整改后图片
|
imgBeforeArr:[],//整改前图片
|
projectSid:"",
|
detailInfo:{},
|
matrixList:[],//质量分解结构数据
|
areaList:[],//区域位置
|
rectifyYesImg:false,//是否必须提交整改图
|
showBtn:true,//显示按钮
|
|
rectifyUserUnitName:"",//整改人
|
checkUserUnitName:"",//复核人
|
}
|
},
|
created(){
|
this.projectSid = localStorage.getItem("projectSid");
|
},
|
mounted(){
|
let _this = this;
|
this.$appendDomToRoot(document.querySelector("#model1"), "#app");
|
this.$appendDomToRoot(document.querySelector("#model2"), "#app");
|
this.$appendDomToRoot(document.querySelector("#model3"), "#app");
|
this.$appendDomToRoot(document.querySelector("#model4"), "#app");
|
this.$appendDomToRoot(document.querySelector("#model5"), "#app");
|
this.$appendDomToRoot(document.querySelector("#model6"), "#app");
|
this.$once('hook:beforeDestroy', () => {
|
document.querySelector('#model1').remove();
|
document.querySelector('#model2').remove();
|
document.querySelector('#model3').remove();
|
document.querySelector('#model4').remove();
|
document.querySelector('#model5').remove();
|
document.querySelector('#model6').remove();
|
})
|
|
if(this.$route.query.type){
|
this.Pagetype = this.$route.query.type;
|
}
|
if(this.$route.query.type == "check"){ ////从质量检查跳转过来获取数据
|
this.titleName ="质量问题";
|
let data = {"checklistSid": this.$route.query.id}
|
this.getDetail("/app/genRectifyTwo",data);
|
}else if(this.$route.query.id){
|
this.titleName ="质量问题";
|
let data = {"rectifySid": this.$route.query.id}
|
this.getDetail("/app/doRectifing",data); //质量问题详情
|
}else{
|
this.titleName ="新增质量问题";
|
this.getNewAdd(); //新增质量问题
|
}
|
this.getAreaLocationList();
|
this.getRectifyMatrixData();
|
},
|
methods:{
|
chooseLevel(type){
|
if(this.statusReadlony){
|
return
|
}
|
this.detailInfo.rectifySeverityLevel = type;
|
},
|
openPicker(type){
|
if(this.statusReadlony){
|
return
|
}else if(type == 'structureShow'){//显示质量检验分解结构菜单
|
this.structureShow = true
|
}else if(type == 'areaShow'){ //显示区域位置
|
this.areaShow = true
|
}else if(type == 'checkShow'){ //显示整改人
|
this.checkShow = true
|
}else if(type == 'reviewShow'){ //显示复核人
|
this.reviewShow = true
|
}else if(type == 'dateshow'){ //显示整改期限
|
this.dateshow = true
|
}else if(type == 'majorShow'){ //显示整改期限
|
this.majorShow = true
|
}
|
},
|
async getRectifyMatrixData(){ //质量分解结构列表
|
const res = await this.service.post("/app/getRectifyMatrixData", {
|
"projectSid": this.projectSid,
|
});
|
if (res) {
|
this.matrixList = res.rows;
|
} else {
|
this.$toast(res.msg);
|
}
|
},
|
async getAreaLocationList(){ //区域位置
|
const res = await this.service.post("/app/areaLocation/getAreaLocationList", {
|
"projectSid": this.projectSid,
|
});
|
if (res) {
|
this.areaList = res.data;
|
} else {
|
this.$toast(res.msg);
|
}
|
},
|
majorSure(data) { //选择专业
|
this.cancelMajor();
|
this.detailInfo.mangerSid = data.code;
|
this.detailInfo.mangerType = data.name;
|
},
|
cancelMajor(){
|
this.majorShow=false ;
|
},
|
onConfirmStructure(value, index) { //选择分解结构
|
this.structureShow = false;
|
if(this.matrixList.length <= 0){
|
return;
|
}
|
let tem = this.matrixList[index];
|
this.detailInfo.checklistSid = tem.attrSid;
|
},
|
onConfirmArea(value, index){ // 选择区域位置
|
this.areaShow = false;
|
if(this.areaList.length <= 0){
|
return;
|
}
|
let tem = this.areaList[index];
|
this.detailInfo.areaLocationName = tem.areaLocation;
|
this.detailInfo.areaLocationSid = tem.itemsSid;
|
},
|
onDateConfirm(date) { //选择整改期限
|
this.dateshow = false;
|
this.claimFinishTime = this.$formatDate(date,"yyyy-MM-dd");
|
},
|
closeCheck(val){
|
this.reviewShow = val;
|
},
|
checkHuman(data){ // 选择整改人
|
this.checkShow = false;
|
this.detailInfo.rectifyUserName = data.humanName;
|
this.detailInfo.rectifyUserCode = data.humanSid;
|
this.detailInfo.rectifyUnitName = data.deptName;
|
this.detailInfo.rectifyUnitSid = data.deptId;
|
this.rectifyUserUnitName = data.humanName + "-" + data.deptName;
|
},
|
closeReview(val){
|
this.checkShow = val;
|
},
|
reviewHuman(data){ //选择复核人
|
this.reviewShow = false;
|
this.detailInfo.checkUserName = data.humanName;
|
this.detailInfo.checkUserCode = data.humanSid;
|
this.detailInfo.checkUnitName = data.deptName;
|
this.detailInfo.checkUnitSid = data.deptId;
|
this.checkUserUnitName = data.humanName + "-" + data.deptName;
|
},
|
async getDetail(path,id){//获取问题详情
|
try {
|
const res = await this.service.post(path,id);
|
if (res.success) {
|
console.log(1111,res);
|
this.detailInfo = res.rectify;
|
this.rectifyYesImg = this.detailInfo.rectifyYesImg == 1 ? true : false;
|
this.claimFinishTime = this.$formatDate(this.detailInfo.rectifyRequestTime,"yyyy-MM-dd");
|
|
if(res.inspectionItemPic.length > 0){
|
let imgQList = JSON.parse(JSON.stringify(res.inspectionItemPic))
|
imgQList.forEach(item=>{ item.url = item.imgUrl; })
|
this.imgBeforeArr = imgQList;
|
}
|
if(res.rectifyStatus !=0 && res.rectifyPic.length > 0){ //提交整改
|
let imgAList = JSON.parse(JSON.stringify(res.rectifyPic));
|
imgAList.forEach(item=>{ item.url = item.imgUrl; })
|
this.imgAfterArr = imgAList;
|
}
|
|
if(this.$route.query.type == "edit" || this.$route.query.type == "view"){//新增和修改的接收人
|
this.rectifyUserUnitName = this.detailInfo.rectifyUserName + "-" + this.detailInfo.rectifyUnitName;
|
this.checkUserUnitName = this.detailInfo.checkUserName + "-" + this.detailInfo.checkUnitName;
|
}else{
|
this.rectifyUserUnitName = null;
|
this.checkUserUnitName = null;
|
}
|
} else {
|
this.$toast(res.msg);
|
}
|
} catch (error) {
|
console.log(error);
|
}
|
},
|
async getNewAdd() { //新增质量问题
|
try {
|
const res = await this.service.post("/app/gotoQualityRectifyAdd", {
|
"projectSid": this.projectSid,
|
});
|
if (res.success) {
|
this.detailInfo = res.rectify;
|
this.detailInfo.rectifySeverityLevel = this.detailInfo.rectifySeverityLevel ? this.detailInfo.rectifySeverityLevel : 1;
|
} else {
|
this.$toast(res.msg);
|
}
|
} catch (error) {
|
console.log(error);
|
}
|
},
|
async checkedRectify(type){ //复核同意&驳回
|
let formData = {
|
"rectifySid":this.detailInfo.rectifySid,
|
"checkOpinion":type == "aggre" ? "同意" : '', //data 是同意表示同意否则就是驳回
|
"checkResultOpinion":""
|
}
|
let res = await this.service.post("/app/checkedRectify",{
|
rectifyDataStr:JSON.stringify({"formData":formData})
|
})
|
if(res.data){
|
if(type == "aggre"){
|
this.$toast("提交归档成功");
|
}else{
|
this.$toast("退回整改成功");
|
}
|
this.$router.go(-1);//返回上一层
|
}
|
},
|
async closeForm(){ //关闭整改
|
let formData = {
|
'rectifySid':this.detailInfo.rectifySid,
|
'itemData':[]
|
};
|
let res = await this.service.post("/app/closeRecty",{
|
rectifyDataStr: JSON.stringify({"formData":formData})
|
})
|
if(res.data){
|
this.$toast("关闭成功");
|
this.$router.go(-1);//返回上一层
|
}
|
},
|
async saveRectification(){ //整改数据保存按钮
|
let formData= {
|
'rectifySid':this.detailInfo.rectifySid,
|
'rectificationResult':this.detailInfo.rectificationResult,
|
'rectificationMeasures':this.detailInfo.rectificationMeasures
|
}
|
let res = await this.service.post("/app/doRectify",{
|
rectifyDataStr:JSON.stringify({"formData":formData})
|
})
|
if(res.data){
|
this.$toast("保存成功");
|
this.$router.go(-1);//返回上一层
|
}
|
},
|
async saveForm(type) { //保存数据
|
if (this.formValidate() != undefined) {
|
return;
|
}
|
try {
|
this.detailInfo.rectifyYesImg = this.rectifyYesImg ? 1 :0;
|
this.detailInfo.rectifyRequestTime = this.claimFinishTime;
|
const res = await this.service.post("/app/saveXpmQualityRectifyData",
|
{
|
"rectifyStatus":type, //数据状态 0:新增 3:待整改
|
"projectSid":this.projectSid,
|
"entity": JSON.stringify(this.detailInfo)
|
});
|
if (res.data == "success") {
|
if(type == 3){
|
this.$toast("质量问题提交成功");
|
}else{
|
this.$toast("质量问题保存成功");
|
}
|
this.$router.go(-1);//返回上一层
|
} else {
|
this.$toast("请求失败");
|
}
|
} catch (error) {
|
console.log(error);
|
}
|
},
|
getImgData(data) {
|
this.imgAfterArr = data;
|
},
|
async doTurnToCheck(){ //发起整改复核
|
if(!this.detailInfo.rectificationResult){
|
this.$toast("请输入整改结果");
|
return false;
|
}else if(this.rectifyYesImg && this.imgAfterArr.length <= 0){
|
this.$toast("请上传整改后的图片");
|
return false;
|
}
|
let rectifyDataStr = {
|
formData:this.detailInfo,
|
}
|
const res = await this.service.post("/app/doTurnToCheck",
|
{
|
"rectifyDataStr": JSON.stringify(rectifyDataStr)
|
});
|
if (res.data == "success") {
|
this.$toast("提交复核成功");
|
this.$router.go(-1);//返回上一层
|
} else {
|
this.$toast("请求失败");
|
}
|
},
|
formValidate(){
|
if(!this.detailInfo.qualityRectifyName){
|
this.$toast("请输入整改单名称");
|
return false;
|
}else if(!this.detailInfo.checklistSid){
|
this.$toast("请选择质量检验分解结构");
|
return false;
|
// }else if(!this.detailInfo.areaLocationSid){
|
// this.$toast("请选择区域位置");
|
// return false;
|
}else if(!this.detailInfo.mangerType){
|
this.$toast("请选择专业");
|
return false;
|
}else if(!this.detailInfo.problemDescription){
|
this.$toast("请填写问题描述");
|
return false;
|
}else if(!this.detailInfo.rectificationMeasures){
|
this.$toast("请填写整改措施");
|
return false;
|
}else if(!this.claimFinishTime){
|
this.$toast("请选择整改期限");
|
return false;
|
}else if(!this.rectifyUserUnitName){
|
this.$toast("请选择整改人及其单位");
|
return false;
|
}else if(!this.checkUserUnitName){
|
this.$toast("请选择复核人及其单位");
|
return false;
|
}
|
}
|
},
|
computed:{
|
statusReadlony(){
|
if(this.detailInfo.rectifyStatus != 0 || this.$route.query.type == "view"){
|
return true
|
}else{
|
return false;
|
}
|
},
|
submitReadlony(){
|
if(this.detailInfo.rectifyStatus == 3 && this.$route.query.type != "view" && this.$route.query.type != "check"){ //待整改显示整改结果和整改后图片
|
return true
|
}else{
|
return false;
|
}
|
},
|
areaPickerList(){ //区域位置picker数据
|
let data = []
|
if(this.areaList.length > 0){
|
this.areaList.forEach(item=>{
|
data.push(item.areaLocation)
|
})
|
}
|
return data;
|
},
|
matrixPickerList(){ //质量检验分解结构picker数据
|
let data = []
|
if(this.matrixList.length > 0){
|
this.matrixList.forEach(item=>{
|
data.push(item.attrName)
|
})
|
}
|
return data;
|
},
|
claimFinishTimeData(){
|
if(this.claimFinishTime){
|
return this.claimFinishTime
|
}else{
|
return "请输入整改完成日期"
|
}
|
},
|
structureName(){ //质量检验分解结构名称
|
let attrName = "请选择"
|
if(this.detailInfo.checklistSid && this.matrixList.length >0){
|
let arr = this.matrixList.filter(item=>{
|
return item.attrSid == this.detailInfo.checklistSid;
|
})
|
attrName = arr.length>0 ? arr[0].attrName:"请选择";
|
}
|
return attrName;
|
},
|
checkName(){
|
if(this.detailInfo.rectifyInspectorName){
|
return `${this.detailInfo.rectifyInspectorName}-${this.detailInfo.rectifyInspectorDepname} `
|
}else{
|
return "待定"
|
}
|
}
|
},
|
})
|
</script>
|
|
<style lang="scss" scoped>
|
.info_box{
|
margin: 10px 12px;
|
padding: 14px 0;
|
background: #fff;
|
.van-cell{
|
padding: 0 16px 16px;
|
&:last-child{
|
padding-bottom: 0;
|
}
|
}
|
}
|
.input_padding .van-cell{
|
padding: 0;
|
}
|
.title_gray{
|
font-size: 14px;
|
font-weight: 400;
|
color: #999999;
|
line-height: 20px;
|
}
|
.van-radio-group--horizontal{
|
justify-content: flex-end;
|
}
|
.upload_img_wrap{
|
display: flex;
|
flex-wrap: wrap;
|
}
|
.upload_box_img{
|
position: relative;
|
width: calc((100% - 80px) / 5);
|
height: 46px;
|
margin-right: 20px;
|
margin-top: 14px;
|
}
|
.upload_box_img:nth-child(5n){
|
margin-right: 0;
|
}
|
.upload_box_img img{
|
width: 100%;
|
height: 100%;
|
}
|
.cha{
|
border-radius: 50%;
|
padding: 3px;
|
background: rgba(0,0,0,0.7);
|
position: absolute;
|
top: -8px;
|
right: -6px;
|
}
|
.level_tag_span{
|
margin-left: 16px;
|
border-radius: 2px;
|
border: 1px solid #F2F2F2;
|
font-size: 12px;
|
font-weight: 400;
|
color: #333333;
|
line-height: 17px;
|
padding: 2px 8px;
|
}
|
.level_tag_span:first-child{
|
margin-left: 0;
|
}
|
.level_tag_active{
|
color: var(--standard0101);
|
background: rgba(242, 39, 12, 0.1);
|
border-color: #F2270C;
|
}
|
</style>
|