From 3b1fc9088c6efc28bbfdab55b61b1626a863036d Mon Sep 17 00:00:00 2001 From: 付延余 <f-yanyu@outlook.com> Date: 星期二, 03 一月 2023 14:42:14 +0800 Subject: [PATCH] 布局调整 --- src/views/padSunmaryProcedure/word_mange/mangeGZ.vue | 349 ++++++++++++++++++++++++++++++---------------------------- 1 files changed, 180 insertions(+), 169 deletions(-) diff --git a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue index 0cffe14..392050c 100644 --- a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue +++ b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue @@ -1,162 +1,174 @@ <template> -<el-main> - <el-form ref="form" :model="form" label-width="115px"> - <el-row> - <el-col :span="12"> - <el-form-item label="鏂囧彿"> - <el-input v-model="form.unitName" placeholder="鈥斺�斺�斺�斺�斺�旂綒璐f敼閫氬瓧銆� 銆曠鈥斺�斺�斺�斿彿"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="褰撲簨浜�"> - <el-input v-model="form.litigant" placeholder="璇峰~鍐欏綋浜嬩汉濮撳悕"></el-input> - </el-form-item> - </el-col> - </el-row> - <el-form-item label="璇佷欢鍙�/淇$敤鐮�"> - <el-input v-model="form.certNo" placeholder="璇峰~鍐欒韩浠借瘉鍙风爜/缁熶竴绀句細淇$敤浠g爜"></el-input> - </el-form-item> - <el-form-item label="鍦板潃"> - <el-input v-model="form.address" placeholder="璇峰~鍐欏綋浜嬩汉鍦板潃"></el-input> - </el-form-item> - <el-row> - <el-col :span="12"> - <el-form-item label="璐熻矗浜�"> - <el-input v-model="form.legalPerson" placeholder="璇峰~鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐d汉/缁忚惀鑰咃級"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鑱旂郴鐢佃瘽"> - <el-input v-model="form.legalPersonPhone" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> - </el-form-item> - </el-col> - </el-row> - <el-form-item label="鐩稿叧瑙勫畾"> - <el-input v-model="form.relevantProvision" placeholder="璇峰~鍐欑浉鍏宠瀹�"></el-input> - </el-form-item> - <el-row> - <el-col :span="12"> - <el-form-item label="妫�鏌ユ椂闂�"> - <el-date-picker - v-model="form.inspectionTime" - type="date" - style="width: 100%!important;" - :value-format="`yyyy-MM-dd`" - placeholder="閫夋嫨鏃ユ湡"> - </el-date-picker> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="妫�鏌ヤ簨椤�"> - <el-input v-model="form.items" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> - </el-form-item> - </el-col> - </el-row> - <el-form-item label="瀛樺湪闂"> - <el-input type="textarea" v-model="form.openQuestions" placeholder="璇峰~鍐欏瓨鍦ㄩ棶棰�"></el-input> - </el-form-item> - <el-form-item label="娉曞緥渚濇嵁"> -<!-- <el-input v-model="form.legalBasis" placeholder="璇峰~鍐欐硶寰嬩緷鎹�"></el-input>--> - <el-autocomplete - v-model="form.legalBasis" - filterable - style="width: 100%" - :fetch-suggestions="querySearchHandle" - placeholder="璇峰~鍐欐硶寰嬩緷鎹�" - :trigger-on-focus="false" - > - </el-autocomplete> - </el-form-item> - <el-form-item label="渚濇嵁娉曞緥瑙勫畾"> -<!-- <el-input v-model="form.regulations" placeholder="璇峰~鍐欎緷鎹硶寰嬭瀹�"></el-input>--> - <el-autocomplete - v-model="form.regulations" - filterable - style="width: 100%" - :fetch-suggestions="querySearchHandle" - placeholder="璇峰~鍐欎緷鎹硶寰嬭瀹�" - :trigger-on-focus="false" - > - </el-autocomplete> - </el-form-item> - <el-row> - <el-col :span="12"> - <el-form-item label="鑱旂郴浜�"> - <el-input v-model="form.phoneName" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鑱旂郴鐢佃瘽"> - <el-input v-model="form.phone" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> - </el-form-item> - </el-col> - </el-row> - <el-form-item label="鑱旂郴浣忓潃"> - <el-input v-model="form.place" placeholder="璇峰~鍐欒仈绯讳綇鍧�"></el-input> - </el-form-item> - <el-row> - <el-col :span="12"> - <el-form-item label="鏀规鏃堕棿"> - <el-date-picker - v-model="form.correctTime" - type="datetime" - style="width: 100%!important;" - :value-format="`yyyy-MM-dd HH:mm:ss`" - placeholder="閫夋嫨鏃ユ湡"> - </el-date-picker> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鎵g珷鏃堕棿"> - <el-date-picker - v-model="form.executionTime" - type="date" - style="width: 100%!important;" - :value-format="`yyyy-MM-dd`" - placeholder="閫夋嫨鏃ユ湡"> - </el-date-picker> - </el-form-item> - </el-col> - </el-row> - </el-form> - <div style="text-align: center"> - <el-button v-if="form.approvalState==null||form.approvalState=='2'" @click="dataFormSubmit('0')">淇濆瓨</el-button> - <el-button type="primary" @click="viewVord(form.id)">棰勮</el-button> - <el-button v-if="form.approvalState=='1'" type="success" @click="downloadWord(form.id)">涓嬭浇</el-button> - </div> -</el-main> + <!-- 璐d护闄愭湡鏀规閫氱煡涔� --> + <el-main> + <el-form ref="form" + :model="form" + label-width="115px"> + <el-row> + <el-col :span="12"> + <el-form-item label="鏂囧彿"> + <el-input v-model="form.unitName" + placeholder="鈥斺�斺�斺�斺�斺�旂綒璐f敼閫氬瓧銆� 銆曠鈥斺�斺�斺�斿彿"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="褰撲簨浜�"> + <el-input v-model="form.litigant" + placeholder="璇峰~鍐欏綋浜嬩汉濮撳悕"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="璇佷欢鍙�/淇$敤鐮�"> + <el-input v-model="form.certNo" + placeholder="璇峰~鍐欒韩浠借瘉鍙风爜/缁熶竴绀句細淇$敤浠g爜"></el-input> + </el-form-item> + <el-form-item label="鍦板潃"> + <el-input v-model="form.address" + placeholder="璇峰~鍐欏綋浜嬩汉鍦板潃"></el-input> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="璐熻矗浜�"> + <el-input v-model="form.legalPerson" + placeholder="璇峰~鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐d汉/缁忚惀鑰咃級"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鑱旂郴鐢佃瘽"> + <el-input v-model="form.legalPersonPhone" + placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="鐩稿叧瑙勫畾"> + <el-input v-model="form.relevantProvision" + placeholder="璇峰~鍐欑浉鍏宠瀹�"></el-input> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="妫�鏌ユ椂闂�"> + <el-date-picker v-model="form.inspectionTime" + type="date" + style="width: 100%!important;" + :value-format="`yyyy-MM-dd`" + placeholder="閫夋嫨鏃ユ湡"> + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="妫�鏌ヤ簨椤�"> + <el-input v-model="form.items" + placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="瀛樺湪闂"> + <el-input type="textarea" + v-model="form.openQuestions" + placeholder="璇峰~鍐欏瓨鍦ㄩ棶棰�"></el-input> + </el-form-item> + <el-form-item label="娉曞緥渚濇嵁"> + <!-- <el-input v-model="form.legalBasis" placeholder="璇峰~鍐欐硶寰嬩緷鎹�"></el-input>--> + <el-autocomplete v-model="form.legalBasis" + filterable + style="width: 100%" + :fetch-suggestions="querySearchHandle" + placeholder="璇峰~鍐欐硶寰嬩緷鎹�" + :trigger-on-focus="false"> + </el-autocomplete> + </el-form-item> + <el-form-item label="渚濇嵁娉曞緥瑙勫畾"> + <!-- <el-input v-model="form.regulations" placeholder="璇峰~鍐欎緷鎹硶寰嬭瀹�"></el-input>--> + <el-autocomplete v-model="form.regulations" + filterable + style="width: 100%" + :fetch-suggestions="querySearchHandle" + placeholder="璇峰~鍐欎緷鎹硶寰嬭瀹�" + :trigger-on-focus="false"> + </el-autocomplete> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="鑱旂郴浜�"> + <el-input v-model="form.phoneName" + placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鑱旂郴鐢佃瘽"> + <el-input v-model="form.phone" + placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="鑱旂郴浣忓潃"> + <el-input v-model="form.place" + placeholder="璇峰~鍐欒仈绯讳綇鍧�"></el-input> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="鏀规鏃堕棿"> + <el-date-picker v-model="form.correctTime" + type="datetime" + style="width: 100%!important;" + :value-format="`yyyy-MM-dd HH:mm:ss`" + placeholder="閫夋嫨鏃ユ湡"> + </el-date-picker> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鎵g珷鏃堕棿"> + <el-date-picker v-model="form.executionTime" + type="date" + style="width: 100%!important;" + :value-format="`yyyy-MM-dd`" + placeholder="閫夋嫨鏃ユ湡"> + </el-date-picker> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div style="text-align: center"> + <el-button v-if="form.approvalState==null||form.approvalState=='2'" + @click="dataFormSubmit('0')">淇濆瓨</el-button> + <el-button type="primary" + @click="viewVord(form.id)">棰勮</el-button> + <el-button v-if="form.approvalState=='1'" + type="success" + @click="downloadWord(form.id)">涓嬭浇</el-button> + </div> + </el-main> </template> <script> -import { ordercorrec, ordercorrection} from '../../../api/News/pad' -import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList'; -import {gzwo} from "../../../api/News/word"; - +import { ordercorrec, ordercorrection } from '../../../api/News/pad' +import { getLaw, getLawTiao, lawInfo } from '@/api/lawList/lawList' +import { gzwo } from '../../../api/News/word' export default { - name: "mangeGZ", - data(){ - return{ - id:'', - arrays: "", - form:{ - unitName:"", - litigant:"", - certNo:"", - address:"", - legalPerson:"", - legalPersonPhone:"", - relevantProvision:"", - inspectionTime:"", - items:"", - openQuestions:"", - legalBasis:"", - regulations:"", - phoneName:"", - phone:"", - place:"", - correctTime:"", - executionTime:"", + name: 'mangeGZ', + data() { + return { + id: '', + arrays: '', + form: { + unitName: '', + litigant: '', + certNo: '', + address: '', + legalPerson: '', + legalPersonPhone: '', + relevantProvision: '', + inspectionTime: '', + items: '', + openQuestions: '', + legalBasis: '', + regulations: '', + phoneName: '', + phone: '', + place: '', + correctTime: '', + executionTime: '', }, } }, @@ -164,25 +176,24 @@ this.id = this.$store.state.user.id this.getDataList() }, - methods:{ - getDataList(){ - ordercorrection(this.id).then(res =>{ - this.form =res.data.data + methods: { + getDataList() { + ordercorrection(this.id).then((res) => { + this.form = res.data.data }) }, - dataFormSubmit(){ + dataFormSubmit() { this.form.registerId = this.id - ordercorrec(this.form).then(res =>{ + ordercorrec(this.form).then((res) => { if (res.data.code == 0) { - this.$message.success("鎿嶄綔鎴愬姛"); + this.$message.success('鎿嶄綔鎴愬姛') } }) }, //鐐瑰嚮棰勮 viewVord(data) { // let wordData = this.transforData(data); - gzwo(data).then(res => { - + gzwo(data).then((res) => { // console.log(res.data.data, 'res.data.data') // this.form.questionsAnswers[0].wen =res.data.data this.arrays = res.data.data.split(',')[1] @@ -190,22 +201,23 @@ }) }, //鐐瑰嚮涓嬭浇 - downloadWord(data){ - gzwo(data).then(res => { + downloadWord(data) { + gzwo(data).then((res) => { // console.log(this.form.id) this.arrays = res.data.data.split(',')[0] window.android.toDownLoadWord(this.arrays) }) // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "璋冩煡璇㈤棶绗斿綍.docx") }, - querySearchHandle(queryString, cb) { //妯$硦鎼滅礌 - getLaw(queryString).then(res => { + querySearchHandle(queryString, cb) { + //妯$硦鎼滅礌 + getLaw(queryString).then((res) => { this.lawList = [] let resultList = res.data.data - resultList.forEach(item => { + resultList.forEach((item) => { this.lawList.push({ value: item.name, - id: item.id + id: item.id, }) }) cb(this.lawList) @@ -216,5 +228,4 @@ </script> <style scoped> - </style> -- Gitblit v1.9.1