Skip to content

R
rongtong-app
Commit bb4eb4aa authored by yf's avatar yf
Browse files
Options

Merge branch 'dev-lv' of http://git.censoft.com.cn/rongtong/rongtong-app into dev-yf'

parents 81d1958b c8c956fe
Hide whitespace changes
Inline Side-by-side
Showing with 621 additions and 1266 deletions
src/views/login.vue
View file @ bb4eb4aa
...@@ -2,7 +2,8 @@ ...@@ -2,7 +2,8 @@
<div class="login" :style="{ backgroundImage: `url(${bg})` }"> <div class="login" :style="{ backgroundImage: `url(${bg})` }">
<div class="title"> <div class="title">
<div class="login-logo"> <div class="login-logo">
融通危险源辨识系统 <van-image width="48" height="48" :src="require('@/assets/imgs/logo.png')" />
<span style="margin-left: 6px;">融通危险源辨识系统</span>
</div> </div>
<!-- <div class="login-name">Enterprise Business Data Monitoring</div> --> <!-- <div class="login-name">Enterprise Business Data Monitoring</div> -->
</div> </div>
...@@ -18,30 +19,18 @@ ...@@ -18,30 +19,18 @@
<div class="username-icon"> <div class="username-icon">
<van-image :src="require('@/assets/login/login-username.png')" /> <van-image :src="require('@/assets/login/login-username.png')" />
</div> </div>
<van-field <van-field v-model="username" name="username" label="" placeholder="账号"
v-model="username" :rules="[{ required: true, message: '请填写账号' }]" />
name="username"
label=""
placeholder="账号"
:rules="[{ required: true, message: '请填写账号' }]"
/>
</div> </div>
<div class="passworld-wrap"> <div class="passworld-wrap">
<div class="passworld-icon"> <div class="passworld-icon">
<van-image :src="require('@/assets/login/login-passworld.png')" /> <van-image :src="require('@/assets/login/login-passworld.png')" />
</div> </div>
<van-field <van-field v-model="password" type="password" name="password" placeholder="密码"
v-model="password" :rules="[{ required: true, message: '请填写密码' }]" />
type="password"
name="password"
placeholder="密码"
:rules="[{ required: true, message: '请填写密码' }]"
/>
</div> </div>
<div style="margin: 16px;"> <div style="margin: 16px;">
<van-button round block type="info" native-type="submit" <van-button round block type="info" native-type="submit">登录</van-button>
>登录</van-button
>
</div> </div>
</van-form> </van-form>
</div> </div>
...@@ -50,9 +39,9 @@ ...@@ -50,9 +39,9 @@
</template> </template>
<script> <script>
import { getFun,postFun } from '@/service/table' import { getFun, postFun } from '@/service/table'
import { setToken } from '@/utils/auth' import { setToken } from '@/utils/auth'
import { setUserInfo ,getUserInfo, getLocalUserInfo, setLocalUserInfo} from '@/utils/userInfo' import { setUserInfo, getUserInfo, getLocalUserInfo, setLocalUserInfo } from '@/utils/userInfo'
//引入 //引入
const Base64 = require("js-base64").Base64 const Base64 = require("js-base64").Base64
export default { export default {
...@@ -64,54 +53,54 @@ export default { ...@@ -64,54 +53,54 @@ export default {
password: "" password: ""
}; };
}, },
mounted(){ mounted() {
let height= document.documentElement.clientHeight; //获取当前可视区域的高度 let height = document.documentElement.clientHeight; //获取当前可视区域的高度
document.getElementsByClassName('login')[0].style.height= height + 'px'//给根布局设置高度 document.getElementsByClassName('login')[0].style.height = height + 'px'//给根布局设置高度
// 判断localStorage中是否有用户信息 // 判断localStorage中是否有用户信息
if(getLocalUserInfo()){ if (getLocalUserInfo()) {
this.username = getLocalUserInfo().loginName this.username = getLocalUserInfo().loginName
// 获取解密后的密码 // 获取解密后的密码
// console.log(Base64.decode(getLocalUserInfo().loginPassword)); // base64解密 // console.log(Base64.decode(getLocalUserInfo().loginPassword)); // base64解密
} }
}, },
methods: { methods: {
onSubmit(values) { onSubmit(values) {
this.$toast.loading({ this.$toast.loading({
message:'登录中...', message: '登录中...',
forbidClick: true, forbidClick: true,
loadingType: 'spinner', loadingType: 'spinner',
duration: 0 duration: 0
}) })
postFun('/login',values).then((Response)=>{ postFun('/login', values).then((Response) => {
if(Response.code==200){ if (Response.code == 200) {
this.$toast.clear() this.$toast.clear()
// setLocalUserInfo(user) // setLocalUserInfo(user)
setToken(Response.token) setToken(Response.token)
getFun('/getInfo').then((Response2)=>{ getFun('/getInfo').then((Response2) => {
console.log('%c [ Response2 ]-89', 'font-size:13px; background:pink; color:#bf2c9f;', Response2) console.log('%c [ Response2 ]-89', 'font-size:13px; background:pink; color:#bf2c9f;', Response2)
var userInfo={ var userInfo = {
...Response2.user ...Response2.user
}
/* 存储用户信息 */
setUserInfo(userInfo)
// if(!Response2.data.initializePassword){
// this.$router.push('/save-workbench')
// }else{
// this.$router.push('/reset-pas-two')
// }
this.$router.push('/save-workbench')
})
/* 存储用户信息 */
}else{
this.$toast.clear()
this.$toast.fail({
message:Response.msg,
duration: 2000
})
} }
}) /* 存储用户信息 */
setUserInfo(userInfo)
// if(!Response2.data.initializePassword){
// this.$router.push('/save-workbench')
// }else{
// this.$router.push('/reset-pas-two')
// }
this.$router.push('/save-workbench')
})
/* 存储用户信息 */
} else {
this.$toast.clear()
this.$toast.fail({
message: Response.msg,
duration: 2000
})
}
})
} }
} }
}; };
...@@ -120,28 +109,34 @@ export default { ...@@ -120,28 +109,34 @@ export default {
/* @import url(); 引入css类 */ /* @import url(); 引入css类 */
.login { .login {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
.title{
.title {
padding-top: 22%; padding-top: 22%;
.login-logo {
margin: 0 auto; .login-logo {
font-size: 27px; margin: 0 auto;
text-align: center; font-size: 26px;
color: white; text-align: center;
font-weight: bolder; color: white;
} font-weight: bolder;
.login-name { display: flex;
width: 100%; justify-content: center;
text-align: center; align-items: center;
margin-top: 20px; }
color: #fafbfe;
font-size: 18px; .login-name {
} width: 100%;
text-align: center;
margin-top: 20px;
color: #fafbfe;
font-size: 18px;
}
} }
.con { .con {
width: 345px; width: 345px;
height: 340px; height: 340px;
...@@ -150,22 +145,27 @@ export default { ...@@ -150,22 +145,27 @@ export default {
box-sizing: border-box; box-sizing: border-box;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
.hello { .hello {
color: #004fb1; color: #004fb1;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
.welcome { .welcome {
margin: 15px 0; margin: 15px 0;
color: #7795e0; color: #7795e0;
span { span {
color: #71aaf2; color: #71aaf2;
} }
} }
.login-form { .login-form {
.username-wrap { .username-wrap {
position: relative; position: relative;
border-bottom: 1px solid #d2dcf5; border-bottom: 1px solid #d2dcf5;
.username-icon { .username-icon {
width: 20px; width: 20px;
position: absolute; position: absolute;
...@@ -173,17 +173,21 @@ export default { ...@@ -173,17 +173,21 @@ export default {
top: 9px; top: 9px;
z-index: 100; z-index: 100;
} }
/deep/ .van-field__body { /deep/ .van-field__body {
padding-left: 20px; padding-left: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
/deep/ .van-field__error-message { /deep/ .van-field__error-message {
padding-left: 20px; padding-left: 20px;
} }
} }
.passworld-wrap { .passworld-wrap {
position: relative; position: relative;
border-bottom: 1px solid #d2dcf5; border-bottom: 1px solid #d2dcf5;
.passworld-icon { .passworld-icon {
width: 20px; width: 20px;
position: absolute; position: absolute;
...@@ -191,10 +195,12 @@ export default { ...@@ -191,10 +195,12 @@ export default {
top: 9px; top: 9px;
z-index: 100; z-index: 100;
} }
/deep/ .van-field__body { /deep/ .van-field__body {
padding-left: 20px; padding-left: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
/deep/ .van-field__error-message { /deep/ .van-field__error-message {
padding-left: 20px; padding-left: 20px;
} }
......
src/views/riskProject/add/addCurrent.vue
View file @ bb4eb4aa
...@@ -24,6 +24,10 @@ ...@@ -24,6 +24,10 @@
<van-field readonly required name="name" v-model="form.name" label="风险源名称" placeholder="请输入" <van-field readonly required name="name" v-model="form.name" label="风险源名称" placeholder="请输入"
:rules="[{ required: true, message: '风险源名称不能为空' }]" @click="seletSource()" /> :rules="[{ required: true, message: '风险源名称不能为空' }]" @click="seletSource()" />
<van-field readonly required name="name" v-model="form.name" label="风险点类型" placeholder="请输入"
:rules="[{ required: true, message: '风险点类型不能为空' }]" @click="seletSource()" />
<van-field readonly required name="name" v-model="form.name" label="安全警示标志" placeholder="请输入"
:rules="[{ required: true, message: '安全警示标志不能为空' }]" @click="seletSource()" />
<van-field v-model="form.factor" required name="factor" label="风险因素" placeholder="请选择" <van-field v-model="form.factor" required name="factor" label="风险因素" placeholder="请选择"
@click="seletFactor('factor')" :rules="[{ required: true, message: '风险因素不能为空' }]" /> @click="seletFactor('factor')" :rules="[{ required: true, message: '风险因素不能为空' }]" />
...@@ -48,7 +52,6 @@ ...@@ -48,7 +52,6 @@
<van-uploader @delete="deleteFile(...arguments, 'uploaderImg')" multiple :max-count="5" <van-uploader @delete="deleteFile(...arguments, 'uploaderImg')" multiple :max-count="5"
upload-text="最多上传五个" v-model="uploaderImg"> upload-text="最多上传五个" v-model="uploaderImg">
<template slot="default"> <template slot="default">
<!-- 11111111111 -->
<div style=" <div style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
...@@ -78,7 +81,6 @@ ...@@ -78,7 +81,6 @@
<van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile" <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile"
accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')"> accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')">
<template slot="default"> <template slot="default">
<!-- 11111111111 -->
<div style=" <div style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
...@@ -96,21 +98,32 @@ ...@@ -96,21 +98,32 @@
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<!-- <div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
应采取的管控措施
</div>
<van-field v-model="form.measuresAdministration" name="measuresAdministration" label="" type="textarea"
rows="3" autosize placeholder="请输入" /> -->
<div <div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"> style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt="" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" /> style="position: relative;top: 32%;transform: translateY(-50%);" />
管理措施 应采取的管控措施
</div> </div>
<van-field v-model="form.measuresAdministration" name="measuresAdministration" label="管理措施" <van-field v-model="form.takenMeasuresAdministration" name="takenMeasuresAdministration" label=""
type="textarea" rows="1" autosize placeholder="请输入" /> type="textarea" rows="3" autosize placeholder="请输入" />
<van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea"
rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea"
rows="1" autosize placeholder="请输入" />
<van-field name="measuresAdministrationFile[]" label=" "> <van-field name="measuresAdministrationFile[]" label=" ">
<template #input> <template #input>
<van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile" <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile"
accept="file" result-type="file" accept="file" result-type="file"
@delete="deleteFile(...arguments, 'measuresAdministrationFile')"> @delete="deleteFile(...arguments, 'measuresAdministrationFile')">
<template slot="default"> <template slot="default">
<!-- 11111111111 -->
<div style=" <div style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
...@@ -128,6 +141,44 @@ ...@@ -128,6 +141,44 @@
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
危险源管理
</div>
<van-field required v-model="form.hazardSourceName" name="hazardSourceName" label="危险源名称 "
type="textarea" rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.majorHazardSource" name="majorHazardSource" label="是否存在重大危险源 "
type="textarea" rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="重大危险源描述" type="textarea"
rows="3" autosize placeholder="请输入" />
<van-field v-model="form.majorHazardSourceDescription" name="majorHazardSourceDescription" label="应急措施"
type="textarea" rows="1" autosize placeholder="请输入" />
<van-field name="measuresEmergencyFile[]" label=" ">
<template #input>
<van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile"
accept="file" result-type="file"
@delete="deleteFile(...arguments, 'measuresEmergencyFile')">
<template slot="default">
<div style="
width: 2.13333rem;
height: 2.13333rem;
background: #f7f8fa;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
">
<img src="@/assets/upload/file.png" alt=""
style="width: 0.64rem; height: 0.64rem" />
<span class="van-uploader__upload-text">最多上传五个</span>
</div>
</template>
</van-uploader>
</template>
</van-field>
<div <div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"> style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt="" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
...@@ -166,17 +217,8 @@ ...@@ -166,17 +217,8 @@
style="position: relative;top: 32%;transform: translateY(-50%);" /> style="position: relative;top: 32%;transform: translateY(-50%);" />
参考依据 参考依据
</div> </div>
<!-- <van-field <van-field readonly required clickable name="trouble" :value="form.trouble" label="参考依据"
readonly placeholder="请选择" @click="showTrouble = true" :rules="[{ required: true, message: '事故类型不能为空' }]" />
required
clickable
name="trouble"
:value="form.trouble"
label="参考依据"
placeholder="请选择"
@click="showTrouble = true"
:rules="[{ required: true, message: '事故类型不能为空' }]"
/> -->
<div style="margin: 16px 16px 0"> <div style="margin: 16px 16px 0">
<van-button round block type="info" native-type="submit">提交</van-button> <van-button round block type="info" native-type="submit">提交</van-button>
...@@ -382,8 +424,8 @@ export default { ...@@ -382,8 +424,8 @@ export default {
}, },
methods: { methods: {
timestampToTimes(time) { timestampToTimes(time) {
return timestampToTime(new Date(time), "DT2", true); return timestampToTime(new Date(time), "DT2", true);
}, },
tabList(value) { tabList(value) {
console.log( console.log(
"%c [ value ]-527", "%c [ value ]-527",
...@@ -485,9 +527,9 @@ export default { ...@@ -485,9 +527,9 @@ export default {
buildingId: this.buildingId, buildingId: this.buildingId,
planId: this.inherentId, planId: this.inherentId,
floorId: this.form.floorId, floorId: this.form.floorId,
floorName:this.form.floorName, floorName: this.form.floorName,
projectName:this.form.projectName, projectName: this.form.projectName,
projectId:this.form.projectId, projectId: this.form.projectId,
roomName: this.form.roomName, roomName: this.form.roomName,
roomId: this.form.roomId roomId: this.form.roomId
} }
......
src/views/riskProject/add/addInherent.vue
View file @ bb4eb4aa
<template> <template>
<div> <div>
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
<van-form <van-form @submit="onSubmit" :scroll-to-error="true" :show-error="false" validate-trigger="onSubmit">
@submit="onSubmit" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
:scroll-to-error="true" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
:show-error="false" style="position: relative;top: 32%;transform: translateY(-50%);" />
validate-trigger="onSubmit"
>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险信息 风险信息
</div> </div>
<van-field <van-field readonly required name="userName" :value="form.userName" label="评估人" placeholder="请输入" />
readonly <van-field readonly required name="projectId" :value="form.projectId" label="所属项目" placeholder="请输入" />
required <van-field readonly required name="buildingName" :value="form.buildingName" label="所属建筑物" placeholder="请输入 " />
name="userName"
:value="form.userName"
label="评估人"
placeholder="请输入"
/>
<van-field
readonly
required
name="projectId"
:value="form.projectId"
label="所属项目"
placeholder="请输入"
/>
<van-field
readonly
required
name="buildingName"
:value="form.buildingName"
label="所属建筑物"
placeholder="请输入 "
/>
<van-field <van-field required clickable name="floorName" :value="form.floorName" label="所属楼层" placeholder="请选择"
required @click="seletFloor('floor')" :rules="[{ required: true, message: '所属楼层不能为空' }]" />
clickable
name="floorName"
:value="form.floorName"
label="所属楼层"
placeholder="请选择"
@click="seletFloor('floor')"
:rules="[{ required: true, message: '所属楼层不能为空' }]"
/>
<div style="display: flex;"> <div style="display: flex;">
<van-field <van-field readonly required name="roomName" :value="form.roomName" label="所属房间" placeholder="请输入"
readonly @click="seletRoom('room')" :rules="[{ required: true, message: '所属房间不能为空' }]" />
required <van-button style="color: #cccc;background-color: #f0f1f5;" icon="plus" type="info" native-type="button"
name="roomName" @click="tjfjClcik" />
:value="form.roomName"
label="所属房间"
placeholder="请输入"
@click="seletRoom('room')"
:rules="[{ required: true, message: '所属房间不能为空' }]"
/>
<van-button
style="color: #cccc;background-color: #f0f1f5;"
icon="plus"
type="info"
native-type="button"
@click="tjfjClcik"
/>
</div> </div>
<van-field <van-field required clickable name="name" v-model="form.name" label="危险源名称" placeholder="请输入"
required :rules="[{ required: true, message: '危险源名称不能为空' }]" />
clickable <van-field required clickable name="name" v-model="form.name" label="风险点类型" placeholder="请输入"
name="name" :rules="[{ required: true, message: '风险点类型不能为空' }]" />
v-model="form.name" <van-field required clickable name="name" v-model="form.name" label="安全警示标志" placeholder="请输入"
label="风险源名称" :rules="[{ required: true, message: '安全警示标志不能为空' }]" />
placeholder="请输入" <van-field v-model="form.factor" readonly required name="factor" label="风险因素" placeholder="请选择"
:rules="[{ required: true, message: '风险源名称不能为空' }]" @click="seletFactor('factor')" :rules="[{ required: true, message: '风险因素不能为空' }]" />
/>
<van-field
v-model="form.factor"
readonly
required
name="factor"
label="风险因素"
placeholder="请选择"
@click="seletFactor('factor')"
:rules="[{ required: true, message: '风险因素不能为空' }]"
/>
<van-field <van-field readonly v-model="form.type" required name="type" label="准事故类型" placeholder="请选择"
readonly @click="seletType('type')" :rules="[{ required: true, message: '准事故类型不能为空' }]" />
v-model="form.type"
required
name="type"
label="准事故类型"
placeholder="请选择"
@click="seletType('type')"
:rules="[{ required: true, message: '准事故类型不能为空' }]"
/>
<van-field <van-field readonly v-model="form.level" required name="level" label="风险等级" placeholder="请选择" @click="seletGrade"
readonly :rules="[{ required: true, message: '风险等级不能为空' }]" />
v-model="form.level"
required
name="level"
label="风险等级"
placeholder="请选择"
@click="seletGrade"
:rules="[{ required: true, message: '风险等级不能为空' }]"
/>
<!-- <van-field readonly v-model="form.level" required name="level" label="风险等级" placeholder="请选择" <!-- <van-field readonly v-model="form.level" required name="level" label="风险等级" placeholder="请选择"
@click="seletGrade('level')" :rules="[{ required: true, message: '风险等级不能为空' }]" /> --> @click="seletGrade('level')" :rules="[{ required: true, message: '风险等级不能为空' }]" /> -->
<van-field <van-field required name="presenceLocation" v-model="form.presenceLocation" label="存在部位" placeholder="请输入"
required :rules="[{ required: true, message: '存在部位不能为空' }]" />
name="presenceLocation"
v-model="form.presenceLocation"
label="存在部位"
placeholder="请输入"
:rules="[{ required: true, message: '存在部位不能为空' }]"
/>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险源图片 风险源图片
</div> </div>
<van-field name="hdPicture1" label="风险源图片"> <van-field name="hdPicture1" label="风险源图片">
<template #input> <template #input>
<van-uploader <van-uploader @delete="deleteFile(...arguments, 'uploaderImg')" multiple :max-count="5" upload-text="最多上传五个"
@delete="deleteFile(...arguments, 'uploaderImg')" v-model="uploaderImg">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="uploaderImg"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <!-- 11111111111 -->
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -156,53 +60,27 @@ ...@@ -156,53 +60,27 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/pic.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/pic.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
技术措施 技术措施
</div> </div>
<van-field <van-field v-model="form.measuresProject" name="measuresProject" label="技术措施" type="textarea" rows="1" autosize
v-model="form.measuresProject" placeholder="请输入" />
name="measuresProject" <van-field name="measuresProjectFile[]" label="上传附件">
label="技术措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresProjectFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresProjectFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresProjectFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -210,20 +88,15 @@ ...@@ -210,20 +88,15 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <!-- <div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
> >
<img <img
...@@ -231,32 +104,37 @@ ...@@ -231,32 +104,37 @@
alt="" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" style="position: relative;top: 32%;transform: translateY(-50%);"
/> />
管理措施 应采取的管控措施
</div> </div>
<van-field <van-field
v-model="form.measuresAdministration" v-model="form.measuresAdministration"
name="measuresAdministration" name="measuresAdministration"
label="管理措施" label=""
type="textarea" type="textarea"
rows="1" rows="3"
autosize autosize
placeholder="请输入" placeholder="请输入"
/> /> -->
<div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
应采取的管控措施
</div>
<van-field v-model="form.takenMeasuresAdministration" name="takenMeasuresAdministration" label="" type="textarea"
rows="3" autosize placeholder="请输入" />
<van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea" rows="1"
autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea" rows="1"
autosize placeholder="请输入" />
<van-field name="measuresAdministrationFile[]" label=" "> <van-field name="measuresAdministrationFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresAdministrationFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresAdministrationFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresAdministrationFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -264,53 +142,45 @@ ...@@ -264,53 +142,45 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img 危险源管理
src="@/assets/accidentIcon/bookmark.svg" </div>
alt="" <van-field v-model="form.hazardSourceName" name="hazardSourceName" label="危险源名称 " type="textarea" rows="1" autosize
style="position: relative;top: 32%;transform: translateY(-50%);" placeholder="请输入" />
/>
<van-field v-model="form.majorHazardSource" name="majorHazardSource" label="是否存在重大危险源 " type="textarea" rows="1"
autosize placeholder="请输入" />
<div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
重大危险源描述
</div>
<van-field v-model="form.majorHazardSourceDescription" name="majorHazardSourceDescription" label=" " type="textarea"
rows="3" autosize placeholder="请输入" />
<div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
应急措施 应急措施
</div> </div>
<van-field <van-field v-model="form.measuresEmergency" name="measuresEmergency" label="应急措施" type="textarea" rows="1" autosize
v-model="form.measuresEmergency" placeholder="请输入" />
name="measuresEmergency"
label="应急措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresEmergencyFile[]" label=" "> <van-field name="measuresEmergencyFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresEmergencyFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresEmergencyFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresEmergencyFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <!-- 11111111111 -->
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -318,182 +188,77 @@ ...@@ -318,182 +188,77 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
> <img src="@/assets/accidentIcon/bookmark.svg" alt=""
<img style="position: relative;top: 32%;transform: translateY(-50%);" />
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
参考依据 参考依据
</div> </div>
<!-- <van-field <van-field readonly required clickable name="trouble" :value="form.trouble" label="参考依据" placeholder="请选择"
readonly @click="showTrouble = true" :rules="[{ required: true, message: '事故类型不能为空' }]" />
required <van-dialog v-model="showGradeDialog" title="风险评测配置" :show-cancel-button="false" :show-confirm-button="false">
clickable
name="trouble"
:value="form.trouble"
label="参考依据"
placeholder="请选择"
@click="showTrouble = true"
:rules="[{ required: true, message: '事故类型不能为空' }]"
/> -->
<van-dialog
v-model="showGradeDialog"
title="风险评测配置"
:show-cancel-button="false"
:show-confirm-button="false"
>
<div class="dialogContain"> <div class="dialogContain">
<van-collapse v-model="activeNames"> <van-collapse v-model="activeNames">
<van-collapse-item title="风险模型" name="1"> <van-collapse-item title="风险模型" name="1">
<van-field <van-field readonly required name="level" label="当前风险模型" placeholder="LS风险矩阵评估模型" />
readonly
required
name="level"
label="当前风险模型"
placeholder="LS风险矩阵评估模型"
/>
</van-collapse-item> </van-collapse-item>
<van-collapse-item title="风险模型配置" name="2"> <van-collapse-item title="风险模型配置" name="2">
<van-popover <van-popover v-model="showPopover" trigger="click" :actions="columnsRiskRank" @select="onSelect">
v-model="showPopover"
trigger="click"
:actions="columnsRiskRank"
@select="onSelect"
>
<template #reference> <template #reference>
<van-field <van-field v-model="possibleValue" readonly required name="level" label="发生的可能性" placeholder="请选择" />
v-model="possibleValue"
readonly
required
name="level"
label="发生的可能性"
placeholder="请选择"
/>
</template> </template>
</van-popover> </van-popover>
<van-popover <van-popover v-model="showPopoveSetRank" trigger="click" :actions="columnsSetRank"
v-model="showPopoveSetRank" @select="onSelectSetRank">
trigger="click"
:actions="columnsSetRank"
@select="onSelectSetRank"
>
<template #reference> <template #reference>
<van-field <van-field v-model="severityValue" readonly required name="level" label="后果严重程度" placeholder="请选择" />
v-model="severityValue"
readonly
required
name="level"
label="后果严重程度"
placeholder="请选择"
/>
</template> </template>
</van-popover> </van-popover>
</van-collapse-item> </van-collapse-item>
</van-collapse> </van-collapse>
<van-row type="flex" justify="center" style="margin-top:10px"> <van-row type="flex" justify="center" style="margin-top:10px">
<van-col span="6" <van-col span="6"><van-button size="small" plain native-type="button" type="info"
><van-button @click="showGradeDialog = false">取消</van-button></van-col>
size="small" <van-col span="6"><van-button size="small" type="info" native-type="button"
plain @click="goResultPage">开始测评</van-button></van-col>
native-type="button"
type="info"
@click="showGradeDialog = false"
>取消</van-button
></van-col
>
<van-col span="6"
><van-button
size="small"
type="info"
native-type="button"
@click="goResultPage"
>开始测评</van-button
></van-col
>
</van-row> </van-row>
</div> </div>
</van-dialog> </van-dialog>
<van-popup v-model="showTrouble" position="bottom"> <van-popup v-model="showTrouble" position="bottom">
<van-picker <van-picker show-toolbar value-key="name" :columns="columnsTrouble" @confirm="onConTrouble"
show-toolbar @cancel="showTrouble = false" />
value-key="name"
:columns="columnsTrouble"
@confirm="onConTrouble"
@cancel="showTrouble = false"
/>
</van-popup> </van-popup>
<van-popup v-model="showSource" position="bottom"> <van-popup v-model="showSource" position="bottom">
<van-picker <van-picker show-toolbar value-key="name" :columns="columnsSource" @confirm="onConSource"
show-toolbar @cancel="showSource = false" />
value-key="name"
:columns="columnsSource"
@confirm="onConSource"
@cancel="showSource = false"
/>
</van-popup> </van-popup>
<!-- 楼层弹出层 --> <!-- 楼层弹出层 -->
<van-popup <van-popup v-model="ShowfloorList" position="bottom" :style="{ height: '100%' }">
v-model="ShowfloorList" <selectFloor :listdata="floorSource" @closeSlect="closeSlectfloor" @saveSlect="saveSlectfloor"></selectFloor>
position="bottom"
:style="{ height: '100%' }"
>
<selectFloor
:listdata="floorSource"
@closeSlect="closeSlectfloor"
@saveSlect="saveSlectfloor"
></selectFloor>
</van-popup> </van-popup>
<!-- 风险源弹出层 --> <!-- 风险源弹出层 -->
<van-popup <van-popup v-model="ShowSelectList" position="bottom" :style="{ height: '100%' }">
v-model="ShowSelectList" <selectList :listdata="columnsTrouble" @closeSlect="closeSlect" @saveSlect="saveSlect"></selectList>
position="bottom"
:style="{ height: '100%' }"
>
<selectList
:listdata="columnsTrouble"
@closeSlect="closeSlect"
@saveSlect="saveSlect"
></selectList>
</van-popup> </van-popup>
<!-- 准事故类型 --> <!-- 准事故类型 -->
<van-popup <van-popup v-model="ShowAccidentList" position="bottom" :style="{ height: '100%' }">
v-model="ShowAccidentList" <selectList :listdata="columnsAccident" @closeSlect="closeSlectAccident" @saveSlect="saveSlectAccident">
position="bottom"
:style="{ height: '100%' }"
>
<selectList
:listdata="columnsAccident"
@closeSlect="closeSlectAccident"
@saveSlect="saveSlectAccident"
>
</selectList> </selectList>
</van-popup> </van-popup>
<div style="margin: 16px 16px 0"> <div style="margin: 16px 16px 0">
<van-button round block type="info" native-type="submit" <van-button round block type="info" native-type="submit">提交</van-button>
>提交</van-button
>
</div> </div>
</van-form> </van-form>
<div style="margin: 10px 16px 0px; padding-bottom: 16px"> <div style="margin: 10px 16px 0px; padding-bottom: 16px">
<van-button round block type="warning" @click.native="cancel" <van-button round block type="warning" @click.native="cancel">取消</van-button>
>取消</van-button
>
</div> </div>
</div> </div>
</template> </template>
......
src/views/riskProject/add/addPresent.vue
View file @ bb4eb4aa
<template> <template>
<div> <div>
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
<van-form <van-form @submit="onSubmit" :scroll-to-error="true" :show-error="false" validate-trigger="onSubmit">
@submit="onSubmit" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
:scroll-to-error="true" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
:show-error="false" style="position: relative;top: 32%;transform: translateY(-50%);" />
validate-trigger="onSubmit"
>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险信息 风险信息
</div> </div>
<van-field <van-field readonly required name="userName" :value="form.userName" label="评估人" placeholder="请输入" />
readonly <van-field readonly required name="projectName" :value="form.projectName" label="所属项目" placeholder="请输入" />
required <van-field readonly required name="buildingName" :value="form.buildingName" label="所属建筑物" placeholder="请输入" />
name="userName"
:value="form.userName"
label="评估人"
placeholder="请输入"
/>
<van-field
readonly
required
name="projectName"
:value="form.projectName"
label="所属项目"
placeholder="请输入"
/>
<van-field
readonly
required
name="buildingName"
:value="form.buildingName"
label="所属建筑物"
placeholder="请输入"
/>
<van-field <van-field required readonly name="floorName" :value="form.floorName" label="所属楼层" placeholder="请选择"
required :rules="[{ required: true, message: '所属楼层不能为空' }]" />
readonly
name="floorName"
:value="form.floorName"
label="所属楼层"
placeholder="请选择"
:rules="[{ required: true, message: '所属楼层不能为空' }]"
/>
<van-field <van-field readonly required name="roomName" :value="form.roomName" label="所属房间" placeholder="请输入"
readonly :rules="[{ required: true, message: '所属房间不能为空' }]" />
required
name="roomName"
:value="form.roomName"
label="所属房间"
placeholder="请输入"
:rules="[{ required: true, message: '所属房间不能为空' }]"
/>
<van-field <van-field required name="name" v-model="form.name" label="危险源名称" placeholder="请输入"
required :rules="[{ required: true, message: '危险源名称不能为空' }]" />
name="name" <van-field readonly v-model="form.factor" required name="factor" label="风险因素" placeholder="请选择"
v-model="form.name" @click="seletFactor('factor')" :rules="[{ required: true, message: '风险因素不能为空' }]" />
label="风险源名称"
placeholder="请输入"
:rules="[{ required: true, message: '风险源名称不能为空' }]"
/>
<van-field
readonly
v-model="form.factor"
required
name="factor"
label="风险因素"
placeholder="请选择"
@click="seletFactor('factor')"
:rules="[{ required: true, message: '风险因素不能为空' }]"
/>
<van-field <van-field readonly v-model="form.type" required name="type" label="准事故类型" placeholder="请选择"
readonly @click="seletType('type')" :rules="[{ required: true, message: '准事故类型不能为空' }]" />
v-model="form.type"
required
name="type"
label="准事故类型"
placeholder="请选择"
@click="seletType('type')"
:rules="[{ required: true, message: '准事故类型不能为空' }]"
/>
<!-- <van-field <van-field
readonly readonly
v-model="form.level" v-model="form.level"
required required
...@@ -101,7 +34,7 @@ ...@@ -101,7 +34,7 @@
placeholder="请选择" placeholder="请选择"
@click="seletGrade('level')" @click="seletGrade('level')"
:rules="[{ required: true, message: '风险等级不能为空' }]" :rules="[{ required: true, message: '风险等级不能为空' }]"
/> --> />
<!-- <van-field <!-- <van-field
readonly readonly
v-model="form.level" v-model="form.level"
...@@ -113,92 +46,48 @@ ...@@ -113,92 +46,48 @@
:rules="[{ required: true, message: '风险等级不能为空' }]" :rules="[{ required: true, message: '风险等级不能为空' }]"
/> --> /> -->
<van-field <van-field required name="presenceLocation" v-model="form.presenceLocation" label="存在部位" placeholder="请输入"
required :rules="[{ required: true, message: '存在部位不能为空' }]" />
name="presenceLocation"
v-model="form.presenceLocation"
label="存在部位"
placeholder="请输入"
:rules="[{ required: true, message: '存在部位不能为空' }]"
/>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险源图片 风险源图片
</div> </div>
<van-field name="hdPicture1" label="风险源图片"> <van-field name="hdPicture1" label="风险源图片">
<template #input> <template #input>
<van-uploader <van-uploader @delete="deleteFile(...arguments, 'uploaderImg')" multiple :max-count="5" upload-text="最多上传五个"
@delete="deleteFile(...arguments, 'uploaderImg')" v-model="uploaderImg">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="uploaderImg"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div width: 2.13333rem;
style=" height: 2.13333rem;
width: 2.13333rem; background: #f7f8fa;
height: 2.13333rem; display: flex;
background: #f7f8fa; align-items: center;
display: flex; justify-content: center;
align-items: center; flex-direction: column;
justify-content: center; ">
flex-direction: column; <img src="@/assets/upload/pic.png" alt="" style="width: 0.64rem; height: 0.64rem" />
"
>
<img
src="@/assets/upload/pic.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
技术措施 技术措施
</div> </div>
<van-field <van-field v-model="form.measuresProject" name="measuresProject" label="技术措施" type="textarea" rows="1" autosize
v-model="form.measuresProject" placeholder="请输入" />
name="measuresProject"
label="技术措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresProjectFile[]" label=" "> <van-field name="measuresProjectFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresProjectFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresProjectFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -206,107 +95,66 @@ ...@@ -206,107 +95,66 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <!-- <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img 应采取的管控措施
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
管理措施
</div> </div>
<van-field <van-field v-model="form.measuresAdministration" name="measuresAdministration" label="" type="textarea" rows="3"
v-model="form.measuresAdministration" autosize placeholder="请输入" /> -->
name="measuresAdministration" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
label="管理措施" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
type="textarea" style="position: relative;top: 32%;transform: translateY(-50%);" />
rows="1" 已采取的管控措施
autosize </div>
placeholder="请输入" <van-field v-model="form.takenMeasuresAdministration" name="takenMeasuresAdministration" label="" type="textarea" rows="3"
/> autosize placeholder="请输入" />
<van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位" type="textarea" rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人" type="textarea" rows="1"
autosize placeholder="请输入" />
<van-field name="measuresAdministrationFile[]" label=" "> <van-field name="measuresAdministrationFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresAdministrationFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresAdministrationFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresAdministrationFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div width: 2.13333rem;
style=" height: 2.13333rem;
width: 2.13333rem; background: #f7f8fa;
height: 2.13333rem; display: flex;
background: #f7f8fa; align-items: center;
display: flex; justify-content: center;
align-items: center; flex-direction: column;
justify-content: center; ">
flex-direction: column; <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
"
>
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
应急措施 应急措施
</div> </div>
<van-field <van-field v-model="form.measuresEmergency" name="measuresEmergency" label="应急措施" type="textarea" rows="1" autosize
v-model="form.measuresEmergency" placeholder="请输入" />
name="measuresEmergency"
label="应急措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresEmergencyFile[]" label=" "> <van-field name="measuresEmergencyFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile" accept="file"
multiple result-type="file" @delete="deleteFile(...arguments, 'measuresEmergencyFile')">
:max-count="5"
upload-text="最多上传五个"
v-model="measuresEmergencyFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresEmergencyFile')"
>
<template slot="default"> <template slot="default">
<!-- 11111111111 --> <div style="
<div
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -314,13 +162,8 @@ ...@@ -314,13 +162,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
...@@ -328,166 +171,68 @@ ...@@ -328,166 +171,68 @@
</template> </template>
</van-field> </van-field>
<!-- v-if="this.$route.params.isView" --> <!-- v-if="this.$route.params.isView" -->
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
参考依据 参考依据
</div> </div>
<!-- <van-field <van-field readonly required name="trouble" :value="form.trouble" label="参考依据" placeholder="请选择"
readonly @click="showTrouble = true" :rules="[{ required: true, message: '事故类型不能为空' }]" />
required
clickable
name="trouble"
:value="form.trouble"
label="参考依据"
placeholder="请选择"
@click="showTrouble = true"
:rules="[{ required: true, message: '事故类型不能为空' }]"
/> -->
<van-popup v-model="showTrouble" position="bottom"> <van-popup v-model="showTrouble" position="bottom">
<van-picker <van-picker show-toolbar value-key="name" :columns="columnsTrouble" @confirm="onConTrouble"
show-toolbar @cancel="showTrouble = false" />
value-key="name"
:columns="columnsTrouble"
@confirm="onConTrouble"
@cancel="showTrouble = false"
/>
</van-popup> </van-popup>
<van-popup v-model="showSource" position="bottom"> <van-popup v-model="showSource" position="bottom">
<van-picker <van-picker show-toolbar value-key="name" :columns="columnsSource" @confirm="onConSource"
show-toolbar @cancel="showSource = false" />
value-key="name"
:columns="columnsSource"
@confirm="onConSource"
@cancel="showSource = false"
/>
</van-popup> </van-popup>
<!-- 楼层弹出层 --> <!-- 楼层弹出层 -->
<van-popup <van-popup v-model="ShowfloorList" position="bottom" :style="{ height: '100%' }">
v-model="ShowfloorList" <selectFloor :listdata="floorSource" @closeSlect="closeSlectfloor" @saveSlect="saveSlectfloor"></selectFloor>
position="bottom"
:style="{ height: '100%' }"
>
<selectFloor
:listdata="floorSource"
@closeSlect="closeSlectfloor"
@saveSlect="saveSlectfloor"
></selectFloor>
</van-popup> </van-popup>
<!-- 风险源弹出层 --> <!-- 风险源弹出层 -->
<van-popup <van-popup v-model="ShowSelectList" position="bottom" :style="{ height: '100%' }">
v-model="ShowSelectList" <selectList :listdata="columnsTrouble" @closeSlect="closeSlect" @saveSlect="saveSlect"></selectList>
position="bottom"
:style="{ height: '100%' }"
>
<selectList
:listdata="columnsTrouble"
@closeSlect="closeSlect"
@saveSlect="saveSlect"
></selectList>
</van-popup> </van-popup>
<!-- 准事故类型 --> <!-- 准事故类型 -->
<van-popup <van-popup v-model="ShowAccidentList" position="bottom" :style="{ height: '100%' }">
v-model="ShowAccidentList" <selectList :listdata="columnsAccident" @closeSlect="closeSlectAccident" @saveSlect="saveSlectAccident">
position="bottom"
:style="{ height: '100%' }"
>
<selectList
:listdata="columnsAccident"
@closeSlect="closeSlectAccident"
@saveSlect="saveSlectAccident"
>
</selectList> </selectList>
</van-popup> </van-popup>
<!-- v-if="this.$route.params.isView" --> <!-- v-if="this.$route.params.isView" -->
<div style="margin: 16px 16px 0"> <div style="margin: 16px 16px 0">
<van-button round block type="info" native-type="submit" <van-button round block type="info" native-type="submit">提交</van-button>
>提交</van-button
>
</div> </div>
</van-form> </van-form>
<van-dialog <van-dialog v-model="showGradeDialog" title="风险评测配置" :show-cancel-button="false" :show-confirm-button="false">
v-model="showGradeDialog"
title="风险评测配置"
:show-cancel-button="false"
:show-confirm-button="false"
>
<div class="dialogContain"> <div class="dialogContain">
<van-collapse v-model="activeNames"> <van-collapse v-model="activeNames">
<van-collapse-item title="风险模型" name="1"> <van-collapse-item title="风险模型" name="1">
<van-field <van-field readonly required name="level" label="当前风险模型" placeholder="LS风险矩阵评估模型" />
readonly
required
name="level"
label="当前风险模型"
placeholder="LS风险矩阵评估模型"
/>
</van-collapse-item> </van-collapse-item>
<van-collapse-item title="风险模型配置" name="2"> <van-collapse-item title="风险模型配置" name="2">
<van-popover <van-popover v-model="showPopover" trigger="click" :actions="columnsRiskRank" @select="onSelect">
v-model="showPopover"
trigger="click"
:actions="columnsRiskRank"
@select="onSelect"
>
<template #reference> <template #reference>
<van-field <van-field v-model="possibleValue" readonly required name="level" label="发生的可能性" placeholder="请选择" />
v-model="possibleValue"
readonly
required
name="level"
label="发生的可能性"
placeholder="请选择"
/>
</template> </template>
</van-popover> </van-popover>
<van-popover <van-popover v-model="showPopoveSetRank" trigger="click" :actions="columnsSetRank" @select="onSelectSetRank">
v-model="showPopoveSetRank"
trigger="click"
:actions="columnsSetRank"
@select="onSelectSetRank"
>
<template #reference> <template #reference>
<van-field <van-field v-model="severityValue" readonly required name="level" label="后果严重程度" placeholder="请选择" />
v-model="severityValue"
readonly
required
name="level"
label="后果严重程度"
placeholder="请选择"
/>
</template> </template>
</van-popover> </van-popover>
</van-collapse-item> </van-collapse-item>
</van-collapse> </van-collapse>
<van-row type="flex" justify="center" style="margin-top:10px"> <van-row type="flex" justify="center" style="margin-top:10px">
<van-col span="6" <van-col span="6"><van-button size="small" plain type="info"
><van-button @click="showGradeDialog = false">取消</van-button></van-col>
size="small" <van-col span="6"><van-button size="small" type="info" @click="goResultPage">开始测评</van-button></van-col>
plain
type="info"
@click="showGradeDialog = false"
>取消</van-button
></van-col
>
<van-col span="6"
><van-button size="small" type="info" @click="goResultPage"
>开始测评</van-button
></van-col
>
</van-row> </van-row>
</div> </div>
</van-dialog> </van-dialog>
<!-- v-if="this.$route.params.isView" --> <!-- v-if="this.$route.params.isView" -->
<div style="margin: 10px 16px 0px; padding-bottom: 16px"> <div style="margin: 10px 16px 0px; padding-bottom: 16px">
<van-button round block type="warning" @click.native="cancel" <van-button round block type="warning" @click.native="cancel">取消</van-button>
>取消</van-button
>
</div> </div>
</div> </div>
</template> </template>
...@@ -515,7 +260,7 @@ export default { ...@@ -515,7 +260,7 @@ export default {
selectFloor, selectFloor,
SelectList SelectList
}, },
activated() {}, activated() { },
beforeRouteEnter(to, from, next) { beforeRouteEnter(to, from, next) {
if (from.name == "addCurrent") { if (from.name == "addCurrent") {
sessionStorage.setItem("presentForm", ""); sessionStorage.setItem("presentForm", "");
...@@ -761,7 +506,7 @@ export default { ...@@ -761,7 +506,7 @@ export default {
} }
}); });
}, },
performTasks() {}, performTasks() { },
// 点击预览图 // 点击预览图
clickPre(e) { clickPre(e) {
console.log(e); console.log(e);
......
src/views/riskProject/add/index.vue
View file @ bb4eb4aa
...@@ -46,7 +46,6 @@ ...@@ -46,7 +46,6 @@
<van-field <van-field
required required
clickable
name="projectName" name="projectName"
:value="form.projectName" :value="form.projectName"
label="关联项目" label="关联项目"
...@@ -85,7 +84,6 @@ ...@@ -85,7 +84,6 @@
</div> </div>
<van-field <van-field
required required
clickable
name="deptName" name="deptName"
:value="form.deptName" :value="form.deptName"
label="评估小组选择" label="评估小组选择"
...@@ -96,7 +94,6 @@ ...@@ -96,7 +94,6 @@
<van-field <van-field
required required
clickable
name="leaderUserName" name="leaderUserName"
:value="form.leaderUserName" :value="form.leaderUserName"
label="评估小组组长" label="评估小组组长"
...@@ -106,7 +103,6 @@ ...@@ -106,7 +103,6 @@
/> />
<van-field <van-field
clickable
required required
name="workUserNames" name="workUserNames"
:value="form.workUserNames" :value="form.workUserNames"
...@@ -127,7 +123,6 @@ ...@@ -127,7 +123,6 @@
/> />
<van-field <van-field
clickable
:value="form.endTime" :value="form.endTime"
required required
name="endTime" name="endTime"
......
src/views/riskProject/add/taskList.vue
View file @ bb4eb4aa
...@@ -178,9 +178,9 @@ ...@@ -178,9 +178,9 @@
<van-col span="20"> <van-col span="20">
<van-col span="5"> <van-col span="5">
<van-image <van-image
width="46" width="58"
height="74" height="58"
src="http://rongtongpc.censoft.com.cn/dev-api/profile/upload/2023/07/08/guyou.png" :src="require('@/assets/imgs/inherentOrange.png')"
/> />
<!-- <van-image width="46" height="46" :src="item.avatar" /> --> <!-- <van-image width="46" height="46" :src="item.avatar" /> -->
</van-col> </van-col>
......
src/views/riskProject/taskLedger/presentDetail.vue
View file @ bb4eb4aa
...@@ -3,105 +3,53 @@ ...@@ -3,105 +3,53 @@
<van-sticky offset-top="0"> <van-sticky offset-top="0">
<LHeader :text="text"></LHeader> <LHeader :text="text"></LHeader>
</van-sticky> </van-sticky>
<van-form <van-form :scroll-to-error="true" :show-error="false" validate-trigger="onSubmit">
:scroll-to-error="true" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
:show-error="false" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
validate-trigger="onSubmit" style="position: relative;top: 32%;transform: translateY(-50%);" />
>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险信息 风险信息
</div> </div>
<van-field readonly required label="评估人" placeholder="请输入" /> <van-field readonly required label="评估人" placeholder="请输入" />
<van-field readonly required label="所属项目" placeholder="请输入" /> <van-field readonly required label="所属项目" placeholder="请输入" />
<van-field readonly required label="所属建筑物" placeholder="请输入" /> <van-field readonly required label="所属建筑物" placeholder="请输入" />
<van-field <van-field required clickable name="floorName" label="所属楼层" placeholder="请选择"
required :rules="[{ required: true, message: '所属楼层不能为空' }]" />
clickable
name="floorName"
label="所属楼层"
placeholder="请选择"
:rules="[{ required: true, message: '所属楼层不能为空' }]"
/>
<div style="display: flex;"> <div style="display: flex;">
<van-field <van-field readonly required name="roomName" label="所属房间" placeholder="请输入"
readonly :rules="[{ required: true, message: '所属房间不能为空' }]" />
required
name="roomName"
label="所属房间"
placeholder="请输入"
:rules="[{ required: true, message: '所属房间不能为空' }]"
/>
<!-- <van-button style="color: #cccc;background-color: #f0f1f5;" icon="plus" type="info" /> --> <!-- <van-button style="color: #cccc;background-color: #f0f1f5;" icon="plus" type="info" /> -->
</div> </div>
<van-field <van-field required clickable name="name" label="风险源名称" placeholder="请输入"
required :rules="[{ required: true, message: '风险源名称不能为空' }]" />
clickable <van-field required name="factor" label="风险因素" placeholder="请选择"
name="name" :rules="[{ required: true, message: '风险因素不能为空' }]" />
label="风险源名称" <van-field required name="type" label="准事故类型" placeholder="请选择"
placeholder="请输入" :rules="[{ required: true, message: '准事故类型不能为空' }]" />
:rules="[{ required: true, message: '风险源名称不能为空' }]" <van-field readonly required name="level" label="风险等级" placeholder="请选择"
/> :rules="[{ required: true, message: '风险等级不能为空' }]" />
<van-field
required
name="factor"
label="风险因素"
placeholder="请选择"
:rules="[{ required: true, message: '风险因素不能为空' }]"
/>
<van-field
required
name="type"
label="准事故类型"
placeholder="请选择"
:rules="[{ required: true, message: '准事故类型不能为空' }]"
/>
<van-field <van-field required name="presenceLocation" label="存在部位" placeholder="请输入"
required :rules="[{ required: true, message: '存在部位不能为空' }]" />
name="presenceLocation" <!-- <van-field
label="存在部位"
placeholder="请输入"
:rules="[{ required: true, message: '存在部位不能为空' }]"
/>
<van-field
readonly readonly
required required
name="level" name="level"
label="风险管控措施评价" label="风险管控措施评价"
placeholder="请选择" placeholder="请选择"
:rules="[{ required: true, message: '风险等级不能为空' }]" :rules="[{ required: true, message: '风险等级不能为空' }]"
/> /> -->
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险源图片 风险源图片
</div> </div>
<van-field name="hdPicture1" label="风险源图片"> <van-field name="hdPicture1" label="风险源图片">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" disabled upload-text="最多上传五个" v-model="uploaderImg">
multiple
:max-count="5"
disabled
upload-text="最多上传五个"
v-model="uploaderImg"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -109,53 +57,26 @@ ...@@ -109,53 +57,26 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/pic.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/pic.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img 技术措施
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
现有技术措施
</div> </div>
<van-field <van-field disabled name="measuresProject" label="技术措施" type="textarea" rows="1" autosize placeholder="请输入" />
disabled
name="measuresProject"
label="技术措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresProjectFile[]" label=" "> <van-field name="measuresProjectFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile" accept="file"
disabled result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresProjectFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresProjectFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -163,53 +84,39 @@ ...@@ -163,53 +84,39 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <!-- <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
> <img src="@/assets/accidentIcon/bookmark.svg" alt=""
<img style="position: relative;top: 32%;transform: translateY(-50%);" />
src="@/assets/accidentIcon/bookmark.svg" 应采取的管控措施
alt="" </div>
style="position: relative;top: 32%;transform: translateY(-50%);" <van-field v-model="form.measuresAdministration" name="measuresAdministration" label="" type="textarea" rows="3"
/> autosize placeholder="请输入" /> -->
现有管理措施 <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
已采取的管控措施
</div> </div>
<van-field <van-field v-model="form.takenMeasuresAdministration" name="takenMeasuresAdministration" label="" type="textarea"
disabled rows="3" autosize placeholder="请输入" />
name="measuresAdministration" <van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea" rows="1"
label="管理措施" autosize placeholder="请输入" />
type="textarea" <van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea" rows="1"
rows="1" autosize placeholder="请输入" />
autosize
placeholder="请输入"
/>
<van-field name="measuresAdministrationFile[]" label=" "> <van-field name="measuresAdministrationFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile"
disabled accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresAdministrationFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresAdministrationFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresAdministrationFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -217,53 +124,26 @@ ...@@ -217,53 +124,26 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img 应急措施
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
现有应急措施
</div> </div>
<van-field <van-field disabled name="measuresEmergency" label="" type="textarea" rows="1" autosize placeholder="请输入" />
disabled
name="measuresEmergency"
label="应急措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresEmergencyFile[]" label=" "> <van-field name="measuresEmergencyFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile"
disabled accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresEmergencyFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresEmergencyFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresEmergencyFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -271,29 +151,21 @@ ...@@ -271,29 +151,21 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
参考依据 参考依据
</div> </div>
<van-field readonly required clickable name="trouble" :value="form.trouble" label="参考依据" placeholder="请选择"
@click="showTrouble = true" :rules="[{ required: true, message: '事故类型不能为空' }]" />
</van-form> </van-form>
</div> </div>
</template> </template>
......
src/views/riskProject/taskLedger/tabDetail.vue
View file @ bb4eb4aa
<template> <template>
<div> <div>
<van-form <van-form :scroll-to-error="true" :show-error="false" validate-trigger="onSubmit">
:scroll-to-error="true" <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
:show-error="false" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
validate-trigger="onSubmit" style="position: relative;top: 32%;transform: translateY(-50%);" />
>
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险信息 风险信息
</div> </div>
<van-field <van-field readonly required :value="InherentRisk.userName" label="评估人" placeholder="请输入" />
readonly <van-field readonly required :value="InherentRisk.projectName" label="所属项目" placeholder="请输入" />
required <van-field readonly required :value="InherentRisk.buildingName" label="所属建筑物" placeholder="请输入" />
:value="InherentRisk.userName"
label="评估人"
placeholder="请输入"
/>
<van-field
readonly
required
:value="InherentRisk.projectName"
label="所属项目"
placeholder="请输入"
/>
<van-field
readonly
required
:value="InherentRisk.buildingName"
label="所属建筑物"
placeholder="请输入"
/>
<van-field <van-field required clickable name="floorName" :value="InherentRisk.floorName" label="所属楼层" placeholder="请选择"
required :rules="[{ required: true, message: '所属楼层不能为空' }]" />
clickable
name="floorName"
:value="InherentRisk.floorName"
label="所属楼层"
placeholder="请选择"
:rules="[{ required: true, message: '所属楼层不能为空' }]"
/>
<div style="display: flex;"> <div style="display: flex;">
<van-field <van-field readonly required name="roomName" :value="InherentRisk.roomName" label="所属房间" placeholder="请输入"
readonly :rules="[{ required: true, message: '所属房间不能为空' }]" />
required
name="roomName"
:value="InherentRisk.roomName"
label="所属房间"
placeholder="请输入"
:rules="[{ required: true, message: '所属房间不能为空' }]"
/>
<!-- <van-button style="color: #cccc;background-color: #f0f1f5;" icon="plus" type="info" /> --> <!-- <van-button style="color: #cccc;background-color: #f0f1f5;" icon="plus" type="info" /> -->
</div> </div>
<van-field <van-field required clickable name="name" v-model="InherentRisk.factor" label="风险源名称" placeholder="请输入"
required :rules="[{ required: true, message: '风险源名称不能为空' }]" />
clickable <van-field required clickable name="name" v-model="InherentRisk.factor" label="风险点类型" placeholder="请输入"
name="name" :rules="[{ required: true, message: '风险点类型不能为空' }]" />
v-model="InherentRisk.factor" <van-field required clickable name="name" v-model="InherentRisk.factor" label="安全警示标志" placeholder="请输入"
label="风险源名称" :rules="[{ required: true, message: '安全警示标志不能为空' }]" />
placeholder="请输入" <van-field v-model="InherentRisk.factor" required name="factor" label="风险因素" placeholder="请选择"
:rules="[{ required: true, message: '风险源名称不能为空' }]" :rules="[{ required: true, message: '风险因素不能为空' }]" />
/> <van-field v-model="InherentRisk.type" required name="type" label="准事故类型" placeholder="请选择"
<van-field :rules="[{ required: true, message: '准事故类型不能为空' }]" />
v-model="InherentRisk.factor"
required
name="factor"
label="风险因素"
placeholder="请选择"
:rules="[{ required: true, message: '风险因素不能为空' }]"
/>
<van-field
v-model="InherentRisk.type"
required
name="type"
label="准事故类型"
placeholder="请选择"
:rules="[{ required: true, message: '准事故类型不能为空' }]"
/>
<van-field <van-field readonly v-model="InherentRisk.level" required name="level" label="风险等级" placeholder="请选择"
readonly :rules="[{ required: true, message: '风险等级不能为空' }]" />
v-model="InherentRisk.level"
required
name="level"
label="风险等级"
placeholder="请选择"
:rules="[{ required: true, message: '风险等级不能为空' }]"
/>
<van-field <van-field required name="presenceLocation" v-model="InherentRisk.presenceLocation" label="存在部位" placeholder="请输入"
required :rules="[{ required: true, message: '存在部位不能为空' }]" />
name="presenceLocation"
v-model="InherentRisk.presenceLocation"
label="存在部位"
placeholder="请输入"
:rules="[{ required: true, message: '存在部位不能为空' }]"
/>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
风险源图片 风险源图片
</div> </div>
<van-field name="hdPicture1" label="风险源图片"> <van-field name="hdPicture1" label="风险源图片">
<template #input> <template #input>
<van-uploader <van-uploader multiple :max-count="5" disabled upload-text="最多上传五个" v-model="uploaderImg">
multiple
:max-count="5"
disabled
upload-text="最多上传五个"
v-model="uploaderImg"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -132,54 +51,27 @@ ...@@ -132,54 +51,27 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/pic.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/pic.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img 技术措施
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
应有技术措施
</div> </div>
<van-field <van-field disabled v-model="InherentRisk.measuresProject" name="measuresProject" label="技术措施" type="textarea"
disabled rows="1" autosize placeholder="请输入" />
v-model="InherentRisk.measuresProject"
name="measuresProject"
label="技术措施"
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field name="measuresProjectFile[]" label=" "> <van-field name="measuresProjectFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresProjectFile" accept="file"
disabled result-type="file" @delete="deleteFile(...arguments, 'measuresProjectFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresProjectFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresProjectFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -187,20 +79,16 @@ ...@@ -187,20 +79,16 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div
<!-- <div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
> >
<img <img
...@@ -208,13 +96,51 @@ ...@@ -208,13 +96,51 @@
alt="" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" style="position: relative;top: 32%;transform: translateY(-50%);"
/> />
应有管理措施 应采取的管控措施
</div> </div>
<van-field <van-field
disabled v-model="form.measuresAdministration"
v-model="InherentRisk.measuresAdministration"
name="measuresAdministration" name="measuresAdministration"
label="管理措施" label=""
type="textarea"
rows="3"
autosize
placeholder="请输入"
/> -->
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
应采取的管控措施
</div>
<van-field
v-model="form.takenMeasuresAdministration"
name="takenMeasuresAdministration"
label=""
type="textarea"
rows="3"
autosize
placeholder="请输入"
/>
<van-field
required
v-model="form.measuresDeptId"
name="measuresDeptId"
label="管控责任单位 "
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field
required
v-model="form.measuresUserId"
name="measuresUserId"
label="管控责任人 "
type="textarea" type="textarea"
rows="1" rows="1"
autosize autosize
...@@ -222,19 +148,10 @@ ...@@ -222,19 +148,10 @@
/> />
<van-field name="measuresAdministrationFile[]" label=" "> <van-field name="measuresAdministrationFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresAdministrationFile"
disabled accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresAdministrationFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresAdministrationFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresAdministrationFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -242,13 +159,8 @@ ...@@ -242,13 +159,8 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
" ">
> <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
...@@ -263,63 +175,81 @@ ...@@ -263,63 +175,81 @@
alt="" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" style="position: relative;top: 32%;transform: translateY(-50%);"
/> />
应有应急措施 危险源管理
</div> </div>
<van-field <van-field
disabled v-model="form.hazardSourceName"
v-model="InherentRisk.measuresEmergency" name="hazardSourceName"
name="measuresEmergency" label="危险源名称 "
label="应急措施" type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field
v-model="form.majorHazardSource"
name="majorHazardSource"
label="是否存在重大危险源 "
type="textarea" type="textarea"
rows="1" rows="1"
autosize autosize
placeholder="请输入" placeholder="请输入"
/> />
<div
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;"
>
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
重大危险源描述
</div>
<van-field
v-model="form.majorHazardSourceDescription"
name="majorHazardSourceDescription"
label=""
type="textarea"
rows="3"
autosize
placeholder="请输入"
/>
<div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
<img src="@/assets/accidentIcon/bookmark.svg" alt=""
style="position: relative;top: 32%;transform: translateY(-50%);" />
应急措施
</div>
<van-field disabled v-model="InherentRisk.measuresEmergency" name="measuresEmergency" label="应急措施" type="textarea"
rows="1" autosize placeholder="请输入" />
<van-field name="measuresEmergencyFile[]" label=" "> <van-field name="measuresEmergencyFile[]" label=" ">
<template #input> <template #input>
<van-uploader <van-uploader disabled multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile"
disabled accept="file" result-type="file" @delete="deleteFile(...arguments, 'measuresEmergencyFile')">
multiple
:max-count="5"
upload-text="最多上传五个"
v-model="measuresEmergencyFile"
accept="file"
result-type="file"
@delete="deleteFile(...arguments, 'measuresEmergencyFile')"
>
<template slot="default"> <template slot="default">
<div <div style="
style=" width: 2.13333rem;
width: 2.13333rem; height: 2.13333rem;
height: 2.13333rem; background: #f7f8fa;
background: #f7f8fa; display: flex;
display: flex; align-items: center;
align-items: center; justify-content: center;
justify-content: center; flex-direction: column;
flex-direction: column; ">
" <img src="@/assets/upload/file.png" alt="" style="width: 0.64rem; height: 0.64rem" />
>
<img
src="@/assets/upload/file.png"
alt=""
style="width: 0.64rem; height: 0.64rem"
/>
<span class="van-uploader__upload-text">最多上传五个</span> <span class="van-uploader__upload-text">最多上传五个</span>
</div> </div>
</template> </template>
</van-uploader> </van-uploader>
</template> </template>
</van-field> </van-field>
<div <div style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;">
style="height: 1rem;font-family: '微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight: 700;line-height: 1rem;" <img src="@/assets/accidentIcon/bookmark.svg" alt=""
> style="position: relative;top: 32%;transform: translateY(-50%);" />
<img
src="@/assets/accidentIcon/bookmark.svg"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
参考依据 参考依据
</div> </div>
<van-field readonly required clickable name="trouble" :value="form.trouble" label="参考依据" placeholder="请选择"
@click="showTrouble = true" :rules="[{ required: true, message: '事故类型不能为空' }]" />
</van-form> </van-form>
</div> </div>
</template> </template>
......
src/views/riskProject/taskLedger/taskDetail.vue
View file @ bb4eb4aa
...@@ -104,13 +104,13 @@ export default { ...@@ -104,13 +104,13 @@ export default {
return timestampToTime(new Date(time), "DT1", true); return timestampToTime(new Date(time), "DT1", true);
}, },
goDetail(item){ goDetail(item){
// sessionStorage.setItem('inherntId',this.inherentId) sessionStorage.setItem('inherntId',this.inherentId)
// this.$router.push({ this.$router.push({
// name:'presentDetail', name:'presentDetail',
// params:{ params:{
// isView:false, isView:false,
// } }
// }) })
}, },
onClick(name){ onClick(name){
if(name==='a'){ if(name==='a'){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment