Skip to content

R
rongtong-app
Commit 673a4816 authored by wei's avatar wei
Browse files
Options

tupian

parent a34c193e
Show whitespace changes
Inline Side-by-side
Showing with 216 additions and 531 deletions
src/views/login.vue
View file @ 673a4816
...@@ -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,11 +53,11 @@ export default { ...@@ -64,11 +53,11 @@ 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解密
...@@ -77,19 +66,19 @@ export default { ...@@ -77,19 +66,19 @@ export default {
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
} }
/* 存储用户信息 */ /* 存储用户信息 */
...@@ -104,10 +93,10 @@ export default { ...@@ -104,10 +93,10 @@ export default {
/* 存储用户信息 */ /* 存储用户信息 */
}else{ } else {
this.$toast.clear() this.$toast.clear()
this.$toast.fail({ this.$toast.fail({
message:Response.msg, message: Response.msg,
duration: 2000 duration: 2000
}) })
} }
...@@ -124,15 +113,21 @@ export default { ...@@ -124,15 +113,21 @@ export default {
background-attachment: fixed; background-attachment: fixed;
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
.title{
.title {
padding-top: 22%; padding-top: 22%;
.login-logo { .login-logo {
margin: 0 auto; margin: 0 auto;
font-size: 27px; font-size: 26px;
text-align: center; text-align: center;
color: white; color: white;
font-weight: bolder; font-weight: bolder;
display: flex;
justify-content: center;
align-items: center;
} }
.login-name { .login-name {
width: 100%; width: 100%;
text-align: center; text-align: center;
...@@ -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 @ 673a4816
...@@ -22,8 +22,12 @@ ...@@ -22,8 +22,12 @@
<van-field readonly required name="roomName" :value="form.roomName" label="所属房间" placeholder="请输入" <van-field readonly required name="roomName" :value="form.roomName" label="所属房间" placeholder="请输入"
@click="seletRoom('room')" :rules="[{ required: true, message: '所属房间不能为空' }]" /> @click="seletRoom('room')" :rules="[{ required: true, message: '所属房间不能为空' }]" />
<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: '风险因素不能为空' }]" />
...@@ -77,7 +81,6 @@ ...@@ -77,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;
...@@ -95,22 +98,22 @@ ...@@ -95,22 +98,22 @@
</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="" <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="" type="textarea" <van-field v-model="form.measuresAdministration" name="measuresAdministration" label="" type="textarea"
rows="3" autosize placeholder="请输入" /> 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.takenMeasuresAdministration" name="takenMeasuresAdministration" label="" type="textarea" <van-field v-model="form.takenMeasuresAdministration" name="takenMeasuresAdministration" label=""
rows="3" autosize placeholder="请输入" /> type="textarea" rows="3" autosize placeholder="请输入" />
<van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea" <van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea"
rows="1" autosize placeholder="请输入" /> rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea" <van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea"
...@@ -144,14 +147,14 @@ ...@@ -144,14 +147,14 @@
style="position: relative;top: 32%;transform: translateY(-50%);" /> style="position: relative;top: 32%;transform: translateY(-50%);" />
危险源管理 危险源管理
</div> </div>
<van-field required v-model="form.hazardSourceName" name="hazardSourceName" label="危险源名称 " type="textarea" <van-field required v-model="form.hazardSourceName" name="hazardSourceName" label="危险源名称 "
rows="1" autosize placeholder="请输入" /> type="textarea" rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.majorHazardSource" name="majorHazardSource" label="是否存在重大危险源 " type="textarea" <van-field required v-model="form.majorHazardSource" name="majorHazardSource" label="是否存在重大危险源 "
rows="1" autosize placeholder="请输入" /> type="textarea" rows="1" autosize placeholder="请输入" />
<van-field required v-model="form.measuresUserId" name="measuresUserId" label="重大危险源描述" type="textarea" <van-field required v-model="form.measuresUserId" name="measuresUserId" label="重大危险源描述" type="textarea"
rows="3" autosize placeholder="请输入" /> rows="3" autosize placeholder="请输入" />
<van-field v-model="form.majorHazardSourceDescription" name="majorHazardSourceDescription" label="应急措施" type="textarea" <van-field v-model="form.majorHazardSourceDescription" name="majorHazardSourceDescription" label="应急措施"
rows="1" autosize placeholder="请输入" /> type="textarea" rows="1" autosize placeholder="请输入" />
<van-field name="measuresEmergencyFile[]" label=" "> <van-field name="measuresEmergencyFile[]" label=" ">
<template #input> <template #input>
<van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile" <van-uploader multiple :max-count="5" upload-text="最多上传五个" v-model="measuresEmergencyFile"
......
src/views/riskProject/add/addInherent.vue
View file @ 673a4816
<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,52 +60,27 @@ ...@@ -156,52 +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"
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">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -209,20 +88,15 @@ ...@@ -209,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
...@@ -240,63 +114,27 @@ ...@@ -240,63 +114,27 @@
rows="3" rows="3"
autosize autosize
placeholder="请输入" 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=""
> 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.takenMeasuresAdministration" name="takenMeasuresAdministration" label="" type="textarea"
v-model="form.takenMeasuresAdministration" rows="3" autosize placeholder="请输入" />
name="takenMeasuresAdministration"
label=""
type="textarea"
rows="3"
autosize
placeholder="请输入"
/>
<van-field <van-field required v-model="form.measuresDeptId" name="measuresDeptId" label="管控责任单位 " type="textarea" rows="1"
required autosize placeholder="请输入" />
v-model="form.measuresDeptId" <van-field required v-model="form.measuresUserId" name="measuresUserId" label="管控责任人 " type="textarea" rows="1"
name="measuresDeptId" autosize placeholder="请输入" />
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">
<div <div style="
style="
width: 2.13333rem; width: 2.13333rem;
height: 2.13333rem; height: 2.13333rem;
background: #f7f8fa; background: #f7f8fa;
...@@ -304,101 +142,45 @@ ...@@ -304,101 +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"
alt=""
style="position: relative;top: 32%;transform: translateY(-50%);"
/>
危险源管理 危险源管理
</div> </div>
<van-field <van-field v-model="form.hazardSourceName" name="hazardSourceName" label="危险源名称 " type="textarea" rows="1" autosize
v-model="form.hazardSourceName" placeholder="请输入" />
name="hazardSourceName"
label="危险源名称 "
type="textarea"
rows="1"
autosize
placeholder="请输入"
/>
<van-field <van-field v-model="form.majorHazardSource" name="majorHazardSource" label="是否存在重大危险源 " type="textarea" rows="1"
v-model="form.majorHazardSource" autosize placeholder="请输入" />
name="majorHazardSource" <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
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.majorHazardSourceDescription" name="majorHazardSourceDescription" label=" " type="textarea"
v-model="form.majorHazardSourceDescription" rows="3" autosize placeholder="请输入" />
name="majorHazardSourceDescription" <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="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;
...@@ -406,13 +188,8 @@ ...@@ -406,13 +188,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>
...@@ -420,169 +197,68 @@ ...@@ -420,169 +197,68 @@
</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 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>
......
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