<template>
|
<GlobalWindow
|
:title="title"
|
width="80%"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm"
|
>
|
<div class="info">
|
<div class="info_head">
|
<span>所属企业：芜湖格力精密制造有限公司</span>
|
<el-button type="primary" @click="visible5 = true">审核</el-button>
|
<el-button type="primary" @click="$refs.dispatchReview.open('审核工种')">审核工种</el-button>
|
</div>
|
<div class="info_list">
|
<div class="info_list_item">派遣单位：芜湖格力精密制造有限公司</div>
|
<div class="info_list_item">派遣单位信用代码：913401000900000001</div>
|
<div class="info_list_item">派遣单位状态：待审核</div>
|
<div class="info_list_item">派遣单位详述：无</div>
|
</div>
|
<div class="info_x"></div>
|
<div class="info_form">
|
<div class="info_form_label">保险方案：平安保险雇主责任险B版</div>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<el-table-column
|
prop="date"
|
label="日期">
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="姓名">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="地址">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="info_form">
|
<div class="info_form_label">保险方案：平安保险雇主责任险B版</div>
|
<el-table
|
:data="tableData"
|
border
|
style="width: 100%">
|
<el-table-column
|
prop="date"
|
label="日期">
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="姓名">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="地址">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="desc_label">
|
<div class="desc_label_left">
|
<span class="desc_label_left_title">
|
案件进度
|
</span>
|
</div>
|
</div>
|
<div class="desc_times">
|
<el-timeline :reverse="reverse">
|
<el-timeline-item
|
v-for="(activity, index) in activities"
|
:key="index"
|
:timestamp="activity.timestamp">
|
{{activity.content}}
|
</el-timeline-item>
|
</el-timeline>
|
</div>
|
<!-- 驳回退回申请 -->
|
<el-dialog
|
title="审核确认"
|
:visible.sync="visible5"
|
:show-close="false"
|
:close-on-click-modal="false"
|
width="30%"
|
center>
|
<div class="form">
|
<div class="form_item">
|
<div class="form_item_label"><span>*</span>审核说明：</div>
|
<div class="form_item_val">
|
<el-input type="textarea" :rows="2" placeholder="请输入"></el-input>
|
</div>
|
</div>
|
</div>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="visible5 = false">取 消</el-button>
|
<el-button type="primary" @click="visible5 = false">确 定</el-button>
|
</span>
|
</el-dialog>
|
<!-- 审核 -->
|
<dispatchReview ref="dispatchReview" />
|
</div>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import dispatchReview from '@/components/business/dispatchReview'
|
export default {
|
name: 'dispatchUnitReviewDetails',
|
extends: BaseOpera,
|
components: { GlobalWindow, dispatchReview },
|
data () {
|
return {
|
// 表单数据
|
form: {
|
id: null,
|
editDate: ''
|
},
|
// 验证规则
|
rules: {
|
},
|
tableData: [],
|
visible5: false,
|
reverse: false,
|
activities: [{
|
content: '活动按期开始',
|
timestamp: '2018-04-15'
|
}, {
|
content: '通过审核',
|
timestamp: '2018-04-13'
|
}, {
|
content: '创建成功',
|
timestamp: '2018-04-11'
|
}],
|
}
|
},
|
created () {
|
this.config({
|
api: '/business/insuranceApply',
|
'field.id': 'id'
|
})
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style>
|
.v-modal {
|
z-index: 2000 !important;
|
}
|
</style>
|
|
<style lang="scss" scoped>
|
.info {
|
width: 100%;
|
.form {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
.form_span {
|
width: 100%;
|
display: flex;
|
align-items: start;
|
flex-direction: column;
|
margin-bottom: 20px;
|
span {
|
font-size: 14px;
|
&:nth-child(1) {
|
color: black;
|
margin-bottom: 5px;
|
}
|
&:nth-child(2) {
|
color: #8c939d;
|
}
|
}
|
}
|
.form_item {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
margin-bottom: 20px;
|
&:last-child {
|
margin: 0 !important;
|
}
|
.form_item_label {
|
flex-shrink: 0;
|
width: 170px;
|
color: black;
|
font-size: 14px;
|
span {
|
color: red;
|
font-size: 14px;
|
}
|
}
|
.form_item_val {
|
flex: 1;
|
/*height: 40px;*/
|
margin-left: 20px;
|
textarea {
|
width: 100%;
|
height: 70px;
|
border: 1px solid #cbcbcb;
|
padding: 10px;
|
outline: none;
|
box-sizing: border-box;
|
}
|
input {
|
width: 100%;
|
height: 40px;
|
outline: none;
|
border-radius: 5px;
|
border: 1px solid #cbcbcb;
|
padding: 0 20px;
|
box-sizing: border-box;
|
}
|
}
|
}
|
}
|
.info_head {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
span {
|
color: black;
|
font-size: 14px;
|
}
|
span {
|
color: black;
|
font-size: 14px;
|
}
|
}
|
.info_list {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
margin-top: 15px;
|
.info_list_item {
|
width: 33.3%;
|
color: black;
|
font-size: 14px;
|
margin-bottom: 15px;
|
}
|
}
|
.info_x {
|
width: 100%;
|
height: 1px;
|
background: #eeeeee;
|
margin-bottom: 15px;
|
}
|
.info_form {
|
width: 100%;
|
margin-bottom: 15px;
|
.info_form_label {
|
color: black;
|
font-size: 14px;
|
margin-bottom: 15px;
|
}
|
}
|
.desc_label {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.desc_label_left {
|
flex: 1;
|
display: flex;
|
align-items: center;
|
.desc_label_left_title {
|
font-size: 20px;
|
font-weight: bold;
|
color: black;
|
}
|
.desc_label_left_time {
|
font-size: 14px;
|
color: rgba(249, 86, 1, 0.996);
|
margin-left: 10px;
|
}
|
.desc_label_left_code {
|
font-size: 15px;
|
color: black;
|
margin-left: 30px;
|
}
|
}
|
.desc_label_right {
|
flex-shrink: 0;
|
}
|
}
|
.desc_times {
|
width: 100%;
|
margin-top: 20px;
|
}
|
}
|
</style>
|
