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 | 149 +++++++++++++++++++++++++++++++------------------ 1 files changed, 94 insertions(+), 55 deletions(-) diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue index 698451a..890863e 100644 --- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue +++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue @@ -1,7 +1,9 @@ <template> <!-- 璋冩煡璇㈤棶绗斿綍 --> <el-main> - <el-form ref="form" + <el-form + :disabled="form.registerState == '1'" + ref="form" :model="form" label-width="80px"> <el-form-item label="妗堢敱"> @@ -15,7 +17,9 @@ :value-format="`yyyy-MM-dd HH:mm:ss`" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡"> + end-placeholder="缁撴潫鏃ユ湡" + :unlink-panels="false" + :picker-options="pickerOptions"> </el-date-picker> </el-form-item> <el-form-item label="鍦板潃"> @@ -107,25 +111,28 @@ </el-form-item> </el-col> </el-row> - <el-form-item class="qianzi"> - <span>琛ㄦ槑韬唤銆佸嚭绀鸿瘉浠讹細鎴戜滑鏄嘲宄扮熆鍖虹患鍚堣鏀挎墽娉曞眬鐨勮鏀挎墽娉曚汉鍛橈紝杩欐槸鎵ф硶璇佷欢璇蜂綘杩囩洰纭锛屽鏃犲紓璁鍦ㄦ绛惧瓧锛�</span> + <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 id="imges"> + <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> - <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> + </div> + <el-form-item> <span>鍛婄煡鏉冨埄銆佷箟鍔★細鐜板湪灏�</span> <el-input v-model="form.causePoint" @@ -136,34 +143,29 @@ <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> - </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> - </li> - </ul> - </el-form-item> - <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.approvalState==null||form.approvalState=='2'" @click="dataFormSubmit('0')">淇濆瓨</el-button> @@ -183,6 +185,7 @@ export default { name: 'mangeBL', data() { + let that = this return { id: '', value1: [], @@ -214,6 +217,34 @@ ], 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]); + } + }] + } } }, mounted() { @@ -234,6 +265,7 @@ 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) { @@ -272,8 +304,10 @@ inquiry(this.form).then((res) => { if (res.data.code == 0) { this.$message.success('淇濆瓨鎴愬姛') + this.$emit('isKeep1',true) //isKeep 鏄惁鐐瑰嚮浜嗕繚瀛� } }) + }, //鐐瑰嚮棰勮 viewVord(data) { @@ -318,12 +352,6 @@ </script> <style lang="scss" scoped> -//.qianzi { -//display: flex; -/*justify-content: space-between;*/ -//align-items: center; -/*flex-wrap: wrap;*/ -//} .el-input { border: none !important; } @@ -332,14 +360,25 @@ width: 10rem!important; height: 10rem!important; }*/ -#imges { - display: block; - position: relative; - .imgBox { - position: absolute !important; - left: 0; - top: 50%; +.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