From 539d1ce6b955d5d56b21d97590a2a684c400f64a Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123 <819527061@qq.com> Date: 星期三, 11 一月 2023 09:55:16 +0800 Subject: [PATCH] 细节调节 --- src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 450 ++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 293 insertions(+), 157 deletions(-) diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue index 5caa6ef..30d6b28 100644 --- a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue +++ b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue @@ -1,233 +1,359 @@ <template> + <!-- 澶勫喅鍐冲畾涔� --> <el-main> - <el-form ref="form" :model="form" label-width="105px" size="20"> + <el-form ref="form" + :disabled="form.registerState == '1'" + :model="form" + label-width="120px"> <el-row> <el-col :span="12"> <el-form-item label="鏂囧彿"> - <el-input v-model="form.unitName" placeholder="鈥斺�斺�斺�斺�斺�旂綒璐f敼閫氬瓧銆� 銆曠鈥斺�斺�斺�斿彿"></el-input> + <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-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-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-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-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.linkPhone" placeholder="璇峰~鍐欒仈绯荤數璇�"></el-input> + <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;"> - <span>浣狅紙鍗曚綅锛変簬</span> - <el-date-picker - v-model="form.illegalTime" - type="datetime" - :value-format="`yyyy-MM-dd HH:mm:ss`" - placeholder="閫夋嫨鏃ユ湡鏃堕棿"> - </el-date-picker> - <span>锛屾墽娉曚汉鍛樺湪</span> - <el-input v-model="form.illegalLocation" placeholder="" style="width: 160px!important;"></el-input> - <span>宸℃煡杩囩▼涓紝鍙戠幇</span> - <el-input v-model="form.illegalAct" placeholder="杩濇硶琛屼负" style="width: 160px!important;"></el-input> - <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-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-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-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-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> - <el-input v-model="form.legalClauseXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 160px!important;"></el-input> - <span>椤癸紝鏈満鍏冲喅瀹氬浣狅紙鍗曚綅锛夊浠ヤ笅琛屾斂澶勭綒锛�</span> - </div> - <el-form-item> - <el-checkbox-group v-model="form.type" 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-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-checkbox> - </el-checkbox-group> - </el-form-item> - <el-form-item label="缂寸撼鏂瑰紡锛�"> - <el-checkbox-group v-model="form.fines"> - <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> - <div> - <span>鍦� 鍧�: </span> - <el-input v-model="form.place" placeholder="璇疯緭鍏ョ即绾冲湴鍧�"></el-input> - </div> - <p>閫炬湡缂寸撼缃氭鐨勶紝渚濇嵁銆婁腑鍗庝汉姘戝叡鍜屽浗琛屾斂澶勭綒娉曘�嬬涓冨崄浜屾潯绗紙涓�锛夐」鐨勮瀹氾紝姣忔棩鎸夌綒娆炬暟棰濈殑3%鍔犲缃氭銆�</p> - </el-checkbox> - </el-checkbox-group> + <!-- 鍙欒堪娉曞緥鏉′护 --> + <el-row> + <el-col :span="24"> + <el-form-item label="杩濇硶鏃堕棿"> + <el-date-picker v-model="form.illegalTime" + 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="褰撲簨浜�"> + <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.illegalLocation" + placeholder="宸℃煡鍦扮偣"></el-input> </el-form-item> - <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 label="琛屼负"> + <el-input v-model="form.illegalAct" + placeholder="杩濇硶琛屼负"></el-input> + </el-form-item> + <el-form-item label="杩濆弽娉曞緥鏉′护"> + <el-autocomplete v-model="form.legalBasis" + filterable + style="width: 100%!important;" + :fetch-suggestions="querySearchHandle" + placeholder="璇疯緭鍏X娉曞緥" + :trigger-on-focus="false" + @select="handleSelectOne"> + </el-autocomplete> + </el-form-item> + <el-row style="width:100%;margin:0 auto;"> + <el-col :span="8"> + <el-form-item label="娉曞緥鏉�" + label-width="70px"> + <el-select v-model="form.legalBasisTiao" + style="width: 100%!important;" + placeholder="璇烽�夋嫨鏉�"> + <el-option v-for="item in lawTiaoList" + :label="item.lawTiaoName" + :value="item.lawTiaoName"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="娉曞緥娆�" + label-width="70px"> + <el-input v-model="form.legalBasisKuan" + placeholder="璇疯緭鍏ユ硶寰嬬鍑犳"></el-input> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="娉曞緥椤�" + label-width="70px"> + <el-input v-model="form.legalBasisXiang" + placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="渚濇嵁娉曞緥澶勭綒"> + <el-autocomplete v-model="form.legalClause" + filterable + style="width: 100%!important;" + :fetch-suggestions="querySearchHandle" + placeholder="璇疯緭鍏X娉曞緥" + :trigger-on-focus="false" + @select="handleSelectTwo"> + </el-autocomplete> + </el-form-item> + <el-row style="width:100%;margin:0 auto;"> + <el-col :span="8"> + <el-form-item label="娉曞緥鏉�" + label-width="70px"> + <el-select v-model="form.legalClauseTiao" + style="width: 100%!important;" + filterable + placeholder="璇烽�夋嫨鏉�"> + <el-option v-for="item in lawTiaoList" + :label="item.lawTiaoName" + :value="item.lawTiaoName"> + </el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="娉曞緥娆�" + label-width="70px"> + <el-input v-model="form.legalClauseKuan" + placeholder="璇疯緭鍏ユ硶寰嬬鍑犳"></el-input> + </el-form-item> + </el-col> + <el-col :span="8"> + <el-form-item label="娉曞緥椤�" + label-width="70px"> + <el-input v-model="form.legalClauseXiang" + placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」"></el-input> + </el-form-item> + </el-col> + </el-row> + + <el-form-item label="澶勭綒鏂瑰紡" + class="fineItemClass"> + <el-checkbox-group v-model="form.punishments"> + <el-checkbox label="1" + name="type">璀﹀憡锛�</el-checkbox> + <el-checkbox label="2" + @change="fineChange" + name="type">缃氭</el-checkbox> + </el-checkbox-group> + </el-form-item> + <div class="amountOfPenalty" + v-if="fineStatus"> + <el-form-item label="缃氭浜烘皯甯�"> + <el-input v-model="form.penalty" + placeholder=" 鍗� 鐧� 鎷� 鍏�" + style="width: 160px!important;"></el-input> + 鏁达紙澶у啓锛夈�� + </el-form-item> + <el-form-item label="锟�"> + <el-input v-model="form.penaltyNumber" + placeholder="闃挎媺浼暟瀛�" + style="width: 160px!important;"></el-input> + </el-form-item> </div> + <el-form-item label="缂寸撼鏂瑰紡"> + <el-radio-group @input="changenullTwo" + v-model="form.fines"> + <el-radio label="1">褰撳満鏀剁即;</el-radio> + <el-radio label="2">璐︽埛缂寸撼</el-radio> + </el-radio-group> + </el-form-item> + <div class="accountInfomation" + v-if="form.fines== 2"> + <el-form-item label="閾惰鍚嶇О"> + <el-input v-model="form.bank" + placeholder="璇疯緭鍏ョ即绾抽摱琛岀殑鍚嶇О" + style="width: 100%!important;"></el-input> + </el-form-item> + <el-form-item label="璐﹀彿锛�"> + <el-input v-model="form.account" + placeholder="璇疯緭鍏ヨ处鍙�" + style="width: 100%!important;"></el-input> + </el-form-item> + <el-form-item label="鎴峰悕锛�"> + <el-input v-model="form.accountName" + placeholder="璇疯緭鍏ユ埛鍚�" + style="width: 100%!important;"></el-input> + </el-form-item> + <el-form-item label="鍦板潃锛�"> + <el-input v-model="form.place" + placeholder="璇疯緭鍏ョ即绾崇綒娆惧湴鍧�" + style="width: 100%!important;"></el-input> + </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" - :value-format="`yyyy-MM-dd`" - placeholder="閫夋嫨鎵g珷"> + <el-date-picker v-model="form.executionTime" + type="date" + style="width: 100%!important;" + :value-format="`yyyy-MM-dd`" + placeholder="閫夋嫨鎵g珷"> </el-date-picker> </el-form-item> </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 {createword, inquiry, nowpenaltydecision} from "../../../api/News/pad"; -import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList'; - +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", + name: 'mangeJD', data() { return { id: '', + arrays: '', form: { - unitName: "", - litigant: "", - certNo: "", - address: "", - legalPerson: "", - legalPersonPhone: "", - type: [], - fines:[], + unitName: '', + litigant: '', + illegalAct: '', + illegalLocation: '', + linkPhone: '', + illegalTime: '', + certNo: '', + address: '', + legalPerson: '', + legalPersonPhone: '', + punishments: [], + fines: 1, + courtName: '', + governmentName: '', + accountName: '', + bank: '', + penaltyNumber: '', + penalty: '', + legalClauseXiang: '', + legalClauseKuan: '', + legalClauseTiao: '', + legalBasisXiang: '', + legalBasisKuan: '', + legalBasisTiao: '', }, - lawTiaoList:[] + lawTiaoList: [], + fineStatus: false, } }, mounted() { this.id = this.$store.state.user.id - this.init(); + this.init() }, methods: { init() { this.$nextTick(() => { - nowpenaltydecision(this.id).then(res => { + nowpenaltydecision(this.id).then((res) => { this.form = res.data.data + if (this.form.penalty || this.form.penaltyNumber) { + this.fineStatus = true + } }) }) + }, + changenullTwo(val) { + console.log('缂寸撼鏂瑰紡', val) + if (this.form.fines == 1) { + } else { + this.form.bank = '閭斂鍌ㄨ搫閾惰宄板嘲鏀锛堝嘲宄扮熆鍖烘粡闃宠矾43鍙凤級' + } + }, + // 缃氭澶嶉�夋 + fineChange(e) { + console.log('缃氭chang浜嬩欢', e) + this.fineStatus = e + if (!this.fineStatus) { + this.form.penalty = '' + this.form.penaltyNumber = '' + } }, //鐐瑰嚮淇濆瓨鏁版嵁 dataFormSubmit() { /*this.form.startTime = this.value1[0] this.form.endTime = this.value1[1]*/ - //this.form.registerId = this.id - inquiry(this.form).then(res => { + this.form.registerId = this.id + nowpenalty(this.form).then((res) => { if (res.data.code == 0) { - this.$message.success("淇濆瓨鎴愬姛"); + this.$message.success('淇濆瓨鎴愬姛') + this.$emit('isKeep3',true) //isKeep 鏄惁鐐瑰嚮浜嗕繚瀛� } }) }, //鐐瑰嚮棰勮 viewVord(data) { // let wordData = this.transforData(data); - createword(data).then(res => { - window.android.toPreviewWord(res.data.data) - }).catch(err => { - console.log(err, '閿欒'); + 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) { - createword(data).then(res => { - window.android.toDownLoadWord(res.data.data) - }).catch(err => { - console.log(err, '閿欒'); + xcwo(data).then((res) => { + // console.log(this.form.id) + this.arrays = res.data.data.split(',')[0] + window.android.toDownLoadWord(this.arrays) }) }, //鏌ヨ娉曞緥 - 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) @@ -236,30 +362,40 @@ handleSelectOne(item) { this.form.legalBasis = item.value this.form.lawId = item.id - lawInfo(item.value).then(res => { + 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> -<style scoped> +<style lang="scss" scoped> .box { + width: 94%; + margin: 0 auto 18px; display: flex; justify-content: left; align-items: center; flex-wrap: wrap; } -#fakuan{ - width: 80%!important; + +.fineItemClass { + .el-checkbox-group { + height: 32px; + } +} + +.amountOfPenalty { + width: 94%; +} + +#fakuan { + width: 80% !important; display: flex; flex-direction: row; flex-wrap: wrap; -- Gitblit v1.9.1