"use strict";(self["webpackChunkaiApp_"]=self["webpackChunkaiApp_"]||[]).push([[823],{823:function(l,e,t){t.r(e),t.d(e,{default:function(){return F}});var a=t(641);const o={style:{"background-color":"#FFF"}},s={class:"demo-section"},i={class:"demo-item"},n={class:"demo-section"},u={class:"demo-item"},r={class:"demo-section"},d={style:{"margin-bottom":"5px"}},p={style:{"margin-bottom":"5px"}};function m(l,e,t,m,b,c){const g=(0,a.g2)("dict-tag"),k=(0,a.g2)("svg-icon"),F=(0,a.g2)("el-button"),y=(0,a.g2)("iiot-table-column"),f=(0,a.g2)("iiot-table"),h=(0,a.g2)("cl-table-column"),_=(0,a.g2)("el-table-column"),v=(0,a.g2)("el-input"),V=(0,a.g2)("iiot-form-item"),L=(0,a.g2)("el-option"),w=(0,a.g2)("el-select"),D=(0,a.g2)("iiot-form"),x=(0,a.g2)("el-dialog"),I=(0,a.g2)("DictData");return(0,a.uX)(),(0,a.CE)("div",o,[e[13]||(e[13]=(0,a.Lk)("h1",null,"IIoT Vue3 Components 示例",-1)),(0,a.Lk)("section",s,[e[6]||(e[6]=(0,a.Lk)("h2",null,"1. DictTag 组件示例",-1)),(0,a.Lk)("div",i,[(0,a.bF)(g,{options:b.statusOptions,value:"1"},null,8,["options"]),(0,a.bF)(g,{options:b.statusOptions,value:"0",style:{"margin-top":"5px"}},null,8,["options"])])]),e[14]||(e[14]=(0,a.Lk)("br",null,null,-1)),(0,a.Lk)("section",n,[e[7]||(e[7]=(0,a.Lk)("h2",null,"2. SvgIcon 组件示例",-1)),(0,a.Lk)("div",u,[(0,a.bF)(k,{"icon-class":"user",class:"icon-small"}),(0,a.bF)(k,{"icon-class":"settings",class:"icon-medium",style:{"margin-left":"10px"}}),(0,a.bF)(k,{"icon-class":"wra-te",class:"icon-large",style:{"margin-left":"10px"}})])]),e[15]||(e[15]=(0,a.Lk)("br",null,null,-1)),(0,a.Lk)("section",r,[e[10]||(e[10]=(0,a.Lk)("h2",null,"3. IIoTTable表格及IIoTForm表单示例",-1)),e[11]||(e[11]=(0,a.Lk)("h3",null,"3.1 手动表格",-1)),(0,a.Lk)("div",d,[(0,a.bF)(F,{onClick:e[0]||(e[0]=l=>b.dialogVisible=!0),type:"primary",size:"small"},{default:(0,a.k6)(()=>[(0,a.bF)(k,{"icon-class":"plus",style:{"margin-right":"5px"}}),e[8]||(e[8]=(0,a.eW)("新增",-1))]),_:1})]),(0,a.bF)(f,{data:l.tableData,border:"",style:{width:"100%"},tableKey:"test-testTable"},{default:(0,a.k6)(()=>[(0,a.bF)(y,{prop:"name",label:"姓名",width:"180"}),(0,a.bF)(y,{prop:"email",label:"邮箱",width:"200"}),(0,a.bF)(y,{prop:"status",label:"状态",width:"100"},{default:(0,a.k6)(({row:l})=>[(0,a.bF)(g,{options:b.statusOptions,value:l.status},null,8,["options","value"])]),_:1}),(0,a.bF)(y,{prop:"createTime",label:"创建时间"})]),_:1},8,["data"]),e[12]||(e[12]=(0,a.Lk)("h3",null,"3.2 自动表格",-1)),(0,a.Lk)("div",p,[(0,a.bF)(F,{onClick:e[1]||(e[1]=l=>b.dialogVisible=!0),type:"primary",size:"small"},{default:(0,a.k6)(()=>[(0,a.bF)(k,{"icon-class":"plus",style:{"margin-right":"5px"}}),e[9]||(e[9]=(0,a.eW)("新增",-1))]),_:1})]),(0,a.bF)(f,{border:"",data:l.tableData,style:{width:"100%"},entityName:"com.iiot.system.entity.SysUser"},{default:(0,a.k6)(()=>[(0,a.bF)(y,{prop:"t1",label:"扩展1",width:"180"}),(0,a.bF)(h,{prop:"t2",label:"扩展2",width:"180"}),(0,a.bF)(_,{prop:"t3",label:"操作",width:"180"})]),_:1},8,["data"])]),(0,a.bF)(x,{modelValue:b.dialogVisible,"onUpdate:modelValue":e[5]||(e[5]=l=>b.dialogVisible=l),title:"提示",width:"70%"},{default:(0,a.k6)(()=>[(0,a.bF)(D,{model:b.form,"label-width":"120px"},{default:(0,a.k6)(()=>[(0,a.bF)(V,{prop:"name",label:"用户名",span:12},{default:(0,a.k6)(()=>[(0,a.bF)(v,{modelValue:b.form.name,"onUpdate:modelValue":e[2]||(e[2]=l=>b.form.name=l),placeholder:"请输入用户名"},null,8,["modelValue"])]),_:1}),(0,a.bF)(V,{prop:"email",label:"邮箱",span:12},{default:(0,a.k6)(()=>[(0,a.bF)(v,{modelValue:b.form.email,"onUpdate:modelValue":e[3]||(e[3]=l=>b.form.email=l),placeholder:"请输入邮箱"},null,8,["modelValue"])]),_:1}),(0,a.bF)(V,{prop:"status",label:"状态",span:12},{default:(0,a.k6)(()=>[(0,a.bF)(w,{modelValue:b.form.status,"onUpdate:modelValue":e[4]||(e[4]=l=>b.form.status=l),placeholder:"请选择状态"},{default:(0,a.k6)(()=>[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(b.statusOptions,l=>((0,a.uX)(),(0,a.Wv)(L,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1},8,["modelValue"]),(0,a.bF)(I,{types:["sys_user_sex","sys_normal_disable"],onDictReady:c.onDictReady,onDictError:c.onDictError},null,8,["onDictReady","onDictError"])])}var b=t(953),c={data(){return{form:(0,b.KR)({name:"",email:""}),statusOptions:[],dialogVisible:(0,b.KR)(!1)}},methods:{onDictReady(l){console.log("dict",l.type["sys_user_sex"]),this.statusOptions=l.type["sys_normal_disable"]||[],console.log("statusOptions",this.statusOptions)},onDictError(l){console.error("字典加载失败:",l)}}},g=t(6262);const k=(0,g.A)(c,[["render",m]]);var F=k}}]);
//# sourceMappingURL=823.efb4f63c.js.map