<template>
|
<basic-container>
|
<avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel"
|
v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
|
@search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
|
@current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
|
|
<template slot-scope="{row, size}" slot="menu">
|
<!-- <el-button type="text" :size="size" icon="el-icon-view" v-if="permission.place_view" plain
|
@click="lookDetail(row, 0)">查 看
|
</el-button> -->
|
<el-button type="text" :size="size" plain @click.stop="getDetail(row)">
|
详情
|
</el-button>
|
<el-button type="text" :size="size" icon="el-icon-s-check" v-if="permission.place_check"
|
:disabled="row.status != 1" plain @click=" goAudit(row)">审 核
|
</el-button>
|
<!-- <el-button type="text" :size="size" icon="el-icon-delete" v-if="permission.place_del" plain
|
@click="rowDel(row)">删 除
|
</el-button> -->
|
</template>
|
|
<template slot="status" slot-scope="{row, size}">
|
<el-tag :size="size" :type="showStatus(row.status).type">
|
{{ showStatus(row.status).text }}
|
</el-tag>
|
</template>
|
|
<template slot-scope="{row, size}" slot="principalPhone">
|
<el-button :size="size" type="text" @click="showStringDispose(row, 'principalPhoneflag')"
|
v-text="textDispose(row, 'principalPhoneflag', 'principalPhone')">
|
</el-button>
|
</template>
|
<template slot="menuLeft">
|
<el-button type="warning" size="small" plain icon="el-icon-download" @click="handleExport">导出
|
</el-button>
|
</template>
|
</avue-crud>
|
|
|
<el-dialog title="" append-to-body :visible.sync="auditBasePopup" width="60%">
|
<campusReporting @colseDetail="colseDetail" v-if="taskType == 6" ref="campusReporting"></campusReporting>
|
<hotelReporting @colseDetail="colseDetail" v-if="taskType == 2" ref="hotelReporting"></hotelReporting>
|
<labelReporting @colseDetail="colseDetail" v-if="taskType == 3" ref="labelReporting"></labelReporting>
|
</el-dialog>
|
|
<el-dialog :visible.sync="visible" append-to-body destroy-on-close title="审核" width="30%"
|
custom-class="flow-design-dialog" :before-close="handleClose">
|
<audit-base @handleSubmit="submitAudit"></audit-base>
|
</el-dialog>
|
<el-drawer title="消防自查详情" :visible.sync="isDetail" :append-to-body="true" size="40%" direction="rtl">
|
<div class="title">
|
<div class="icon">{{ refreshNum }}</div>
|
基础信息
|
</div>
|
<div class="basic-info" v-loading="drawerLoading">
|
<div class="info-item">
|
<div class="info-name">场所名称</div>
|
<div class="info-value">{{ rowDetail.placeName }}</div>
|
</div>
|
<!-- <div class="info-item">
|
<div class="info-name">场所类别</div>
|
<div class="info-value">{{ rowDetail.nineTypeName }}</div>
|
</div> -->
|
<div class="info-item">
|
<div class="info-name">检查人</div>
|
<div class="info-value">{{ rowDetail.name }}</div>
|
</div>
|
<div class="info-item">
|
<div class="info-name">检查时间</div>
|
<div class="info-value">{{ rowDetail.createTime }}</div>
|
</div>
|
</div>
|
<div class="title">
|
<div class="icon"></div>
|
检查记录
|
</div>
|
|
<div class="question-list" v-for="(tItem, tIndex) in rowDetail.qTypeList" :key='tIndex' v-loading="drawerLoading">
|
<div class="question-type" @click="flodQL(tIndex)">
|
<div class="type-name">
|
{{ CNNum[tIndex] }}、{{ tItem.questionName }}
|
</div>
|
<div class="icon-box"><i class="el-icon-arrow-down" v-show="tItem.isShowQList"></i><i class="el-icon-arrow-up"
|
v-show="!tItem.isShowQList"></i></div>
|
</div>
|
<div class="question-item" v-for="(item, index) in tItem.questionList" :key='index' v-show="tItem.isShowQList">
|
<div class="question-name">
|
<div class="key">{{ index + 1 }}、{{ item.itemsNameTitle }}</div>
|
<div class="value"><el-radio v-model="radio" label="1" disabled>存在</el-radio>
|
<el-radio v-model="radio" label="2" disabled>不存在</el-radio>
|
</div>
|
</div>
|
<div class="yh-pic-box">
|
<div class="yh-pic-name">
|
隐患图片
|
</div>
|
<div class="yh-pic-list">
|
<div class="pic-item" v-for="pic in item.imageUrlsList">
|
<el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"></el-image>
|
</div>
|
</div>
|
</div>
|
<div class="yh-remark">
|
<div class="yh-remark-name">
|
隐患描述
|
</div>
|
<div class="yh-remark-value">
|
{{ item.remark }}
|
</div>
|
</div>
|
<div class="yh-pic-box">
|
<div class="yh-pic-name">
|
整改后图片
|
</div>
|
<div class="yh-pic-list">
|
<div class="pic-item" v-for="pic in item.rectificationImageUrlsList">
|
<el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"></el-image>
|
</div>
|
</div>
|
</div>
|
<div class="yh-remark">
|
<div class="yh-remark-name">
|
整改后描述
|
</div>
|
<div class="yh-remark-value">
|
{{ item.rectificationRemark }}
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-drawer>
|
</basic-container>
|
</template>
|
|
<script>
|
import {
|
getTaskPlaceSelfCheckList,
|
removeTask,
|
update,
|
add,
|
} from "@/api/task/task"
|
|
import {
|
mapGetters
|
} from "vuex"
|
import {
|
applyTaskExamine,
|
getTaskPlaceSelfCheckInfo
|
} from "@/api/publicSecurity/keynoteManage"
|
import {
|
getPatrolGroupTree,
|
getDictBizTree
|
} from "@/api/publicSecurity/ninePlaceManage"
|
import website from '@/config/website'
|
import NProgress from 'nprogress'
|
import 'nprogress/nprogress.css'
|
import Qs from "qs"
|
import {
|
exportBlob
|
} from "@/api/common"
|
import {
|
getToken
|
} from '@/util/auth'
|
import {
|
downloadXls
|
} from "@/util/util"
|
import {
|
dateNow
|
} from "@/util/date"
|
import campusReporting from './components/campusReporting'
|
import hotelReporting from './components/hotelReporting'
|
import labelReporting from './components/labelReporting'
|
|
export default {
|
data() {
|
//手机号格式校验
|
let validatorPhone = function(rule, value, callback) {
|
if (value) {
|
if (!/^1[3456789]\d{9}$/.test(value)) {
|
callback(new Error('手机号格式有误！'))
|
} else {
|
callback()
|
}
|
}
|
callback()
|
}
|
|
return {
|
isDetail: false,
|
refreshNum: 1,
|
rowDetail: [],
|
auditRules: {
|
status: [{
|
required: true,
|
message: "必填"
|
}],
|
remark: [{
|
required: true,
|
message: "必填"
|
}],
|
},
|
visible: false,
|
taskType: 0,
|
curRow: {},
|
roleBox: false,
|
|
form: {},
|
query: {},
|
loading: true,
|
drawerLoading: false,
|
page: {
|
pageSize: 10,
|
currentPage: 1,
|
total: 0,
|
},
|
selectionList: [],
|
option: {
|
labelWidth: 120,
|
searchLabelWidth: 96,
|
searchShow: true,
|
searchMenuSpan: 3,
|
menuWidth: 200,
|
// menu: false,
|
height: "auto",
|
calcHeight: 54,
|
dialogWidth: 950,
|
tip: false,
|
border: true,
|
addBtn: false,
|
delBtn: false,
|
//stripe:true,
|
index: true,
|
editBtn: false,
|
viewBtn: false,
|
// selection: true,
|
excelBtn: false,
|
refreshBtn: false,
|
searchShowBtn: false,
|
columnBtn: false,
|
dialogClickModal: false,
|
column: [{
|
label: "自查时间",
|
prop: "dateRange",
|
type: "daterange",
|
format: "yyyy-MM-dd",
|
valueFormat: "yyyy-MM-dd",
|
searchRange: true,
|
startPlaceholder: '开始日期',
|
endPlaceholder: '结束日期',
|
align: 'center',
|
search: true,
|
hide: true,
|
searchSpan: 5,
|
searchLabelWidth: 76,
|
}, {
|
label: "场所名称",
|
prop: "placeName",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
search: true,
|
align: 'center'
|
},
|
{
|
label: "场所地址",
|
prop: "location",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
searchLabelWidth: 46,
|
overHidden: true,
|
align: 'center'
|
}, {
|
label: "场所类别",
|
prop: "nineType",
|
align: 'center',
|
dicUrl: "/api/blade-system/dict-biz/tree?code=nineType",
|
props: {
|
label: "title",
|
value: "key",
|
},
|
type: 'select',
|
search: true,
|
searchSpan: 4,
|
searchLabelWidth: 96,
|
align: 'center'
|
}, {
|
label: "所属街道",
|
prop: "streetName",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
search: true,
|
align: 'center'
|
},
|
{
|
label: "所属社区",
|
prop: "communityName",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
search: true,
|
width: 160,
|
overHidden: true,
|
align: 'center'
|
},
|
{
|
label: "所属网格",
|
prop: "gridName",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
search: true,
|
align: 'center'
|
},
|
{
|
label: "场所隐患",
|
prop: "remark",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
align: 'center'
|
},
|
{
|
label: "场所负责人",
|
prop: "principal",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
search: true,
|
align: 'center'
|
},
|
{
|
label: "场所负责人电话",
|
prop: "principalPhone",
|
span: 24,
|
row: true,
|
slot: true,
|
searchSpan: 4,
|
align: 'center'
|
},
|
{
|
width: 110,
|
label: "签名",
|
prop: "signaturePath",
|
type: "upload",
|
listType: "picture-img",
|
span: 24,
|
align: 'center'
|
},
|
{
|
width: 110,
|
label: "审核状态",
|
prop: "status",
|
span: 24,
|
align: 'center',
|
slot: true,
|
},
|
{
|
label: "创建时间",
|
prop: "createTime",
|
span: 24,
|
row: true,
|
searchSpan: 4,
|
searchLabelWidth: 46,
|
align: 'center'
|
},
|
],
|
},
|
data: [],
|
|
auditBasePopup: false,
|
questionTypeList: [],
|
CNNum: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五'],
|
nineTypeList: [],
|
radio: '1',
|
}
|
},
|
|
provide() {
|
return {
|
placeElement: this,
|
}
|
},
|
|
components: {
|
campusReporting,
|
hotelReporting,
|
labelReporting,
|
},
|
|
watch: {},
|
|
created() {
|
this.getPatrolGroupTree()
|
this.getDictBizTree()
|
},
|
|
computed: {
|
...mapGetters(["permission", "userInfo"]),
|
permissionList() {
|
return {
|
addBtn: this.vaildData(this.permission.place_add, false),
|
viewBtn: this.vaildData(this.permission.place_view, true),
|
delBtn: this.vaildData(this.permission.place_del, true),
|
// editBtn: this.vaildData(this.permission.place_edit, true),
|
}
|
},
|
ids() {
|
let ids = []
|
this.selectionList.forEach((ele) => {
|
ids.push(ele.id)
|
})
|
return ids.join(",")
|
},
|
showStatus() {
|
return (data) => {
|
let tags = {}
|
if (data == 1) {
|
tags = {
|
type: 'warning',
|
text: '待审核'
|
}
|
} else if (data == 2) {
|
tags = {
|
type: 'success',
|
text: '已审核'
|
}
|
} else if (data == 3) {
|
tags = {
|
type: 'danger',
|
text: '未通过'
|
}
|
} else if (data == 4) {
|
tags = {
|
type: 'warning',
|
text: '待完成'
|
}
|
}
|
|
return tags
|
}
|
},
|
|
textDispose() {
|
return (row, flag, type) => {
|
if (row[flag] || row[type] == null) {
|
return row[type]
|
} else {
|
if (type == 'principalIdCard') {
|
return row[type].replace(/^(.{6})(?:\d+)(.{4})$/, "$1******$2")
|
} else {
|
return row[type].replace(/^(.{3})(?:\d+)(.{4})$/, "$1****$2")
|
}
|
}
|
}
|
}
|
},
|
methods: {
|
// 点击展开收缩
|
flodQL(index) {
|
this.rowDetail.qTypeList[index].isShowQList = !this.rowDetail.qTypeList[index].isShowQList
|
this.refreshNum += 1
|
},
|
|
// 对数组按属性分组
|
groupBy(arr, key) {
|
return arr.reduce((acc, curr) => {
|
(acc[curr[key]] = acc[curr[key]] || []).push(curr)
|
return acc
|
}, {})
|
},
|
|
// 九小类型字典接口
|
getDictBizTree() {
|
getDictBizTree({
|
code: 'nineType'
|
}).then(res => {
|
this.nineTypeList = res.data.data
|
})
|
},
|
|
// 九小类型转换
|
switchNineType(type) {
|
return this.nineTypeList.find(item => item.key === type) ? this.nineTypeList.find(item => item.key === type)
|
.title : ''
|
},
|
|
// 获取问题类型
|
getPatrolGroupTree() {
|
getPatrolGroupTree({
|
type: 1,
|
childType: 1
|
}).then(res => {
|
this.questionTypeList = res.data.data
|
})
|
},
|
|
getDetail(rowData) {
|
this.drawerLoading = true
|
this.isDetail = true
|
getTaskPlaceSelfCheckInfo({
|
taskId: rowData.taskId
|
}).then(res => {
|
let row = res.data.data
|
if (row.taskPlaceRecordVOList) {
|
row.taskPlaceRecordVOList.forEach(item => {
|
item.imageUrlsList = []
|
item.rectificationImageUrlsList = []
|
if (item.imageUrls) {
|
item.imageUrlsList = item.imageUrls.split(',').map(ele => {
|
return website.minioUrl + ele
|
})
|
|
}
|
if (item.rectificationImageUrls) {
|
item.rectificationImageUrlsList = item.rectificationImageUrls.split(',').map(ele => {
|
return website.minioUrl + ele
|
})
|
}
|
// 查询问题类型
|
this.questionTypeList.forEach(qItem => {
|
qItem.children.forEach(qChild => {
|
if (qChild.id == item.itemId) {
|
item.qType = qItem.title
|
item.itemsNameTitle = qChild.title
|
}
|
})
|
})
|
})
|
}
|
if (row.taskPlaceRecordVOList) {
|
// 把相同类型问题分组
|
let obj = this.groupBy(row.taskPlaceRecordVOList, 'qType')
|
let arr = Object.entries(obj)
|
let newArr = []
|
arr.forEach(part => {
|
newArr.push({
|
questionName: part[0],
|
questionList: part[1],
|
isShowQList: true
|
})
|
})
|
row.qTypeList = newArr
|
}
|
// 九小类型转换
|
row.nineTypeName = this.switchNineType(row.nineType)
|
this.rowDetail = row
|
this.drawerLoading = false
|
})
|
|
},
|
|
handleExport() {
|
this.$confirm("是否导出消防自查数据?", "提示", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning"
|
}).then(() => {
|
NProgress.start()
|
var data = {
|
...this.query
|
}
|
// data.isNine = 1
|
data = Qs.stringify(data)
|
exportBlob(
|
`/api/blade-taskPlaceSelfCheck/taskPlaceSelfCheck/export-taskPlaceSelfCheck?${this.website.tokenHeader}=${getToken()}&` +
|
data
|
).then(res => {
|
console.log('exportBlob', res)
|
downloadXls(res.data, `消防自查${dateNow()}.xlsx`)
|
NProgress.done()
|
})
|
})
|
},
|
|
showStringDispose(row, type) {
|
row[type] = !row[type]
|
},
|
|
// 弹窗关闭回调
|
handleClose() {
|
this.cancelAudit()
|
},
|
|
// 取消审核
|
cancelAudit() {
|
this.visible = false
|
},
|
|
// 确认提交审核
|
submitAudit(form) {
|
let auditForm = {
|
status: form.status == '1' ? '2' : '3',
|
remark: form.confirmNotion,
|
reportType: 2
|
}
|
|
applyTaskExamine(Object.assign(this.auditParams, auditForm)).then(res => {
|
if (res.data.code == 200) {
|
this.$message.warning("审核成功")
|
this.onLoad(this.page)
|
this.cancelAudit()
|
}
|
})
|
},
|
|
// 审核按钮
|
goAudit(row) {
|
this.auditParams = {
|
id: row.taskId,
|
reportType: row.reportType
|
}
|
this.visible = true
|
},
|
|
colseDetail() {
|
this.auditBasePopup = false
|
this.onLoad(this.page)
|
},
|
|
lookDetail(row, applyType) {
|
this.auditBasePopup = true
|
var that = this
|
if (row.reportType == 6) {
|
this.taskType = 6
|
this.$nextTick(() => {
|
that.$refs.campusReporting.init(row, applyType)
|
})
|
}
|
if (row.reportType == 2) {
|
this.taskType = 2
|
this.$nextTick(() => {
|
that.$refs.hotelReporting.init(row, applyType)
|
})
|
}
|
if (row.reportType == 3 || row.reportType == 4 || row.reportType == 5) {
|
this.taskType = 3
|
this.$nextTick(() => {
|
that.$refs.labelReporting.init(row, applyType)
|
})
|
}
|
},
|
auditCur(row) {
|
this.curAuditRow = row
|
this.auditBasePopup = true
|
},
|
|
roleBoxClose() {
|
this.curRow = {}
|
},
|
|
ManageTenants(item) {
|
this.curRow = item
|
this.roleBox = true
|
},
|
|
rowSave(row, done, loading) {
|
if (row.imageUrls && row.imageUrls.length > 0) {
|
var urls = []
|
var split = row.imageUrls.split(",").filter(item => item != '')
|
split.forEach(url => {
|
var names = url.split("jczz/")
|
urls.push(names[1])
|
})
|
row.imageUrls = urls.join(",")
|
}
|
|
let label = row.label
|
|
if (row.smallLabel != '') {
|
label = label + ',' + row.smallLabel
|
}
|
|
delete row.smallLabel
|
|
add({
|
...row,
|
label
|
}).then(
|
() => {
|
this.onLoad(this.page)
|
this.$message({
|
type: "success",
|
message: "操作成功!",
|
})
|
done()
|
},
|
(error) => {
|
window.console.log(error)
|
loading()
|
}
|
)
|
},
|
|
rowUpdate(row, index, done, loading) {
|
if (row.imageUrls.length > 0) {
|
var urls = []
|
var split = row.imageUrls.split(",").filter(item => item != '')
|
split.forEach(url => {
|
var names = url.split("jczz/")
|
urls.push(names[1])
|
})
|
row.imageUrls = urls.join(",")
|
}
|
|
let label = row.label
|
|
if (row.smallLabel != '') {
|
label = label + ',' + row.smallLabel
|
}
|
|
delete row.smallLabel
|
|
update({
|
...row,
|
label
|
}).then(
|
() => {
|
this.onLoad(this.page)
|
this.$message({
|
type: "success",
|
message: "操作成功!",
|
})
|
done()
|
},
|
(error) => {
|
window.console.log(error)
|
loading()
|
}
|
)
|
},
|
|
rowDel(row) {
|
this.$confirm("确定将选择数据删除?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning",
|
})
|
.then(() => {
|
row.isDeleted = 1
|
return removeTask(row)
|
})
|
.then(() => {
|
this.onLoad(this.page)
|
|
this.$message({
|
type: "success",
|
message: "操作成功!",
|
})
|
})
|
},
|
searchReset() {
|
this.query = {}
|
this.page.currentPage = 1
|
this.onLoad(this.page)
|
},
|
searchChange(params, done) {
|
this.query = params
|
this.page.currentPage = 1
|
let dateRange = params.dateRange
|
if (params.dateRange) {
|
params.startTime = dateRange[0]
|
params.endTime = dateRange[1]
|
delete params.dateRange
|
}
|
this.onLoad(this.page, params)
|
done()
|
},
|
selectionChange(list) {
|
this.selectionList = list
|
},
|
selectionClear() {
|
this.selectionList = []
|
this.$nextTick(() => {
|
this.$refs.crud && this.$refs.crud.toggleSelection()
|
})
|
},
|
handleDelete() {
|
if (this.selectionList.length === 0) {
|
this.$message.warning("请选择至少一条数据")
|
return
|
}
|
this.$confirm("确定将选择数据删除?", {
|
confirmButtonText: "确定",
|
cancelButtonText: "取消",
|
type: "warning",
|
})
|
.then(() => {
|
return remove(this.ids)
|
})
|
.then(() => {
|
this.onLoad(this.page)
|
this.$message({
|
type: "success",
|
message: "操作成功!",
|
})
|
this.$refs.crud.toggleSelection()
|
})
|
},
|
|
beforeOpen(done, type) {
|
if (["edit", "view"].includes(type)) {
|
// getPlace(this.form.id).then((res) => {
|
// this.form = res.data.data
|
// if (this.form.imageUrls.length) {
|
// this.form.imageUrls = this.form.imageUrls.split(",").filter(item => item != '').map(item => website
|
// .minioUrl + item).join(',')
|
// }
|
// if (this.form.placePoiLabelVOList.length) {
|
// let lebelTwo = this.form.placePoiLabelVOList.find(item => {
|
// return item.type == 2
|
// })
|
// if (lebelTwo) this.form.label = String(lebelTwo.poiCode)
|
// let lebelThree = this.form.placePoiLabelVOList.find(item => {
|
// return item.type == 3
|
// })
|
// if (lebelThree) this.form.smallLabel = String(lebelThree.poiCode)
|
// }
|
// done()
|
// })
|
} else {
|
done()
|
}
|
},
|
|
currentChange(currentPage) {
|
this.page.currentPage = currentPage
|
this.onLoad(this.page, this.query)
|
},
|
sizeChange(pageSize) {
|
this.page.pageSize = pageSize
|
this.onLoad(this.page, this.query)
|
},
|
refreshChange() {
|
this.page.currentPage = 1
|
this.onLoad(this.page, this.query)
|
},
|
onLoad(page, params = {}) {
|
const {} = this.query
|
let values = {
|
...params,
|
}
|
values.type = 1
|
|
this.loading = true
|
getTaskPlaceSelfCheckList(page.currentPage, page.pageSize, values).then((res) => {
|
const data = {
|
...res.data.data,
|
records: res.data.data.records.map(item => {
|
return {
|
...item,
|
'createTime': item.createTime.slice(0, 16),
|
'principalPhoneflag': false,
|
}
|
})
|
}
|
data.records.forEach(item => {
|
if (item.signaturePath.length > 0) {
|
var urls = []
|
var names = item.signaturePath.split(",")
|
names.forEach(name => {
|
urls.push(website.minioUrl + name)
|
})
|
item.signaturePath = urls.join(",")
|
}
|
})
|
this.page.total = data.total
|
this.data = data.records
|
this.loading = false
|
this.selectionClear()
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
:deep(.cur-container-box) {
|
padding: 0;
|
}
|
|
:deep(.el-button--text) {
|
border: 0;
|
background: transparent !important;
|
}
|
|
:deep(.el-radio__input.is-disabled+span.el-radio__label) {
|
color: #000;
|
}
|
|
:deep(.el-radio__input.is-checked+.el-radio__label) {
|
color: #409EFF !important;
|
}
|
|
:deep(.el-radio__input.is-checked .el-radio__inner::after) {
|
background-color: #FFF;
|
}
|
|
:deep(.el-radio__input.is-checked .el-radio__inner) {
|
background-color: #409EFF;
|
}
|
|
:deep(.avue-crud__img) {
|
height: 30px !important;
|
}
|
|
:deep(.el-radio) {
|
margin-right: 20px;
|
}
|
|
.avue-upload__icon {
|
line-height: 6;
|
}
|
|
.cur-container-box {
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
|
.content-box {
|
margin: 0 4px;
|
padding: 0 16px;
|
height: 0;
|
flex: 1;
|
overflow: hidden;
|
overflow-y: auto;
|
}
|
|
.footer-btn-box {
|
margin-top: 10px;
|
display: flex;
|
justify-content: center;
|
}
|
}
|
|
.title {
|
margin: 10px;
|
height: 40px;
|
background-color: #eee;
|
display: flex;
|
align-items: center;
|
|
.icon {
|
width: 4px;
|
height: 18px;
|
background-color: #409dfe;
|
margin: 0 10px;
|
color: transparent;
|
}
|
}
|
|
.basic-info {
|
padding: 0 20px;
|
font-size: 14px;
|
|
.info-item {
|
display: flex;
|
padding: 10px;
|
|
.info-name {
|
width: 100px;
|
display: flex;
|
align-items: center;
|
}
|
|
.info-value {
|
display: flex;
|
align-items: center;
|
}
|
}
|
}
|
|
.question-list {
|
padding: 0 20px;
|
font-size: 14px;
|
|
.question-type {
|
height: 60px;
|
display: flex;
|
align-items: center;
|
cursor: pointer;
|
justify-content: space-between;
|
padding-right: 20px;
|
|
.type-name {}
|
|
.icon-box {}
|
}
|
|
.question-item {
|
margin-bottom: 20px;
|
padding: 10px;
|
background: #f5f7fa;
|
border-radius: 8px;
|
|
&>div {
|
margin: 14px 0;
|
}
|
|
.question-name {
|
display: flex;
|
|
.key {
|
width: 80%;
|
padding-right: 20px;
|
word-break: break-all;
|
}
|
|
.value {
|
width: 20%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
|
.yh-pic-box {
|
display: flex;
|
height: 100px;
|
|
.yh-pic-name {
|
width: 100px;
|
display: flex;
|
align-items: center;
|
justify-content: left;
|
}
|
|
.yh-pic-list {
|
width: 0;
|
flex: 1;
|
display: flex;
|
}
|
}
|
|
.yh-remark {
|
display: flex;
|
|
.yh-remark-name {
|
width: 100px;
|
display: flex;
|
align-items: center;
|
justify-content: left;
|
}
|
|
.yh-remark-value {
|
word-break: break-all;
|
}
|
}
|
}
|
}
|
</style>
|
