|
@@ -12,6 +12,10 @@
|
|
<p>{{item.name}}</p>
|
|
<p>{{item.name}}</p>
|
|
<p></p>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="info-dialog-for-title-box" v-if="addFormType == 1 || addFormType == 2" @click="checkTitleButton('add')" :class="infoDialogCheckIndex == 'add'?'info-dialog-for-check':''">
|
|
|
|
+ <p>{{addFormTitle}}</p>
|
|
|
|
+ <p></p>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div class="info-dialog-content-box scrollbar-box">
|
|
<div class="info-dialog-content-box scrollbar-box">
|
|
<div class="info-dialog-content-info" v-if="infoDialogCheckIndex == 'info'">
|
|
<div class="info-dialog-content-info" v-if="infoDialogCheckIndex == 'info'">
|
|
@@ -138,6 +142,118 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="info-dialog-content-type" v-for="(item,index) in infoDialogList" :key="index" v-if="infoDialogCheckIndex == index">
|
|
|
|
+ <!--已整改-->
|
|
|
|
+ <div class="has-rectification" v-if="item.rectificationType == 1">
|
|
|
|
+ <div class="button-box">
|
|
|
|
+ <p>整改结果</p>
|
|
|
|
+ <p>{{item.dataA}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="text-box">
|
|
|
|
+ <p>整改措施</p>
|
|
|
|
+ <p>{{item.dataB}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <p>整改照片</p>
|
|
|
|
+ <div>
|
|
|
|
+ <img :src="imgItem.url" @click="lookImg(item.lookImgList,imgIndex)"
|
|
|
|
+ v-for="(imgItem,imgIndex) in item.lookImgList" :key="imgIndex">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="text-box-two">
|
|
|
|
+ <div>
|
|
|
|
+ <p>整改人</p>
|
|
|
|
+ <p>{{item.dataC}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="margin-left:26px;">
|
|
|
|
+ <p>整改时间</p>
|
|
|
|
+ <p>{{item.dataD}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <!--已审核-->
|
|
|
|
+ <div class="has-inspection" v-if="item.rectificationType == 2">
|
|
|
|
+ <div class="type-box">
|
|
|
|
+ <p>审核结果</p>
|
|
|
|
+ <img v-if="item.dataE == 1" src="@/assets/ZDimages/safetyCheck/icon_zcgl_cg.png">
|
|
|
|
+ <img v-else src="@/assets/ZDimages/safetyCheck/icon_zcgl_sb.png">
|
|
|
|
+ </div>
|
|
|
|
+ <div class="text-box">
|
|
|
|
+ <p>审核意见</p>
|
|
|
|
+ <p>{{item.dataF}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="text-box-two">
|
|
|
|
+ <div>
|
|
|
|
+ <p>审核人</p>
|
|
|
|
+ <p>{{item.dataG}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div style="margin-left:26px;">
|
|
|
|
+ <p>审核时间</p>
|
|
|
|
+ <p>{{item.dataH}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="info-dialog-content-add" v-if="infoDialogCheckIndex == 'add'">
|
|
|
|
+ <el-form :model="addForm" :rules="rules" label-width="90px">
|
|
|
|
+ <!--待整改-->
|
|
|
|
+ <div class="stay-rectification" v-if="addFormType == 1">
|
|
|
|
+ <el-form-item label="整改结果" prop="dataZ">
|
|
|
|
+ <el-radio-group v-model="addForm.dataZ">
|
|
|
|
+ <el-radio :label="0">已整改</el-radio>
|
|
|
|
+ <el-radio :label="1">暂无法整改</el-radio>
|
|
|
|
+ </el-radio-group>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="原因描述" prop="dataX">
|
|
|
|
+ <el-input
|
|
|
|
+ type="textarea"
|
|
|
|
+ :autosize="{ minRows: 4, maxRows: 4}"
|
|
|
|
+ placeholder="请输入原因描述"
|
|
|
|
+ resize="none"
|
|
|
|
+ maxlength="100"
|
|
|
|
+ show-word-limit
|
|
|
|
+ v-model="addForm.dataX">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="上传照片" prop="upImgList">
|
|
|
|
+ <div class="for-img-box" v-for="(img,imgIndex) in addForm.upImgList" :key="imgIndex">
|
|
|
|
+ <img class="for-img" :src="img.url" @click="lookImg(addForm.upImgList,imgIndex)">
|
|
|
|
+ <p class="for-del-button el-icon-circle-close" @click="delImg(imgIndex)"></p>
|
|
|
|
+ </div>
|
|
|
|
+ <el-upload
|
|
|
|
+ style="display: inline-block;overflow: hidden"
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
+ :action="uploadImgUrl"
|
|
|
|
+ :show-file-list="false"
|
|
|
|
+ :on-success="(res)=>handleAvatarSuccess(res,addForm)"
|
|
|
|
+ :headers="headers"
|
|
|
|
+ :before-upload="(res)=>beforeAvatarUpload(res,addForm)">
|
|
|
|
+ <p class="el-icon-plus up-img-p" style="display: inline-block"></p>
|
|
|
|
+ </el-upload>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <p style="margin-left:80px;">支持jpg/png/bmp/gif格式,且不超过2M,最多上传5张</p>
|
|
|
|
+ </div>
|
|
|
|
+ <!--待审核-->
|
|
|
|
+ <div class="stay-inspection" v-if="addFormType == 2">
|
|
|
|
+ <el-form-item label="审核意见" prop="dataY">
|
|
|
|
+ <el-input
|
|
|
|
+ type="textarea"
|
|
|
|
+ :autosize="{ minRows: 4, maxRows: 4}"
|
|
|
|
+ placeholder="请输入审核意见"
|
|
|
|
+ resize="none"
|
|
|
|
+ maxlength="100"
|
|
|
|
+ show-word-limit
|
|
|
|
+ v-model="addForm.dataY">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <div class="quick-selection-box">
|
|
|
|
+ <p class="quick-selection-title">快捷输入</p>
|
|
|
|
+ <p class="quick-selection-for" @click="stayInspectionClick(item)"
|
|
|
|
+ v-for="(item,index) in quickSelection" :key="index">{{item}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
<div class="info-dialog-content-img" v-if="infoDialogCheckIndex == 'img'">
|
|
<div class="info-dialog-content-img" v-if="infoDialogCheckIndex == 'img'">
|
|
<img :src="imgList[imgIndex].url">
|
|
<img :src="imgList[imgIndex].url">
|
|
<p class="el-icon-arrow-left left-button-p" @click="infoLeftButton"></p>
|
|
<p class="el-icon-arrow-left left-button-p" @click="infoLeftButton"></p>
|
|
@@ -153,14 +269,28 @@
|
|
<p class="out-button" @click="outLook">返回</p>
|
|
<p class="out-button" @click="outLook">返回</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="bottom-button-box dialog-footer-box" v-if="infoDialogCheckIndex == 'add'">
|
|
|
|
+ <p class="dialog-footer-button-null"></p>
|
|
|
|
+ <p class="dialog-footer-button-info" @click="outDialog">取消</p>
|
|
|
|
+ <p class="dialog-footer-button-primary" v-if="addFormType==1">提交</p>
|
|
|
|
+ <p class="dialog-footer-button-border" v-if="addFormType==2">驳回</p>
|
|
|
|
+ <p class="dialog-footer-button-primary" v-if="addFormType==2">通过</p>
|
|
|
|
+ <p class="dialog-footer-button-null"></p>
|
|
|
|
+ </div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+ import { getToken } from "@/utils/auth";
|
|
export default {
|
|
export default {
|
|
name: 'infoDialog',
|
|
name: 'infoDialog',
|
|
data(){
|
|
data(){
|
|
return{
|
|
return{
|
|
|
|
+ upDataName:"",
|
|
|
|
+ uploadImgUrl: this.uploadUrl(), // 上传的图片服务器地址
|
|
|
|
+ headers: {
|
|
|
|
+ Authorization: "Bearer " + getToken(),
|
|
|
|
+ },
|
|
infoDialogTitle:"编辑",
|
|
infoDialogTitle:"编辑",
|
|
infoDialogType:true,
|
|
infoDialogType:true,
|
|
infoDialogCheckIndex:'info',
|
|
infoDialogCheckIndex:'info',
|
|
@@ -192,23 +322,57 @@
|
|
infoDialogList:[
|
|
infoDialogList:[
|
|
{
|
|
{
|
|
name:"隐患整改",
|
|
name:"隐患整改",
|
|
-
|
|
|
|
|
|
+ rectificationType:1,
|
|
|
|
+ dataA:"已整改",
|
|
|
|
+ dataB:"已更换电源",
|
|
|
|
+ dataC:"李腾腾",
|
|
|
|
+ dataD:"2023-03-26 14:00",
|
|
|
|
+ lookImgList:[
|
|
|
|
+ {name:"1",url:'https://img2.baidu.com/it/u=3219906533,2982923681&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500'},
|
|
|
|
+ {name:"2",url:'https://img1.baidu.com/it/u=567782244,1695500002&fm=253&fmt=auto&app=138&f=JPEG?w=753&h=500'},
|
|
|
|
+ {name:"3",url:'https://img1.baidu.com/it/u=2995157981,91041597&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=750'},
|
|
|
|
+ {name:"4",url:'https://img0.baidu.com/it/u=561734853,2461096286&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500'},
|
|
|
|
+ {name:"5",url:'https://img2.baidu.com/it/u=567357414,4240886412&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500'},
|
|
|
|
+ ],
|
|
},
|
|
},
|
|
{
|
|
{
|
|
name:"整改复核",
|
|
name:"整改复核",
|
|
- },
|
|
|
|
- {
|
|
|
|
- name:"二次整改",
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name:"二次复核",
|
|
|
|
|
|
+ rectificationType:2,
|
|
|
|
+ dataE:"1",
|
|
|
|
+ dataF:"请补充照片",
|
|
|
|
+ dataG:"李腾腾",
|
|
|
|
+ dataH:"2023-03-26 14:00",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
//图片
|
|
//图片
|
|
imgList:[],
|
|
imgList:[],
|
|
imgIndex:0,
|
|
imgIndex:0,
|
|
|
|
+ saveIndex:0,
|
|
//文档地址
|
|
//文档地址
|
|
iframeSrc:"",
|
|
iframeSrc:"",
|
|
|
|
+ // 提交数据
|
|
|
|
+ addFormType:"2",//1整改 2审核
|
|
|
|
+ addFormTitle:"二次整改",
|
|
|
|
+ addForm:{
|
|
|
|
+ dataZ:1,
|
|
|
|
+ dataX:"已更换电源",
|
|
|
|
+ dataY:"",
|
|
|
|
+ upImgList:[],
|
|
|
|
+ },
|
|
|
|
+ rules: {
|
|
|
|
+ dataZ: [
|
|
|
|
+ { required: true, message: "请选择隐患等级", trigger: "change" },
|
|
|
|
+ ],
|
|
|
|
+ dataX: [
|
|
|
|
+ { required: true, message: "请选择检查项目", trigger: "change" },
|
|
|
|
+ { required: true, message: "请输入隐患描述", validator: this.spaceJudgment, trigger: "change" },
|
|
|
|
+ ],
|
|
|
|
+ dataY: [
|
|
|
|
+ { required: true, message: "请输入隐患描述", trigger: "change" },
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ //快速选择
|
|
|
|
+ quickSelection:['复核驳回','未解决','驳回再整改','请补充材料','请补充描述',],
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created(){
|
|
created(){
|
|
@@ -225,6 +389,10 @@
|
|
this.$set(this,'infoDialogCheckIndex',index);
|
|
this.$set(this,'infoDialogCheckIndex',index);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ //快速选择内容
|
|
|
|
+ stayInspectionClick(val){
|
|
|
|
+ this.$set(this.addForm,'dataY',val);
|
|
|
|
+ },
|
|
//点击查看文档
|
|
//点击查看文档
|
|
lookDocument(url){
|
|
lookDocument(url){
|
|
url = 'http://192.168.1.43/labSystem/statics/bigFile/2023042514/96ca9fcb-bb8e-4e90-a74a-5e94abea3816.pdf'
|
|
url = 'http://192.168.1.43/labSystem/statics/bigFile/2023042514/96ca9fcb-bb8e-4e90-a74a-5e94abea3816.pdf'
|
|
@@ -235,10 +403,11 @@
|
|
lookImg(list,index){
|
|
lookImg(list,index){
|
|
this.$set(this,'imgList',list)
|
|
this.$set(this,'imgList',list)
|
|
this.$set(this,'imgIndex',index)
|
|
this.$set(this,'imgIndex',index)
|
|
|
|
+ this.$set(this,'saveIndex',this.infoDialogCheckIndex);
|
|
this.$set(this,'infoDialogCheckIndex','img');
|
|
this.$set(this,'infoDialogCheckIndex','img');
|
|
},
|
|
},
|
|
outLook(){
|
|
outLook(){
|
|
- this.$set(this,'infoDialogCheckIndex','info');
|
|
|
|
|
|
+ this.$set(this,'infoDialogCheckIndex',this.saveIndex);
|
|
},
|
|
},
|
|
//图片左右按键
|
|
//图片左右按键
|
|
infoLeftButton(){
|
|
infoLeftButton(){
|
|
@@ -255,6 +424,52 @@
|
|
this.imgIndex++
|
|
this.imgIndex++
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ /*==========上传相关==========*/
|
|
|
|
+ handleAvatarSuccess(res,item) {
|
|
|
|
+ if(item.upImgList.length>4){
|
|
|
|
+ this.msgError('最多只可上传5张')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ let suffixName= this.upDataName.split('.')[this.upDataName.split('.').length - 2]
|
|
|
|
+ //判断文件名中是否有逗号和分号
|
|
|
|
+ if(suffixName.indexOf(',')==-1 && suffixName.indexOf(';')==-1){
|
|
|
|
+ }else{
|
|
|
|
+ this.msgError('文件名里包含逗号或分号,请修改后重新上传!')
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ let obj ={
|
|
|
|
+ name:this.upDataName,
|
|
|
|
+ url:res.data.url,
|
|
|
|
+ };
|
|
|
|
+ item.upImgList.push(obj);
|
|
|
|
+ this.$forceUpdate()
|
|
|
|
+ },
|
|
|
|
+ beforeAvatarUpload(file,item) {
|
|
|
|
+ if(item.upImgList.length>4){
|
|
|
|
+ this.msgError('最多只可上传5张')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ let type = false;
|
|
|
|
+ if (file.type == 'image/png' || file.type == 'image/jpeg' || file.type == 'image/gif') {
|
|
|
|
+ if(file.size> 2000000){
|
|
|
|
+ this.msgError('上传图片大小不能超过2M')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ this.upDataName = file.name;
|
|
|
|
+ type = true;
|
|
|
|
+ }else{
|
|
|
|
+ this.msgError('png/jpeg/gif格式')
|
|
|
|
+ type = false;
|
|
|
|
+ }
|
|
|
|
+ return type;
|
|
|
|
+ },
|
|
|
|
+ // 删除图片
|
|
|
|
+ delImg(imgIndex){
|
|
|
|
+ this.addForm.upImgList.splice(imgIndex,1);
|
|
|
|
+ },
|
|
|
|
+ outDialog(){
|
|
|
|
+ this.$set(this,'infoDialogType',false);
|
|
|
|
+ },
|
|
},
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -264,6 +479,9 @@
|
|
::v-deep .el-dialog__body{
|
|
::v-deep .el-dialog__body{
|
|
padding:0 0 30px 0;
|
|
padding:0 0 30px 0;
|
|
}
|
|
}
|
|
|
|
+ ::v-deep .el-form-item__label{
|
|
|
|
+ font-size:16px;
|
|
|
|
+ }
|
|
.info-dialog-title-box{
|
|
.info-dialog-title-box{
|
|
border-bottom:1px solid #E0E0E0;
|
|
border-bottom:1px solid #E0E0E0;
|
|
padding:0 30px;
|
|
padding:0 30px;
|
|
@@ -301,7 +519,7 @@
|
|
}
|
|
}
|
|
.info-dialog-content-box{
|
|
.info-dialog-content-box{
|
|
padding:30px 70px 0;
|
|
padding:30px 70px 0;
|
|
- height:700px;
|
|
|
|
|
|
+ height:600px;
|
|
.info-dialog-content-info{
|
|
.info-dialog-content-info{
|
|
.text-box-box{
|
|
.text-box-box{
|
|
display: flex;
|
|
display: flex;
|
|
@@ -487,6 +705,222 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .info-dialog-content-type{
|
|
|
|
+ .has-rectification{
|
|
|
|
+ .button-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ p:nth-child(2){
|
|
|
|
+ text-align: center;
|
|
|
|
+ width:80px;
|
|
|
|
+ height:30px;
|
|
|
|
+ margin-top:5px;
|
|
|
|
+ line-height:30px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ color:#0183FA;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .text-box{
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ p:nth-child(2){
|
|
|
|
+ font-size:14px;
|
|
|
|
+ line-height:20px;
|
|
|
|
+ min-height: 70px;
|
|
|
|
+ padding:15px 20px;
|
|
|
|
+ flex:1;
|
|
|
|
+ background-color: #F5F5F5;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .img-box{
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ p{
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ img{
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ width:80px;
|
|
|
|
+ height:80px;
|
|
|
|
+ margin-right:10px;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .text-box-two{
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ div{
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ p:nth-child(2){
|
|
|
|
+ width:430px;
|
|
|
|
+ height:40px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ padding:0 20px;
|
|
|
|
+ background-color: #F5F5F5;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .has-inspection{
|
|
|
|
+ .type-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ img{
|
|
|
|
+ width:60px;
|
|
|
|
+ height:52px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .text-box{
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ p:nth-child(2){
|
|
|
|
+ font-size:14px;
|
|
|
|
+ line-height:20px;
|
|
|
|
+ min-height: 70px;
|
|
|
|
+ padding:15px 20px;
|
|
|
|
+ flex:1;
|
|
|
|
+ background-color: #F5F5F5;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .text-box-two{
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ div{
|
|
|
|
+ display: flex;
|
|
|
|
+ p:nth-child(1){
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ width:80px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ color:#333;
|
|
|
|
+ }
|
|
|
|
+ p:nth-child(2){
|
|
|
|
+ width:430px;
|
|
|
|
+ height:40px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ padding:0 20px;
|
|
|
|
+ background-color: #F5F5F5;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .info-dialog-content-add{
|
|
|
|
+ .stay-rectification{
|
|
|
|
+ .up-img-p{
|
|
|
|
+ height:80px;
|
|
|
|
+ width:80px;
|
|
|
|
+ line-height:80px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ border:1px dashed #E0E0E0;
|
|
|
|
+ }
|
|
|
|
+ .for-img-box{
|
|
|
|
+ width:80px;
|
|
|
|
+ height:80px;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ margin-right:20px;
|
|
|
|
+ position: relative;
|
|
|
|
+ .for-img{
|
|
|
|
+ width:80px;
|
|
|
|
+ height:80px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ }
|
|
|
|
+ .for-del-button{
|
|
|
|
+ background: rgba(0,0,0,0.7);
|
|
|
|
+ width:20px;
|
|
|
|
+ height:20px;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color:#fff;
|
|
|
|
+ border-bottom-left-radius:4px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top:0;
|
|
|
|
+ right:0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .stay-inspection{
|
|
|
|
+ .quick-selection-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ margin-top:20px;
|
|
|
|
+ .quick-selection-title{
|
|
|
|
+ margin-left:90px;
|
|
|
|
+ height:40px;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ margin-right:23px;
|
|
|
|
+ }
|
|
|
|
+ .quick-selection-for{
|
|
|
|
+ width:100px;
|
|
|
|
+ height:40px;
|
|
|
|
+ font-size:14px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height:40px;
|
|
|
|
+ margin-right:10px;
|
|
|
|
+ color:#333;
|
|
|
|
+ background-color: #F5F5F5;
|
|
|
|
+ border-radius:4px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ .quick-selection-for:hover{
|
|
|
|
+ background: rgba(1,131,250,0.2);
|
|
|
|
+ color:#0183FA ;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.info-dialog-content-img{
|
|
.info-dialog-content-img{
|
|
img{
|
|
img{
|
|
width:1040px;
|
|
width:1040px;
|
|
@@ -570,5 +1004,14 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .bottom-button-box{
|
|
|
|
+ height:60px;
|
|
|
|
+ width:1184px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom:0;
|
|
|
|
+ padding-top:15px;
|
|
|
|
+ border-top:1px solid #D8D8D8;
|
|
|
|
+ display: flex;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|