diff --git a/src/views/Business/Letamc/Conp.vue b/src/views/Business/Letamc/Conp.vue index aec3091..016cce2 100644 --- a/src/views/Business/Letamc/Conp.vue +++ b/src/views/Business/Letamc/Conp.vue @@ -16,6 +16,7 @@ </c-col> <!-- L/C Amount --> + <c-col :span="24"> <c-col :span="12"> <el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur"> <c-select @@ -27,7 +28,6 @@ ></c-select> </el-form-item> </c-col> - <c-col :span="7"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt"> <c-input @@ -38,14 +38,14 @@ ></c-input> </el-form-item> </c-col> - <c-col :span="3" :offset="1"> <c-checkbox v-model="model.letp.letp0.aammod.addamtflg" disabled >Add. Amount</c-checkbox > </c-col> - + </c-col> <!-- Open Amount --> + <c-col :span="24"> <c-col :span="12"> <el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur"> <c-select @@ -57,7 +57,6 @@ ></c-select> </el-form-item> </c-col> - <c-col :span="7"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt"> <c-input @@ -68,12 +67,12 @@ ></c-input> </el-form-item> </c-col> - <c-col :span="3" :offset="1"> <c-checkbox v-model="model.ledgrp.rec.revflg" disabled >Revolving L/C</c-checkbox > </c-col> + </c-col> <!-- Available with --> <c-col :span="24"> <el-form-item label="Available with" prop="ledgrp.avbnam"> @@ -93,6 +92,7 @@ v-model="model.ledgrp.rec.avbby" style="width: 100%" placeholder="请选择Available by [AVBBY0]" + :code="codes.avbby0" disabled > </c-select> @@ -165,6 +165,7 @@ v-model="model.ledgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择Form of L/C" + :code="codes.lcrtyp1" disabled > </c-select> @@ -178,6 +179,7 @@ v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择Confirmation Instruct." + :code="codes.cnfins" disabled > </c-select> @@ -190,6 +192,7 @@ v-model="model.ledgrp.rec.cnfsta" style="width: 100%" placeholder="请选择Confirmation Status " + :code="codes.cnfsta" disabled > </c-select> @@ -263,7 +266,7 @@ <!-- =========================== 右边 ==========================--> <c-col :span="11" :offset="1"> - <c-col :span="12"> + <!-- <c-col :span="12"> <el-form-item label="name" prop="letp.letp0.recget.sdamod.dadsnd"> <c-input v-model="model.letp.letp0.recget.sdamod.dadsnd" @@ -271,10 +274,10 @@ disabled ></c-input> </el-form-item> - </c-col> + </c-col> --> - <c-col :span="12"> - <el-form-item label="" label-width="5px" prop="ledgrp.rec.nam"> + <c-col :span="24"> + <el-form-item label="Name" prop="ledgrp.rec.nam"> <c-input v-model="model.ledgrp.rec.nam" maxlength="40" @@ -308,7 +311,7 @@ </c-col> <c-col :span="24"> - <el-form-item label="Issuer Ref." prop="ledgrp.iss.pts.ref"> + <el-form-item label="Iss.Bank Original LC No." prop="ledgrp.iss.pts.ref"> <c-input v-model="model.ledgrp.iss.pts.ref" maxlength="16" @@ -330,7 +333,7 @@ </el-form-item> </c-col> - <c-col :span="12"> + <c-col :span="24"> <el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref"> <c-input v-model="model.ledgrp.ben.pts.ref" @@ -341,12 +344,12 @@ </el-form-item> </c-col> - <c-col :span="12"> - <el-form-item label="Date/Place of Expiry" prop="ledgrp.ben.pts.nam"> + <c-col :span="24"> + <el-form-item label="" prop="ledgrp.ben.pts.nam"> <c-input v-model="model.ledgrp.ben.pts.nam" maxlength="40" - placeholder="请输入Date/Place of Expiry" + placeholder="请输入" disabled ></c-input> </el-form-item> diff --git a/src/views/Business/Letamc/index.vue b/src/views/Business/Letamc/index.vue index 04d32ce..8cf41cf 100644 --- a/src/views/Business/Letamc/index.vue +++ b/src/views/Business/Letamc/index.vue @@ -55,9 +55,9 @@ </el-tab-pane> <!--PD000001 --> - <el-tab-pane label="Booking" name="glepan"> + <!-- <el-tab-pane label="Booking" name="glepan"> <m-glepan :model="model" :codes="codes" /> - </el-tab-pane> + </el-tab-pane> --> <!--PD000000 --> <el-tab-pane label="Completion" name="coninfp"> diff --git a/src/views/Business/Letdrw/Ovwp.vue b/src/views/Business/Letdrw/Ovwp.vue index 568c869..00b3bf8 100644 --- a/src/views/Business/Letdrw/Ovwp.vue +++ b/src/views/Business/Letdrw/Ovwp.vue @@ -331,7 +331,7 @@ v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则" - :code="codes.apprul" + :code="codes.apprul1" @change="apprulChange" > </c-select> @@ -354,7 +354,7 @@ v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运" - :code="codes.shppars18" + :code="codes.shptrss18" > </c-select> </el-form-item> diff --git a/src/views/Business/Letdrw/index.vue b/src/views/Business/Letdrw/index.vue index de65309..df21d81 100644 --- a/src/views/Business/Letdrw/index.vue +++ b/src/views/Business/Letdrw/index.vue @@ -1,6 +1,6 @@ <template> -<c-page title="出口非我行通知及收单行登记"> - <div class="eContainer"> + <c-page title="出口非我行通知及收单行登记"> + <div class="eContainer"> <!-- 按钮 --> <c-function-btn :handleSubmit="handleSubmit" @@ -19,16 +19,21 @@ <el-button size="small">img</el-button> <el-button size="small">His.img</el-button> </c-function-btn> - <el-form - :model="model" - :rules="rules" - ref="modelForm" - label-width="150px" - label-position="right" - size="small" - :validate-on-rule-change="false" - > - <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> + <el-form + :model="model" + :rules="rules" + ref="modelForm" + label-width="150px" + label-position="right" + size="small" + :validate-on-rule-change="false" + > + <c-tabs + v-model="tabVal" + ref="elment" + type="card" + @tab-click="myTabClick" + > <!--PD000017 基本信息 --> <el-tab-pane label="Overview" name="ovwp"> <c-content> @@ -36,16 +41,15 @@ </c-content> </el-tab-pane> - <!--PD000001 附加金额--> + <!--PD000001 附加金额--> <el-tab-pane v-if="model.letp.aamp.aammod.addamtflg" label="Additional Amount" name="aamp" > - <c-content> - <m-aamp :model="model" :codes="codes" /> - </c-content> - + <c-content> + <m-aamp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000063 信用证详情--> @@ -62,138 +66,160 @@ </c-content> </el-tab-pane> - <!--PD000002 --> - <el-tab-pane label="Docs.Received" name="drv"> - <c-content> - <m-drv :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> - - <!--PD000034 --> - <el-tab-pane label="Discr./Instr." name="dscins" - v-if="model.bedgrp.rec.dscinsflg=='X'"> - <c-content> - <m-dscins :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> - - <!--PD000055 货物描述--> - <el-tab-pane label="Goods" name="dogp"> - <c-content> - <!-- <m-dogp :model="model" :codes="codes" /> --> - <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" - /> - </c-content> - - </el-tab-pane> - - <!--PD000057 单据要求--> - <el-tab-pane label="Documents" name="dorp"> - <c-content> - <!-- <m-dorp :model="model" :codes="codes" /> --> - <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" /> + <!--PD000002 --> + <el-tab-pane label="Docs.Received" name="drv"> + <c-content> + <m-drv :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - </c-content> + <!--PD000034 --> + <el-tab-pane + label="Discr./Instr." + name="dscins" + v-if="model.bedgrp.rec.dscinsflg == 'X'" + > + <c-content> + <m-dscins :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - </el-tab-pane> + <!--PD000055 货物描述--> + <el-tab-pane label="Goods" name="dogp"> + <c-content> + <!-- <m-dogp :model="model" :codes="codes" /> --> + <m-doxp + :model="model" + :codes="codes" + :dtyp="'dogp'" + :rec="'led'" + /> + </c-content> + </el-tab-pane> - <!--PD000060 附加条款--> - <el-tab-pane label="Additional Conditions" name="adcp"> - <c-content> - <!-- <m-adcp :model="model" :codes="codes" /> --> - <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" /> - </c-content> + <!--PD000057 单据要求--> + <el-tab-pane label="Documents" name="dorp"> + <c-content> + <!-- <m-dorp :model="model" :codes="codes" /> --> + <m-doxp + :model="model" + :codes="codes" + :dtyp="'dorp'" + :rec="'led'" + /> + </c-content> + </el-tab-pane> - </el-tab-pane> + <!--PD000060 附加条款--> + <el-tab-pane label="Additional Conditions" name="adcp"> + <c-content> + <!-- <m-adcp :model="model" :codes="codes" /> --> + <m-doxp + :model="model" + :codes="codes" + :dtyp="'adcp'" + :rec="'led'" + /> + </c-content> + </el-tab-pane> - <!--PD000317 循环信用详情--> - <el-tab-pane label="Revoving Details" name="revp" - v-if="model.ledgrp.rec.revflg=='X'"> - <c-content> - <m-revp :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000317 循环信用详情--> + <el-tab-pane + label="Revoving Details" + name="revp" + v-if="model.ledgrp.rec.revflg == 'X'" + > + <c-content> + <m-revp :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000027 表外--> - <el-tab-pane label="liabilty" name="engp"> - <c-content> - <m-engp :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000027 表外--> + <el-tab-pane label="liabilty" name="engp"> + <c-content> + <m-engp :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000000 账务--> - <el-tab-pane label="Settlement" name="setpan"> - <c-content> - <m-setpan :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000000 账务--> + <el-tab-pane label="Settlement" name="setpan"> + <c-content> + <m-setpan :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000000 附言--> - <el-tab-pane label="Completion" name="coninfp"> - <c-content> - <m-coninfp :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000000 附言--> + <el-tab-pane label="Completion" name="coninfp"> + <c-content> + <m-coninfp :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000529 报文及面函--> - <el-tab-pane label="Massages" name="docpan"> - <c-content> - <m-docpan :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000529 报文及面函--> + <el-tab-pane label="Massages" name="docpan"> + <c-content> + <m-docpan :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000546 附件--> - <el-tab-pane label="Attachments" name="doctre"> - <c-content> - <m-doctre :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000546 附件--> + <el-tab-pane label="Attachments" name="doctre"> + <c-content> + <m-doctre :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000394 --> - <el-tab-pane label="Special Payment Con. Beneficiary" name="spcbenp" - v-if="model.ledgrp.rec.spcbenflg"> - <c-content> - <!-- <m-spcbenp :model="model" :codes="codes" /> --> - <m-doxp - :model="model" - :codes="codes" - :dtyp="'spcbenp'" - :rec="'led'" - /> - </c-content> - </el-tab-pane> + <!--PD000394 --> + <el-tab-pane + label="Special Payment Con. Beneficiary" + name="spcbenp" + v-if="model.ledgrp.rec.spcbenflg" + > + <c-content> + <!-- <m-spcbenp :model="model" :codes="codes" /> --> + <m-doxp + :model="model" + :codes="codes" + :dtyp="'spcbenp'" + :rec="'led'" + /> + </c-content> + </el-tab-pane> - <!--PD000422 --> - <el-tab-pane label="Special Payment Con. Bank only" name="spcrcvp" - v-if="model.ledgrp.rec.spcrcbflg"> - <c-content> - <!-- <m-spcrcvp :model="model" :codes="codes" /> --> - <m-doxp - :model="model" - :codes="codes" - :dtyp="'spcrcvp'" - :rec="'led'" - /> - </c-content> - </el-tab-pane> + <!--PD000422 --> + <el-tab-pane + label="Special Payment Con. Bank only" + name="spcrcvp" + v-if="model.ledgrp.rec.spcrcbflg" + > + <c-content> + <!-- <m-spcrcvp :model="model" :codes="codes" /> --> + <m-doxp + :model="model" + :codes="codes" + :dtyp="'spcrcvp'" + :rec="'led'" + /> + </c-content> + </el-tab-pane> - <!--PD000001 --> - <el-tab-pane label="货权单据" name="srmp"> - <c-content> - <m-srmp :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> + <!--PD000001 --> + <el-tab-pane label="货权单据" name="srmp"> + <c-content> + <m-srmp :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> - <!--PD000001 --> - <el-tab-pane label="统一授信" name="limitbody"> - <c-content> - <m-limitbody :model="model" :codes="codes" /> - </c-content> - </el-tab-pane> - </c-tabs> - </el-form> - <!-- 数据回填效果 --> - <c-grid-ety-prompt-dialog + <!--PD000001 --> + <el-tab-pane label="统一授信" name="limitbody"> + <c-content> + <m-limitbody :model="model" :codes="codes" /> + </c-content> + </el-tab-pane> + </c-tabs> + </el-form> + <!-- 数据回填效果 --> + <c-grid-ety-prompt-dialog ref="etyDialog" :promptData="promptData" @select-ety="selectEty" @@ -206,7 +232,7 @@ @select-ety="selectMsg" > </c-grid-ety-prompt-dialog> - </div> + </div> </c-page> </template> <script> @@ -246,7 +272,6 @@ import Doctre from '~/views/Public/Doctre' import Engp from '~/views/Public/Engp' import Limitbody from '~/views/Public/Limitbody' - export default { name: 'Letdrw', components: { diff --git a/src/views/Business/Letnot/Ovwp.vue b/src/views/Business/Letnot/Ovwp.vue index fccbf35..3c5a6fe 100644 --- a/src/views/Business/Letnot/Ovwp.vue +++ b/src/views/Business/Letnot/Ovwp.vue @@ -339,7 +339,7 @@ v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则" - :code="codes.apprul" + :code="codes.apprul1" @change="apprulChange" > </c-select> diff --git a/src/views/Business/Letnot/index.vue b/src/views/Business/Letnot/index.vue index d827c4c..2c1d8d1 100644 --- a/src/views/Business/Letnot/index.vue +++ b/src/views/Business/Letnot/index.vue @@ -1,7 +1,7 @@ <template> <c-page title="出口信用证预通知"> <div class="eContainer"> - <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮--> + <!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮--> <c-function-btn :handleSubmit="handleSubmit" :handleCheck="handleCheck" @@ -28,7 +28,12 @@ size="small" :validate-on-rule-change="false" > - <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> + <c-tabs + v-model="tabVal" + ref="elment" + type="card" + @tab-click="myTabClick" + > <!--PD000017 --> <el-tab-pane label="内容" name="ovwp"> <c-content> @@ -36,9 +41,15 @@ </c-content> </el-tab-pane> - <!--PD000001 Additional Amount 附加金额/额外款项--> - <el-tab-pane label="附加金额" name="aamp" v-if="model.letp.aamp.aammod.addamtflg=='X'"> - <m-aamp :model="model" :codes="codes"/> + <!--PD000001 Additional Amount 附加金额/额外款项--> + <el-tab-pane + label="附加金额" + name="aamp" + v-if="model.letp.aamp.aammod.addamtflg == 'X'" + > + <c-content> + <m-aamp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000063 --> @@ -57,17 +68,23 @@ <!--PD000055 --> <el-tab-pane label="货物说明" name="dogp"> - <m-dogp :model="model" :codes="codes" /> + <c-content> + <m-dogp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000057 --> <el-tab-pane label="单据要求" name="dorp"> - <m-dorp :model="model" :codes="codes" /> + <c-content> + <m-dorp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000060 --> <el-tab-pane label="其他条款" name="adcp"> - <m-adcp :model="model" :codes="codes" /> + <c-content> + <m-adcp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000000 --> @@ -79,28 +96,45 @@ <!--PD000000 --> <el-tab-pane label="附言" name="coninfp"> - <m-coninfp :model="model" :codes="codes" /> + <c-content> + <m-coninfp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000529 --> <el-tab-pane label="报文及面函" name="docpan"> - <m-docpan :model="model" :codes="codes" /> + <c-content> + <m-docpan :model="model" :codes="codes" /> + </c-content> </el-tab-pane> <!--PD000546 --> <el-tab-pane label="附件" name="doctre"> - <m-doctre :model="model" :codes="codes" /> + <c-content> + <m-doctre :model="model" :codes="codes" /> + </c-content> </el-tab-pane> - <!--PD000422 --> - <el-tab-pane label="银行专用特殊付款条件" name="spcrcvp" v-if="model.ledgrp.rec.spcrcbflg=='X'"> - <m-spcrcvp :model="model" :codes="codes"/> + <!--PD000422 --> + <el-tab-pane + label="银行专用特殊付款条件" + name="spcrcvp" + v-if="model.ledgrp.rec.spcrcbflg == 'X'" + > + <c-content> + <m-spcrcvp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> - <!--PD000394 --> - <el-tab-pane label="受益人特殊付款条件" name="spcbenp" v-if="model.ledgrp.rec.spcbenflg=='X'"> - <m-spcbenp :model="model" :codes="codes"/> + <!--PD000394 --> + <el-tab-pane + label="受益人特殊付款条件" + name="spcbenp" + v-if="model.ledgrp.rec.spcbenflg == 'X'" + > + <c-content> + <m-spcbenp :model="model" :codes="codes" /> + </c-content> </el-tab-pane> - </c-tabs> </el-form> <c-grid-ety-prompt-dialog @@ -112,90 +146,89 @@ </c-page> </template> <script> -import Api from "~/service/Api"; -import Utils from "~/utils/index"; -import CodeTable from "~/config/CodeTable"; -import Letnot from "~/model/Letnot"; -import commonProcess from "~/mixin/commonProcess"; -import commonFuncs from "~/mixin/commonFuncs"; -import Check from "~/model/Letnot/Check"; -import Default from "~/model/Letnot/Default"; -import Pattern from "~/model/Letnot/Pattern"; -import Ovwp from "./Ovwp"; -import Aamp from "./Aamp"; -import Spcrcvp from "./Spcrcvp"; -import Spcbenp from "./Spcbenp"; -import Detp from "./Detp"; -import Ptyp from "./Ptyp"; -import Dogp from "./Dogp"; -import Dorp from "./Dorp"; -import Adcp from "./Adcp"; +import Api from '~/service/Api' +import Utils from '~/utils/index' +import CodeTable from '~/config/CodeTable' +import Letnot from '~/model/Letnot' +import commonProcess from '~/mixin/commonProcess' +import commonFuncs from '~/mixin/commonFuncs' +import Check from '~/model/Letnot/Check' +import Default from '~/model/Letnot/Default' +import Pattern from '~/model/Letnot/Pattern' +import Ovwp from './Ovwp' +import Aamp from './Aamp' +import Spcrcvp from './Spcrcvp' +import Spcbenp from './Spcbenp' +import Detp from './Detp' +import Ptyp from './Ptyp' +import Dogp from './Dogp' +import Dorp from './Dorp' +import Adcp from './Adcp' -import Coninfp from "~/views/Public/Coninfp"; -import Setpan from "~/views/Public/Setpan"; -import Docpan from "~/views/Public/Docpan"; -import Doctre from "~/views/Public/Doctre"; +import Coninfp from '~/views/Public/Coninfp' +import Setpan from '~/views/Public/Setpan' +import Docpan from '~/views/Public/Docpan' +import Doctre from '~/views/Public/Doctre' export default { - name: "Letnot", + name: 'Letnot', components: { - "m-ovwp": Ovwp, - "m-aamp" : Aamp, - "m-detp": Detp, - "m-ptyp": Ptyp, - "m-dogp": Dogp, - "m-dorp": Dorp, - "m-adcp": Adcp, + 'm-ovwp': Ovwp, + 'm-aamp': Aamp, + 'm-detp': Detp, + 'm-ptyp': Ptyp, + 'm-dogp': Dogp, + 'm-dorp': Dorp, + 'm-adcp': Adcp, // "m-notcha": Notcha, - "m-setpan": Setpan, - "m-coninfp": Coninfp, - "m-docpan": Docpan, - "m-doctre": Doctre, - "m-spcrcvp" : Spcrcvp, - "m-spcbenp" : Spcbenp, + 'm-setpan': Setpan, + 'm-coninfp': Coninfp, + 'm-docpan': Docpan, + 'm-doctre': Doctre, + 'm-spcrcvp': Spcrcvp, + 'm-spcbenp': Spcbenp, }, provide() { return { root: this, - }; + } }, - mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理 + mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 data() { return { - tabVal: "ovwp", - trnName: "letnot", + tabVal: 'ovwp', + trnName: 'letnot', model: new Letnot().data, checkRules: Check, defaultRules: Default, pattern: Pattern, rules: null, codes: { ...CodeTable }, - }; + } }, methods: { - myTabClick(tab){ - this.tabClick(tab) - /** - * do it yourself - **/ - } + myTabClick(tab) { + this.tabClick(tab) + /** + * do it yourself + **/ + }, }, created: async function () { - console.log("进入letnot交易"); - let rtnmsg = await this.init({}); + console.log('进入letnot交易') + let rtnmsg = await this.init({}) if (rtnmsg.respCode == SUCCESS) { //更新数据 // Utils.copyValueFromVO(this.model, rtnmsg.data); this.updateModel(rtnmsg.data) - //TODO 处理数据逻辑 + //TODO 处理数据逻辑 if (this.isInDisplay) { - this.restoreDisplay(); + this.restoreDisplay() } } else { - this.$notify.error({ title: "错误", message: "服务请求失败!" }); + this.$notify.error({ title: '错误', message: '服务请求失败!' }) } }, -}; +} </script> -<style> -</style> +<style></style>