From cbec633fda4ecf0f77288f25067a8512915b565a Mon Sep 17 00:00:00 2001
From: yang <1441163367@qq.com>
Date: 星期一, 31 十月 2022 08:23:55 +0800
Subject: [PATCH] 修改问题
---
src/views/padSunmaryProcedure/word_mange/mangeGZ.vue | 39 +++
src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 123 ++++++++--
src/views/padSunmaryProcedure/padFrom.vue | 272 ++++++++++++++++--------
src/views/padSunmaryProcedure/padWord.vue | 82 +++----
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | 33 --
src/views/padSunmaryProcedure/index.vue | 59 ++--
6 files changed, 382 insertions(+), 226 deletions(-)
diff --git a/src/views/padSunmaryProcedure/index.vue b/src/views/padSunmaryProcedure/index.vue
index 158f0d6..a3b64ca 100644
--- a/src/views/padSunmaryProcedure/index.vue
+++ b/src/views/padSunmaryProcedure/index.vue
@@ -8,7 +8,7 @@
<el-input v-model="formInline.phone" placeholder="鐢佃瘽"></el-input>
</el-form-item>
<el-form-item>
- <el-button type="primary" @click="look()">鏌ヨ</el-button>
+ <el-button type="primary" @click="getDataList(0)">鏌ヨ</el-button>
</el-form-item>
<el-form-item style="float: right">
<el-button type="primary" @click="getById">鏂板</el-button>
@@ -74,14 +74,14 @@
data() {
return {
- isShow:false,
+ isShow: false,
formInline: {
litigant: '',
phone: ''
},
- pageSize:10,
- pageIndex:1,
- total:10,
+ pageSize: 10,
+ pageIndex: 1,
+ total: 10,
tableHeight: 460,
tableData: []
}
@@ -90,43 +90,42 @@
this.getDataList(0)
},
methods: {
- look(){
+ /*look(){
// this.formInline.phone =1111
this.formInline.phone = window.android.getAppToken()
- },
+ },*/
// 鏌ヨ鍒楄〃
- getDataList(type){
+ getDataList(type) {
// this.$nextTick(()=>{
- if(type==0){
- this.formInline.type = type
- // this.formInline.user=222
- getObj(this.formInline).then(res =>{
- this.tableData =res.data.data.records
- })
- this.formInline.phone = window.android.getAppToken()
- }else {
- // this.formInline.user=333
- getObj().then(res =>{
- this.tableData =res.data.data.records
- })
- }
+ if (type == 0) {
+ this.formInline.type = type
+ getObj(this.formInline).then(res => {
+ this.tableData = res.data.data.records
+ })
+ this.formInline.litigant = 222
+ } else {
+ // this.formInline.user=333
+ getObj().then(res => {
+ this.tableData = res.data.data.records
+ })
+ }
// })
},
//鐐瑰嚮鐐硅烦杞煡鐪�
- rowget(row,column) {
- console.log(row,'row===')
- // console.log(column,'column===')
- // this.$router.push({name: 'process_manage', params: {name: id}})
+ rowget(row, column) {
+ // if (row.casePoint){
this.$router.push({
path: '/padWord',
query: {
- name:row.casePoint
+ name: row.casePoint,
}
})
- this.$store.commit('SET_ID',row.id)
+ this.$store.commit('SET_ID', row.id)
+ // }
+
},
//鎵撳紑鏂板寮规
- getById(){
+ getById() {
this.$router.push({
path: '/fromAdd',
})
@@ -151,7 +150,7 @@
</script>
<style lang="scss" scoped>
-#box{
- font-size: 30px!important;
+#box {
+ font-size: 30px !important;
}
</style>
diff --git a/src/views/padSunmaryProcedure/padFrom.vue b/src/views/padSunmaryProcedure/padFrom.vue
index 56dd45e..20bd51e 100644
--- a/src/views/padSunmaryProcedure/padFrom.vue
+++ b/src/views/padSunmaryProcedure/padFrom.vue
@@ -1,115 +1,209 @@
<template>
-<el-main style="width: 100%;margin: 0 auto">
- <el-form ref="form" :model="form" label-width="110px" size="medium">
+ <el-main style="width: 100%;margin: 0 auto">
+ <el-form ref="form" :rules="dataRules" :model="form" label-width="120px" size="medium">
+ <el-form-item label="妗堢敱" prop="casePoint">
+ <el-input v-model="form.casePoint" placeholder="璇峰～鍐欐鐢�"></el-input>
+ </el-form-item>
- <el-form-item label="妗堢敱">
- <el-input v-model="form.casePoint" placeholder="璇峰～鍐欐鐢�"></el-input>
- </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="褰撲簨浜哄鍚�" prop="litigant">
+ <el-select v-model="form.litigant" placeholder="璇烽�夋嫨褰撲簨浜�"
+ style="width: 100%;" @change="marketChange">
+ <el-option
+ v-for="item in marketList"
+ :key="item.subjectName"
+ :label="item.subjectName"
+ :value="item">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="娉曚汉" prop="legalPerson">
+ <el-input v-model="form.legalPerson" placeholder="璇峰～鍐欐硶浜哄鍚�"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="褰撲簨浜哄鍚�">
- <el-select v-model="form.litigant" placeholder="璇烽�夋嫨褰撲簨浜�"
- style="width: 100%;" @change="marketChange">
- <el-option
- v-for="item in marketList"
- :key="item.subjectName"
- :label="item.subjectName"
- :value="item">
- </el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="娉曚汉">
- <el-input v-model="form.legalPerson" placeholder="璇峰～鍐欐硶浜哄鍚�"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="璇佷欢鍙�/淇＄敤鐮�" prop="certNo">
+ <el-input v-model="form.certNo" placeholder="璇峰～鍐欒瘉浠跺彿/淇＄敤鐮�"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑱旂郴鐢佃瘽" prop="phone">
+ <el-input v-model="form.phone" placeholder="璇峰～鍐欏綋浜嬩汉鐢佃瘽"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="璇佷欢鍙�/淇＄敤鐮�">
- <el-input v-model="form.certNo" 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="浣忓潃" prop="address">
+ <el-input v-model="form.address" placeholder="璇峰～鍐欏綋浜嬩汉浣忓潃"></el-input>
+ </el-form-item>
- <el-form-item label="浣忓潃">
- <el-input v-model="form.address" placeholder="璇峰～鍐欏綋浜嬩汉浣忓潃"></el-input>
- </el-form-item>
-
- <el-form-item label="鍔炴浜哄憳" prop="hanlderIds">
- <el-select v-model="form.hanlderIds" clearable filterable multiple :multiple-limit="2"
- placeholder="璇烽�夋嫨" style="width: 100%;" @change="setPersonname($event)">
- <el-option
- v-for="item in organPersons"
- :key="item.userId"
- :label="item.realName"
- :value="item.userId">
- <span style="float: left">{{ item.realName }}</span>
- <span style="float: right; color: #8492a6; font-size: 13px">鎵ф硶璇佸彿锛歿{ item.lawCert }}</span>
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" @click="onSubmit">绔嬪嵆鍒涘缓</el-button>
- <el-button @click="backAll">鍙栨秷</el-button>
- </el-form-item>
- </el-form>
-</el-main>
+ <el-form-item label="鍔炴浜哄憳" prop="hanlderIds">
+ <el-select v-model="form.hanlderIds" clearable filterable multiple :multiple-limit="2"
+ placeholder="璇烽�夋嫨" style="width: 100%;" @change="setPersonname($event)">
+ <el-option
+ v-for="item in organPersons"
+ :key="item.userId"
+ :label="item.realName"
+ :value="item.userId">
+ <span style="float: left">{{ item.realName }}</span>
+ <span style="float: right; color: #8492a6; font-size: 13px">鎵ф硶璇佸彿锛歿{ item.lawCert }}</span>
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鎵�灞炲煄闀�" prop="city">
+ <el-select v-model="form.city" filterable placeholder="璇烽�夋嫨鎵�灞炲煄闀�" style="width: 100%;">
+ <el-option
+ v-for="item in areaList"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎵�灞為鍩�" prop="category">
+ <el-select v-model="form.category" placeholder="璇烽�夋嫨鎵�灞為鍩�" style="width: 100%;">
+ <el-option
+ v-for="item in categoryList"
+ :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="缁忕含搴�" style="display:none;">
+ <el-input v-model="form.latitude" placeholder="璇峰～鍐欑粡绾害"></el-input>
+ </el-form-item>
+ <el-form-item label="杩濇硶鍦扮偣" prop="place">
+ <el-input v-model="form.place" placeholder="璇峰～鍐欒繚娉曞湴鐐�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="onSubmit">绔嬪嵆鍒涘缓</el-button>
+ <el-button @click="backAll">鍙栨秷</el-button>
+ </el-form-item>
+ </el-form>
+ </el-main>
</template>
<script>
-import {easycase,getMarketList,getIdByToken} from '../../api/News/pad'
+import {easycase, getMarketList, getIdByToken} from '../../api/News/pad'
import {getfindAll} from "../../api/News/useres";
+import {remote} from "@/api/admin/dict"
+
export default {
name: "padFrom",
- data(){
- return{
- form:{
- casePoint:'',
- litigant:"",
- legalPerson:"",
- certNo:"",
- phone:"",
- address:"",
- hanlderIds:[],
+ data() {
+ var validatePerson = (rule, value, callback) => {
+ if (value.length != 2) {
+ callback(new Error('鍔炴浜哄憳蹇呴』閫夋嫨涓や綅'));
+ } else {
+ callback();
+ }
+ };
+ return {
+ form: {
+ casePoint: '',
+ litigant: "",
+ legalPerson: "",
+ certNo: "",
+ phone: "",
+ address: "",
+ hanlderIds: [],
+ place: "",
+ category: "",
+ city: "",
+ latitude:"",
},
//鍔炴浜哄憳鏁版嵁
- organPersons:[],
+ organPersons: [],
//褰撲簨浜烘暟鎹�
- marketList:[],
+ marketList: [],
+ //鎵�灞為鍩�
+ categoryList: [],
+ // 杩濇硶鍩庨晣
+ areaList: [],
+ // 濉啓楠岃瘉
+ dataRules: {
+ casePoint: [
+ {required: true, message: "妗堜欢鏂囧彿涓嶈兘涓虹┖", trigger: "blur"},
+ ],
+ litigant: [
+ {required: true, message: "褰撲簨浜哄鍚嶄笉鑳戒负绌�", trigger: "blur"},
+ ],
+ legalPerson: [
+ {required: true, message: "娉曞畾浠ｈ〃浜哄鍚嶄笉鑳戒负绌�", trigger: "blur"},
+ ],
+ certNo: [
+ {required: true, message: "褰撲簨浜鸿瘉浠跺彿鐮佷笉鑳戒负绌�", trigger: "blur"},
+ ],
+ address: [
+ {required: true, message: "褰撲簨浜轰綇鍧�涓嶈兘涓虹┖", trigger: "blur"},
+ ],
+ phone: [
+ {required: true, message: "鎵嬫満鍙锋牸寮忎笉姝ｇ‘", trigger: "blur"},
+ {min: 11, message: "鎵嬫満鍙锋牸寮忎笉姝ｇ‘", trigger: "blur"},
+ ],
+ hanlderIds: [
+ {required: true, message: "鍔炴浜哄憳涓嶈兘涓虹┖", trigger: "blur"},
+ {validator: validatePerson, trigger: "blue"}
+ ],
+ category: [
+ {required: true, message: "璇ユ浠剁殑鎵�灞為鍩熶笉鑳戒负绌�", trigger: ["blur", "change"]},
+ ],
+ city: [
+ {required: true, message: "鎵�灞炲煄闀囦笉鑳戒负绌�", trigger: ["blur", "change"]},
+ ],
+ place: [
+ {required: true, message: "杩濇硶鍦板潃涓嶈兘涓虹┖", trigger: ["blur", "change"]}
+ ]
+ },
}
},
created() {
this.init()
},
- methods:{
- init(){
+ methods: {
+ tiaoZhuan() {
+ this.$router.push({
+ path: '/padWord'
+ })
+ },
+ init() {
// this.$nextTick(()=>{
- getIdByToken().then(res =>{
- console.log(res,'getIdByToken')
+ getIdByToken().then(res => {
+ console.log(res, 'getIdByToken')
let a = res.data.data;
- this.form.hanlderIds.push(a)
+ let b = parseInt(a)
+ this.form.hanlderIds.push(b)
})
//鏌ヨ褰撲簨浜�
getMarketList().then((res) => {
this.marketList = res.data.data;
})
- //鏌ヨ鍔炴浜哄憳淇℃伅
- getfindAll().then((res) => {
- this.organPersons = res.data.data;
- })
-
+ //鏌ヨ鍔炴浜哄憳淇℃伅
+ getfindAll().then((res) => {
+ this.organPersons = res.data.data;
+ })
+ //鎵�灞為鍩�
+ remote('before_dept').then(res => {
+ this.categoryList = res.data.data;
+ })
+ //鎵�灞炲煄甯�
+ remote('area_address').then(res => {
+ this.areaList = res.data.data;
+ })
// })
},
- marketChange(item){
+ marketChange(item) {
this.form.litigant = "";
this.form.legalPerson = "";
this.form.litigantCert = "";
@@ -138,7 +232,7 @@
this.form.phone = item.phone;
}
},
- backAll(){
+ backAll() {
this.$router.push({
path: '/pad',
})
@@ -154,13 +248,13 @@
this.form.hanlders = names.substring(0, names.length - 1);
}
},
- onSubmit(){
- console.log(this.form.hanlderIds,'this.form.hanlderIds')
- this.form.hanlderIds=this.form.hanlderIds.toString()
+ onSubmit() {
+ console.log(this.form.hanlderIds, 'this.form.hanlderIds')
+ this.form.hanlderIds = this.form.hanlderIds.toString()
if (this.form.hanlderIds.length < 1) {
this.form.hanlders = '';
}
- easycase(this.form).then(res =>{
+ easycase(this.form).then(res => {
this.backAll()
})
},
diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue
index 3d32cce..ef8fc84 100644
--- a/src/views/padSunmaryProcedure/padWord.vue
+++ b/src/views/padSunmaryProcedure/padWord.vue
@@ -1,87 +1,81 @@
<template>
- <div style="width: 100%;height: 100%;overflow: auto;">
- <div id="navs">
+ <basic-container>
+ <!--澶撮儴瀵艰埅-->
+ <div id="nav">
<el-button icon="el-icon-arrow-left" @click="goHome">杩斿洖</el-button>
- <div>{{ name1 }}</div>
+ <p>{{ name }}</p>
<div>
- <el-button v-if="btn ==1" icon="el-icon-caret-top" @click="ShowHide(0)"></el-button>
- <el-button v-if="btn ==0" icon="el-icon-caret-bottom" @click="ShowHide(1)"></el-button>
- <el-button icon="el-icon-upload el-icon--right" @click="submit">鎻愪氦</el-button>
+ <el-button v-show="btn ==1" icon="el-icon-caret-top" @click="ShowHide(0)"></el-button>
+ <el-button v-show="btn ==0" icon="el-icon-caret-bottom" @click="ShowHide(0)"></el-button>
+ <el-button icon="el-icon-upload" @click="submit">鎻愪氦</el-button>
</div>
</div>
- <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick"
- :stretch="true">
+ <!--搴曢儴閫夐」鍗�-->
+ <el-tabs type="border-card" :tab-position="tabPosition" v-model="activeName" :stretch="true"
+ @tab-click="handleClick">
<el-tab-pane label="璋冩煡璇㈤棶绗斿綍" name="first">
<BiLu v-if="activeName == 'first'"></BiLu>
</el-tab-pane>
<el-tab-pane label="璐ｄ护闄愭湡鏀规閫氱煡涔�" name="second">
- <GaiZheng v-if="activeName == 'second'"></GaiZheng>
+ <GaiZheng v-if="activeName == 'second'">璐ｄ护闄愭湡鏀规閫氱煡涔�</GaiZheng>
</el-tab-pane>
<el-tab-pane label="澶勭綒鍐冲畾涔�" name="third">
- <JueDingShu v-if="activeName == 'third'"></JueDingShu>
+ <JueDingShu v-if="activeName == 'third'">澶勭綒鍐冲畾涔�</JueDingShu>
</el-tab-pane>
</el-tabs>
- </div>
+ </basic-container>
</template>
<script>
-import {submitcase} from '../../api/News/pad'
-import BiLu from './word_mange/mangeBL'
+import {submitcase} from "../../api/News/pad";
+import BiLu from "./word_mange/mangeBL"
import GaiZheng from './word_mange/mangeGZ'
import JueDingShu from './word_mange/mangeJD'
export default {
- name: "padWord",
+ name: "padWord1",
components: {
BiLu,
GaiZheng,
- JueDingShu,
- },
- data() {
- return {
- btn: 1,
- id: '',
- form: {
- id: ''
- },
- name1: "",
- activeName: 'first'
- }
+ JueDingShu
},
created() {
this.id = this.$store.state.user.id
if (this.$route.query) {
this.$nextTick(() => {
- this.name1 = this.$route.query.name
+ this.name = this.$route.query.name
+ // this.id = this.$route.params.id
})
}
},
+ data() {
+ return {
+ name: "妗堜欢鍚嶇О",//灞曠ず鐨勬浠跺悕绉�
+ btn: 1,//灞曞紑鍜屾敹璧�
+ tabPosition: 'left',//榛樿宸︿晶閫夐」鍗�
+ activeName: "first"//閫夐」鍗￠粯璁ゆ墦寮�绗竴涓�
+ }
+ },
methods: {
-
+ //杩斿洖妗堜欢鍒楄〃
goHome() {
this.$router.push({
path: '/pad',
})
},
+ //鏀剁缉椤堕儴
ShowHide(type) {
this.btn = type;
window.android.toShowHide()
},
+ //鎻愪氦锛堝幓瀹℃牳锛�
submit() {
submitcase({id: this.id}).then(res => {
this.goHome()
})
},
- /*goToBL() {
- this.$router.push({
- path: '/padWord',
- query: {
- id: row.id,
- }
- })
- },*/
+ //鐐瑰嚮閫夐」鍗℃晥鏋�
handleClick(tab, event) {
- console.log(tab, event);
this.activeName = tab.name
}
}
@@ -93,19 +87,11 @@
height: calc(100vh - 110px);
overflow-y: auto;
}
-
-#navs {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
-}
-
-#box {
- width: 80%;
+</style>
+<style scoped>
+#nav {
display: flex;
justify-content: space-between;
align-items: center;
- margin: 0 auto;
}
</style>
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
index ee565f3..29421f5 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
@@ -1,5 +1,5 @@
<template>
- <el-main style="width: 100%;font-size: 18px;">
+ <el-main>
<el-form ref="form" :model="form" label-width="85px" size="24">
<el-form-item label="妗堢敱">
<el-input v-model="form.causePoint" placeholder="璇峰～鍐欐鐢�"></el-input>
@@ -138,7 +138,6 @@
<script>
import {createword, inquiry, inquiryquestion} from '../../../api/News/pad'
-import {viewD, exportDoc, urlToBase64, viewWithImg, exportDocWidthImg} from "@/libs/word"
export default {
name: "mangeBL",
@@ -150,6 +149,7 @@
causePoint: "",
startTime: "",
endTime: "",
+ site:"",
interrogeeName: "",
interrogeeSex: "",
interrogeeAge: "",
@@ -228,20 +228,6 @@
},
//鐐瑰嚮棰勮
viewVord(data) {
- /*if (data){
- this.dataFormSubmit();
- createword(data).then(res =>{
- // console.log(this.form.id)
- console.log(res,'123456')
- // window.android.toPreviewWord()
- })
- }else {
- createword(data).then(res =>{
- // console.log(this.form.id)
- console.log(res,'123456')
- // window.android.toPreviewWord()
- })
- }*/
createword(data).then(res =>{
// console.log(this.form.id)
console.log(res,'123456')
@@ -249,26 +235,13 @@
}).catch(err=>{
console.log(err,'閿欒');
})
-
-
-
- /*this.$router.push({
- path: '/WordYulan',
- query: {
- wordData: data,
- src:'/wordes/inquiryCause.docx',
- name:'璋冩煡璇㈤棶绗斿綍',
- }
- })*/
},
//鐐瑰嚮涓嬭浇
downloadWord(data){
- window.android.toDownLoadWord()
- console.log(exportDoc(data, '/wordes/inquiryCause.docx','璋冩煡璇㈤棶绗斿綍'),'aaaa')
createword(data).then(res =>{
// console.log(this.form.id)
console.log(res,'123456')
- window.android.toPreviewWord(res.data.data)
+ window.android.toDownLoadWord(res.data.data)
}).catch(err=>{
console.log(err,'閿欒');
}) },
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
index e9bc0ac..3d2ab2a 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
@@ -56,10 +56,28 @@
<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-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-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">
@@ -111,6 +129,8 @@
<script>
import {createword, ordercorrec, ordercorrection} from '../../../api/News/pad'
+import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
+
export default {
name: "mangeGZ",
@@ -172,12 +192,25 @@
createword(data).then(res =>{
// console.log(this.form.id)
console.log(res,'123456')
- window.android.toPreviewWord(res.data.data)
+ window.android.toDownLoadWord(res.data.data)
}).catch(err=>{
console.log(err,'閿欒');
})
// 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)
+ })
+ },
},
}
</script>
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
index 42a5033..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>
@@ -120,13 +158,14 @@
<script>
import {createword, inquiry, nowpenaltydecision} from "../../../api/News/pad";
+import {getLaw, getLawTiao, lawInfo} from '@/api/lawList/lawList';
export default {
name: "mangeJD",
data() {
return {
- id:'',
+ id: '',
form: {
unitName: "",
litigant: "",
@@ -135,7 +174,9 @@
legalPerson: "",
legalPersonPhone: "",
type: [],
- }
+ fines:[],
+ },
+ lawTiaoList:[]
}
},
mounted() {
@@ -164,24 +205,47 @@
//鐐瑰嚮棰勮
viewVord(data) {
// let wordData = this.transforData(data);
- createword(data).then(res =>{
- // console.log(this.form.id)
- console.log(res,'123456')
+ createword(data).then(res => {
window.android.toPreviewWord(res.data.data)
- }).catch(err=>{
- console.log(err,'閿欒');
+ }).catch(err => {
+ console.log(err, '閿欒');
})
},
//鐐瑰嚮涓嬭浇
downloadWord(data) {
- createword(data).then(res =>{
- // console.log(this.form.id)
- console.log(res,'123456')
- window.android.toPreviewWord(res.data.data)
- }).catch(err=>{
- console.log(err,'閿欒');
+ createword(data).then(res => {
+ window.android.toDownLoadWord(res.data.data)
+ }).catch(err => {
+ console.log(err, '閿欒');
})
- // 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
+ lawInfo(item.value).then(res => {
+ this.lawTiaoList = res.data.data
+ })
},
},
}
@@ -194,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