2044 lines
56 KiB
Vue

<template>
<view class="addIssue">
<view class="fixedheader">
<headers :showBack="true" :themeType="true">
<view class="headerName">
危险源设置
</view>
</headers>
</view>
<view class="content" :style="{paddingTop: mobileTopHeight + 44 + 'px'}">
<view class="content_main">
<!-- <view class="header-title">基础信息</view> -->
<u-collapse ref="myCollapse" @change="handleOpenChange">
<u-collapse-item :open="true" title="设置风险信息">
<view class="main-box">
<view class="box1">
<view>潜在事故类型:</view>
<picker @change="(e)=>bindPickerChange(e,7)" :value="accidentTypeIndex" class="picker"
:range="accidentTypeList" range-key="type">
<view class="select-box" v-if="workTicketInfo.accidentTypeId==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.accidentTypeId,
accidentTypeList,
"id",
"type",
"accidentTypeIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box1">
<view>有效时间:</view>
<view>
<view class="changetime" @click="constructionTimeShow = true">
<view class="changetime_icon"></view>
<view>{{ workTicketInfo.effectiveTimeBegin }}</view>
<view>-</view>
<view>{{ workTicketInfo.effectiveTimeEnd }}</view>
<view class="changetime_icon"></view>
</view>
<u-calendar v-model="constructionTimeShow" mode="range" :max-date="'2300-01-01'"
@change="onConstructionTimeChange"></u-calendar>
</view>
</view>
<view class="box1">
<view>区域/部位:</view>
<view>
<u-input v-model="workTicketInfo.areaLocation" placeholder="请输入" type="text"
:border="true" />
</view>
</view>
<view class="box1">
<view>活动频次:</view>
<view><u-input v-model="workTicketInfo.activityFrequency" placeholder="请输入"
type="number" :border="true" /></view>
</view>
<view class="box1">
<view>责任区域:</view>
<view @click="onClickType(1)">
<u-input disabled style="pointer-events:none"
:value="workTicketInfo.specificResponsibilityAreaNames" type="text"
:border="true" placeholder="请选择" />
</view>
</view>
<view class="box1">
<view>备注:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.remark" :maxlength="200"
placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.remark.length}}</text>/200
</view>
</view>
</view>
</view>
</u-collapse-item>
<u-collapse-item title="评价信息" ref="collapseHeight">
<view class="main-box">
<view class="box3">
<view class="title">风险评估计算器</view>
<picker @change="(e)=>bindPickerChange(e,1)" :value="riskAssessmentCalculatorIndex"
class="picker" :range="riskAssessmentCalculatorFilterList" range-key="name">
<view class="select-box" v-if="workTicketInfo.riskAssessmentCalculator==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.riskAssessmentCalculator,
riskAssessmentCalculatorFilterList,
"id",
"name",
"riskAssessmentCalculatorIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<template v-if="workTicketInfo.riskAssessmentCalculator == 1">
<view class="box3">
<view class="subTitle">L(事故或危害事件发生的可能性)</view>
<picker @change="(e)=>bindPickerChange(e,2)" :value="lecdDatalIndex" class="picker"
:range="riskList1" range-key="name">
<view class="select-box" v-if="workTicketInfo.lecdData.lNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lecdData.lNumber,
riskList1,
"score",
"name",
"lecdDatalIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">E(暴露于危害事件环境的频率)</view>
<picker @change="(e)=>bindPickerChange(e,3)" :value="lecdDataeIndex" class="picker"
:range="riskList2" range-key="name">
<view class="select-box" v-if="workTicketInfo.lecdData.eNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lecdData.eNumber,
riskList2,
"score",
"name",
"lecdDataeIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">C(事故或危害事件发生的可能结果)</view>
<picker @change="(e)=>bindPickerChange(e,4)" :value="lecdDatacIndex" class="picker"
:range="riskList3" range-key="name">
<view class="select-box" v-if="workTicketInfo.lecdData.cNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lecdData.cNumber,
riskList3,
"score",
"name",
"lecdDatacIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">D</view>
<u-input disabled :value="lecdDataUp" type="text" :border="true" />
</view>
</template>
<template v-else-if="workTicketInfo.riskAssessmentCalculator == 2">
<view class="box3">
<view class="subTitle">风险等级</view>
<picker @change="(e)=>bindPickerChange(e,5)" :value="riskLevelIndex" class="picker"
:range="riskLevelList" range-key="name">
<view class="select-box" v-if="workTicketInfo.riskLevel==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.riskLevel,
riskLevelList,
"id",
"name",
"riskLevelIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
<view class="subTitle">
{{ riskAssessmentInfo[riskLevelList[riskLevelIndex].dynamicMin] }}D{{riskAssessmentInfo[riskLevelList[riskLevelIndex].dynamicMax]}}
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">具体分数值</view>
<u-input @blur="handleInput()"
v-model="workTicketInfo.directDeterminationMethodData" type="number"
:border="true" />
</view>
</template>
<template v-else-if="workTicketInfo.riskAssessmentCalculator == 3">
<view class="box3">
<view class="subTitle">L(事故或危害事件发生的可能性)</view>
<u-input @blur="handleInput1()" v-model="workTicketInfo.lcdData.lNumber"
type="number" :border="true" />
</view>
<view class="box3">
<view class="subTitle">C(事故或危害事件发生的可能结果)</view>
<picker @change="(e)=>bindPickerChange(e,6)" :value="lcdDatacIndex" class="picker"
:range="riskList6" range-key="name">
<view class="select-box" v-if="workTicketInfo.lcdData.cNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lcdData.cNumber,
riskList6,
"score",
"name",
"lcdDatacIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">D</view>
<u-input disabled :value="lecdDataUp" type="text" :border="true" />
</view>
</template>
<template v-else-if="workTicketInfo.riskAssessmentCalculator == 4">
<view class="box3">
<view class="subTitle">L(危害事件或事故在当前环境和条件下发生的频率或概率)</view>
<picker @change="(e)=>bindPickerChange(e,8)" :value="lsrDatalIndex" class="picker"
:range="riskList7" range-key="name">
<view class="select-box" v-if="workTicketInfo.lsrData.lNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lsrData.lNumber,
riskList7,
"score",
"name",
"lsrDatalIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
<view class="box3">
<view class="subTitle">S(风险事件发生后的后果严重程度(轻微伤害重伤死亡)</view>
<picker @change="(e)=>bindPickerChange(e,9)" :value="lsrDatasIndex" class="picker"
:range="riskList8" range-key="name">
<view class="select-box" v-if="workTicketInfo.lsrData.sNumber==''">
请选择
<u-icon name="arrow-down"></u-icon>
</view>
<view class="select-box" v-else>
{{
setNameUp(
workTicketInfo.lsrData.sNumber,
riskList8,
"score",
"name",
"lsrDatasIndex"
)
}}
<u-icon name="arrow-down"></u-icon>
</view>
</picker>
</view>
</template>
<view class="box3">
<view class="title mt-26">风险等级:</view>
<view class="riskcolor" :class="{
riskcolor1: workTicketInfo.riskLevel == 1,
riskcolor2: workTicketInfo.riskLevel == 2,
riskcolor3: workTicketInfo.riskLevel == 3,
riskcolor4: workTicketInfo.riskLevel == 4,
}">
{{ workTicketInfo.riskAssessmentCalculator == 4 ? lsrDataUp(workTicketInfo.lsrData.lNumber, workTicketInfo.lsrData.sNumber) : riskLevelUp(workTicketInfo.riskLevel) }}
</view>
</view>
</view>
</u-collapse-item>
<u-collapse-item title="管控措施">
<view class="main-box">
<view class="box1">
<view>工程措施:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.engineeringMeasure"
:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.engineeringMeasure.length}}</text>/200
</view>
</view>
</view>
<view class="box1">
<view>管控措施:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.managementMeasure"
:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.managementMeasure.length}}</text>/200
</view>
</view>
</view>
<view class="box1">
<view>个体防护:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.personalProtection"
:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.personalProtection.length}}</text>/200
</view>
</view>
</view>
<view class="box1">
<view>应急措施:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.emergencyMeasure"
:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.emergencyMeasure.length}}</text>/200
</view>
</view>
</view>
<view class="box1">
<view>教育措施:</view>
<view class="textarea">
<u-input :clearable="false" v-model="workTicketInfo.educationalMeasure"
:maxlength="200" placeholder="请输入" type="textarea" :border="true" />
<view class="textarea_text">
<text>{{workTicketInfo.educationalMeasure.length}}</text>/200
</view>
</view>
</view>
</view>
</u-collapse-item>
<u-collapse-item title="设置责任人">
<view class="main-box">
<view class="box1">
<view>管控责任人:</view>
<view style="flex-direction: column;">
<view @click="onClickType(2)">
<u-input disabled style="pointer-events:none"
:value="workTicketInfo.controlWorkerEnterpriseNames" type="text" :border="true"
placeholder="请选择分包单位" />
</view>
<view style="margin-top: 20rpx;" @click="onClickType(3)">
<u-input disabled style="pointer-events:none"
:value="workTicketInfo.controlWorkerNames" type="text" :border="true"
placeholder="请选择责任人" />
</view>
</view>
</view>
<view class="box1">
<view>排查责任人:</view>
<view style="flex-direction: column;">
<view @click="onClickType(4)">
<u-input disabled style="pointer-events:none" :value="workTicketInfo.checkWorkerEnterpriseNames"
type="text" :border="true" placeholder="请选择分包单位" />
</view>
<view style="margin-top: 20rpx;" @click="onClickType(5)">
<u-input disabled style="pointer-events:none"
:value="workTicketInfo.checkWorkerNames" type="text" :border="true"
placeholder="请选择责任人" />
</view>
</view>
</view>
</view>
</u-collapse-item>
</u-collapse>
</view>
<view class="confrim-btn">
<view @click="onNavigateBack">取消</view>
<view @click="getworkTicketEditFn">保存</view>
</view>
</view>
<u-popup :mask-close-able="false" v-model="constructionAreasShow" :closeable="false" mode="bottom">
<view class="content-popup">
<view class="content-popup_header">
{{constructionType == 1 ? '责任区域' : constructionType == 2 || constructionType == 4 ? "分包单位" : constructionType == 3 || constructionType == 5 ? "人员列表" : ""}}
</view>
<scroll-view v-if="qualityRegionList.length > 0 && constructionType == 1" scroll-y="true"
style="max-height: 600rpx;">
<TreeView @node-click="onConstructionAreasClick" :multiple="true"
checked-bg-color="rgba(81,129,246,0.1)" :data="qualityRegionList" :children-key="'children'"
:label-key="'regionName'" :id-key="'id'" :value="constructionAreasList" />
</scroll-view>
<scroll-view
v-else-if="enterpriseInfoList.length > 0 && (constructionType == 2 || constructionType == 4)"
scroll-y="true" style="max-height: 600rpx;">
<TreeView @node-click="onConstructionAreasClick" :multiple="true"
checked-bg-color="rgba(81,129,246,0.1)" :data="enterpriseInfoList" :children-key="'children'"
:label-key="'enterpriseName'" :id-key="'id'" :value="constructionAreasList" />
</scroll-view>
<scroll-view
v-else-if="projectChilderSystemUserPageList.length > 0 && (constructionType == 3 || constructionType == 5)"
scroll-y="true" style="max-height: 600rpx;">
<TreeView @node-click="onConstructionAreasClick" :multiple="true"
checked-bg-color="rgba(81,129,246,0.1)" :data="projectChilderSystemUserPageList"
:children-key="'children'" :label-key="'realName'" :id-key="'userId'"
:value="constructionAreasList" />
</scroll-view>
<view class="new-nodata_height" v-else>
<view class="new-nodata">
<view></view>
<text>暂无数据...</text>
</view>
</view>
<view class="confrim-btn">
<view @click="onCancelClick()">取消</view>
<view @click="onSubmitType()">确定</view>
</view>
</view>
</u-popup>
<u-toast ref="uToast" />
</view>
</template>
<script>
import {
isJSON
} from "@/utils/tool.js"
import TreeView from '@/components/tree-view/TreeView.vue';
import {
handleAuthScan
} from "@/common/permissionTips"
export default {
components: {
TreeView
},
data() {
return {
mobileTopHeight: 0,
projectDetail: {},
issueInvoiceShow: false,
workTicketInfo: {},
// 区域
qualityRegionList: [],
constructionAreasList: [],
constructionAreasNameList: [],
constructionAreasShow: false,
enterpriseInfoList: [], // 企业
constructionTimeShow: false,
riskListPointId: "",
riskAssessmentCalculatorList: [{
id: 1,
name: "LECD",
},
{
id: 2,
name: "直接判定法",
},
{
id: 3,
name: "LCD",
},
{
id: 4,
name: "LSR",
},
],
riskAssessmentCalculatorFilterList: [],
riskLevelList: [{
id: 1,
name: "重大风险",
dynamicMin: "dynamicZjZdMin",
dynamicMax: "dynamicZjZdMax",
},
{
id: 2,
name: "较大风险",
dynamicMin: "dynamicZjJdMin",
dynamicMax: "dynamicZjJdMax",
},
{
id: 3,
name: "一般风险",
dynamicMin: "dynamicZjYbMin",
dynamicMax: "dynamicZjYbMax",
},
{
id: 4,
name: "低风险",
dynamicMin: "dynamicZjDMin",
dynamicMax: "dynamicZjDMax",
},
],
riskAssessmentInfo: {},
riskList1: [],
riskList2: [],
riskList3: [],
riskList5: [],
riskList6: [],
riskList7: [],
riskList8: [],
riskAssessmentCalculatorIndex: 0,
lecdDatalIndex: 0,
lecdDataeIndex: 0,
lecdDatacIndex: 0,
riskLevelIndex: 0,
lcdDatacIndex: 0,
lsrDatalIndex: 0,
lsrDatasIndex: 0,
constructionType: "",
projectChilderSystemUserPageList: [],
accidentTypeList: [],
accidentTypeIndex: 0,
}
},
onLoad(opts) {
this.projectDetail = JSON.parse(uni.getStorageSync('projectDetail'));
console.log(1111, opts, this.projectDetail)
this.riskListPointId = opts.id;
this.getWorkTicketQueryByIdFn();
this.workTicketInfo = {
riskDescription: "",
accidentTypeId: "",
riskFactorType: "",
riskAssessmentCalculator: "",
lecdData: {
lNumber: "",
eNumber: "",
cNumber: "",
},
lcdData: {
lNumber: "",
cNumber: "",
},
lsrData: {
lNumber: "",
sNumber: "",
},
engineeringMeasure: "",
managementMeasure: "",
personalProtection: "",
emergencyMeasure: "",
riskLevel: "",
directDeterminationMethodData: "",
effectiveTimeBegin: "",
effectiveTimeEnd: "",
specificResponsibilityAreaIds: [],
specificResponsibilityAreaNames: "",
controlWorkerEnterpriseIds: [],
controlWorkerEnterpriseNames: "",
controlWorkerIds: [],
controlWorkerNames: "",
checkWorkerEnterpriseIds: [],
checkWorkerEnterpriseNames: "",
checkWorkerIds: [],
checkWorkerNames: "",
areaLocation: "",
activityFrequency: "",
educationalMeasure: "",
remark: "",
}
this.getQualityRegionListFn();
this.getEnterpriseInfoListFn();
this.getDicProjectTypeList();
},
onShow() {
let that = this
},
mounted() {
var that = this
uni.getSystemInfo({
success(res) {
that.mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
uni.setStorageSync('systemInfo', res)
console.log(res)
}
})
},
methods: {
handleOpenChange() {
this.$refs.collapseHeight.queryRect(); // 计算高度
},
handleInput() {
console.log(111, this.riskAssessmentInfo, this.riskLevelList[this.riskLevelIndex])
const dynamicMin = this.riskAssessmentInfo[this.riskLevelList[this.riskLevelIndex].dynamicMin];
const dynamicMax = this.riskAssessmentInfo[this.riskLevelList[this.riskLevelIndex].dynamicMax];
if (Number(this.workTicketInfo.directDeterminationMethodData) > Number(dynamicMax)) {
this.workTicketInfo.directDeterminationMethodData = dynamicMax;
} else if (Number(this.workTicketInfo.directDeterminationMethodData) < Number(dynamicMin)) {
this.workTicketInfo.directDeterminationMethodData = dynamicMin;
}
},
handleInput1() {
if (Number(this.workTicketInfo.lcdData.lNumber) > 10) {
this.workTicketInfo.lcdData.lNumber = 10;
} else if (Number(this.workTicketInfo.lcdData.lNumber) < 0) {
this.workTicketInfo.lcdData.lNumber = 0;
}
},
//下拉选择回显
bindPickerChange(e, type) {
console.log(e)
if (type == 1) {
this.riskAssessmentCalculatorIndex = e.detail.value;
this.workTicketInfo.riskAssessmentCalculator = this.riskAssessmentCalculatorFilterList[e.detail.value]
.id;
} else if (type == 2) {
this.lecdDatalIndex = e.detail.value;
this.workTicketInfo.lecdData.lNumber = this.riskList1[e.detail.value].score;
} else if (type == 3) {
this.lecdDataeIndex = e.detail.value;
this.workTicketInfo.lecdData.eNumber = this.riskList2[e.detail.value].score;
} else if (type == 4) {
this.lecdDatacIndex = e.detail.value;
this.workTicketInfo.lecdData.cNumber = this.riskList3[e.detail.value].score;
} else if (type == 5) {
this.riskLevelIndex = e.detail.value;
this.workTicketInfo.riskLevel = this.riskLevelList[e.detail.value].id;
} else if (type == 6) {
this.lcdDatacIndex = e.detail.value;
this.workTicketInfo.lcdData.cNumber = this.riskList6[e.detail.value].score;
} else if (type == 7) {
this.accidentTypeIndex = e.detail.value;
this.workTicketInfo.accidentTypeId = this.accidentTypeList[e.detail.value].id;
} else if (type == 8) {
this.lsrDatalIndex = e.detail.value;
this.workTicketInfo.lsrData.lNumber = this.riskList7[e.detail.value].score;
} else if (type == 9) {
this.lsrDatasIndex = e.detail.value;
this.workTicketInfo.lsrData.sNumber = this.riskList8[e.detail.value].score;
}
},
// 通过id查询管控清单信息
getWorkTicketQueryByIdFn() {
let that = this;
let data = {
projectSn: this.projectDetail.projectSn,
id: this.riskListPointId,
};
this.sendRequest({
url: 'xmgl/riskListSource/queryById',
method: 'GET',
data: data,
success: res => {
if (res.code == 200) {
this.workTicketInfo = {
...res.result,
lecdData: isJSON(res.result.lecdData) && res.result.lecdData && res.result
.lecdData != "null" ?
JSON.parse(res.result.lecdData) : {
lNumber: "",
eNumber: "",
cNumber: "",
},
lcdData: isJSON(res.result.lcdData) && res.result.lcdData && res.result
.lcdData != "null" ?
JSON.parse(res.result.lcdData) : {
lNumber: "",
cNumber: ""
},
lsrData: isJSON(res.result.lsrData) && res.result.lsrData && res.result
.lsrData != "null" ?
JSON.parse(res.result.lsrData) : {
lNumber: "",
sNumber: ""
},
specificResponsibilityAreaIds: res.result.specificResponsibilityAreaIds ?
res.result
.specificResponsibilityAreaIds.split(',') : [],
specificResponsibilityAreaNames: res.result
.specificResponsibilityAreaNames,
controlWorkerEnterpriseIds: res.result.controlWorkerEnterpriseIds ?
res.result
.controlWorkerEnterpriseIds.split(',') : [],
controlWorkerEnterpriseNames: res.result.controlWorkerEnterpriseNames,
controlWorkerIds: res.result.controlWorkerIds ? res.result.controlWorkerIds
.split(',') : [],
controlWorkerNames: res.result.controlWorkerNames,
checkWorkerEnterpriseIds: res.result.checkWorkerEnterpriseIds ? res.result
.checkWorkerEnterpriseIds
.split(',') : [],
checkWorkerIds: res.result.checkWorkerIds ? res.result.checkWorkerIds
.split(',') : [],
remark: res.result.remark ? res.result.remark : "",
};
if (this.workTicketInfo.dynamicType == 1) {
this.riskAssessmentCalculatorFilterList = [{
id: 1,
name: "LECD",
},
{
id: 2,
name: "直接判定法",
},
{
id: 3,
name: "LCD",
},
];
} else if (this.workTicketInfo.dynamicType == 2) {
this.riskAssessmentCalculatorFilterList = [{
id: 4,
name: "LSR",
},
{
id: 2,
name: "直接判定法",
}
];
}
}
}
})
},
// 编辑管控清单
getworkTicketEditFn() {
let that = this;
let data = {
...this.workTicketInfo,
lecdData: JSON.stringify(this.workTicketInfo.lecdData),
lcdData: JSON.stringify(this.workTicketInfo.lcdData),
lsrData: JSON.stringify(this.workTicketInfo.lsrData),
specificResponsibilityAreaIds: this.workTicketInfo.specificResponsibilityAreaIds.join(','),
controlWorkerIds: this.workTicketInfo.controlWorkerIds.join(','),
controlWorkerEnterpriseIds: this.workTicketInfo.controlWorkerEnterpriseIds.join(','),
checkWorkerEnterpriseIds: this.workTicketInfo.checkWorkerEnterpriseIds.join(','),
checkWorkerIds: this.workTicketInfo.checkWorkerIds.join(','),
projectSn: this.projectDetail.projectSn,
};
console.log(data)
this.sendRequest({
url: 'xmgl/riskListSource/edit',
method: 'POST',
data: data,
success: res => {
if (res.code == 200) {
that.showToast('编辑成功', 'success');
that.onNavigateBack();
}
}
})
},
// 取消
onNavigateBack() {
uni.navigateBack({
delta: 1
})
},
// 获取时间
onConstructionTimeChange(event) {
console.log(event)
this.workTicketInfo.effectiveTimeBegin = event.startDate;
this.workTicketInfo.effectiveTimeEnd = event.endDate;
},
// 多选下拉 1区域 2单位 3人员
onClickType(type) {
this.constructionType = type;
if (type == 1) {
this.constructionAreasList = this.workTicketInfo.specificResponsibilityAreaIds.map(item => item);
this.constructionAreasNameList = this.workTicketInfo.specificResponsibilityAreaNames ? this
.workTicketInfo
.specificResponsibilityAreaNames.split(',') : [];
} else if (type == 2) {
this.constructionAreasList = this.workTicketInfo.controlWorkerEnterpriseIds.map(item => item);
this.constructionAreasNameList = this.workTicketInfo.controlWorkerEnterpriseNames ? this
.workTicketInfo
.controlWorkerEnterpriseNames.split(',') : [];
} else if (type == 3) {
this.constructionAreasList = this.workTicketInfo.controlWorkerIds.map(item => item);
this.constructionAreasNameList = this.workTicketInfo.controlWorkerNames ? this
.workTicketInfo
.controlWorkerNames.split(',') : [];
this.getProjectChilderSystemUserPageList(this.workTicketInfo.controlWorkerEnterpriseIds.join(','));
} else if (type == 4) {
this.constructionAreasList = this.workTicketInfo.checkWorkerEnterpriseIds.map(item => item);
this.constructionAreasNameList = this.workTicketInfo.checkWorkerEnterpriseNames ? this
.workTicketInfo
.checkWorkerEnterpriseNames.split(',') : [];
} else if (type == 5) {
this.constructionAreasList = this.workTicketInfo.checkWorkerIds.map(item => item);
this.constructionAreasNameList = this.workTicketInfo.checkWorkerNames ? this
.workTicketInfo
.checkWorkerNames.split(',') : [];
this.getProjectChilderSystemUserPageList(this.workTicketInfo.checkWorkerEnterpriseIds.join(','));
}
this.constructionAreasShow = true;
},
// 区域
onConstructionAreasClick(id, checked, label) {
console.log(id, checked, label)
const idx = this.constructionAreasList.indexOf(id);
if (checked && idx === -1) {
this.constructionAreasList.push(id);
this.constructionAreasNameList.push(label);
} else if (!checked && idx !== -1) {
this.constructionAreasList.splice(idx, 1);
this.constructionAreasNameList.splice(idx, 1);
}
console.log(1122, this.constructionAreasNameList, this.constructionAreasList)
},
onSubmitType() {
if (this.constructionType == 1) {
this.workTicketInfo.specificResponsibilityAreaIds = [...this.constructionAreasList];
this.workTicketInfo.specificResponsibilityAreaNames = this.constructionAreasNameList.join(',');
} else if (this.constructionType == 2) {
this.workTicketInfo.controlWorkerEnterpriseIds = [...this.constructionAreasList];
this.workTicketInfo.controlWorkerEnterpriseNames = this.constructionAreasNameList.join(',');
} else if (this.constructionType == 3) {
this.workTicketInfo.controlWorkerIds = [...this.constructionAreasList];
this.workTicketInfo.controlWorkerNames = this.constructionAreasNameList.join(',');
} else if (this.constructionType == 4) {
this.workTicketInfo.checkWorkerEnterpriseIds = [...this.constructionAreasList];
this.workTicketInfo.checkWorkerEnterpriseNames = this.constructionAreasNameList.join(',');
} else if (this.constructionType == 5) {
this.workTicketInfo.checkWorkerIds = [...this.constructionAreasList];
this.workTicketInfo.checkWorkerNames = this.constructionAreasNameList.join(',');
}
this.constructionAreasShow = false;
},
onCancelClick() {
// if (this.constructionType == 1) {
// this.constructionAreasList = [...this.workTicketInfo.specificResponsibilityAreaIds];
// } else if (this.constructionType == 2) {
// this.constructionAreasList = [...this.workTicketInfo.controlWorkerEnterpriseIds];
// }
this.constructionAreasShow = false;
},
// 获取责任区域
getQualityRegionListFn() {
let that = this;
let data = {
projectSn: this.projectDetail.projectSn,
pageNo: 1,
pageSize: -1,
};
this.sendRequest({
url: 'xmgl/qualityRegion/tree/page',
method: 'POST',
data: data,
success: res => {
if (res.code == 200) {
that.qualityRegionList = res.result.records;
}
}
})
},
// 获取整改单位列表
getEnterpriseInfoListFn() {
let that = this;
let data = {
projectSn: this.projectDetail.projectSn,
};
this.sendRequest({
url: 'xmgl/enterpriseInfo/selectHierarchyEnterpriseList',
method: 'POST',
data: data,
success: res => {
if (res.code == 200) {
that.enterpriseInfoList = res.result;
}
}
})
},
// 获取整改单位人员列表
getProjectChilderSystemUserPageList(enterpriseIds) {
if (!enterpriseIds) {
this.projectChilderSystemUserPageList = [];
return
}
let that = this;
let data = {
projectSn: this.projectDetail.projectSn,
enterpriseIds: enterpriseIds,
pageNo: 1,
pageSize: -1,
};
this.sendRequest({
url: 'xmgl/systemUser/getProjectChilderSystemUserPageList',
method: 'POST',
data: data,
success: res => {
if (res.code == 200) {
that.projectChilderSystemUserPageList = res.result.records;
}
}
})
},
initRiskAssessmentInfo() {
let data = {
projectSn: this.projectDetail.projectSn,
};
this.sendRequest({
url: 'xmgl/riskListRule/list',
method: 'GET',
data: data,
success: res => {
if (res.code == 200) {
if (!(Array.isArray(res.result) && res.result.length > 0)) return;
const resultInfo = this.getRisAssessmentInfo(res.result[0]);
this.riskAssessmentInfo = {
...res.result[0],
...resultInfo,
};
}
}
})
},
getRisAssessmentInfo(resultInfo) {
// 动态风险
if (this.workTicketInfo.riskAssessmentCalculator == 1) {
return {
dynamicLecdZdMin: resultInfo.dynamicLecdZdMin ?
resultInfo.dynamicLecdZdMin : "",
dynamicLecdYbMin: resultInfo.dynamicLecdYbMin ?
resultInfo.dynamicLecdYbMin : "",
dynamicLecdYbMax: resultInfo.dynamicLecdYbMax ?
resultInfo.dynamicLecdYbMax : "",
dynamicLecdJdMin: resultInfo.dynamicLecdJdMin ?
resultInfo.dynamicLecdJdMin : "",
dynamicLecdJdMax: resultInfo.dynamicLecdJdMax ?
resultInfo.dynamicLecdJdMax : "",
dynamicLecdDMax: resultInfo.dynamicLecdDMax ? resultInfo.dynamicLecdDMax : "",
};
} else if (this.workTicketInfo.riskAssessmentCalculator == 2 && this.workTicketInfo.dynamicType == 1) {
return {
dynamicZjZdMin: resultInfo.dynamicZjZdMin ? resultInfo.dynamicZjZdMin : "",
dynamicZjZdMax: resultInfo.dynamicZjZdMax ? resultInfo.dynamicZjZdMax : "",
dynamicZjJdMin: resultInfo.dynamicZjJdMin ? resultInfo.dynamicZjJdMin : "",
dynamicZjJdMax: resultInfo.dynamicZjJdMax ? resultInfo.dynamicZjJdMax : "",
dynamicZjYbMin: resultInfo.dynamicZjYbMin ? resultInfo.dynamicZjYbMin : "",
dynamicZjYbMax: resultInfo.dynamicZjYbMax ? resultInfo.dynamicZjYbMax : "",
dynamicZjDMin: resultInfo.dynamicZjDMin ? resultInfo.dynamicZjDMin : "",
dynamicZjDMax: resultInfo.dynamicZjDMax ? resultInfo.dynamicZjDMax : "",
};
} else if (this.workTicketInfo.riskAssessmentCalculator == 3) {
return {
dynamicLecdZdMin: resultInfo.dynamicLcdZdMin ? resultInfo.dynamicLcdZdMin : "",
dynamicLecdYbMin: resultInfo.dynamicLcdYbMin ? resultInfo.dynamicLcdYbMin : "",
dynamicLecdYbMax: resultInfo.dynamicLcdYbMax ? resultInfo.dynamicLcdYbMax : "",
dynamicLecdJdMin: resultInfo.dynamicLcdJdMin ? resultInfo.dynamicLcdJdMin : "",
dynamicLecdJdMax: resultInfo.dynamicLcdJdMax ? resultInfo.dynamicLcdJdMax : "",
dynamicLecdDMax: resultInfo.dynamicLcdDMax ? resultInfo.dynamicLcdDMax : "",
};
} else if (this.workTicketInfo.riskAssessmentCalculator == 4) {
return {
dynamicLecdZdMin: resultInfo.staticLsrZdMin ? resultInfo.staticLsrZdMin : "",
dynamicLecdYbMin: resultInfo.staticLsrYbMin ? resultInfo.staticLsrYbMin : "",
dynamicLecdYbMax: resultInfo.staticLsrYbMax ? resultInfo.staticLsrYbMax : "",
dynamicLecdJdMin: resultInfo.staticLsrJdMin ? resultInfo.staticLsrJdMin : "",
dynamicLecdJdMax: resultInfo.staticLsrJdMax ? resultInfo.staticLsrJdMax : "",
dynamicLecdDMax: resultInfo.staticLsrDMax ? resultInfo.staticLsrDMax : "",
};
} else if (this.workTicketInfo.riskAssessmentCalculator == 2 && this.workTicketInfo.dynamicType == 2) {
return {
dynamicZjZdMin: resultInfo.staticZjZdMin ? resultInfo.staticZjZdMin : "",
dynamicZjZdMax: resultInfo.staticZjZdMax ? resultInfo.staticZjZdMax : "",
dynamicZjJdMin: resultInfo.staticZjJdMin ? resultInfo.staticZjJdMin : "",
dynamicZjJdMax: resultInfo.staticZjJdMax ? resultInfo.staticZjJdMax : "",
dynamicZjYbMin: resultInfo.staticZjYbMin ? resultInfo.staticZjYbMin : "",
dynamicZjYbMax: resultInfo.staticZjYbMax ? resultInfo.staticZjYbMax : "",
dynamicZjDMin: resultInfo.staticZjDMin ? resultInfo.staticZjDMin : "",
dynamicZjDMax: resultInfo.staticZjDMax ? resultInfo.staticZjDMax : "",
};
}
},
// LECD的L
getRiskListRuleItemList(type) {
let data = {
projectSn: this.projectDetail.projectSn,
itemType: type,
dynamicType: this.workTicketInfo.dynamicType
};
this.sendRequest({
url: 'xmgl/riskListRuleItem/list',
method: 'GET',
data: data,
success: res => {
if (res.code == 200) {
this[`riskList${type}`] = res.result.map((item) => {
return {
...item,
riskShow: false,
};
});
}
}
})
},
// 获取字典工程类别列表
getDicProjectTypeList() {
let that = this;
let data = {
projectSn: this.projectDetail.projectSn,
};
this.sendRequest({
url: 'xmgl/riskListPotentialAccidentType/list',
method: 'GET',
data: data,
success: res => {
if (res.code == 200) {
this.accidentTypeList = res.result.sort(
(a, b) => Date.parse(a.createTime) - Date.parse(b.createTime)
);
}
}
})
},
showToast(title, type) {
this.$refs.uToast.show({
title: title,
type: type,
})
},
},
computed: {
setNameUp() {
return (rowId, dataList, id, name, indexName) => {
const find = dataList.find((item) => item[id] === rowId);
if (indexName) {
const findIndex = dataList.findIndex((item) => item[id] === rowId);
this[indexName] = findIndex > -1 ? findIndex : 0;
}
return find ? find[name] : "--";
};
},
lecdDataUp() {
if (this.workTicketInfo.riskAssessmentCalculator == 1) {
const countNum = Number(
this.workTicketInfo.lecdData.lNumber *
this.workTicketInfo.lecdData.eNumber *
this.workTicketInfo.lecdData.cNumber
).toFixed(2);
if (countNum > Number(this.riskAssessmentInfo.dynamicLecdZdMin)) {
this.workTicketInfo.riskLevel = 1;
} else if (
countNum >= Number(this.riskAssessmentInfo.dynamicLecdJdMin) &&
countNum <= Number(this.riskAssessmentInfo.dynamicLecdJdMax)
) {
this.workTicketInfo.riskLevel = 2;
} else if (
countNum >= Number(this.riskAssessmentInfo.dynamicLecdYbMin) &&
countNum <= Number(this.riskAssessmentInfo.dynamicLecdYbMax)
) {
this.workTicketInfo.riskLevel = 3;
} else if (countNum < Number(this.riskAssessmentInfo.dynamicLecdDMax)) {
this.workTicketInfo.riskLevel = 4;
}
return countNum;
} else if (this.workTicketInfo.riskAssessmentCalculator == 3) {
const countNum = Number(
this.workTicketInfo.lcdData.lNumber *
this.workTicketInfo.lcdData.cNumber
).toFixed(2);
if (countNum > Number(this.riskAssessmentInfo.dynamicLcdZdMin)) {
this.workTicketInfo.riskLevel = 1;
} else if (
countNum >= Number(this.riskAssessmentInfo.dynamicLcdJdMin) &&
countNum <= Number(this.riskAssessmentInfo.dynamicLcdJdMax)
) {
this.workTicketInfo.riskLevel = 2;
} else if (
countNum >= Number(this.riskAssessmentInfo.dynamicLcdJdMin) &&
countNum <= Number(this.riskAssessmentInfo.dynamicLcdYbMax)
) {
this.workTicketInfo.riskLevel = 3;
} else if (countNum < Number(this.riskAssessmentInfo.dynamicLcdDMax)) {
this.workTicketInfo.riskLevel = 4;
}
return countNum;
}
return "";
},
lsrDataUp() {
return (lNumber, sNumber) => {
const countNum = Number(lNumber * sNumber).toFixed(2);
if (countNum > Number(this.riskAssessmentInfo.staticLsrZdMin)) {
this.workTicketInfo.riskLevel = 1;
return "重大风险";
} else if (
countNum >= Number(this.riskAssessmentInfo.staticLsrJdMin) &&
countNum <= Number(this.riskAssessmentInfo.staticLsrJdMax)
) {
this.workTicketInfo.riskLevel = 2;
return "较大风险";
} else if (
countNum >= Number(this.riskAssessmentInfo.staticLsrYbMin) &&
countNum <= Number(this.riskAssessmentInfo.staticLsrYbMax)
) {
this.workTicketInfo.riskLevel = 3;
return "一般风险";
} else if (countNum < Number(this.riskAssessmentInfo.staticLsrDMax)) {
this.workTicketInfo.riskLevel = 4;
return "低风险";
}
this.workTicketInfo.riskLevel = 4;
return "低风险";
};
},
riskLevelUp() {
return (riskLevel) => {
const find = this.riskLevelList.find((item) => riskLevel === item.id);
return find ? find.name : "--";
};
},
},
watch: {
"workTicketInfo.riskAssessmentCalculator": {
handler(val) {
console.log(val, "改变了111");
if (val == 1) {
this.getRiskListRuleItemList(1);
this.getRiskListRuleItemList(2);
this.getRiskListRuleItemList(3);
}
if (val == 3) {
this.getRiskListRuleItemList(5);
this.getRiskListRuleItemList(6);
}
if (val == 4) {
this.getRiskListRuleItemList(7);
this.getRiskListRuleItemList(8);
}
this.initRiskAssessmentInfo();
this.$nextTick(() => {
this.$refs.myCollapse.init();
})
},
deep: true,
},
},
}
</script>
<style scoped lang="scss">
.riskcolor {
padding: 8rpx 12rpx;
width: 140rpx;
text-align: center;
font-size: 22rpx;
color: #4D4D4D;
margin-top: 20rpx;
}
.riskcolor1 {
background-color: #eb4047;
}
.riskcolor2 {
background-color: #ffbf00;
}
.riskcolor3 {
background-color: #ffff00;
}
.riskcolor4 {
background-color: #006fbf;
}
/deep/ .u-collapse-head {
padding: 22rpx 26rpx;
.u-collapse-title {
color: #498CEC;
}
.u-icon__icon {
color: #498CEC !important;
}
}
/deep/ .van-cell__title,
.item-cell_title {
font-weight: 500;
font-size: 30rpx;
color: #1A1A1A;
}
/deep/ .van-collapse-item__content,
/deep/ .uni-collapse-item__wrap-content {
background-color: #F2F3F7;
padding: 26rpx;
}
.content {
.content_main2 {
background-color: white;
min-height: calc(100vh - 88rpx - 180rpx);
display: flex;
flex-direction: column;
align-items: center;
padding: 40rpx 94rpx;
>view:first-child {
width: 502rpx;
height: 336rpx;
background-image: url('@/static/workTicketManage/index-icon11.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.edit_img {
background-image: url('@/static/workTicketManage/index-icon12.png') !important;
}
>view:nth-child(2) {
font-weight: 500;
font-size: 28rpx;
color: #171717;
margin-top: 30rpx;
}
>view:nth-child(3) {
font-size: 24rpx;
color: #FFA026;
margin-top: 26rpx;
display: flex;
align-items: flex-start;
.u-icon {
font-size: 36rpx;
}
}
}
.content_main1 {
margin-top: 26rpx;
padding-bottom: 138rpx;
// background-color: white;
// min-height: calc(100vh - 88rpx - 180rpx - 26rpx);
.content_main-box {
height: 224rpx;
background-color: #FFFFFF;
padding: 26rpx;
margin-top: 20rpx;
>view:last-child {
margin-top: 22rpx;
display: flex;
align-items: center;
>image {
width: 80rpx;
height: 104rpx;
border-radius: 6rpx;
}
>view:last-child {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 40rpx;
height: 104rpx;
>view {
display: flex;
>view:first-child {
width: 84rpx;
font-size: 28rpx;
color: #4D4D4D;
text-align: right;
}
>view:last-child {
margin-left: 40rpx;
font-size: 28rpx;
color: #4D4D4D;
}
}
}
}
>view:first-child {
display: flex;
align-items: center;
justify-content: space-between;
>view:first-child {
font-weight: 800;
font-size: 30rpx;
color: #171717;
}
image {
width: 32rpx;
height: 32rpx;
}
.u-icon {
font-size: 40rpx;
color: #EA3941;
}
}
}
.header-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12rpx 26rpx;
background-color: white;
>view:first-child {
font-weight: 500;
font-size: 30rpx;
color: #1A1A1A;
}
>view:last-child {
display: flex;
align-items: center;
>view:first-child {
width: 40rpx;
height: 40rpx;
background-image: url('@/static/workTicketManage/index-icon10.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
>view:last-child {
font-weight: 500;
font-size: 24rpx;
color: #4D8EEC;
margin-left: 20rpx;
}
}
}
}
.content_main {
// margin-top: 26rpx;
padding-bottom: 138rpx;
background-color: white;
.main-box {
padding: 16rpx 26rpx;
.box3 {
.subTitle {
font-size: 24rpx;
color: #808080;
margin-top: 20rpx;
}
.title {
font-size: 28rpx;
color: #4D4D4D;
}
.mt-26 {
margin-top: 26rpx;
}
.u-input {
width: 100%;
margin-top: 20rpx;
/deep/ .u-input__input {
min-height: 70rpx !important;
}
}
.select-box {
width: 100%;
height: 68rpx;
border-radius: 8rpx;
border: 2rpx solid #D8DBE8;
font-size: 28rpx;
color: #A2A4AF;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 26rpx;
margin-top: 20rpx;
}
}
>.box2 {
flex-direction: column;
margin-top: 0 !important;
>view:first-child {
width: 192rpx !important;
}
.imgBox_wrap_list {
flex-direction: column;
align-items: flex-start !important;
margin-left: 142rpx;
.addImgBox_text {
margin-top: 20rpx;
margin-bottom: 10rpx;
font-size: 24rpx;
color: #808080;
}
.addImgBox_btn {
width: 184rpx;
height: 66rpx;
background-color: #5181F6;
border-radius: 6rpx;
font-size: 28rpx;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
.imgBox_list {
width: 550rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14rpx 26rpx 14rpx 40rpx;
>view:first-child {
display: flex;
align-items: center;
.u-icon {
font-size: 40rpx;
color: #B3B3B3;
}
>view:last-child {
margin-left: 14rpx;
width: 320rpx;
font-size: 24rpx;
color: #808080;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
>.u-icon {
font-size: 32rpx;
color: #7AC756;
}
}
.imgBox_list_active {
>view:first-child {
.u-icon,
>view:last-child {
color: #5181F6;
}
}
>.u-icon {
color: #B3B3B3;
}
}
.imgBox_list:nth-child(even) {
background-color: #FBFBFB;
}
.imgBox_list:nth-child(odd) {
background-color: #FFFFFF;
}
}
.imgBox_wrap {
display: flex;
flex-wrap: wrap;
margin-left: 192rpx;
flex: 1;
>view:not(:last-child) {
margin-right: 26rpx;
}
>view {
margin-bottom: 20rpx;
}
.imgBox {
width: 112rpx;
height: 120rpx;
display: inline-flex;
position: relative;
border-radius: 8rpx;
.img {
width: 100%;
height: 100%;
border-radius: 8rpx;
}
.deleteImg {
position: absolute;
right: -20rpx;
top: -20rpx;
color: #fff;
width: 20rpx;
height: 20rpx;
background-image: url('@/static/workTicketManage/index-icon9.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.addImgBox {
width: 118rpx;
height: 120rpx;
background: #FFFFFF;
border-radius: 8rpx;
border: 2rpx solid #D8DBE8;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 24rpx;
.icon-add {
width: 40rpx;
height: 40rpx;
}
}
}
}
>.box1:not(:first-child) {
margin-top: 20rpx;
}
>.box1 {
display: flex;
align-items: flex-start;
font-size: 28rpx;
font-weight: 500;
>view:first-child {
width: 192rpx;
color: #808080;
height: 68rpx;
display: flex;
align-items: center;
>text {
color: #FF0000;
}
}
>view:last-child {
color: #4D4D4D;
min-height: 68rpx;
display: flex;
align-items: center;
}
.select-box {
width: 522rpx;
height: 68rpx;
border-radius: 8rpx;
border: 2rpx solid #D8DBE8;
font-size: 28rpx;
color: #A2A4AF;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 26rpx;
}
}
/deep/ .u-input {
width: 522rpx;
height: 68rpx;
line-height: 68rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
border: 2rpx solid #D8DBE8;
}
.changetime {
width: 522rpx;
height: 68rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
border: 2rpx solid #D8DBE8;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 34rpx;
font-size: 28rpx;
color: #4D4D4D;
.changetime_icon {
width: 36rpx;
height: 36rpx;
background-image: url('@/static/workTicketManage/index-icon7.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
.textarea {
position: relative;
/deep/ .u-input {
// height: 160rpx;
line-height: 68rpx;
min-height: 160rpx !important;
height: initial;
padding-bottom: 20px !important;
}
.textarea_text {
position: absolute;
right: 20rpx;
bottom: 20rpx;
font-size: 22rpx;
color: #B3B3B3;
}
}
}
.header-title {
padding: 12rpx 16rpx;
font-weight: 500;
font-size: 30rpx;
color: #1A1A1A;
border-bottom: 2rpx solid #EFF3F7;
}
}
.confrim-btn {
width: 100%;
padding: 18rpx 26rpx;
background-color: #FFFFFF;
box-shadow: 0rpx -8rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
display: flex;
position: fixed;
bottom: 0;
z-index: 1;
>view {
width: 50%;
height: 76rpx;
font-weight: 500;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
>view:first-child {
background-color: rgba(81, 129, 246, 0.1);
border-radius: 6rpx 0rpx 0rpx 6rpx;
color: #5181F6;
}
>view:last-child {
background-color: #5181F6;
border-radius: 0rpx 6rpx 6rpx 0rpx;
color: #FFFFFF;
}
}
}
/deep/ .u-mode-center-box {
width: 698rpx !important;
.u-model__title {
padding: 0;
font-size: 32rpx;
color: #272D45;
height: 86rpx;
background-color: #FFFFFF;
box-shadow: 0rpx 8rpx 10rpx -8rpx rgba(81, 129, 246, 0.42);
display: flex;
align-items: center;
justify-content: center;
}
.u-model__content__message {
padding: 26rpx 26rpx 72rpx;
font-size: 28rpx;
color: #171717;
}
.u-model__footer__button {
height: 76rpx;
line-height: 76rpx;
background-color: rgba(81, 129, 246, 0.1);
font-weight: 500;
font-size: 28rpx;
color: #5181F6;
}
.hairline-left {
background-color: #5181F6;
color: white !important;
}
}
/deep/ .u-drawer-bottom {
border-radius: 32rpx 32rpx 0 0;
}
.content-popup {
.content-popup_main {
padding: 26rpx 0;
>view {
width: 100%;
height: 80rpx;
background-color: #FFFFFF;
font-weight: 500;
font-size: 30rpx;
color: #1A1A1A;
display: flex;
align-items: center;
justify-content: center;
}
>view:not(:first-child) {
margin-top: 20rpx;
}
.popup_main_active {
background-color: rgba(81, 129, 246, 0.1);
color: #5181F6;
}
}
uni-scroll-view {
margin: 26rpx 0;
}
.content-popup_header {
height: 86rpx;
box-shadow: 0rpx 8rpx 10rpx -8rpx rgba(81, 129, 246, 0.42);
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 30rpx;
color: #1A1A1A;
}
.confrim-btn {
padding: 18rpx 26rpx;
background-color: #FFFFFF;
box-shadow: 0rpx -8rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
display: flex;
>view {
width: 50%;
height: 76rpx;
font-weight: 500;
font-size: 28rpx;
display: flex;
align-items: center;
justify-content: center;
}
>view:first-child {
background-color: rgba(81, 129, 246, 0.1);
border-radius: 6rpx 0rpx 0rpx 6rpx;
color: #5181F6;
}
>view:last-child {
background-color: #5181F6;
border-radius: 0rpx 6rpx 6rpx 0rpx;
color: #FFFFFF;
}
}
}
.addIssue {
min-height: 100vh;
background-color: #FFFFFF;
}
/deep/ .u-steps {
background-color: #FFFFFF;
padding: 26rpx;
.u-steps__item {
flex: unset;
.u-steps__item__dot {
width: 72rpx;
height: 72rpx;
border-radius: 50%;
background-color: #F4333C !important;
position: relative;
}
.u-steps__item__dot::after {
content: "";
width: 40rpx;
height: 40rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.u-steps__item:nth-child(1) .u-steps__item__line {
width: 230rpx;
left: 80%;
}
.u-steps__item:nth-child(1) .u-steps__item__dot {
background-color: #008DE4 !important;
}
.u-steps__item:nth-child(1) .u-steps__item__dot::after {
background-image: url('@/static/workTicketManage/index-icon4.png');
}
.u-steps__item:nth-child(2) {
flex: 1;
.u-steps__item__line {
width: 220rpx;
left: 57%;
.u-line {
border-color: #F4353E !important;
border-bottom: 4rpx solid #F4353E !important;
}
}
.u-steps__item__dot::after {
background-image: url('@/static/workTicketManage/index-icon5.png');
}
}
.u-steps__item:nth-child(3) .u-steps__item__dot::after {
background-image: url('@/static/workTicketManage/index-icon6.png');
}
.u-steps__item__line {
top: calc(72rpx / 2) !important;
.u-line {
border-color: #038EE4 !important;
border-bottom: 4rpx solid #038EE4 !important;
}
}
.u-steps__item__text--row {
font-weight: 500;
font-size: 30rpx;
color: #1A1A1A !important;
margin-top: 12rpx;
}
}
/deep/ .steps_1 {
.u-steps__item:nth-child(2) .u-steps__item__dot {
background-color: #008DE4 !important;
}
.u-steps__item:nth-child(2) .u-steps__item__line .u-line {
border-color: #038EE4 !important;
border-bottom: 4rpx solid #038EE4 !important;
}
}
/deep/ .steps_2 {
.u-steps__item:nth-child(3) .u-steps__item__dot {
background-color: #008DE4 !important;
}
}
/deep/ .steps_3 {
.u-steps__item:nth-child(1) .u-steps__item__line {
width: 520rpx;
left: 80%;
}
.u-steps__item:nth-child(2) .u-steps__item__line {
opacity: 0;
}
.u-steps__item:nth-child(2) .u-steps__item__dot {
opacity: 0;
}
}
.fixedheader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
/deep/ .headerBox {
border-bottom: none;
}
.headerName {
z-index: 1;
}
}
.new-nodata_height {
min-height: 500rpx;
position: relative;
}
.new-nodata {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
>view {
width: 300rpx;
height: 300rpx;
background-image: url('@/static/staffAttendance/nodata.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
>text {
font-size: 22rpx;
color: #808080;
margin-top: 60rpx;
}
}
.content_main-box1 {
height: 224rpx;
// background-color: #FFFFFF;
padding: 26rpx;
/deep/ .uni-checkbox-input {
width: 32rpx;
height: 32rpx;
}
>view:last-child {
margin-top: 22rpx;
display: flex;
align-items: center;
>image {
width: 80rpx;
height: 104rpx;
border-radius: 6rpx;
}
>view:last-child {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 40rpx;
height: 104rpx;
>view {
display: flex;
>view:first-child {
width: 84rpx;
font-size: 28rpx;
color: #4D4D4D;
text-align: right;
}
>view:last-child {
margin-left: 40rpx;
font-size: 28rpx;
color: #4D4D4D;
}
}
}
}
>view:first-child {
display: flex;
align-items: center;
justify-content: space-between;
>view:first-child {
font-weight: 800;
font-size: 30rpx;
color: #171717;
}
>view:last-child {
width: 90rpx;
height: 42rpx;
background-color: rgba(71, 195, 147, 0.1);
border-radius: 76rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 21rpx;
color: #47C393;
}
.boundalready {
background-color: rgba(113, 75, 0, 0.1) !important;
color: #714B00 !important;
}
}
}
</style>