<template>
|
<el-main>
|
<el-form :model="form" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="文号:">
|
<el-input v-model="form.name"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="当事人姓名:">
|
<el-input v-model="form.name" type="textArea"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="身份证号码:">
|
<el-input v-model="form.name" type="textArea"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="住址/地址:">
|
<el-input v-model="form.name" type="textArea"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="联系电话:">
|
<el-input v-model="form.name" type="textArea"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<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-row>
|
<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>
|
<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>
|
<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>
|
<el-col :span="12">
|
<el-form-item label="峰峰矿区综合行政执法局（公章）" label-width="250px"></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-row>
|
<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-date-picker
|
v-model="form.time"
|
type="date"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<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-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: "administrativeForcePerformBook",
|
props: ['isShowYulan','id','isFinish','processId','title'],
|
components: {
|
WordView
|
},
|
data() {
|
return {
|
form: {
|
name:'',
|
content: [
|
{
|
name:''
|
},
|
{
|
name:''
|
}
|
]
|
},
|
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;
|
}
|
}
|
|
</style>
|
<style lang="scss" scoped>
|
.anjiancailiao-box{
|
display: flex;
|
margin-top: 10px;
|
&:first-child{
|
margin-top: 0;
|
}
|
}
|
</style>
|
