如何在Modal对话框中加入浮动提示？

Question

题目描述

我的下发地址，需要在上方提示，如何在对话框中实现浮动提示功能？？

题目来源及自己的思路

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<Modal  v-model="visible" :title="itemtitle" width="50" :styles="{top: '55px'}" :mask-closable="false" :loading="managerloading"
>
    <i-form ref="modifyForm" v-if="visible" :model="dockingInfo" label-position="right" :label-width="80" :rules="ruleInline" inline>
        <form-Item prop="SYSNAME" label="系统名称">
            <i-input type="text" v-model="dockingInfo.SYSNAME" style="width: 170px"></i-input>
        </form-Item>

        <form-Item prop="SYSTYPE" label="系统类型">
            <i-combox  dict="EXTLX" v-model="dockingInfo.SYSTYPE"  valuefield="SYSTYPE" textfield="SYSTYPE_TEXT" style="width: 170px"></i-combox>
        </form-Item>

        <form-Item prop="SERVERID" label="节点编号">
            <i-input type="text" v-model="dockingInfo.SERVERID" number style="width: 170px"></i-input>
        </form-Item>

        <form-Item prop="ORGS" label="机构代码" style="width: 95%">
            <Scroll :height="150">
                <checkbox-group v-model="orgsSelected"  @on-change="orgchange">
                    <Checkbox  v-for="(ORGS,index) in orgsList" :value="ORGS.ORGNAME" :key="ORGS.ORGID" :label="ORGS.ORGID">
                        <span>{{ORGS.ORGID}}- {{ORGS.ORGNAME}}</span>
                    </Checkbox>
                </checkbox-group>
            </Scroll>
        </form-Item><br>

        <form-Item prop="DISPATCH" label="下发方式" >
            <i-combox  dict="ESJXFFS" v-model="dockingInfo.DISPATCH" valuefield="DISPATCH" textfield="DISPATCH_TEXT"  style="width: 170px"></i-combox>
        </form-Item><br>

        <form-Item prop="LINKSTR" label="下发地址" style="width: 95%">
            <i-input type="text" v-model="dockingInfo.LINKSTR" :placeholder="dockingInfo.DISPATCH==0?'格式：数据库类型#url#用户名#密码':'格式：D:\\'"></i-input>
        </form-Item>
    </i-form>
    <div slot="footer">
        <i-button type="primary" size="large" @click="connect('modifyForm')">连接测试</i-button>
        <i-button type="primary" size="large" @click="cancel('modifyForm')">取消</i-button>
        <i-button type="primary" size="large" @click="ok('modifyForm')">确定</i-button>
    </div>
</Modal>

你期待的结果是什么？实际看到的错误信息又是什么？

问题描述