<template> <div class="eibs-tab"> <!-- 页面布局由上到下,不是直接分左右 --> <c-row> <!-- =============================顶部============================ --> <c-col :span="24"> <c-col :span="11"> <el-form-item label="Reference" prop="ledgrp.rec.ownref" style="width: 100%" > <c-fullbox> <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" style="width: 95%" :disabled="true" > </c-input> <template slot="footer"> <c-button style="margin: 0 0 0 0; padding: 0 10px" size="small" type="primary" @click="onSeainf" > <span style=" font-size: 15px; font-family: '宋体'; font-weight: bold; " >i</span > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="11" :offset="1"> <el-form-item label="Name" prop="ledgrp.rec.nam"> <c-input text-align="middle" v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入" disabled > </c-input> </el-form-item> </c-col> </c-col> </c-row> <!-- ====================第二行================= --> <c-row> <c-col :span="24"> <c-col :span="11"> <el-form-item label="Amendment Date" prop="trnmod.swiadd.amedat"> <c-date-picker type="date" v-model="model.trnmod.swiadd.amedat" style="width: 100%" placeholder="请选择Amendment Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="11" :offset="1"> <c-col :span="12"> <el-form-item label="Amend. No Received" prop="trnmod.swiadd.amenbr" > <c-input v-model.number="model.trnmod.swiadd.amenbr" style="width: 90%" ></c-input> </el-form-item> </c-col> <c-col :span="11" :offset="1"> <el-form-item label="Actual Amendment No" prop="letamep.amenbr"> <c-input v-model.number="model.letamep.amenbr" placeholder="请输入Actual Amendment No" style="width: 100%" disabled ></c-input> </el-form-item> </c-col> </c-col> </c-col> </c-row> <!-- ===========第三行开始第三模块---金额部分============= --> <c-row> <c-col :span="24"> <c-col :span="11"> <span class="letame_amep_amt">Nominal Amount</span> <c-col :span="24"> <c-col :span="13"> <el-form-item label="Original Data" prop="ledgrp.cbs.nom1.cur"> <c-select v-model="model.ledgrp.cbs.nom1.cur" maxlength="3" placeholder="请选择币种" :code="codes.curtxt1" disabled ></c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" label-width="5px" prop="oldledgrp.cbs.nom1.amt" > <c-input v-model="model.oldledgrp.cbs.nom1.amt" placeholder="请输入Original Data" style="width: 100%" @keyup.enter.native="$event.target.blur()" class="m-input-currency" disabled ></c-input> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="Amended" prop="trnmod.swiadd.amecur"> <c-select v-model="model.trnmod.swiadd.amecur" style="width: 100%" :code="codes.curtxt1" placeholder="请选择Amended" disabled > </c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" label-width="5px" prop="trnmod.swiadd.ameamt" > <c-input v-model="model.trnmod.swiadd.ameamt" placeholder="请输入Amended" @keyup.enter.native="$event.target.blur()" @blur="ameamtOtherDefault" style="width: 100%" class="m-input-currency" ></c-input> <!-- 回车失去焦点,失去焦点会自动触发默认事件:@keyup.enter.native="$event.target.blur()" --> </el-form-item> </c-col> <c-col :span="13"> <el-form-item label="New Data" prop="trnmod.swiadd.newcur"> <c-select v-model="model.trnmod.swiadd.newcur" style="width: 100%" :code="codes.curtxt1" disabled placeholder="请选择币种" > </c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" label-width="5px" prop="trnmod.swiadd.newamt" > <c-input v-model="model.trnmod.swiadd.newamt" placeholder="请输入New Data" @keyup.enter.native=" eventFunction( 'trnmod.swiadd.newamt' ) " style="width: 100%" class="m-input-currency" ></c-input> </el-form-item> </c-col> </c-col> </c-col> <!-- Tolerance +/- % --> <c-col :span="4" :offset="1"> <span class="letame_amed_nomtx">Tolerance +/- %</span> <c-col :span="24"> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="oldledgrp.rec.nomtop" > <c-input v-model.number="model.oldledgrp.rec.nomtop" placeholder="请输入Tolerance +" style="width: 100%" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="oldledgrp.rec.nomton" > <c-input v-model.number="model.oldledgrp.rec.nomton" placeholder="请输入Tolerance -" style="width: 100%" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <span class="letame_amed_newnomtx">Total Amendment</span> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="trnmod.swiadd.newnomtop" > <c-input v-model.number="model.trnmod.swiadd.newnomtop" placeholder="请输入New positive tolerance" style="width: 100%" @keyup.enter.native="$event.target.blur()" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="trnmod.swiadd.newnomton" > <c-input v-model.number="model.trnmod.swiadd.newnomton" placeholder="请输入New negative tolerance" style="width: 100%" @keyup.enter.native="$event.target.blur()" ></c-input> </el-form-item> </c-col> </c-col> </c-col> <c-col :span="7"> <span class="letame_amed_nomtx">Maximum Amount</span> <c-col :span="24"> <c-col :span="10"> <el-form-item label="" label-width="20px" prop="oldledgrp.cbs.max.cur" > <c-select v-model="model.oldledgrp.cbs.max.cur" maxlength="3" placeholder="请选择币种" :code="codes.cur" disabled ></c-select> </el-form-item> </c-col> <c-col :span="14"> <el-form-item label="" label-width="5px" prop="oldledgrp.cbs.max.amt" > <c-input v-model="model.oldledgrp.cbs.max.amt" placeholder="请输入Original Data" style="width: 100%" disabled class="m-input-currency" ></c-input> </el-form-item> </c-col> <c-col :span="10"> <el-form-item label="" label-width="20px" prop="letamep.engcur"> <c-select v-model="model.letamep.engcur" style="width: 100%" placeholder="请选择Total Amendment" :code="codes.cur" disabled > </c-select> </el-form-item> </c-col> <c-col :span="14"> <el-form-item label="" label-width="5px" prop="letamep.engamt"> <c-input v-model="model.letamep.engamt" placeholder="请输入Total Amendment" disabled class="m-input-currency" ></c-input> </el-form-item> </c-col> <c-col :span="10"> <el-form-item label="" label-width="20px" prop="letamep.maxcur"> <c-select v-model="model.letamep.maxcur" style="width: 100%" placeholder="请选择Total Amendment" :code="codes.cur" disabled > </c-select> </el-form-item> </c-col> <c-col :span="14"> <el-form-item label="" label-width="5px" prop="letamep.maxamt"> <c-input v-model="model.letamep.maxamt" placeholder="请输入New Maximum Amount" disabled class="m-input-currency" ></c-input> </el-form-item> </c-col> </c-col> </c-col> </c-col> </c-row> <!-- Amount Specification --> <c-row> <c-col :span="24"> <c-col :span="11"> <el-form-item label="Amount Specification" prop="trnmod.swiadd.nomspc"> <c-select v-model="model.trnmod.swiadd.nomspc" style="width: 100%" placeholder="请选择Amount Specification" :code="codes.nomspc" disabled > </c-select> </el-form-item> </c-col> </c-col> </c-row> <!-- ===================日期部分的左边================= --> <c-row> <c-col :span="11"> <c-col :span="24"> <el-form-item label="Date of Expiry" prop="oldledgrp.rec.expdat"> <c-date-picker type="date" v-model="model.oldledgrp.rec.expdat" style="width: 100%" placeholder="请选择Date of Expiry" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="New Expiry Date" prop="trnmod.swiadd.newexpdat"> <c-date-picker type="date" v-model="model.trnmod.swiadd.newexpdat" style="width: 100%" placeholder="请选择New Expiry Date" ></c-date-picker> </el-form-item> </c-col> </c-col> <!-- ===================日期部分的右边================= --> <c-col :span="11" :offset="1"> <c-col :span="24"> <el-form-item label="Shipment Date" prop="oldledgrp.rec.shpdat"> <c-date-picker type="date" v-model="model.oldledgrp.rec.shpdat" style="width: 100%" placeholder="请选择Shipment Date" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="New Shipment Date" prop="trnmod.swiadd.newshpdat" > <c-date-picker type="date" v-model="model.trnmod.swiadd.newshpdat" style="width: 100%" placeholder="请选择New Shipment Date" ></c-date-picker> </el-form-item> </c-col> </c-col> </c-row> <!-- ========中部-------Shipment Period======== --> <c-row> <c-col :span="11"> <el-form-item label="Shipment Period" prop="trnmod.swiadd.shpper"> <c-input type="textarea" :rows="2" v-model="model.trnmod.swiadd.shpper" maxlength="390" show-word-limit placeholder="请输入Shipment Period" ></c-input> </el-form-item> </c-col> </c-row> <!--==========================中下部(只有左边)==================== --> <c-row> <c-col :span="11"> <!-- Presentation period --> <c-col :span="13"> <el-form-item label="Presentation period" prop="oldledgrp.rec.prepers18" > <c-input v-model.number="model.oldledgrp.rec.prepers18" placeholder="请输入Days of presentation period" disabled ></c-input> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" label-width="5px" prop="oldledgrp.rec.prepertxts18" > <c-input v-model="model.oldledgrp.rec.prepertxts18" maxlength="35" placeholder="请输入Presentation period text" disabled ></c-input> </el-form-item> </c-col> <!-- Dispatch from --> <c-col :span="24"> <el-form-item label="Dispatch from" prop="trnmod.swiadd.shpfro"> <c-input v-model="model.trnmod.swiadd.shpfro" maxlength="65" placeholder="请输入Dispatch from" ></c-input> </el-form-item> </c-col> <!-- Air-/Port of Loading --> <c-col :span="24"> <el-form-item label="Air-/Port of Loading" prop="trnmod.swiadd.porloa" > <c-input v-model="model.trnmod.swiadd.porloa" maxlength="65" placeholder="请输入Air-/Port of Loading" ></c-input> </el-form-item> </c-col> <!-- Air-/Port of Discharge --> <c-col :span="24"> <el-form-item label="Air-/Port of Discharge" prop="trnmod.swiadd.pordis" > <c-input v-model="model.trnmod.swiadd.pordis" maxlength="65" placeholder="请输入Air-/Port of Discharge" ></c-input> </el-form-item> </c-col> <!-- Final Destination --> <c-col :span="24"> <el-form-item label="Final Destination" prop="trnmod.swiadd.shpto"> <c-input v-model="model.trnmod.swiadd.shpto" maxlength="65" placeholder="请输入Final Destination" ></c-input> </el-form-item> </c-col> </c-col> </c-row> <!-- ================================下部================================= --> <c-row> <c-col :span="11"> <el-form-item label="Amounts Covered" prop="trnmod.swiadd.addamtcov"> <c-input type="textarea" :rows="4" v-model="model.trnmod.swiadd.addamtcov" maxlength="140" show-word-limit placeholder="请输入Amounts Covered" ></c-input> </el-form-item> </c-col> <c-col :span="11" :offset="1"> <c-col :span="24"> <c-col :span="5"> <c-checkbox v-model="model.letp.aamp.aammod.addamtflg" disabled >Add. Amount</c-checkbox > </c-col> <c-col :span="8"> <el-form-item label="" label-width="20px" prop="ledgrp.cbs.max2.cur" > <c-select v-model="model.ledgrp.cbs.max2.cur" maxlength="3" placeholder="请输入Additional Amount" :code="codes.cur" disabled ></c-select> </el-form-item> </c-col> <c-col :span="11"> <el-form-item label="" label-width="5px" prop="trnmod.swiadd.addamt" > <c-input-currency v-model="model.trnmod.swiadd.addamt" placeholder="请输入Amounts Covered" ></c-input-currency> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-checkbox v-model="model.letamep.benaccflg" >Amendment Accepted by Beneficiary</c-checkbox > </c-col> <c-col :span="24"> <c-checkbox v-model="model.letamep.cre707flg" >Create Amendment Message-Flag</c-checkbox > </c-col> </c-col> </c-row> <!-- <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="letamep.recget.sdamod.dadsnd" > <c-input v-model="model.letamep.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Reference" prop="ledgrp.rec.ownref"> <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Reference" prop="letamep.recget.sdamod.seainf"> <c-input v-model="model.letamep.recget.sdamod.seainf" placeholder="请输入Reference" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name" prop="ledgrp.rec.nam"> <c-input v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入Name" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amendment Date" prop="trnmod.swiadd.amedat"> <c-date-picker type="date" v-model="model.trnmod.swiadd.amedat" style="width: 100%" placeholder="请选择Amendment Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amend. No Received" prop="trnmod.swiadd.amenbr"> <c-input v-model="model.trnmod.swiadd.amenbr" placeholder="请输入Amend. No Received" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Actual Amendment No" prop="letamep.amenbr"> <c-input v-model="model.letamep.amenbr" placeholder="请输入Actual Amendment No" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Nominal Amount" prop="ledgrp.cbs.nom1.cur"> <c-input v-model="model.ledgrp.cbs.nom1.cur" maxlength="3" placeholder="请输入Nominal Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Original Data" prop="oldledgrp.cbs.nom1.amt"> <c-input v-model="model.oldledgrp.cbs.nom1.amt" placeholder="请输入Original Data" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amount Tolerance - Positive" prop="oldledgrp.rec.nomtop" > <c-input v-model="model.oldledgrp.rec.nomtop" placeholder="请输入Amount Tolerance - Positive" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amount Tolerance - Negative" prop="oldledgrp.rec.nomton" > <c-input v-model="model.oldledgrp.rec.nomton" placeholder="请输入Amount Tolerance - Negative" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Currency" prop="oldledgrp.cbs.max.cur"> <c-input v-model="model.oldledgrp.cbs.max.cur" maxlength="3" placeholder="请输入Currency" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="oldledgrp.cbs.max.amt"> <c-input v-model="model.oldledgrp.cbs.max.amt" placeholder="请输入Balance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amended" prop="trnmod.swiadd.amecur"> <c-select v-model="model.trnmod.swiadd.amecur" style="width: 100%" placeholder="请选择Amended" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amended" prop="trnmod.swiadd.ameamt"> <c-input v-model="model.trnmod.swiadd.ameamt" placeholder="请输入Amended" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Total Amendment" prop="letamep.engcur"> <c-select v-model="model.letamep.engcur" style="width: 100%" placeholder="请选择Total Amendment" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Total Amendment" prop="letamep.engamt"> <c-input v-model="model.letamep.engamt" placeholder="请输入Total Amendment" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New Data" prop="trnmod.swiadd.newcur"> <c-select v-model="model.trnmod.swiadd.newcur" style="width: 100%" placeholder="请选择New Data" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New Data" prop="trnmod.swiadd.newamt"> <c-input v-model="model.trnmod.swiadd.newamt" placeholder="请输入New Data" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New positive tolerance" prop="trnmod.swiadd.newnomtop" > <c-input v-model="model.trnmod.swiadd.newnomtop" placeholder="请输入New positive tolerance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New negative tolerance" prop="trnmod.swiadd.newnomton" > <c-input v-model="model.trnmod.swiadd.newnomton" placeholder="请输入New negative tolerance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Currency of Maximum Amount" prop="letamep.maxcur"> <c-input v-model="model.letamep.maxcur" maxlength="3" placeholder="请输入Currency of Maximum Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New Maximum Amount" prop="letamep.maxamt"> <c-input v-model="model.letamep.maxamt" placeholder="请输入New Maximum Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amount Specification" prop="trnmod.swiadd.nomspc"> <c-select v-model="model.trnmod.swiadd.nomspc" style="width: 100%" placeholder="请选择Amount Specification" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Date of Expiry" prop="oldledgrp.rec.expdat"> <c-date-picker type="date" v-model="model.oldledgrp.rec.expdat" style="width: 100%" placeholder="请选择Date of Expiry" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Shipment Date" prop="oldledgrp.rec.shpdat"> <c-date-picker type="date" v-model="model.oldledgrp.rec.shpdat" style="width: 100%" placeholder="请选择Shipment Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New Expiry Date" prop="trnmod.swiadd.newexpdat"> <c-date-picker type="date" v-model="model.trnmod.swiadd.newexpdat" style="width: 100%" placeholder="请选择New Expiry Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="New Shipment Date" prop="trnmod.swiadd.newshpdat"> <c-date-picker type="date" v-model="model.trnmod.swiadd.newshpdat" style="width: 100%" placeholder="请选择New Shipment Date" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Shipment Period" prop="trnmod.swiadd.shpper"> <c-input type="textarea" v-model="model.trnmod.swiadd.shpper" maxlength="65" show-word-limit placeholder="请输入Shipment Period" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Days of presentation period" prop="oldledgrp.rec.prepers18" > <c-input v-model="model.oldledgrp.rec.prepers18" placeholder="请输入Days of presentation period" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Presentation period text" prop="oldledgrp.rec.prepertxts18" > <c-input v-model="model.oldledgrp.rec.prepertxts18" maxlength="35" placeholder="请输入Presentation period text" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Dispatch from" prop="trnmod.swiadd.shpfro"> <c-input v-model="model.trnmod.swiadd.shpfro" maxlength="65" placeholder="请输入Dispatch from" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Air-/Port of Loading" prop="trnmod.swiadd.porloa"> <c-input v-model="model.trnmod.swiadd.porloa" maxlength="65" placeholder="请输入Air-/Port of Loading" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Air-/Port of Discharge" prop="trnmod.swiadd.pordis"> <c-input v-model="model.trnmod.swiadd.pordis" maxlength="65" placeholder="请输入Air-/Port of Discharge" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Final Destination" prop="trnmod.swiadd.shpto"> <c-input v-model="model.trnmod.swiadd.shpto" maxlength="65" placeholder="请输入Final Destination" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amounts Covered" prop="trnmod.swiadd.addamtcov"> <c-input type="textarea" v-model="model.trnmod.swiadd.addamtcov" maxlength="35" show-word-limit placeholder="请输入Amounts Covered" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.letp.aamp.aammod.addamtflg" >Add. Amount</c-checkbox > </c-col> <c-col :span="12"> <el-form-item label="Additional Amount" prop="ledgrp.cbs.max2.cur"> <c-input v-model="model.ledgrp.cbs.max2.cur" maxlength="3" placeholder="请输入Additional Amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Amounts Covered" prop="trnmod.swiadd.addamt"> <c-input v-model="model.trnmod.swiadd.addamt" placeholder="请输入Amounts Covered" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.letamep.benconflg" >Beneficiary's Confirmation Required</c-checkbox > </c-col> <c-col :span="12"> <c-checkbox v-model="model.letamep.benaccflg" >Amendment Accepted by Beneficiary</c-checkbox > </c-col> <c-col :span="12"> <span v-text="model.letamep.ramrollab" data-path=".letamep.ramrollab"> </span> </c-col> <c-col :span="12"> <el-form-item label="Request of Amendment send to" prop="letamep.ramrol"> <c-select v-model="model.letamep.ramrol" style="width: 100%" placeholder="请选择Request of Amendment send to" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.letamep.cre707flg" >Create Amendment Message-Flag</c-checkbox > </c-col> --> </div> </template> <script> import Api from '~/service/Api' import commonProcess from '~/mixin/commonProcess' import CodeTable from '~/config/CodeTable' import Event from '~/model/Letame/Event' import Utils from "~/utils" export default { inject: ['root'], props: ['model', 'codes'], mixins: [commonProcess], data() { return {} }, methods: { ...Event, onSeainf(){}, ameamtOtherDefault(){ this.executeDefault('letamep.swiadd.newamt').then((res) => { if ((res.respCode == SUCCESS)) { Utils.copyValueFromVO(this.model, res.data) } }) }, }, created: function () {}, } </script> <style> .letame_amep_amt { margin-left: 150px; height: 16px; color: #606266; line-height: 16px; font-size: 12px; } .letame_amed_nomtx { margin-left: 20px; height: 16px; color: #606266; line-height: 16px; font-size: 12px; } .letame_amed_newnomtx { margin-left: 20px; height: 34px; line-height: 34px; color: #606266; font-size: 12px; } </style>