going-client(三)通过go-add-mod-win 标签进行增加操作

悠悠 2023-06-24 08:17 8阅读 0赞

1、自然是引入组件

<go-add-mod-win
                width="1200"
                :title="winTitle"
                height="550"
                @close="closeWin"
                @addRecordToDb="addRecordToDb"
                @modRecordToDb="modRecordToDb"
                loadRecordAction="UserStore.loadRecord"
                :recordId="curSelRecord"
                :optionType="optionType"
                v-model="showWinFlag"
        >
          <add-user-form></add-user-form>
        </go-add-mod-win>

组件的参数列表

//是否相应底部工具栏
        footerBar: { type: Boolean, default: true },
        //  是否需要继续按钮
        continueBtn: { type: Boolean, default: true },
        //  是否需要确定按钮
        confirmBtn: { type: Boolean, default: true },
        //  窗口高度
        height: { type: [String, Number], default: 400 },
        //  窗口宽度
        width: { type: [String, Number], default: 450 },
        //  窗口标题
        title: { type: String, default: "" },
        value: {},
        recordId: { type: String, default: "" },
        loadRecordAction: { type: String, default: "" },
        //  操作类型 主要是修改 、删除2种类型
        optionType: { type: String, default: "add" },
        //  表格对象的名称
        gridObjName: { type: String, default: "gridObj" },
        modLoadData: { type: Boolean, default: true }

2、定义必须的参数：  
其实只要定义标题，其他的都组件内置了，这样点击添加按钮就可以弹出窗口咯  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191221213457158.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXlvbmdsaWFuZ184MTM=,size_16,color_FFFFFF,t_70