'页面尺寸自适应初期调整'

付延余

2023-01-04 a6b40a1b80b586f7dbd874f3939f5e06fcc752d2

 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>