From 77bbb07044f0e139c20c979c39682c751b7ea0d4 Mon Sep 17 00:00:00 2001 From: yang <1441163367@qq.com> Date: 星期三, 02 十一月 2022 03:33:05 +0800 Subject: [PATCH] 修改新增简易案件问题 --- src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 146 ++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 121 insertions(+), 25 deletions(-) diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue index 4dd5f7e..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> @@ -111,22 +149,23 @@ </el-form> <div style="text-align: center"> - <el-button v-if="form.registerState=='0'" @click="dataFormSubmit('0')">淇濆瓨</el-button> - <el-button type="primary" @click="viewVord(dataForm)">棰勮</el-button> - <el-button v-if="form.registerState=='1'"type="success" @click="downloadWord(dataForm)">涓嬭浇</el-button> + <el-button v-if="form.registerState=='0'||form.registerState==null" @click="dataFormSubmit('0')">淇濆瓨</el-button> + <el-button type="primary" @click="viewVord(form)">棰勮</el-button> + <el-button v-if="form.registerState=='1'" type="success" @click="downloadWord(form)">涓嬭浇</el-button> </div> </el-main> </template> <script> -import {inquiry, nowpenaltydecision} from "../../../api/News/pad"; +import {createword, inquiry, nowpenaltydecision} from "../../../api/News/pad"; +import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList'; export default { name: "mangeJD", - props: ['id'], data() { return { + id: '', form: { unitName: "", litigant: "", @@ -135,29 +174,79 @@ legalPerson: "", legalPersonPhone: "", type: [], - } + fines:[], + }, + lawTiaoList:[] } }, - created() { + mounted() { + this.id = this.$store.state.user.id this.init(); }, methods: { init() { - nowpenaltydecision(this.id).then(res => { - this.form = res.data.data + this.$nextTick(() => { + nowpenaltydecision(this.id).then(res => { + this.form = res.data.data + }) }) }, //鐐瑰嚮淇濆瓨鏁版嵁 dataFormSubmit() { - this.form.startTime = this.value1[0] - this.form.endTime = this.value1[1] - this.form.registerId = this.id + /*this.form.startTime = this.value1[0] + this.form.endTime = this.value1[1]*/ + //this.form.registerId = this.id inquiry(this.form).then(res => { if (res.data.code == 0) { this.$message.success("淇濆瓨鎴愬姛"); } }) - } + }, + //鐐瑰嚮棰勮 + viewVord(data) { + // let wordData = this.transforData(data); + createword(data).then(res => { + window.android.toPreviewWord(res.data.data) + }).catch(err => { + console.log(err, '閿欒'); + }) + }, + //鐐瑰嚮涓嬭浇 + downloadWord(data) { + createword(data).then(res => { + window.android.toDownLoadWord(res.data.data) + }).catch(err => { + console.log(err, '閿欒'); + }) + }, + //鏌ヨ娉曞緥 + 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 + }) + }, }, } </script> @@ -169,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