From 1f6ae254a4e41a70290f842ab0d5d3bc792c7af8 Mon Sep 17 00:00:00 2001 From: yang <1441163367@qq.com> Date: 星期三, 02 十一月 2022 21:38:08 +0800 Subject: [PATCH] 修改问题11.2 --- src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 253 +++++++++++++++++++++++++++++++++++++------------- 1 files changed, 185 insertions(+), 68 deletions(-) diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue index 25b8d79..96b891e 100644 --- a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue +++ b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue @@ -1,6 +1,6 @@ <template> <el-main> - <el-form ref="form" :model="form" label-width="105px" size="20"> + <el-form ref="form" :model="form" label-width="120px"> <el-row> <el-col :span="12"> <el-form-item label="鏂囧彿"> @@ -26,16 +26,17 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鑱旂郴鐢佃瘽"> + <el-form-item label="鑱旂郴鐢佃瘽" label-width="100px"> <el-input v-model="form.linkPhone" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> </el-form-item> </el-col> </el-row> - <div class="box" style="margin-left: 85px;font-size: 18px;"> + <el-form-item class="box"> <span>浣狅紙鍗曚綅锛変簬</span> <el-date-picker v-model="form.illegalTime" type="datetime" + style="width: 180px!important;" :value-format="`yyyy-MM-dd HH:mm:ss`" placeholder="閫夋嫨鏃ユ湡鏃堕棿"> </el-date-picker> @@ -46,64 +47,119 @@ <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: 50%!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> + <el-input v-model="form.legalBasisKuan" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳" style="width: 80px!important;"></el-input> <span>娆剧</span> - <el-input v-model="form.legalBasisXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 160px!important;"></el-input> + <el-input v-model="form.legalBasisXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 80px!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: 50%!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> + <el-input v-model="form.legalClauseKuan" placeholder="璇疯緭鍏ユ硶寰嬬鍑犳" style="width: 80px!important;"></el-input> <span>娆剧</span> - <el-input v-model="form.legalClauseXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 160px!important;"></el-input> + <el-input v-model="form.legalClauseXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 80px!important;"></el-input> <span>椤癸紝鏈満鍏冲喅瀹氬浣狅紙鍗曚綅锛夊浠ヤ笅琛屾斂澶勭綒锛�</span> - </div> + </el-form-item> <el-form-item> - <el-checkbox-group v-model="form.type" style="display: flex;flex-direction: column;font-size: 20px!important;"> + <el-checkbox-group v-model="form.punishments" + style="display: flex;flex-direction: column;font-size: 20px!important;"> <el-checkbox label="1" name="type">璀﹀憡锛�</el-checkbox> - <el-checkbox label="2" name="type"> + <el-checkbox label="2" name="type" style="display:flex;flex-direction: column"> 缃氭浜烘皯甯� <el-input v-model="form.penalty" placeholder=" 鍗� 鐧� 鎷� 鍏�" style="width: 160px!important;"></el-input> - 鏁达紙澶у啓锛夈�傦骏锛� - <el-input v-model="form.penaltyNumber" placeholder="闃挎媺浼暟瀛�" style="width: 160px!important;"></el-input> + 鏁达紙澶у啓锛夈�� + <el-form-item> + <span>锟ワ細</span> + <el-input v-model="form.penaltyNumber" placeholder="闃挎媺浼暟瀛�" style="width: 160px!important;"></el-input> + </el-form-item> </el-checkbox> </el-checkbox-group> </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-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> - </el-checkbox> - </el-checkbox-group> - </el-form-item> + <div @change="changenullTwo"> + <el-form-item label="缂寸撼鏂瑰紡锛�"> + <el-radio label="1" v-model="form.fines">褰撳満鏀剁即;</el-radio> + <el-radio label="2" v-model="form.fines"> + <p style="margin-left: -100px!important;"> + 缂寸撼閾惰鍚嶇О锛� + <el-input v-model="form.bank" placeholder="璇疯緭鍏ョ即绾抽摱琛岀殑鍚嶇О" style="width: 80%!important;"></el-input> + </p> + <p style="margin-left: -30px!important;"> + 璐﹀彿锛� + <el-input v-model="form.account" placeholder="璇疯緭鍏ヨ处鍙�" style="width: 100%!important;"></el-input> + </p> + <p style="margin-left: -30px!important;"> + 鎴峰悕锛� + <el-input v-model="form.accountName" placeholder="璇疯緭鍏ユ埛鍚�" style="width: 100%!important;"></el-input> + </p> - <div class="box" style="margin-left: 85px;font-size: 18px;"> - <span>濡備綘锛堝崟浣嶏級涓嶆湇鏈鏀垮缃氬喅瀹氾紝鍙互鑷敹鍒版湰鍐冲畾涔︿箣鏃ヨ捣60鏃ュ唴鍚�</span> - <el-input v-model="form.governmentName" placeholder="" style="width:260px!important;"></el-input> - <span>鐢宠琛屾斂澶嶈锛涗篃鍙互鑷�</span> - <span>鏀跺埌鏈喅瀹氫功涔嬫棩璧峰叚涓湀鍐呯洿鎺ュ悜</span> - <el-input v-model="form.courtName" placeholder="" style="width:260px!important;"></el-input> - <span>璧疯瘔銆�</span> + <!-- </el-form-item>--> + <p style="margin-left: -30px!important;"> + 鍦板潃锛� + <el-input v-model="form.place" placeholder="璇疯緭鍏ョ即绾冲湴鍧�" style="width: 100%!important;"></el-input> + </p> + </el-radio> + </el-form-item> </div> + <!-- <div class="box" style="margin-left: 85px;font-size: 18px;"> + <span>濡備綘锛堝崟浣嶏級涓嶆湇鏈鏀垮缃氬喅瀹氾紝鍙互鑷敹鍒版湰鍐冲畾涔︿箣鏃ヨ捣60鏃ュ唴鍚�</span> + <el-input v-model="form.governmentName" placeholder="" style="width:260px!important;"></el-input> + <span>鐢宠琛屾斂澶嶈锛涗篃鍙互鑷�</span> + <span>鏀跺埌鏈喅瀹氫功涔嬫棩璧峰叚涓湀鍐呯洿鎺ュ悜</span> + <el-input v-model="form.courtName" placeholder="" style="width:260px!important;"></el-input> + <span>璧疯瘔銆�</span> + </div>--> + <el-form-item label="鏀垮簻鍚嶇О"> + <el-input v-model="form.governmentName" placeholder="璇峰~鍐欐斂搴滃悕绉�"></el-input> + </el-form-item> + <el-form-item label="娉曢櫌鍚嶇О"> + <el-input v-model="form.courtName" placeholder="璇峰~鍐欐硶闄㈠悕绉�"></el-input> + </el-form-item> <el-form-item label="鎵g珷鏃ユ湡"> <el-date-picker v-model="form.executionTime" type="date" + style="width: 100%!important;" :value-format="`yyyy-MM-dd`" placeholder="閫夋嫨鎵g珷"> </el-date-picker> @@ -111,48 +167,83 @@ </el-form> <div style="text-align: center"> - <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> + <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 {inquiry, nowpenaltydecision} from "../../../api/News/pad"; +import {nowpenalty, nowpenaltydecision} from "../../../api/News/pad"; +import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList'; +import {xcwo} from "../../../api/News/word"; export default { name: "mangeJD", - props: ['id'], data() { return { + id: '', + arrays: "", form: { unitName: "", litigant: "", + illegalAct: "", + illegalLocation: "", + linkPhone: "", + illegalTime: "", certNo: "", address: "", legalPerson: "", legalPersonPhone: "", - type: [], - } + punishments: [], + fines: 1, + courtName: "", + governmentName: "", + accountName: "", + bank: "", + penaltyNumber: "", + penalty: "", + legalClauseXiang: "", + legalClauseKuan: "", + legalClauseTiao: "", + legalBasisXiang: "", + legalBasisKuan: "", + legalBasisTiao: "", + }, + 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 + }) }) + }, + changenullTwo(val) { + if (this.form.fines == 1){ + this.form.bank = ""; + this.form.account = ""; + this.form.accountName = ""; + this.form.place = ""; + }else { + this.form.bank = "閭斂鍌ㄨ搫閾惰宄板嘲鏀锛堝嘲宄扮熆鍖烘粡闃宠矾43鍙凤級" + } + }, //鐐瑰嚮淇濆瓨鏁版嵁 dataFormSubmit() { - this.form.startTime = this.value1[0] - this.form.endTime = this.value1[1] + /*this.form.startTime = this.value1[0] + this.form.endTime = this.value1[1]*/ this.form.registerId = this.id - inquiry(this.form).then(res => { + nowpenalty(this.form).then(res => { if (res.data.code == 0) { this.$message.success("淇濆瓨鎴愬姛"); } @@ -161,27 +252,45 @@ //鐐瑰嚮棰勮 viewVord(data) { // let wordData = this.transforData(data); - this.$router.push({ - path: '/WordYulan', - query: { - wordData: data, - src: '/wordes/penaltyDecision.docx', - name: '澶勭綒鍐冲畾涔�', - } + xcwo(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] + window.android.toPreviewWord(this.arrays) }) }, //鐐瑰嚮涓嬭浇 downloadWord(data) { - this.$router.push({ - path: '/WordYulan', - query: { - id:this.id, - downWordData: data, - src: '/wordes/penaltyDecision.docx', - name: '澶勭綒鍐冲畾涔�', - } + xcwo(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 => { + 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 }, }, } @@ -194,4 +303,12 @@ 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