From a6b40a1b80b586f7dbd874f3939f5e06fcc752d2 Mon Sep 17 00:00:00 2001
From: 付延余 <f-yanyu@outlook.com>
Date: 星期三, 04 一月 2023 19:24:14 +0800
Subject: [PATCH] '页面尺寸自适应初期调整'
---
src/views/padSunmaryProcedure/word_mange/mangeBL.vue | 107 +++++++++++++++++++++++++++--------------------------
1 files changed, 54 insertions(+), 53 deletions(-)
diff --git a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
index 698451a..49893c9 100644
--- a/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
+++ b/src/views/padSunmaryProcedure/word_mange/mangeBL.vue
@@ -107,25 +107,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,33 +139,21 @@
<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">
<el-button v-if="form.approvalState==null||form.approvalState=='2'"
@@ -172,6 +163,11 @@
<el-button v-if="form.approvalState=='1'"
type="success"
@click="downloadWord(form.id)">涓嬭浇</el-button>
+ <el-button type="primary"
+ icon="el-icon-circle-plus"
+ @click="addEle">
+ <!-- <img src="../../../assets/lawImg/addIcon.png" alt="">-->
+ </el-button>
</div>
</el-main>
</template>
@@ -318,12 +314,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 +322,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