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/mangeBL.vue | 240 ++++++++++++++++++++++++++++++++++++------------------------
1 files changed, 144 insertions(+), 96 deletions(-)
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>
--
Gitblit v1.9.1