From 3b1fc9088c6efc28bbfdab55b61b1626a863036d Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 03 一月 2023 14:42:14 +0800
Subject: [PATCH] 布局调整
---
src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 429 ++++++++++++++++++++++++++++++++---------------------
1 files changed, 256 insertions(+), 173 deletions(-)
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
index 96b891e..d3c66b2 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
@@ -1,144 +1,200 @@
<template>
+ <!-- 澶勫喅鍐冲畾涔� -->
<el-main>
- <el-form ref="form" :model="form" label-width="120px">
+ <el-form ref="form"
+ :model="form"
+ label-width="120px">
<el-row>
<el-col :span="12">
<el-form-item label="鏂囧彿">
- <el-input v-model="form.unitName" placeholder="鈥斺�斺�斺�斺�斺�旂綒璐ｆ敼閫氬瓧銆� 銆曠鈥斺�斺�斺�斿彿"></el-input>
+ <el-input v-model="form.unitName"
+ placeholder="鈥斺�斺�斺�斺�斺�旂綒璐ｆ敼閫氬瓧銆� 銆曠鈥斺�斺�斺�斿彿"></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="璇峰～鍐欒韩浠借瘉鍙风爜/缁熶竴绀句細淇＄敤浠ｇ爜"></el-input>
+ <el-input v-model="form.certNo"
+ placeholder="璇峰～鍐欒韩浠借瘉鍙风爜/缁熶竴绀句細淇＄敤浠ｇ爜"></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="璇峰～鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐ｄ汉/缁忚惀鑰咃級"></el-input>
+ <el-input v-model="form.legalPerson"
+ placeholder="璇峰～鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐ｄ汉/缁忚惀鑰咃級"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鑱旂郴鐢佃瘽" label-width="100px">
- <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>
- <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>
- <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: 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-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: 80px!important;"></el-input>
- <span>娆剧</span>
- <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-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-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: 80px!important;"></el-input>
- <span>娆剧</span>
- <el-input v-model="form.legalClauseXiang" placeholder="璇疯緭鍏ユ硶寰嬬鍑犻」" style="width: 80px!important;"></el-input>
- <span>椤癸紝鏈満鍏冲喅瀹氬浣狅紙鍗曚綅锛夊浠ヤ笅琛屾斂澶勭綒锛�</span>
+ <!-- 鍙欒堪娉曞緥鏉′护 -->
+ <el-row>
+ <el-col :span="12">
+ <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>
- <el-form-item>
- <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" style="display:flex;flex-direction: column">
- 缃氭浜烘皯甯�
- <el-input v-model="form.penalty" 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-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>
+ <el-col :span="8">
+ <el-form-item label="娉曞緥鏉�">
+ <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="娉曞緥娆�">
+ <el-input v-model="form.legalBasisKuan"
+ placeholder="璇疯緭鍏ユ硶寰嬬鍑犳"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="娉曞緥椤�">
+ <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>
+ <el-col :span="8">
+ <el-form-item label="娉曞緥鏉�">
+ <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="娉曞緥娆�">
+ <el-input v-model="form.legalClauseKuan"
+ placeholder="璇疯緭鍏ユ硶寰嬬鍑犳"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-form-item label="娉曞緥椤�">
+ <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 @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>
-
- <!-- </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>
+ <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;">
@@ -150,109 +206,123 @@
<span>璧疯瘔銆�</span>
</div>-->
<el-form-item label="鏀垮簻鍚嶇О">
- <el-input v-model="form.governmentName" placeholder="璇峰～鍐欐斂搴滃悕绉�"></el-input>
+ <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-input v-model="form.courtName"
+ placeholder="璇峰～鍐欐硶闄㈠悕绉�"></el-input>
</el-form-item>
<el-form-item label="鎵ｇ珷鏃ユ湡">
- <el-date-picker
- v-model="form.executionTime"
- type="date"
- style="width: 100%!important;"
- :value-format="`yyyy-MM-dd`"
- placeholder="閫夋嫨鎵ｇ珷">
+ <el-date-picker v-model="form.executionTime"
+ type="date"
+ style="width: 100%!important;"
+ :value-format="`yyyy-MM-dd`"
+ placeholder="閫夋嫨鎵ｇ珷">
</el-date-picker>
</el-form-item>
</el-form>
<div style="text-align: center">
- <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>
+ <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 {nowpenalty, nowpenaltydecision} from "../../../api/News/pad";
-import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
-import {xcwo} from "../../../api/News/word";
-
+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: "",
+ arrays: '',
form: {
- unitName: "",
- litigant: "",
- illegalAct: "",
- illegalLocation: "",
- linkPhone: "",
- illegalTime: "",
- certNo: "",
- address: "",
- legalPerson: "",
- legalPersonPhone: "",
+ 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: "",
+ 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
})
})
},
changenullTwo(val) {
- if (this.form.fines == 1){
- this.form.bank = "";
- this.form.account = "";
- this.form.accountName = "";
- this.form.place = "";
- }else {
- this.form.bank = "閭斂鍌ㄨ搫閾惰宄板嘲鏀锛堝嘲宄扮熆鍖烘粡闃宠矾43鍙凤級"
+ console.log('缂寸撼鏂瑰紡', val)
+ if (this.form.fines == 1) {
+ this.form.bank = ''
+ this.form.account = ''
+ this.form.accountName = ''
+ this.form.place = ''
+ } 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
- nowpenalty(this.form).then(res => {
+ nowpenalty(this.form).then((res) => {
if (res.data.code == 0) {
- this.$message.success("淇濆瓨鎴愬姛");
+ this.$message.success('淇濆瓨鎴愬姛')
}
})
},
//鐐瑰嚮棰勮
viewVord(data) {
// let wordData = this.transforData(data);
- xcwo(data).then(res => {
+ 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]
@@ -261,21 +331,22 @@
},
//鐐瑰嚮涓嬭浇
downloadWord(data) {
- xcwo(data).then(res => {
+ 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)
@@ -284,7 +355,7 @@
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
})
},
@@ -296,14 +367,26 @@
}
</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;
}
+.fineItemClass {
+ .el-checkbox-group {
+ height: 32px;
+ }
+}
+
+.amountOfPenalty {
+ width: 94%;
+}
+
#fakuan {
width: 80% !important;
display: flex;
--
Gitblit v1.9.1