From 539d1ce6b955d5d56b21d97590a2a684c400f64a Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期三, 11 一月 2023 09:55:16 +0800
Subject: [PATCH] 细节调节
---
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | 417 +++++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 278 insertions(+), 139 deletions(-)
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
index e801962..890863e 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
@@ -1,188 +1,279 @@
<template>
- <el-main style="width: 100%;font-size: 18px;">
- <el-form ref="form" :model="form" label-width="85px" size="24">
+ <!-- 璋冩煡璇㈤棶绗斿綍 -->
+ <el-main>
+ <el-form
+ :disabled="form.registerState == '1'"
+ 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="缁撴潫鏃ユ湡"
+ :unlink-panels="false"
+ :picker-options="pickerOptions">
</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="8">
+ <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="8">
- <el-form-item label="鎬у埆" label-width="60px">
- <el-input v-model="form.interrogeeSex" placeholder="璇峰～鍐欒璇㈤棶浜烘�у埆"></el-input>
+ <el-col :span="7">
+ <el-form-item label="鎬у埆"
+ label-width="60px">
+ <el-input v-model="form.interrogeeSex"
+ placeholder="璇峰～鍐欒璇㈤棶浜烘�у埆"></el-input>
</el-form-item>
</el-col>
- <el-col :span="8">
- <el-form-item label="骞撮緞" label-width="60px">
- <el-input v-model="form.interrogeeAge" placeholder="璇峰～鍐欒璇㈤棶浜哄勾榫�"></el-input>
+ <el-col :span="7">
+ <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-form-item>
+
+ <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-form-item>
+
<el-row>
<el-col :span="12">
- <el-form-item label="浣忓潃">
- <el-input v-model="form.interrogeeAddress" placeholder="璇峰～鍐欒璇㈤棶浜轰綇鍧�"></el-input>
+ <el-form-item label="鑱屼綅">
+ <el-input v-model="form.interrogeeDuty"
+ placeholder="璇峰～鍐欒璇㈤棶浜鸿亴浣�"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
- <el-form-item label="韬唤璇佸彿鐮�">
- <el-input v-model="form.interrogeeCardNo" placeholder="璇峰～鍐欒璇㈤棶浜鸿韩浠借瘉鍙�"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="8">
- <el-form-item label="宸ヤ綔鍗曚綅">
- <el-input v-model="form.interrogeeUnit" placeholder="璇峰～鍐欒璇㈤棶浜哄伐浣滃崟浣�"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="鑱屼綅" label-width="60px">
- <el-input v-model="form.interrogeeDuty" placeholder="璇峰～鍐欒璇㈤棶浜鸿亴浣�"></el-input>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <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.inquirerNameOne" 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.inquirerNameTwo" 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>
- <div class="qianzi" style="margin-left: 85px">
- <span>琛ㄦ槑韬唤銆佸嚭绀鸿瘉浠讹細鎴戜滑鏄嘲宄扮熆鍖虹患鍚堣鏀挎墽娉曞眬鐨勮鏀挎墽娉曚汉鍛橈紝杩欐槸鎵ф硶璇佷欢璇蜂綘杩囩洰纭锛屽鏃犲紓璁鍦ㄦ绛惧瓧锛�</span>
-<!-- <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="璇峰綍鍏ユ寚绾�"/>
+ <div class="sign">
+ <span style="font-size:16px;">琛ㄦ槑韬唤銆佸嚭绀鸿瘉浠讹細鎴戜滑鏄嘲宄扮熆鍖虹患鍚堣鏀挎墽娉曞眬鐨勮鏀挎墽娉曚汉鍛橈紝杩欐槸鎵ф硶璇佷欢璇蜂綘杩囩洰纭锛屽鏃犲紓璁鍦ㄦ绛惧瓧锛�</span>
+ <div class="imges">
+ <el-image v-if="form.signature"
+ style="height: 8em!important;width: 8em!important;"
+ :src="form.signature"
+ alt="璇风瀛�" />
+ <el-image v-if="form.fingerprint"
+ class="imgBox"
+ style="height: 5em!important;width: 5em!important;"
+ :src="form.fingerprint"
+ alt="璇峰綍鍏ユ寚绾�" />
+ </div>
+ <!-- <el-input v-model="form.interrogeeName" placeholder="璇峰～鍐欒璇㈤棶浜�" style="width: 160px!important;"></el-input>-->
+ <div class="signButton">
+ <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>
</div>
</div>
- <p style="margin-left: 85px">
+
+ <el-form-item>
<span>鍛婄煡鏉冨埄銆佷箟鍔★細鐜板湪灏�</span>
- <el-input v-model="form.causePoint" placeholder="璇峰～鍐欐浠跺悕绉�" style="width: 460px!important;"></el-input>
+ <el-input v-model="form.causePoint"
+ placeholder="璇峰～鍐欐浠跺悕绉�"></el-input>
<span>涓�妗堬紝渚濇硶瀵逛綘杩涜璇㈤棶锛岃浣犲瀹炲洖绛旈棶棰橈紝濡傝鍋囪瘽鎴栦綔浼瘉鏄璐熸硶寰嬭矗浠荤殑锛屽涓庢湰妗堟棤鍏崇殑闂锛屼綘鏈夋嫆缁濆洖绛旂殑鏉冨埄锛涗綘鏈夐檲杩板拰鐢宠京鐨勬潈鍒╋紱鏍规嵁銆婁腑鍗庝汉姘戝叡鍜屽浗琛屾斂澶勭綒娉曘�嬬鍥涘崄涓夋潯绗簩娆句箣瑙勫畾锛屽鏋滀綘璁や负鍔炴浜哄憳涓庢湰妗堟湁鐩存帴鍒╁鍏崇郴锛屽彲鑳藉奖鍝嶅叕姝ｅ鐞嗘浠剁殑锛屾湁鎻愬嚭鍥為伩鐨勬潈鍒╋紝娓呮浜嗗悧锛�</span>
- </p>
+ </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>
- <ul style="list-style: none!important;">
- <li v-for="(item,index) in form.questionsAnswers" :key="index">
- <el-form-item label="闂細">
- <el-input type="textarea" :row="2" v-model="item.wen"></el-input>
- </el-form-item>
- <el-form-item label="绛旓細">
- <el-input type="textarea" :row="2" v-model="item.da"></el-input>
- </el-form-item>
- </li>
- </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="">-->
- </el-button>
- </el-form-item>
+ <h1 style="text-align: center;font-weight: bold;font-size: 20px;line-height:30px">闂瓟绗斿綍</h1>
+ <div class="questionsAnswers"
+ v-for="(item,index) in form.questionsAnswers"
+ :key="index">
+ <el-form-item label="闂細">
+ <el-input type="textarea"
+ :row="2"
+ v-model="item.wen"></el-input>
+ </el-form-item>
+ <el-form-item label="绛旓細">
+ <el-input type="textarea"
+ :row="2"
+ v-model="item.da"></el-input>
+ </el-form-item>
+ </div>
</el-form>
+ <div style="text-align: center;margin: 20px 0">
+ <el-button type="primary"
+ icon="el-icon-circle-plus"
+ @click="addEle">
+ <!-- <img src="../../../assets/lawImg/addIcon.png" alt="">-->
+ </el-button>
+ </div>
<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.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 { inquiry, inquiryquestion } from '../../../api/News/pad'
+import { blwo } from '../../../api/News/word'
export default {
- name: "mangeBL",
- props:['id'],
+ name: 'mangeBL',
data() {
+ let that = this
return {
- props:['id'],
+ id: '',
value1: [],
+ arrays: '',
form: {
- causePoint: "",
- startTime: "",
- endTime: "",
- interrogeeName: "",
- interrogeeSex: "",
- interrogeeAge: "",
- interrogeeAddress: "",
- interrogeeCardNo: "",
- interrogeeUnit: "",
- interrogeeDuty: "",
- interrogeePhone: "",
- interrogeePostcode: "",
- inquirerNameOne: "",
- inquirerNumberOne: "",
- inquirerNameTwo: "",
- inquirerNumberTwo: "",
- answer:"",
- questionsAnswers:[
+ causePoint: '',
+ startTime: '',
+ endTime: '',
+ site: '',
+ interrogeeName: '',
+ interrogeeSex: '',
+ interrogeeAge: '',
+ interrogeeAddress: '',
+ interrogeeCardNo: '',
+ interrogeeUnit: '',
+ interrogeeDuty: '',
+ interrogeePhone: '',
+ interrogeePostcode: '',
+ inquirerNameOne: '',
+ inquirerNumberOne: '',
+ inquirerNameTwo: '',
+ inquirerNumberTwo: '',
+ answer: '',
+ questionsAnswers: [
{
- wen:'',
- da:'',
- }
+ wen: '',
+ da: '',
+ },
],
- fingerprint:"",
+ fingerprint: '',
},
+ pickerOptions: {
+ shortcuts: [{
+ text: '7澶�',
+ onClick(picker) {
+ let startDate = new Date()
+ let endDate = new Date()
+ endDate.setDate(new Date().getDay() + 8)
+ picker.$emit('pick',[startDate,endDate])
+
+ }
+ },{
+ text: '涓�涓湀',
+ onClick(picker) {
+ let startDate = new Date()
+ let endDate = new Date()
+ endDate.setMonth(new Date().getMonth() + 1)
+ picker.$emit('pick', [startDate, endDate]);
+ }
+ },{
+ text: '涓変釜鏈�',
+ onClick(picker) {
+ let startDate = new Date()
+ let endDate = new Date()
+ endDate.setMonth(new Date().getMonth() + 3)
+ picker.$emit('pick', [startDate, endDate]);
+ }
+ }]
+ }
}
},
- created() {
+ mounted() {
+ this.id = this.$store.state.user.id
+ console.log(this.id, 'id')
this.getDataList()
-
+ window.getSignUrl = this.getSignUrl
+ window.getFingerUrl = this.getFingerUrl
+ // this.getSignUrl();
},
+ /*mounted() {
+ console.log(this.id,'id=================')
+ },*/
methods: {
- 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)
+ getDataList() {
+ inquiryquestion(this.id).then((res) => {
+ const { data } = res
+ console.log('璋冩煡璇㈤棶绗斿綍璇锋眰鐨勬暟鎹�', data)
+ if (data.code == 0) {
+ this.form = res.data.data
+ console.log(this.form,'this.form----')
+ 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)
+ }
+ }
})
},
// 鐐瑰嚮娣诲姞
@@ -190,56 +281,104 @@
this.form.questionsAnswers.push({
wen: '',
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(){
- window.android.toSign();
+ 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("淇濆瓨鎴愬姛");
+ this.$message.success('淇濆瓨鎴愬姛')
+ this.$emit('isKeep1',true) //isKeep 鏄惁鐐瑰嚮浜嗕繚瀛�
}
})
- }
+
+ },
+ //鐐瑰嚮棰勮
+ viewVord(data) {
+ 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]
+ window.android.toPreviewWord(this.arrays)
+ })
+ },
+ //鐐瑰嚮涓嬭浇
+ downloadWord(data) {
+ blwo(data).then((res) => {
+ // console.log(this.form.id)
+ this.arrays = res.data.data.split(',')[0]
+ window.android.toDownLoadWord(this.arrays)
+ })
+ },
+ // 閬嶅巻鏁版嵁
+ 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 = ' 鏃� 鍒�'
+ }
+ },
},
}
</script>
<style lang="scss" scoped>
-//.qianzi {
- //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{
- display: block;
- position: relative;
- .imgBox{
- position: absolute!important;
- left: 0;
- bottom: 0;
+
+.sign {
+ width: 94%;
+ margin: 0 auto 18px;
+ .imges {
+ display: inline-block;
+ position: relative;
+ .imgBox {
+ position: absolute !important;
+ left: 0;
+ top: 50%;
+ }
+ }
+ .signButton {
+ display: inline-block;
+ margin-top: 18px;
+ button:nth-of-type(2) {
+ margin-left: 10px;
+ }
}
}
-
</style>
--
Gitblit v1.9.1