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