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