From 3b1fc9088c6efc28bbfdab55b61b1626a863036d Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期二, 03 一月 2023 14:42:14 +0800
Subject: [PATCH] 布局调整
---
vue.config.js | 8
src/views/padSunmaryProcedure/word_mange/mangeGZ.vue | 349 ++++++++++---------
src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 429 ++++++++++++++---------
src/router/axios.js | 16
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | 240 ++++++++-----
5 files changed, 592 insertions(+), 450 deletions(-)
diff --git a/src/router/axios.js b/src/router/axios.js
index b8e6bf0..15c5145 100644
--- a/src/router/axios.js
+++ b/src/router/axios.js
@@ -21,7 +21,7 @@
NProgress.configure({
showSpinner: false
})
-let loadingInstance =null;
+let loadingInstance = null;
// HTTPrequest鎷︽埅
axios.interceptors.request.use(config => {
/*NProgress.start() // start progress bar
@@ -33,8 +33,8 @@
});*/
const TENANT_ID = getStore({ name: 'tenantId' })
const isToken = (config.headers || {}).isToken === false
- const token = window.android.getAppToken()
- // const token = `59866cb8-c5ba-4b2f-a367-3ab2f64f30c5`
+ // const token = window.android.getAppToken()
+ const token = `8d3bcce6-c27b-4f98-92a7-12b3b9a02306`
if (token && !isToken) {
config.headers['Authorization'] = 'Bearer ' + token// token
}
@@ -48,13 +48,13 @@
delete config.data.serialize
}
// config.headers['VERSION'] = 'GHX'
- if (config.method === 'get'||config.params) {
+ if (config.method === 'get' || config.params) {
config.paramsSerializer = function (params) {
- let p ={};
- for(let i in params){
- if(typeof params[i] == 'string' &&!params[i]){
+ let p = {};
+ for (let i in params) {
+ if (typeof params[i] == 'string' && !params[i]) {
- }else{
+ } else {
p[i] = params[i]
}
}
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
index e7eb93b..698451a 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
@@ -1,177 +1,218 @@
<template>
+ <!-- 璋冩煡璇㈤棶绗斿綍 -->
<el-main>
- <el-form ref="form" :model="form" label-width="100px">
+ <el-form ref="form"
+ :model="form"
+ label-width="80px">
<el-form-item label="妗堢敱">
- <el-input v-model="form.causePoint" placeholder="璇峰～鍐欐鐢�"></el-input>
+ <el-input v-model="form.causePoint"
+ placeholder="璇峰～鍐欐鐢�"></el-input>
</el-form-item>
<el-form-item label="鏃堕棿">
- <el-date-picker
- style="width: 100%"
- v-model="value1"
- type="datetimerange"
- :value-format="`yyyy-MM-dd HH:mm:ss`"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
+ <el-date-picker style="width: 100%"
+ v-model="value1"
+ type="datetimerange"
+ :value-format="`yyyy-MM-dd HH:mm:ss`"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
</el-date-picker>
</el-form-item>
<el-form-item label="鍦板潃">
- <el-input v-model="form.site" placeholder="璇峰～鍐欏湴鍧�"></el-input>
+ <el-input v-model="form.site"
+ placeholder="璇峰～鍐欏湴鍧�"></el-input>
</el-form-item>
<el-row>
<el-col :span="10">
<el-form-item label="琚闂汉">
- <el-input v-model="form.interrogeeName" placeholder="璇峰～鍐欒璇㈤棶浜哄鍚�"></el-input>
+ <el-input v-model="form.interrogeeName"
+ placeholder="璇峰～鍐欒璇㈤棶浜哄鍚�"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
- <el-form-item label="鎬у埆" label-width="60px">
- <el-input v-model="form.interrogeeSex" placeholder="璇峰～鍐欒璇㈤棶浜烘�у埆"></el-input>
+ <el-form-item label="鎬у埆"
+ label-width="60px">
+ <el-input v-model="form.interrogeeSex"
+ placeholder="璇峰～鍐欒璇㈤棶浜烘�у埆"></el-input>
</el-form-item>
</el-col>
<el-col :span="7">
- <el-form-item label="骞撮緞" label-width="60px">
- <el-input v-model="form.interrogeeAge" placeholder="璇峰～鍐欒璇㈤棶浜哄勾榫�"></el-input>
+ <el-form-item label="骞撮緞"
+ label-width="60px">
+ <el-input v-model="form.interrogeeAge"
+ placeholder="璇峰～鍐欒璇㈤棶浜哄勾榫�"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="浣忓潃">
- <el-input v-model="form.interrogeeAddress" placeholder="璇峰～鍐欒璇㈤棶浜轰綇鍧�"></el-input>
+ <el-input v-model="form.interrogeeAddress"
+ placeholder="璇峰～鍐欒璇㈤棶浜轰綇鍧�"></el-input>
</el-form-item>
- <el-form-item label="韬唤璇佸彿鐮�">
- <el-input v-model="form.interrogeeCardNo" placeholder="璇峰～鍐欒璇㈤棶浜鸿韩浠借瘉鍙�"></el-input>
+ <el-form-item label="璇佷欢鍙风爜">
+ <el-input v-model="form.interrogeeCardNo"
+ placeholder="璇峰～鍐欒璇㈤棶浜鸿韩浠借瘉鍙�"></el-input>
</el-form-item>
<el-form-item label="宸ヤ綔鍗曚綅">
- <el-input v-model="form.interrogeeUnit" placeholder="璇峰～鍐欒璇㈤棶浜哄伐浣滃崟浣�"></el-input>
+ <el-input v-model="form.interrogeeUnit"
+ placeholder="璇峰～鍐欒璇㈤棶浜哄伐浣滃崟浣�"></el-input>
</el-form-item>
<el-row>
<el-col :span="12">
<el-form-item label="鑱屼綅">
- <el-input v-model="form.interrogeeDuty" placeholder="璇峰～鍐欒璇㈤棶浜鸿亴浣�"></el-input>
+ <el-input v-model="form.interrogeeDuty"
+ placeholder="璇峰～鍐欒璇㈤棶浜鸿亴浣�"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="鐢佃瘽" label-width="60px">
- <el-input v-model="form.interrogeePhone" placeholder="璇峰～鍐欒璇㈤棶浜虹數璇�"></el-input>
+ <el-form-item label="鐢佃瘽"
+ label-width="60px">
+ <el-input v-model="form.interrogeePhone"
+ placeholder="璇峰～鍐欒璇㈤棶浜虹數璇�"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="閭斂缂栫爜">
- <el-input v-model="form.interrogeePostcode" placeholder="璇峰～鍐欒璇㈤棶浜洪偖鏀跨紪鐮�"></el-input>
+ <el-input v-model="form.interrogeePostcode"
+ placeholder="璇峰～鍐欒璇㈤棶浜洪偖鏀跨紪鐮�"></el-input>
</el-form-item>
<el-row>
<el-col :span="12">
<el-form-item label="璇㈤棶浜�">
- <el-input v-model="form.inquisitorialNameOne" placeholder="璇峰～鍐欒闂汉"></el-input>
+ <el-input v-model="form.inquisitorialNameOne"
+ placeholder="璇峰～鍐欒闂汉"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="鎵ф硶璇佸彿">
- <el-input v-model="form.inquirerNumberOne" placeholder="璇峰～鍐欒闂汉鎵ф硶璇佸彿"></el-input>
+ <el-input v-model="form.inquirerNumberOne"
+ placeholder="璇峰～鍐欒闂汉鎵ф硶璇佸彿"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item>
- <el-input v-model="form.inquisitorialNameTwo" placeholder="璇峰～鍐欒闂汉"></el-input>
+ <el-input v-model="form.inquisitorialNameTwo"
+ placeholder="璇峰～鍐欒闂汉"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
- <el-input v-model="form.inquirerNumberTwo" placeholder="璇峰～鍐欒闂汉鎵ф硶璇佸彿"></el-input>
+ <el-input v-model="form.inquirerNumberTwo"
+ placeholder="璇峰～鍐欒闂汉鎵ф硶璇佸彿"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item class="qianzi">
<span>琛ㄦ槑韬唤銆佸嚭绀鸿瘉浠讹細鎴戜滑鏄嘲宄扮熆鍖虹患鍚堣鏀挎墽娉曞眬鐨勮鏀挎墽娉曚汉鍛橈紝杩欐槸鎵ф硶璇佷欢璇蜂綘杩囩洰纭锛屽鏃犲紓璁鍦ㄦ绛惧瓧锛�</span>
<!-- <el-input v-model="form.interrogeeName" placeholder="璇峰～鍐欒璇㈤棶浜�" style="width: 160px!important;"></el-input>-->
-
<div id="imges">
- <button v-if="form.signature ==''||form.signature ==null" @click="goQianzi()">鍘荤鍚�</button>
- <button v-if="form.fingerprint ==''||form.fingerprint ==null" @click="gozhiwen()">褰曟寚绾�</button>
- <el-image v-if="form.signature !=''" style="height: 3em!important;width: 3em!important;"
- :src="form.signature" alt="璇风瀛�"/>
- <el-image v-if="form.fingerprint !=''" :class="form.fingerprint?'imgBox':''"
- style="height: 2em!important;width: 2em!important;" :src="form.fingerprint" alt="璇峰綍鍏ユ寚绾�"/>
+ <button v-if="form.signature ==''||form.signature ==null||form == null"
+ @click="goQianzi()">鍘荤鍚�</button>
+ <button v-if="form.fingerprint ==''||form.fingerprint ==null ||form == null"
+ @click="gozhiwen()">褰曟寚绾�</button>
+ <el-image v-if="form.signature"
+ style="height: 3em!important;width: 3em!important;"
+ :src="form.signature"
+ alt="璇风瀛�" />
+ <el-image v-if="form.fingerprint"
+ :class="form.fingerprint?'imgBox':''"
+ style="height: 2em!important;width: 2em!important;"
+ :src="form.fingerprint"
+ alt="璇峰綍鍏ユ寚绾�" />
</div>
</el-form-item>
<el-form-item>
<span>鍛婄煡鏉冨埄銆佷箟鍔★細鐜板湪灏�</span>
- <el-input v-model="form.causePoint" placeholder="璇峰～鍐欐浠跺悕绉�"></el-input>
+ <el-input v-model="form.causePoint"
+ placeholder="璇峰～鍐欐浠跺悕绉�"></el-input>
<span>涓�妗堬紝渚濇硶瀵逛綘杩涜璇㈤棶锛岃浣犲瀹炲洖绛旈棶棰橈紝濡傝鍋囪瘽鎴栦綔浼瘉鏄璐熸硶寰嬭矗浠荤殑锛屽涓庢湰妗堟棤鍏崇殑闂锛屼綘鏈夋嫆缁濆洖绛旂殑鏉冨埄锛涗綘鏈夐檲杩板拰鐢宠京鐨勬潈鍒╋紱鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗琛屾斂澶勭綒娉曘�嬬鍥涘崄涓夋潯绗簩娆句箣瑙勫畾锛屽鏋滀綘璁や负鍔炴浜哄憳涓庢湰妗堟湁鐩存帴鍒╁鍏崇郴锛屽彲鑳藉奖鍝嶅叕姝ｅ鐞嗘浠剁殑锛屾湁鎻愬嚭鍥為伩鐨勬潈鍒╋紝娓呮浜嗗悧锛�</span>
</el-form-item>
<el-form-item label="绛旓細">
- <el-input v-model="form.answer" placeholder="鍙兘褰卞搷鍏澶勭悊妗堜欢鐨勶紝鏈夋彁鍑哄洖閬跨殑鏉冨埄锛屾竻妤氫簡鍚楋紵"></el-input>
+ <el-input v-model="form.answer"
+ placeholder="鍙兘褰卞搷鍏澶勭悊妗堜欢鐨勶紝鏈夋彁鍑哄洖閬跨殑鏉冨埄锛屾竻妤氫簡鍚楋紵"></el-input>
</el-form-item>
<h1 style="text-align: center;font-weight: bold;font-size: 20px">璇㈤棶闂瓟</h1>
<el-form-item label-width="40px">
<ul style="list-style: none!important;">
- <li v-for="(item,index) in form.questionsAnswers" :key="index">
- <el-form-item label="闂細" label-width="20px">
- <el-input type="textarea" :row="2" v-model="item.wen"></el-input>
+ <li v-for="(item,index) in form.questionsAnswers"
+ :key="index">
+ <el-form-item label="闂細"
+ label-width="20px">
+ <el-input type="textarea"
+ :row="2"
+ v-model="item.wen"></el-input>
</el-form-item>
- <el-form-item label="绛旓細" label-width="20px">
- <el-input type="textarea" :row="2" v-model="item.da"></el-input>
+ <el-form-item label="绛旓細"
+ label-width="20px">
+ <el-input type="textarea"
+ :row="2"
+ v-model="item.da"></el-input>
</el-form-item>
</li>
</ul>
</el-form-item>
<el-form-item label-width="50%">
- <el-button type="primary" icon="el-icon-circle-plus" @click="addEle">
+ <el-button type="primary"
+ icon="el-icon-circle-plus"
+ @click="addEle">
<!-- <img src="../../../assets/lawImg/addIcon.png" alt="">-->
</el-button>
</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 { inquiry, inquiryquestion} from '../../../api/News/pad'
-import {blwo} from "../../../api/News/word";
+import { inquiry, inquiryquestion } from '../../../api/News/pad'
+import { blwo } from '../../../api/News/word'
export default {
- name: "mangeBL",
+ name: 'mangeBL',
data() {
return {
id: '',
value1: [],
- arrays: "",
+ arrays: '',
form: {
- causePoint: "",
- startTime: "",
- endTime: "",
- site: "",
- interrogeeName: "",
- interrogeeSex: "",
- interrogeeAge: "",
- interrogeeAddress: "",
- interrogeeCardNo: "",
- interrogeeUnit: "",
- interrogeeDuty: "",
- interrogeePhone: "",
- interrogeePostcode: "",
- inquirerNameOne: "",
- inquirerNumberOne: "",
- inquirerNameTwo: "",
- inquirerNumberTwo: "",
- answer: "",
+ causePoint: '',
+ startTime: '',
+ endTime: '',
+ site: '',
+ interrogeeName: '',
+ interrogeeSex: '',
+ interrogeeAge: '',
+ interrogeeAddress: '',
+ interrogeeCardNo: '',
+ interrogeeUnit: '',
+ interrogeeDuty: '',
+ interrogeePhone: '',
+ interrogeePostcode: '',
+ inquirerNameOne: '',
+ inquirerNumberOne: '',
+ inquirerNameTwo: '',
+ inquirerNumberTwo: '',
+ answer: '',
questionsAnswers: [
{
wen: '',
da: '',
- }
+ },
],
- fingerprint: "",
+ fingerprint: '',
},
}
},
@@ -179,20 +220,28 @@
this.id = this.$store.state.user.id
console.log(this.id, 'id')
this.getDataList()
- window.getSignUrl = this.getSignUrl;
- window.getFingerUrl = this.getFingerUrl;
-// this.getSignUrl();
+ window.getSignUrl = this.getSignUrl
+ window.getFingerUrl = this.getFingerUrl
+ // this.getSignUrl();
},
/*mounted() {
console.log(this.id,'id=================')
},*/
methods: {
getDataList() {
- inquiryquestion(this.id).then(res => {
- console.log(res, 'res')
- this.form = res.data.data
- this.value1.push(res.data.data.startTime)
- this.value1.push(res.data.data.endTime)
+ inquiryquestion(this.id).then((res) => {
+ const { data } = res
+ console.log('璋冩煡璇㈤棶绗斿綍璇锋眰鐨勬暟鎹�', data)
+ if (data.code == 0) {
+ this.form = res.data.data
+ this.value1.push(res.data.data.startTime)
+ this.value1.push(res.data.data.endTime)
+ if (data.data.fingerprint == '' || data.data.fingerprint == null) {
+ console.log(false)
+ } else {
+ console.log(true)
+ }
+ }
})
},
// 鐐瑰嚮娣诲姞
@@ -200,35 +249,35 @@
this.form.questionsAnswers.push({
wen: '',
da: '',
- });
+ })
},
getSignUrl(url) {
- this.form.signature = url;
+ this.form.signature = url
},
getFingerUrl(url1) {
- this.form.fingerprint = url1;
+ this.form.fingerprint = url1
},
//鐐瑰嚮璺宠浆绛惧瓧椤甸潰
goQianzi() {
- window.android.toSign();
+ window.android.toSign()
},
gozhiwen() {
- window.android.toFinger();
+ window.android.toFinger()
},
//鐐瑰嚮淇濆瓨鏁版嵁
dataFormSubmit() {
this.form.startTime = this.value1[0]
this.form.endTime = this.value1[1]
this.form.registerId = this.id
- inquiry(this.form).then(res => {
+ inquiry(this.form).then((res) => {
if (res.data.code == 0) {
- this.$message.success("淇濆瓨鎴愬姛");
+ this.$message.success('淇濆瓨鎴愬姛')
}
})
},
//鐐瑰嚮棰勮
viewVord(data) {
- blwo(data).then(res => {
+ blwo(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]
@@ -237,7 +286,7 @@
},
//鐐瑰嚮涓嬭浇
downloadWord(data) {
- blwo(data).then(res => {
+ blwo(data).then((res) => {
// console.log(this.form.id)
this.arrays = res.data.data.split(',')[0]
window.android.toDownLoadWord(this.arrays)
@@ -245,25 +294,25 @@
},
// 閬嶅巻鏁版嵁
transforData(obj) {
- let s = JSON.stringify(obj);
- let data = JSON.parse(s);
+ let s = JSON.stringify(obj)
+ let data = JSON.parse(s)
- let str = JSON.stringify(data);
- let jsonData = JSON.parse(str);
- data = jsonData;
+ let str = JSON.stringify(data)
+ let jsonData = JSON.parse(str)
+ data = jsonData
if (data.startTime != '' && data.startTime != null) {
- data.startTime = moment(data.startTime).format('YYYY骞碝M鏈圖D鏃H鏃秏m鍒�');
+ data.startTime = moment(data.startTime).format('YYYY骞碝M鏈圖D鏃H鏃秏m鍒�')
} else {
data.startTime = ' 骞� 鏈� 鏃� 鏃� 鍒�'
}
if (data.endTime != '' && data.endTime != null) {
- data.endTime = moment(data.endTime).format('HH鏃秏m鍒�');
+ data.endTime = moment(data.endTime).format('HH鏃秏m鍒�')
} else {
data.endTime = ' 鏃� 鍒�'
}
- }
+ },
},
}
</script>
@@ -293,5 +342,4 @@
top: 50%;
}
}
-
</style>
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
index 0cffe14..392050c 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
@@ -1,162 +1,174 @@
<template>
-<el-main>
- <el-form ref="form" :model="form" label-width="115px">
- <el-row>
- <el-col :span="12">
- <el-form-item label="鏂囧彿">
- <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-form-item>
- </el-col>
- </el-row>
- <el-form-item label="璇佷欢鍙�/淇＄敤鐮�">
- <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-form-item>
- <el-row>
- <el-col :span="12">
- <el-form-item label="璐熻矗浜�">
- <el-input v-model="form.legalPerson" placeholder="璇峰～鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐ｄ汉/缁忚惀鑰咃級"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鑱旂郴鐢佃瘽">
- <el-input v-model="form.legalPersonPhone" placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-form-item label="鐩稿叧瑙勫畾">
- <el-input v-model="form.relevantProvision" placeholder="璇峰～鍐欑浉鍏宠瀹�"></el-input>
- </el-form-item>
- <el-row>
- <el-col :span="12">
- <el-form-item label="妫�鏌ユ椂闂�">
- <el-date-picker
- v-model="form.inspectionTime"
- type="date"
- style="width: 100%!important;"
- :value-format="`yyyy-MM-dd`"
- placeholder="閫夋嫨鏃ユ湡">
- </el-date-picker>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="妫�鏌ヤ簨椤�">
- <el-input v-model="form.items" placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-form-item label="瀛樺湪闂">
- <el-input type="textarea" v-model="form.openQuestions" placeholder="璇峰～鍐欏瓨鍦ㄩ棶棰�"></el-input>
- </el-form-item>
- <el-form-item label="娉曞緥渚濇嵁">
-<!-- <el-input v-model="form.legalBasis" placeholder="璇峰～鍐欐硶寰嬩緷鎹�"></el-input>-->
- <el-autocomplete
- v-model="form.legalBasis"
- filterable
- style="width: 100%"
- :fetch-suggestions="querySearchHandle"
- placeholder="璇峰～鍐欐硶寰嬩緷鎹�"
- :trigger-on-focus="false"
- >
- </el-autocomplete>
- </el-form-item>
- <el-form-item label="渚濇嵁娉曞緥瑙勫畾">
-<!-- <el-input v-model="form.regulations" placeholder="璇峰～鍐欎緷鎹硶寰嬭瀹�"></el-input>-->
- <el-autocomplete
- v-model="form.regulations"
- filterable
- style="width: 100%"
- :fetch-suggestions="querySearchHandle"
- placeholder="璇峰～鍐欎緷鎹硶寰嬭瀹�"
- :trigger-on-focus="false"
- >
- </el-autocomplete>
- </el-form-item>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鑱旂郴浜�">
- <el-input v-model="form.phoneName" placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="鑱旂郴鐢佃瘽">
- <el-input v-model="form.phone" placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-form-item label="鑱旂郴浣忓潃">
- <el-input v-model="form.place" placeholder="璇峰～鍐欒仈绯讳綇鍧�"></el-input>
- </el-form-item>
- <el-row>
- <el-col :span="12">
- <el-form-item label="鏀规鏃堕棿">
- <el-date-picker
- v-model="form.correctTime"
- 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-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-col>
- </el-row>
- </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>
- </div>
-</el-main>
+ <!-- 璐ｄ护闄愭湡鏀规閫氱煡涔� -->
+ <el-main>
+ <el-form ref="form"
+ :model="form"
+ label-width="115px">
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鏂囧彿">
+ <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-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="璇佷欢鍙�/淇＄敤鐮�">
+ <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-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="璐熻矗浜�">
+ <el-input v-model="form.legalPerson"
+ placeholder="璇峰～鍐欐硶瀹氫唬琛ㄤ汉锛堣礋璐ｄ汉/缁忚惀鑰咃級"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽">
+ <el-input v-model="form.legalPersonPhone"
+ placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="鐩稿叧瑙勫畾">
+ <el-input v-model="form.relevantProvision"
+ placeholder="璇峰～鍐欑浉鍏宠瀹�"></el-input>
+ </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="妫�鏌ユ椂闂�">
+ <el-date-picker v-model="form.inspectionTime"
+ type="date"
+ style="width: 100%!important;"
+ :value-format="`yyyy-MM-dd`"
+ placeholder="閫夋嫨鏃ユ湡">
+ </el-date-picker>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="妫�鏌ヤ簨椤�">
+ <el-input v-model="form.items"
+ placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="瀛樺湪闂">
+ <el-input type="textarea"
+ v-model="form.openQuestions"
+ placeholder="璇峰～鍐欏瓨鍦ㄩ棶棰�"></el-input>
+ </el-form-item>
+ <el-form-item label="娉曞緥渚濇嵁">
+ <!-- <el-input v-model="form.legalBasis" placeholder="璇峰～鍐欐硶寰嬩緷鎹�"></el-input>-->
+ <el-autocomplete v-model="form.legalBasis"
+ filterable
+ style="width: 100%"
+ :fetch-suggestions="querySearchHandle"
+ placeholder="璇峰～鍐欐硶寰嬩緷鎹�"
+ :trigger-on-focus="false">
+ </el-autocomplete>
+ </el-form-item>
+ <el-form-item label="渚濇嵁娉曞緥瑙勫畾">
+ <!-- <el-input v-model="form.regulations" placeholder="璇峰～鍐欎緷鎹硶寰嬭瀹�"></el-input>-->
+ <el-autocomplete v-model="form.regulations"
+ filterable
+ style="width: 100%"
+ :fetch-suggestions="querySearchHandle"
+ placeholder="璇峰～鍐欎緷鎹硶寰嬭瀹�"
+ :trigger-on-focus="false">
+ </el-autocomplete>
+ </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴浜�">
+ <el-input v-model="form.phoneName"
+ placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽">
+ <el-input v-model="form.phone"
+ placeholder="璇峰～鍐欒仈绯荤數璇�"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="鑱旂郴浣忓潃">
+ <el-input v-model="form.place"
+ placeholder="璇峰～鍐欒仈绯讳綇鍧�"></el-input>
+ </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鏀规鏃堕棿">
+ <el-date-picker v-model="form.correctTime"
+ 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-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-col>
+ </el-row>
+ </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>
+ </div>
+ </el-main>
</template>
<script>
-import { ordercorrec, ordercorrection} from '../../../api/News/pad'
-import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
-import {gzwo} from "../../../api/News/word";
-
+import { ordercorrec, ordercorrection } from '../../../api/News/pad'
+import { getLaw, getLawTiao, lawInfo } from '@/api/lawList/lawList'
+import { gzwo } from '../../../api/News/word'
export default {
- name: "mangeGZ",
- data(){
- return{
- id:'',
- arrays: "",
- form:{
- unitName:"",
- litigant:"",
- certNo:"",
- address:"",
- legalPerson:"",
- legalPersonPhone:"",
- relevantProvision:"",
- inspectionTime:"",
- items:"",
- openQuestions:"",
- legalBasis:"",
- regulations:"",
- phoneName:"",
- phone:"",
- place:"",
- correctTime:"",
- executionTime:"",
+ name: 'mangeGZ',
+ data() {
+ return {
+ id: '',
+ arrays: '',
+ form: {
+ unitName: '',
+ litigant: '',
+ certNo: '',
+ address: '',
+ legalPerson: '',
+ legalPersonPhone: '',
+ relevantProvision: '',
+ inspectionTime: '',
+ items: '',
+ openQuestions: '',
+ legalBasis: '',
+ regulations: '',
+ phoneName: '',
+ phone: '',
+ place: '',
+ correctTime: '',
+ executionTime: '',
},
}
},
@@ -164,25 +176,24 @@
this.id = this.$store.state.user.id
this.getDataList()
},
- methods:{
- getDataList(){
- ordercorrection(this.id).then(res =>{
- this.form =res.data.data
+ methods: {
+ getDataList() {
+ ordercorrection(this.id).then((res) => {
+ this.form = res.data.data
})
},
- dataFormSubmit(){
+ dataFormSubmit() {
this.form.registerId = this.id
- ordercorrec(this.form).then(res =>{
+ ordercorrec(this.form).then((res) => {
if (res.data.code == 0) {
- this.$message.success("鎿嶄綔鎴愬姛");
+ this.$message.success('鎿嶄綔鎴愬姛')
}
})
},
//鐐瑰嚮棰勮
viewVord(data) {
// let wordData = this.transforData(data);
- gzwo(data).then(res => {
-
+ gzwo(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]
@@ -190,22 +201,23 @@
})
},
//鐐瑰嚮涓嬭浇
- downloadWord(data){
- gzwo(data).then(res => {
+ downloadWord(data) {
+ gzwo(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 => {
+ 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)
@@ -216,5 +228,4 @@
</script>
<style scoped>
-
</style>
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;
diff --git a/vue.config.js b/vue.config.js
index 5a33ce9..2556d42 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -6,7 +6,7 @@
// const url = 'http://192.168.0.164:9999'
// const url = 'http://192.168.0.126:9999/'
// const url = 'http://boying.tpddns.cn:9999/'
-const url = 'http://36.138.175.42:9999/'
+const url = 'http://36.138.175.42:9999/' // 绾夸笂
const webpack = require('webpack')
const CompressionWebpackPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']
@@ -51,9 +51,9 @@
return {
plugins: [
new webpack.ProvidePlugin({
- $:"jquery",
- jQuery:"jquery",
- "windows.jQuery":"jquery"
+ $: "jquery",
+ jQuery: "jquery",
+ "windows.jQuery": "jquery"
})
],
resolve: {
--
Gitblit v1.9.1