From 9b964f286f78aa75b2b1badb6361c63bdd95e545 Mon Sep 17 00:00:00 2001
From: yang <1441163367@qq.com>
Date: 星期三, 26 十月 2022 08:44:11 +0800
Subject: [PATCH] Two
---
src/views/padSunmaryProcedure/Home.vue | 33 ++-
src/views/padSunmaryProcedure/word_mange/mangeGZ.vue | 31 +++
src/views/padSunmaryProcedure/word_mange/mangeJD.vue | 30 +++
src/router/pad/index.js | 5
src/views/padSunmaryProcedure/padFrom.vue | 3
src/App.vue | 3
src/views/padSunmaryProcedure/padWord.vue | 35 ++-
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | 130 +++++++++++-----
src/styles/common.scss | 4
src/views/padSunmaryProcedure/word-view.vue | 165 ++++++++++++++++++++
10 files changed, 360 insertions(+), 79 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 3980a82..f3bbc6f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,6 +22,9 @@
h1,h2,h3{
margin:0;
}
+ body{
+ width: 100%;
+ }
#app {
width: 100%;
height: 100%;
diff --git a/src/router/pad/index.js b/src/router/pad/index.js
index f36113c..1d21bd1 100644
--- a/src/router/pad/index.js
+++ b/src/router/pad/index.js
@@ -21,5 +21,10 @@
name: '妗堜欢濉姤娴佺▼',
component: () =>
import(/* webpackChunkName: "page" */ '@/views/padSunmaryProcedure/padWord')
+ },{
+ path: '/WordYulan',
+ name: 'word棰勮',
+ component: () =>
+ import(/* webpackChunkName: "page" */ '@/views/padSunmaryProcedure/word-view')
}]
}]
diff --git a/src/styles/common.scss b/src/styles/common.scss
index a8d5468..5f5e5d2 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -63,7 +63,7 @@
font-size: 18px;
}
-@media screen and (max-width: 1200px) {
+/*@media screen and (max-width: 1200px) {
body{
width: 1200px;
}
@@ -100,4 +100,4 @@
max-width: 130px!important;
}
}
-}
+}*/
diff --git a/src/views/padSunmaryProcedure/Home.vue b/src/views/padSunmaryProcedure/Home.vue
index 1da1e81..f0a2638 100644
--- a/src/views/padSunmaryProcedure/Home.vue
+++ b/src/views/padSunmaryProcedure/Home.vue
@@ -11,23 +11,30 @@
</script>
<style scoped>
- @media screen and (min-width: 1920px){
- html{
+.padHome{
+ height: 100%;
+ overflow: auto;
+}
+/* @media screen and (min-width: 1200px){
+ .padHome{
font-size: 12px;
+ width: 100%;
+ height: 100%;
}
}
- @media screen and (min-width: 1920px){
- html{
- font-size: 12px;
+ @media only screen and (min-width: 768px) and(max-width: 1199px) {
+ .padHome{
+ font-size: 16px;
+ width: 100%;
+ height: 100%;
}
}
- @media screen and (min-width: 1920px){
- html{
- font-size: 12px;
+ @media only screen and (max-width: 768px) {
+ .padHome{
+ font-size: 16px;
+ width: 100%;
+ height: 100%;
}
- }
- .padHome{
- width: 100%;
- height: 100%;
- }
+ }*/
+
</style>
diff --git a/src/views/padSunmaryProcedure/padFrom.vue b/src/views/padSunmaryProcedure/padFrom.vue
index 92eb7a0..731448b 100644
--- a/src/views/padSunmaryProcedure/padFrom.vue
+++ b/src/views/padSunmaryProcedure/padFrom.vue
@@ -78,6 +78,9 @@
},
onSubmit(){
this.form.hanlderIds=this.form.hanlderIds.toString()
+ if (this.dataForm.hanlderIds.length < 1) {
+ this.dataForm.hanlders = '';
+ }
easycase(this.form).then(res =>{
this.backAll()
})
diff --git a/src/views/padSunmaryProcedure/padWord.vue b/src/views/padSunmaryProcedure/padWord.vue
index 2c2d15d..70714fc 100644
--- a/src/views/padSunmaryProcedure/padWord.vue
+++ b/src/views/padSunmaryProcedure/padWord.vue
@@ -1,11 +1,12 @@
<template>
- <div style="width: 100vw;height: 100%;overflow: auto;font-size: 20px">
+ <div style="width: 100%;height: 100%;overflow: auto;">
<div id="navs">
<el-button icon="el-icon-arrow-left" @click="goHome">杩斿洖</el-button>
<div>{{ name1 }}</div>
<el-button icon="el-icon-upload el-icon--right" @click="submit">鎻愪氦</el-button>
</div>
- <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick" :stretch="true">
+ <el-tabs type="border-card" style="margin-top: 10px!important;" v-model="activeName" @tab-click="handleClick"
+ :stretch="true">
<el-tab-pane label="璋冩煡璇㈤棶绗斿綍" name="first">
<BiLu :id="id"></BiLu>
</el-tab-pane>
@@ -27,35 +28,36 @@
export default {
name: "padWord",
- components:{
+ components: {
BiLu,
GaiZheng,
JueDingShu,
},
data() {
return {
- id:'',
- name1:"",
+ id: '',
+ name1: "",
activeName: 'second'
}
},
created() {
if (this.$route.query) {
- this.id = this.$route.query.id
- this.name1 = this.$route.query.name
+ // this.$nextTick(() => {
+ this.id = this.$route.query.id
+ this.name1 = this.$route.query.name
+ // })
}
},
methods: {
- goHome(){
+ goHome() {
this.$router.push({
path: '/pad',
})
},
- submit(){
- /*submitcase().then(res =>{
+ submit() {
+ submitcase(this.id).then(res => {
this.goHome()
- })*/
- this.goHome()
+ })
},
/*goToBL() {
this.$router.push({
@@ -72,16 +74,19 @@
}
</script>
-<style lang="scss" scoped>
-.el-tabs__content{
+<style lang="scss">
+.el-tabs__content {
height: calc(100vh - 110px);
overflow-y: auto;
}
-#navs{
+
+#navs {
display: flex;
+ flex-direction: row;
justify-content: space-between;
align-items: center;
}
+
#box {
width: 80%;
display: flex;
diff --git a/src/views/padSunmaryProcedure/word-view.vue b/src/views/padSunmaryProcedure/word-view.vue
new file mode 100644
index 0000000..7fd52d1
--- /dev/null
+++ b/src/views/padSunmaryProcedure/word-view.vue
@@ -0,0 +1,165 @@
+<template>
+ <div class="docWrap">
+ <!-- 棰勮鏂囦欢鐨勫湴鏂癸紙鐢ㄤ簬娓叉煋锛� -->
+ <div ref="word"></div>
+ </div>
+</template>
+
+<script>
+import {viewD, exportDoc, urlToBase64, viewWithImg, exportDocWidthImg} from "@/libs/word"
+
+export default {
+ components: {},
+ data() {
+ return {
+ dataForm: {},
+ imgList: []
+ };
+ },
+ created() {
+ console.log(this.$route,'this.$route======')
+ if (this.$route.query) {
+ if(this.$route.query.wordData){
+ // this.dataForm = this.$route.query.wordData
+ this.$nextTick(() => {
+ viewD(this.$route.query.wordData, this.$route.query.src,this.$refs.word)
+ })
+ }else {
+ // this.dataForm = this.$route.query.dawordData
+ this.$nextTick(() => {
+ exportDoc(this.$route.query.wordData, this.$route.query.src,this.$refs.word)
+ })
+ }
+ }
+
+ },
+ methods: {
+ /*initMS(obj, url, arry, imgSize) { //琛屾斂澶勭綒娌℃敹璐㈢墿澶勭悊瀹℃壒琛ㄨ繑鍥炵殑鏁版嵁鍜屽叾瀹冭〃涓嶄竴鏍凤紙娌℃湁publicOpinion瀵硅薄锛�
+ let that = this
+ if (arry.length > 0) {
+ for (let i = 0; i < arry.length; i++) {
+ urlToBase64(obj[arry[i]], function (baseStr) {
+ obj[arry[i]] = baseStr
+ that.$set(obj, arry[i], obj[arry[i]])
+ })
+ }
+ setTimeout(() => {
+ viewWithImg(obj, url, this.$refs.word, imgSize);
+ }, 1000)
+ }
+ },*/
+ initMore(obj, url, arry, imgSize) { //椤甸潰鏈夊寮犵鍚嶇収鐗囩殑
+ let that = this
+ if (arry.length > 0) {
+ for (let i = 0; i < arry.length; i++) {
+ if (obj.publicOpinion) {
+ urlToBase64(obj.publicOpinion[arry[i]], function (baseStr) {
+ obj.publicOpinion[arry[i]] = baseStr
+ that.$set(obj, arry[i], obj.publicOpinion[arry[i]])
+ })
+ }
+ }
+ setTimeout(() => {
+ viewWithImg(obj, url, this.$refs.word, imgSize);
+ }, 1000)
+ }
+ },
+ init(obj, url, type, imgSize) { //椤甸潰鍙湁涓�澶勬湁鐓х墖鍥炴樉鐨勶紙鍖呭惈涓�澶勬湁澶氬紶鍥剧墖锛�
+ if (type != null && type != '' && type != undefined) {
+ // let aabb = "http://localhost:8080/admin/sys-file/platform/75968ac641154184bce1a1c38b486291.png"
+ if (obj[type] != '') {
+ let img = obj[type].split(',')
+ let that = this;
+ let imgList = []
+ for (let i = 0; i < img.length; i++) {
+ urlToBase64(img[i], function (baseStr) {
+ img[i] = baseStr;
+ imgList.push({
+ img: img[i]
+ })
+ })
+ that.$set(obj, 'imgList', imgList)
+ }
+ setTimeout(() => {
+ viewWithImg(obj, url, that.$refs.word, imgSize);
+ }, 1000)
+ } else {
+ viewD(obj, url, this.$refs.word);
+ }
+ } else {
+ viewD(obj, url, this.$refs.word);
+ }
+
+ },
+ exportDocMS(obj, url, name, arry, imgSize) { //琛屾斂澶勭綒娌℃敹璐㈢墿澶勭悊瀹℃壒琛ㄨ繑鍥炵殑鏁版嵁鍜屽叾瀹冭〃涓嶄竴鏍凤紙娌℃湁publicOpinion瀵硅薄锛�
+ let that = this
+ if (arry.length > 0) {
+ for (let i = 0; i < arry.length; i++) {
+ urlToBase64(obj[arry[i]], function (baseStr) {
+ obj[arry[i]] = baseStr
+ that.$set(obj, arry[i], obj[arry[i]])
+ })
+ }
+ }
+ setTimeout(() => {
+ exportDocWidthImg(obj, url, name, imgSize)
+ }, 1000)
+ },
+ exportDocMore(obj, url, name, arry, imgSize) { //椤甸潰鏈夊寮犵鍚嶇収鐗囩殑
+ let that = this
+ if (arry.length > 0) {
+ for (let i = 0; i < arry.length; i++) {
+ if (obj.publicOpinion) {
+ urlToBase64(obj.publicOpinion[arry[i]], function (baseStr) {
+ obj.publicOpinion[arry[i]] = baseStr
+ that.$set(obj, arry[i], obj.publicOpinion[arry[i]])
+ })
+ }
+ }
+ }
+ setTimeout(() => {
+ exportDocWidthImg(obj, url, name, imgSize)
+ }, 1000)
+ },
+ exportDoc(obj, url, name, type, imgSize) {
+ this.imgList = []
+ let that = this
+ if (type != null && type != '') {
+ let img = obj[type].split(',')
+ for (let i = 0; i < img.length; i++) {
+ urlToBase64(img[i], function (baseStr) {
+ img[i] = baseStr;
+ that.imgList.push({
+ img: img[i]
+ })
+ })
+ that.$set(obj, 'imgList', that.imgList)
+ // exportDocWidthImg(obj,url,name,imgSize);
+ }
+
+ setTimeout(() => {
+ exportDocWidthImg(obj, url, name, imgSize)
+ }, 1000)
+ // await exportDocWidthImg(obj,url,name,imgSize);
+ } else {
+ exportDoc(obj, url, name);
+ }
+
+ },
+ }
+};
+</script>
+
+<style>
+.docx-wrapper {
+ background: white !important;
+}
+
+.docx p {
+ text-align: center;
+}
+
+.docx p:nth-child(0) > span:nth-child(3) {
+ margin-left: -45px;
+}
+</style>
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
index e801962..f73c251 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
@@ -93,13 +93,14 @@
</el-row>
<div class="qianzi" style="margin-left: 85px">
<span>琛ㄦ槑韬唤銆佸嚭绀鸿瘉浠讹細鎴戜滑鏄嘲宄扮熆鍖虹患鍚堣鏀挎墽娉曞眬鐨勮鏀挎墽娉曚汉鍛橈紝杩欐槸鎵ф硶璇佷欢璇蜂綘杩囩洰纭锛屽鏃犲紓璁鍦ㄦ绛惧瓧锛�</span>
-<!-- <el-input v-model="form.interrogeeName" placeholder="璇峰～鍐欒璇㈤棶浜�" style="width: 160px!important;"></el-input>-->
+ <!-- <el-input v-model="form.interrogeeName" placeholder="璇峰～鍐欒璇㈤棶浜�" style="width: 160px!important;"></el-input>-->
+
<div id="imges">
- <button @click="goQianzi()">绛惧瓧</button>
- <button @click="gozhiwen()">鎸囩汗</button>
- <button @click="look()">鏌ョ湅</button>
- <el-image v-if="false" @click="goQianzi()" style="height: 3em!important;width: 3em!important;" src="/images/1.png" alt="璇风瀛�"/>
- <el-image v-if="false" style="height: 3em!important;width: 3em!important;" src="/images/2.png" alt="璇峰綍鍏ユ寚绾�"/>
+ <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="璇峰綍鍏ユ寚绾�"/>
</div>
</div>
<p style="margin-left: 85px">
@@ -123,27 +124,27 @@
</ul>
<el-form-item label-width="50%">
<el-button type="primary" icon="el-icon-circle-plus" @click="addEle">
-<!-- <img src="../../../assets/lawImg/addIcon.png" alt="">-->
+ <!-- <img src="../../../assets/lawImg/addIcon.png" alt="">-->
</el-button>
</el-form-item>
</el-form>
<div style="text-align: center">
- <el-button v-if="form.registerState=='0'" @click="dataFormSubmit('0')">淇濆瓨</el-button>
- <el-button type="primary" @click="viewVord(dataForm)">棰勮</el-button>
- <el-button v-if="form.registerState=='1'"type="success" @click="downloadWord(dataForm)">涓嬭浇</el-button>
+ <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>
</div>
</el-main>
</template>
<script>
-import {inquiry,inquiryquestion} from '../../../api/News/pad'
+import {inquiry, inquiryquestion} from '../../../api/News/pad'
export default {
name: "mangeBL",
- props:['id'],
+ props: ['id'],
data() {
return {
- props:['id'],
+ props: ['id'],
value1: [],
form: {
causePoint: "",
@@ -162,25 +163,27 @@
inquirerNumberOne: "",
inquirerNameTwo: "",
inquirerNumberTwo: "",
- answer:"",
- questionsAnswers:[
+ answer: "",
+ questionsAnswers: [
{
- wen:'',
- da:'',
+ wen: '',
+ da: '',
}
],
- fingerprint:"",
+ fingerprint: "",
},
}
},
created() {
this.getDataList()
-
+ window.getSignUrl =this.getSignUrl;
+ window.getFingerUrl =this.getFingerUrl;
+// this.getSignUrl();
},
methods: {
- getDataList(){
- inquiryquestion(this.id).then(res =>{
- this.form =res.data.data
+ getDataList() {
+ inquiryquestion(this.id).then(res => {
+ this.form = res.data.data
this.value1.push(res.data.data.startTime)
this.value1.push(res.data.data.endTime)
})
@@ -192,27 +195,72 @@
da: '',
});
},
- look(){
- this.form.questionsAnswers.da = window.android.getSignUrl(url);
- this.form.questionsAnswers.wen =window.android.getFingerUrl(url);
+ getSignUrl(url){
+ this.form.signature = url;
+ },
+ getFingerUrl(url1){
+ this.form.fingerprint = url1;
},
//鐐瑰嚮璺宠浆绛惧瓧椤甸潰
- goQianzi(){
+ goQianzi() {
window.android.toSign();
},
- gozhiwen(){
- window.android.toFinger();
+ gozhiwen() {
+ window.android.toFinger();
},
//鐐瑰嚮淇濆瓨鏁版嵁
- dataFormSubmit(){
+ 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("淇濆瓨鎴愬姛");
}
})
+ },
+ //鐐瑰嚮棰勮
+ viewVord(data) {
+ // let wordData = this.transforData(data);
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ wordData: data,
+ src:'/wordes/inquiryCause.docx'
+ }
+ })
+ },
+ //鐐瑰嚮涓嬭浇
+ downloadWord(data){
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ downWordData: data,
+ src:'/wordes/inquiryCause.docx'
+ }
+ })
+ // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "璋冩煡璇㈤棶绗斿綍.docx")
+ },
+ // 閬嶅巻鏁版嵁
+ transforData(obj) {
+ let s = JSON.stringify(obj);
+ let data = JSON.parse(s);
+
+ 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鍒�');
+ } else {
+ data.startTime = ' 骞� 鏈� 鏃� 鏃� 鍒�'
+ }
+
+ if (data.endTime != '' && data.endTime != null) {
+ data.endTime = moment(data.endTime).format('HH鏃秏m鍒�');
+ } else {
+ data.endTime = ' 鏃� 鍒�'
+ }
}
},
}
@@ -220,25 +268,27 @@
<style lang="scss" scoped>
//.qianzi {
- //display: flex;
- /*justify-content: space-between;*/
- //align-items: center;
- /*flex-wrap: wrap;*/
+//display: flex;
+/*justify-content: space-between;*/
+//align-items: center;
+/*flex-wrap: wrap;*/
//}
-.el-input{
- border: none!important;
+.el-input {
+ border: none !important;
}
+
/*.el-image{
width: 10rem!important;
height: 10rem!important;
}*/
-#imges{
+#imges {
display: block;
position: relative;
- .imgBox{
- position: absolute!important;
+
+ .imgBox {
+ position: absolute !important;
left: 0;
- bottom: 0;
+ top: 50%;
}
}
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
index 8903b8a..0bb2916 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeGZ.vue
@@ -102,9 +102,9 @@
</el-row>
</el-form>
<div style="text-align: center">
- <el-button v-if="form.registerState=='0'" @click="dataFormSubmit('0')">淇濆瓨</el-button>
- <el-button type="primary" @click="viewVord(dataForm)">棰勮</el-button>
- <el-button v-if="form.registerState=='1'"type="success" @click="downloadWord(dataForm)">涓嬭浇</el-button>
+ <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>
</div>
</el-main>
</template>
@@ -148,14 +148,35 @@
})
},
dataFormSubmit(){
-
this.form.registerId = this.id
ordercorrec(this.form).then(res =>{
if (res.data.code == 0) {
this.$message.success("鎿嶄綔鎴愬姛");
}
})
- }
+ },
+ //鐐瑰嚮棰勮
+ viewVord(data) {
+ // let wordData = this.transforData(data);
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ wordData: data,
+ src:'/wordes/correctionNotice.docx'
+ }
+ })
+ },
+ //鐐瑰嚮涓嬭浇
+ downloadWord(data){
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ downWordData: data,
+ src:'/wordes/correctionNotice.docx'
+ }
+ })
+ // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "璋冩煡璇㈤棶绗斿綍.docx")
+ },
},
}
</script>
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
index 4dd5f7e..6e26e11 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeJD.vue
@@ -111,9 +111,9 @@
</el-form>
<div style="text-align: center">
- <el-button v-if="form.registerState=='0'" @click="dataFormSubmit('0')">淇濆瓨</el-button>
- <el-button type="primary" @click="viewVord(dataForm)">棰勮</el-button>
- <el-button v-if="form.registerState=='1'"type="success" @click="downloadWord(dataForm)">涓嬭浇</el-button>
+ <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>
</div>
</el-main>
</template>
@@ -157,7 +157,29 @@
this.$message.success("淇濆瓨鎴愬姛");
}
})
- }
+ },
+ //鐐瑰嚮棰勮
+ viewVord(data) {
+ // let wordData = this.transforData(data);
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ wordData: data,
+ src:'/wordes/penaltyDecision.docx'
+ }
+ })
+ },
+ //鐐瑰嚮涓嬭浇
+ downloadWord(data){
+ this.$router.push({
+ path: '/WordYulan',
+ query: {
+ downWordData: data,
+ src:'/wordes/penaltyDecision.docx'
+ }
+ })
+ // WordView.methods.exportDoc(wordData, "/wordes/inquiryCause.docx", "璋冩煡璇㈤棶绗斿綍.docx")
+ },
},
}
</script>
--
Gitblit v1.9.1