<template>
|
<el-main class="criminalCasesLetter-wrap">
|
<el-form :model="form" label-width="120px">
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="案号">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="24">
|
<el-form-item label="案由">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="24">
|
<el-form-item label="当事人信息">
|
<el-input v-model="form.wenhao" type="textarea"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="24">
|
<el-form-item label="告知事项">
|
<el-input disabled v-model="form.shixiang" type="textarea" :rows="6"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="指定签收人">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="送达地址">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="证件类型">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="证件号码">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="10">
|
<el-form-item label="是否接受电子送达" label-width="160px">
|
<el-radio-group v-model="form.radio">
|
<el-radio :label="0">是</el-radio>
|
<el-radio :label="1">否</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="14">
|
<el-form-item label="是否接受手机号码" label-width="160px">
|
<el-radio-group v-model="form.radio">
|
<div class="shifoujieshouPhone">
|
<el-radio :label="0">是</el-radio>
|
<el-radio :label="1">否</el-radio>
|
<template>
|
<el-input v-model="form.wenhao"></el-input>
|
</template>
|
</div>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="是否接受传真号码" label-width="160px">
|
<el-radio-group v-model="form.radio">
|
<div class="shifoujieshouPhone">
|
<el-radio :label="0">是</el-radio>
|
<el-radio :label="1">否</el-radio>
|
<template>
|
<el-input v-model="form.wenhao"></el-input>
|
</template>
|
</div>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="是否电子邮件地址" label-width="160px">
|
<el-radio-group v-model="form.radio">
|
<div class="shifoujieshouPhone">
|
<el-radio :label="0">是</el-radio>
|
<el-radio :label="1">否</el-radio>
|
<template>
|
<el-input v-model="form.wenhao"></el-input>
|
</template>
|
</div>
|
</el-radio-group>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="手机号码">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="邮编">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="其他联系方式">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="24">
|
<el-form-item label="受送达人确认">
|
<el-input disabled v-model="form.shixiang" type="textarea" :rows="6"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="12">
|
<el-form-item label="受送达人（签名或盖章）:" label-width="180px">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="盖章日期">
|
<el-date-picker
|
v-model="form.time"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div style="text-align: center">
|
<el-button v-if="isFinish!='2'" plain @click="dataFormSubmit('0')">保存</el-button>
|
<el-button v-if="isFinish!='2'" type="warning" plain @click="dataFormSubmit('1')">定稿</el-button>
|
<el-button type="primary" plain @click="viewVord(form)">预览</el-button>
|
<el-button type="success" plain @click="downloadWord(form)">下载</el-button>
|
</div>
|
<WordView ref="wordInfo" :isShowYulan="showView" @cancel="cancelWord"></WordView>
|
</el-main>
|
</template>
|
|
<script>
|
import WordView from "@/views/News/word-view";
|
export default {
|
name: "personAdressConfirmForm",
|
props: ['isShowYulan','id','isFinish','processId','title'],
|
components: {
|
WordView
|
},
|
data() {
|
return {
|
form: {
|
wenhao:'',
|
time:'',
|
shixiang:'1.为便于当事人及时收到相关文书，当事人应当如实提供确切的送达地址。 \n' +
|
'2.确认的送达地址适用于行政执法全过程程序。如果送达地址有变更，应当及时书面告知我单位变更后的送达地址。\n' +
|
'3.如果提供的地址不确切，或者不及时告知变更后的地址，使文书无法送达或者未及时送达，当事人将自行承担由此可能产生的后果。 \n' +
|
'4.接受电子送达方式的，以发送方设备显示发送成功视为送达。但接收方证明其到达特定系统的日期与发送方对应系统显示发送日期不一致的，以受送达人证明到达其特定系统的日期为准。',
|
confirmContent:'我已阅读(听明白)本确认书的告知事项，提供了上栏送达地址，确认了上栏送达方式，并保证所提供的送达地址各项内容是正确的、有效的。如在案件办理过程中送达地址发生变化，将及时通知贵单位。',
|
content: [
|
{
|
name:''
|
},
|
{
|
name:''
|
}
|
],
|
radio:'',
|
},
|
showView: false,
|
}
|
},
|
methods: {
|
dataFormSubmit(type) {
|
|
},
|
viewVord(data) {
|
this.showView = true;
|
this.$nextTick(() => {
|
this.$refs.wordInfo.init(data,"/wordes/criminalCasesLetter.docx")
|
})
|
},
|
downloadWord(data) {
|
|
},
|
cancelWord() {
|
this.showView = false;
|
},
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.anjiancailiao-box{
|
.el-textarea{
|
flex: 1;
|
margin-left: 10px;
|
}
|
}
|
.shifoujieshouPhone{
|
.el-radio-group{
|
width: 100%;
|
}
|
}
|
|
</style>
|
<style lang="scss" scoped>
|
::v-deep{
|
.el-date-editor.el-input, .el-date-editor.el-input__inner{
|
width: 100%!important;
|
}
|
.el-radio{
|
margin-right: 20px!important;
|
}
|
.el-radio-group{
|
width: 100%;
|
}
|
}
|
.el-textarea.is-disabled /deep/ .el-textarea__inner{
|
color: #606266;
|
}
|
.anjiancailiao-box{
|
display: flex;
|
margin-top: 10px;
|
&:first-child{
|
margin-top: 0;
|
}
|
}
|
.shifoujieshouPhone{
|
display: flex;
|
align-items: center;
|
}
|
</style>
|
