From cbec633fda4ecf0f77288f25067a8512915b565a Mon Sep 17 00:00:00 2001
From: yang <1441163367@qq.com>
Date: 星期一, 31 十月 2022 08:23:55 +0800
Subject: [PATCH] 修改问题

---
 src/views/padSunmaryProcedure/word_mange/mangeJD.vue |  123 ++++++++++++++++++++++++++++++++--------
 1 files changed, 97 insertions(+), 26 deletions(-)

diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
index 42a5033..5caa6ef 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
@@ -46,18 +46,54 @@
         <span>鐨勮涓猴紝鏈夊</span>
         <el-input v-model="form.litigant" placeholder="璇疯緭鍏ュ綋浜嬩汉濮撳悕" style="width: 160px!important;"></el-input>
         <span>锛堝綋浜嬩汉锛夌殑銆婅闂瑪褰曘�嬭瘉瀹炰互涓婅繚娉曡涓哄睘瀹� 锛岃繚鍙嶄簡 銆�</span>
-        <el-input v-model="form.legalBasis" placeholder="璇疯緭鍏X娉曞緥" style="width: 160px!important;"></el-input>
+<!--        <el-input v-model="form.legalBasis" placeholder="璇疯緭鍏X娉曞緥" style="width: 160px!important;"></el-input>-->
+        <el-autocomplete
+          v-model="form.legalBasis"
+          filterable
+          style="width: 20%!important;"
+          :fetch-suggestions="querySearchHandle"
+          placeholder="璇疯緭鍏X娉曞緥"
+          :trigger-on-focus="false"
+          @select="handleSelectOne"
+        >
+        </el-autocomplete>
         <span>娉曘�嬬</span>
-        <el-input v-model="form.legalBasisTiao" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳潯" style="width: 160px!important;"></el-input>
+<!--        <el-input v-model="form.legalBasisTiao" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳潯" style="width: 160px!important;"></el-input>-->
+        <el-select v-model="form.legalBasisTiao" placeholder="璇烽�夋嫨鏉�" style="width: 100px!important;">
+          <el-option
+            v-for="item in lawTiaoList"
+            :label="item.lawTiaoName"
+            :value="item.lawTiaoName"
+          >
+          </el-option>
+        </el-select>
         <span>鏉$</span>
         <el-input v-model="form.legalBasisKuan" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳" style="width: 160px!important;"></el-input>
         <span>娆剧</span>
         <el-input v-model="form.legalBasisXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 160px!important;"></el-input>
         <span>椤圭殑瑙勫畾锛屾湰灞�鎵ф硶浜哄憳褰撳満鍚戜綘锛堜綘浠級鍛婄煡浜嗚繚娉曚簨瀹炪�佷緷鎹拰渚濇硶浜湁</span>
         <span>鐨勬潈鍒╋紝浣犳湁闄堣堪鍜岀敵杈╃殑鏉冨埄銆傜幇渚濇嵁銆�</span>
-        <el-input v-model="form.legalClause" placeholder="璇疯緭鍏X娉曞緥" style="width: 100px!important;"></el-input>
+<!--        <el-input v-model="form.legalClause" placeholder="璇疯緭鍏X娉曞緥" style="width: 100px!important;"></el-input>-->
+        <el-autocomplete
+          v-model="form.legalClause"
+          filterable
+          style="width: 20%!important;"
+          :fetch-suggestions="querySearchHandle"
+          placeholder="璇疯緭鍏X娉曞緥"
+          :trigger-on-focus="false"
+          @select="handleSelectTwo"
+        >
+        </el-autocomplete>
         <span>娉曘�嬬</span>
-        <el-input v-model="form.legalClauseTiao" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳潯" style="width: 160px!important;"></el-input>
+<!--        <el-input v-model="form.legalClauseTiao" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳潯" style="width: 160px!important;"></el-input>-->
+        <el-select v-model="form.legalClauseTiao" filterable placeholder="璇烽�夋嫨鏉�" style="width: 100px!important">
+          <el-option
+            v-for="item in lawTiaoList"
+            :label="item.lawTiaoName"
+            :value="item.lawTiaoName"
+          >
+          </el-option>
+        </el-select>
         <span>鏉$</span>
         <el-input v-model="form.legalClauseKuan" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳" style="width: 160px!important;"></el-input>
         <span>娆剧</span>
@@ -77,17 +113,19 @@
       </el-form-item>
       <el-form-item label="缂寸撼鏂瑰紡锛�">
         <el-checkbox-group v-model="form.fines">
-          <el-checkbox label="1" name="type">褰撳満鏀剁即;</el-checkbox>
-          <el-checkbox label="2" name="type" style="display: flex!important;flex-wrap: wrap!important;">
-            <span>瑕佹眰浣狅紙鍗曚綅锛夎嚜鏀跺埌鏈喅瀹氫功涔嬫棩璧�15鏃ュ唴灏嗙綒娆句氦鑷�</span>
+          <el-checkbox label="1" name="fines">褰撳満鏀剁即;</el-checkbox>
+          <el-checkbox label="2" name="fines" id="fakuan">
+            <p>瑕佹眰浣狅紙鍗曚綅锛夎嚜鏀跺埌鏈喅瀹氫功涔嬫棩璧�15鏃ュ唴灏嗙綒娆句氦鑷�</p>
             <el-input v-model="form.bank" placeholder="璇疯緭鍏ョ即绾抽摱琛岀殑鍚嶇О" style="width: 160px"></el-input>
             <span>鎴栬�呴�氳繃鐢靛瓙鏀粯绯荤粺缂寸撼缃氭銆傝处鍙凤細</span>
             <el-input v-model="form.account" placeholder="璇疯緭鍏ヨ处鍙�" style="width: 160px"></el-input>
-            <span>鎴峰悕锛�</span>
-            <el-input v-model="form.accountName" placeholder="璇疯緭鍏ユ埛鍚�" style="width: 160px"></el-input>
-            <span>鍦�    鍧�: </span>
-            <el-input v-model="form.place" placeholder="璇疯緭鍏ョ即绾冲湴鍧�"></el-input>
-            <span>閫炬湡缂寸撼缃氭鐨勶紝渚濇嵁銆婁腑鍗庝汉姘戝叡鍜屽浗琛屾斂澶勭綒娉曘�嬬涓冨崄浜屾潯绗紙涓�锛夐」鐨勮瀹氾紝姣忔棩鎸夌綒娆炬暟棰濈殑3%鍔犲缃氭銆�</span>
+              <span>鎴峰悕锛�</span>
+              <el-input v-model="form.accountName" placeholder="璇疯緭鍏ユ埛鍚�" style="width: 160px"></el-input>
+            <div>
+              <span>鍦�    鍧�: </span>
+              <el-input v-model="form.place" placeholder="璇疯緭鍏ョ即绾冲湴鍧�"></el-input>
+            </div>
+            <p>閫炬湡缂寸撼缃氭鐨勶紝渚濇嵁銆婁腑鍗庝汉姘戝叡鍜屽浗琛屾斂澶勭綒娉曘�嬬涓冨崄浜屾潯绗紙涓�锛夐」鐨勮瀹氾紝姣忔棩鎸夌綒娆炬暟棰濈殑3%鍔犲缃氭銆�</p>
           </el-checkbox>
         </el-checkbox-group>
       </el-form-item>
@@ -120,13 +158,14 @@
 
 <script>
 import {createword, inquiry, nowpenaltydecision} from "../../../api/News/pad";
+import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
 
 
 export default {
   name: "mangeJD",
   data() {
     return {
-        id:'',
+      id: '',
       form: {
         unitName: "",
         litigant: "",
@@ -135,7 +174,9 @@
         legalPerson: "",
         legalPersonPhone: "",
         type: [],
-      }
+        fines:[],
+      },
+      lawTiaoList:[]
     }
   },
   mounted() {
@@ -164,24 +205,47 @@
     //鐐瑰嚮棰勮
     viewVord(data) {
       // let wordData = this.transforData(data);
-      createword(data).then(res =>{
-        // console.log(this.form.id)
-        console.log(res,'123456')
+      createword(data).then(res => {
         window.android.toPreviewWord(res.data.data)
-      }).catch(err=>{
-        console.log(err,'閿欒');
+      }).catch(err => {
+        console.log(err, '閿欒');
       })
     },
     //鐐瑰嚮涓嬭浇
     downloadWord(data) {
-      createword(data).then(res =>{
-        // console.log(this.form.id)
-        console.log(res,'123456')
-        window.android.toPreviewWord(res.data.data)
-      }).catch(err=>{
-        console.log(err,'閿欒');
+      createword(data).then(res => {
+        window.android.toDownLoadWord(res.data.data)
+      }).catch(err => {
+        console.log(err, '閿欒');
       })
-      // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "璋冩煡璇㈤棶绗斿綍.docx")
+    },
+    //鏌ヨ娉曞緥
+    querySearchHandle(queryString, cb) {  //妯$硦鎼滅礌
+      getLaw(queryString).then(res => {
+        this.lawList = []
+        let resultList = res.data.data
+        resultList.forEach(item => {
+          this.lawList.push({
+            value: item.name,
+            id: item.id
+          })
+        })
+        cb(this.lawList)
+      })
+    },
+    handleSelectOne(item) {
+      this.form.legalBasis = item.value
+      this.form.lawId = item.id
+      lawInfo(item.value).then(res => {
+        this.lawTiaoList = res.data.data
+      })
+    },
+    handleSelectTwo(item) {
+      this.form.legalClause = item.value
+      this.form.lawId = item.id
+      lawInfo(item.value).then(res => {
+        this.lawTiaoList = res.data.data
+      })
     },
   },
 }
@@ -194,4 +258,11 @@
   align-items: center;
   flex-wrap: wrap;
 }
+#fakuan{
+  width: 80%!important;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  /*style="width: 100%!important;display: flex!important;flex-wrap: wrap!important;"*/
+}
 </style>

--
Gitblit v1.9.1