admin/wisdomisitezwfront-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: BUG修改

Browse Source
This commit is contained in:
kun 2023-06-04 16:09:06 +08:00
parent 5e485300b7
commit 060053eb18
1 changed files with 77 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/views/goverment/qualitySupervision/components/transformInfo.vue
View File

@ -110,10 +110,50 @@
</div> </div>
<div class="situation"> <div class="situation">
<span>整改情况</span> <span>整改情况</span>
<el-button type="success">新增整改记录</el-button> <el-button type="success" @click="addSituation">新增整改记录</el-button>
</div>
<div class="situation-step">
<el-timeline>
<el-timeline-item timestamp="2018/4/12" placement="top" v-for="(item, index) in timelineList" :key="index">
<div class="row">
<span>创建人:</span>
<span>朱可</span>
</div>
<div class="row">
<span>整改回复:</span>
<span>朱可</span>
</div>
<div class="row">
<span>隐患照片:</span>
<img src="@/assets/images/govermentImg/在职人数.png" alt="" />
</div>
<div class="row">
<span>整改回复:</span>
<span>朱可</span>
</div>
<div class="status-name">已闭合</div>
<div class="status-operate">
<el-button type="primary" @click="auditVisible = true">审核</el-button>
</div>
</el-timeline-item>
</el-timeline>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog v-model="auditVisible" :append-to-body="true">
<template #title>
<div style="border-left: 2px solid #0f81ff; font-size: 20px; color: #333333">
<span style="margin-left: 5px">审核意见</span>
</div>
</template>
<el-input type="textarea" :rows="2" placeholder="请输入内容" />
<template #footer>
<span class="dialog-footer">
<el-button @click="auditVisible = false">驳 回</el-button>
<el-button type="primary" @click="auditVisible = false">通 过</el-button>
</span>
</template>
</el-dialog>
</div> </div>
</template> </template>
@ -138,6 +178,13 @@ const showRecord = () => {
transform: "translateX(-170px)" transform: "translateX(-170px)"
}; };
}; };
const timelineList = ref([{ name: 1 }]);
const addSituation = () => {
timelineList.value.push({
name: 1
});
};
const auditVisible = ref(false);
// 监听父组件的visible，用来简介控制el-dialog的弹框开关，一般是用于开 // 监听父组件的visible，用来简介控制el-dialog的弹框开关，一般是用于开
watch( watch(
() => props.detailsDialog, () => props.detailsDialog,
@ -281,6 +328,35 @@ onMounted(() => {
margin-left: 5px; margin-left: 5px;
} }
} }
.situation-step {
margin-top: 20px;
.row {
span:nth-child(1) {
text-align: left;
}
}
:deep(.el-timeline-item) {
position: relative;
padding-bottom: 14px !important;
}
.status-name {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #30ac7c;
}
.status-operate {
position: absolute;
right: 0;
bottom: -10px;
}
}
}
.audit-title {
border-left: 2px solid #0f81ff !important;
} }
} }