|
|
|
@ -83,7 +83,7 @@
|
|
|
|
|
<el-table-column prop="state" label="描述"> </el-table-column>
|
|
|
|
|
<el-table-column prop="state" label="备注"> </el-table-column>
|
|
|
|
|
</el-table> -->
|
|
|
|
|
<div class="HeaderTitle" style="margin-top: 2rem">
|
|
|
|
|
<!-- <div class="HeaderTitle" style="margin-top: 2rem">
|
|
|
|
|
<p class="Left">
|
|
|
|
|
<span>操作记录</span>
|
|
|
|
|
</p>
|
|
|
|
@ -115,7 +115,70 @@
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="state" align="center" label="回执状态">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</el-table> -->
|
|
|
|
|
<div class="CsFlex">
|
|
|
|
|
<div>
|
|
|
|
|
<h3 class="title">操作记录</h3>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="Type0"
|
|
|
|
|
border
|
|
|
|
|
style="width: 90%"
|
|
|
|
|
:header-cell-style="{
|
|
|
|
|
background: 'rgb(160, 207, 255)',
|
|
|
|
|
color: '#fff',
|
|
|
|
|
}"
|
|
|
|
|
height="530"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="sendTime"
|
|
|
|
|
label="操作时间"
|
|
|
|
|
width="180"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ moment(scope.row.sendTime).format("YYYY-MM-DD HH:mm") }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="state" align="center" label="操作类型">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="operator"
|
|
|
|
|
align="center"
|
|
|
|
|
label="操作人"
|
|
|
|
|
width="180"
|
|
|
|
|
>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="remark" align="center" label="备注">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<h3 class="title">回执记录</h3>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="Type1"
|
|
|
|
|
border
|
|
|
|
|
style="width: 95%"
|
|
|
|
|
:header-cell-style="{
|
|
|
|
|
background: 'rgb(160, 207, 255)',
|
|
|
|
|
color: '#fff',
|
|
|
|
|
}"
|
|
|
|
|
height="530"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
prop="sendTime"
|
|
|
|
|
label="回执时间"
|
|
|
|
|
width="180"
|
|
|
|
|
align="center"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ moment(scope.row.sendTime).format("YYYY-MM-DD HH:mm") }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="state" align="center" label="回执内容">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
@ -146,6 +209,8 @@ export default {
|
|
|
|
|
value: "ISF-10",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
Type0: [],
|
|
|
|
|
Type1: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
@ -157,6 +222,8 @@ export default {
|
|
|
|
|
ListData: {
|
|
|
|
|
immediate: true,
|
|
|
|
|
handler(newData) {
|
|
|
|
|
this.Type0 = [];
|
|
|
|
|
this.Type1 = [];
|
|
|
|
|
if (this.$store.state.SendeditableTabsValue != 0) {
|
|
|
|
|
if (!newData.gid) {
|
|
|
|
|
Object.assign(this.$data.form, this.$options.data().form);
|
|
|
|
@ -173,6 +240,15 @@ export default {
|
|
|
|
|
delete form.hstCode;
|
|
|
|
|
delete form.companyList;
|
|
|
|
|
this.form = { ...this.form, ...form };
|
|
|
|
|
this.form.historyDto.forEach((item) => {
|
|
|
|
|
if (item.type == 0) {
|
|
|
|
|
// 操作记录
|
|
|
|
|
this.Type0.push(item);
|
|
|
|
|
} else {
|
|
|
|
|
// 回执记录
|
|
|
|
|
this.Type1.push(item);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -210,16 +286,21 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
background: #409eff;
|
|
|
|
|
color: #fff;
|
|
|
|
|
margin-top: 2rem;
|
|
|
|
|
.CsFlex {
|
|
|
|
|
width: 95%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
div {
|
|
|
|
|
&:first-child {
|
|
|
|
|
flex: 3;
|
|
|
|
|
}
|
|
|
|
|
&:last-child {
|
|
|
|
|
flex: 2;
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
margin: 14px 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|