| | |
| | | <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" |
| | | label-width="140px"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="年份"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="dataForm.year" |
| | | value-format="yyyy" |
| | | type="year" |
| | | placeholder="选择年"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="文书号"> |
| | | <el-input v-model="dataForm.number"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="年份">--> |
| | | <!-- <el-date-picker--> |
| | | <!-- style="width: 100%"--> |
| | | <!-- v-model="dataForm.year"--> |
| | | <!-- value-format="yyyy"--> |
| | | <!-- type="year"--> |
| | | <!-- placeholder="选择年">--> |
| | | <!-- </el-date-picker>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="文书号">--> |
| | | <!-- <el-input v-model="dataForm.number"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | <!-- <el-row>--> |
| | | <!--<el-col :span="12"> |
| | | <el-form-item label="决定书号"> |
| | | <el-input |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执法人员" prop="zfName1"> |
| | | <el-input v-model="dataForm.zfName1" placeholder="请输入账号"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执法证号" prop="zfNum1"> |
| | | <el-input v-model="dataForm.zfNum1" placeholder="请输入户名"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执法人员" prop="zfName2"> |
| | | <el-input v-model="dataForm.zfName2" placeholder="请输入账号"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="执法证号" prop="zfNum2"> |
| | | <el-input v-model="dataForm.zfNum2" placeholder="请输入户名"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- <el-row>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="执法人员" prop="zfName1">--> |
| | | <!-- <el-input v-model="dataForm.zfName1" placeholder="请输入账号"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="执法证号" prop="zfNum1">--> |
| | | <!-- <el-input v-model="dataForm.zfNum1" placeholder="请输入户名"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | <!-- <el-row>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="执法人员" prop="zfName2">--> |
| | | <!-- <el-input v-model="dataForm.zfName2" placeholder="请输入账号"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="执法证号" prop="zfNum2">--> |
| | | <!-- <el-input v-model="dataForm.zfNum2" placeholder="请输入户名"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="visible = false">取消</el-button> |
| | | <el-button type="primary" @click="dataFormSubmit()" :loading="loadingSubmit">确定</el-button> |
| | | <el-button type="primary" @click="dataFormSubmit()" :loading="loadingSubmit">保存</el-button> |
| | | <el-button type="primary" @click="viewVord(dataForm)">预览</el-button> |
| | | <el-button type="success" @click="downloadWord(dataForm)">下载</el-button> |
| | | </span> |
| | |
| | | }) |
| | | }, |
| | | viewVord(data) { //word预览 |
| | | if(this.dataForm.number === '' || this.dataForm.number === null){ |
| | | this.$message.error("请先保存再预览") |
| | | }else { |
| | | this.WordViewShow = true |
| | | this.$nextTick(() => { |
| | | this.$refs.WordView.initWord(data,'/words/administrativeDecisionLetter.docx') |
| | | this.$refs.WordView.initWord(data,'/words/administrativeDecisionLetter.docx') |
| | | }) |
| | | } |
| | | }, |
| | | downloadWord(data) { //word下载 |
| | | |
| | | if(this.dataForm.number === '' || this.dataForm.number === null){ |
| | | this.$message.error("请先保存再下载") |
| | | }else { |
| | | exportDoc(data,'/words/administrativeDecisionLetter.docx','当场行政处罚决定书') |
| | | } |
| | | }, |
| | | // 表单提交 |
| | | dataFormSubmit() { |
| | |
| | | } |
| | | </style> |
| | | <style lang="scss" scoped> |
| | | ::v-deep{ |
| | | |
| | | .el-dialog{ |
| | | max-height: 90%; |
| | | overflow-y: auto; |
| | | margin-top: 6vh!important; |
| | | } |
| | | } |
| | | .flexDate{ |
| | | display: flex; |
| | | span{ |