<template>
|
<el-main class="criminalCasesLetter-wrap">
|
<el-form :model="form" label-width="120px">
|
<el-row>
|
<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="案件材料件数">
|
<el-input v-model="form.wenhao"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="案件材料内容">
|
<div class="anjiancailiao-box" v-for="(item,index) in form.content" :key="index">
|
<span>( {{index}} )</span>
|
<el-input type="textarea" v-model="item.name"></el-input>
|
</div>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="移送案件涉案物品清单" label-width="160px">
|
<el-input v-model="form.wenhao" 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.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-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-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-input v-model="form.wenhao"></el-input>
|
</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: "criminalCasesLetter",
|
props: ['isShowYulan','id','isFinish','processId','title'],
|
components: {
|
WordView
|
},
|
data() {
|
return {
|
form: {
|
wenhao:'',
|
time:'',
|
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>
|
::v-deep{
|
.el-date-editor.el-input, .el-date-editor.el-input__inner{
|
width: 100%!important;
|
}
|
}
|
.anjiancailiao-box{
|
display: flex;
|
margin-top: 10px;
|
&:first-child{
|
margin-top: 0;
|
}
|
}
|
</style>
|
