|  |  | 
 |  |  |       <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{ |