https://register.furola.com/dist/admin/static/js/system_font-legacy.74a2194f.js

1"use strict";(self["webpackChunkadmin_project"]=self["webpackChunkadmin_project"]||[]).push([[8652],{15017:function(t,i,a){a.r(i),a.d(i,{default:function(){return g}});var n=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"main"},[i("fecTitle",[t._v("字体方案")]),i("div",{staticClass:"form pl-20"},[i("el-form",{ref:"ruleForm",staticClass:"demo-ruleForm",attrs:{model:t.ruleForm,rules:t.rules,"label-width":"180px"}},[i("el-form-item",{attrs:{label:"方案名称",prop:"name"}},[i("el-input",{staticClass:"width-500",attrs:{placeholder:"方案名称"},model:{value:t.ruleForm.name,callback:function(e){t.$set(t.ruleForm,"name",e)},expression:"ruleForm.name"}})],1),i("el-form-item",{attrs:{label:"字体名称",prop:"family"}},[i("el-input",{staticClass:"width-500",attrs:{placeholder:"字体名称"},model:{value:t.ruleForm.family,callback:function(e){t.$set(t.ruleForm,"family",e)},expression:"ruleForm.family"}})],1),t.id?i("el-form-item",{attrs:{label:"自定义字体",prop:"family"}},[i("div",{staticClass:"table-box"},[i("div",{staticClass:"th-box"},[i("div",{staticClass:"width-20"}),i("div",{staticClass:"th "},[t._v("字重（weight）")]),i("div",{staticClass:"th"},[t._v("样式（style）")]),i("div",{staticClass:"th"},[t._v("字体文件")]),i("div",{staticClass:"width-90"})]),i("div",{staticClass:"td-box"},t._l(t.ruleForm.items,(function(e,a){return i("div",{key:a,staticClass:"td-item"},[i("div",{staticClass:"width-20"}),i("div",{staticClass:"td flex flex-align-center"},[t._v(" "+t._s(e.weight||"不限制")+" ")]),i("div",{staticClass:"td"},[t._v(" "+t._s("normal"===e.style?"默认":"倾斜")+" ")]),i("div",{staticClass:"td"},[i("el-tooltip",{staticClass:"item",attrs:{effect:"light",placement:"top"}},[i("div",{staticStyle:{"max-width":"280px","line-height":"1.6"},attrs:{slot:"content"},slot:"content"},[t._v(" "+t._s(t.getFontListName(e.url))+" ")]),i("div",{staticClass:"line-1"},[t._v(t._s(t.getFontListName(e.url)))])])],1),i("div",{staticClass:"width-90 remove"},[i("i",{staticClass:"el-icon-edit-outline",staticStyle:{padding:"5px","margin-right":"10px"},on:{click:function(i){return t.editFont(e)}}}),i("i",{staticClass:"el-icon-delete",staticStyle:{padding:"5px"},on:{click:function(i){return t.deleteFont(e)}}})])])})),0),i("div",{staticClass:"bottom-add-button"},[i("el-button",{attrs:{type:"text",size:"medium"},on:{click:t.addFont}},[t._v("添加指定字体")])],1)])]):t._e(),i("el-form-item",[i("el-button",{attrs:{loading:t.loading,type:"primary",id:"saveButton"},on:{click:function(e){return t.submitForm("ruleForm")}}},[t._v(" "+t._s(t.id?"保存":"添加字体")+" ")])],1)],1)],1),i("el-dialog",{staticClass:"add-font-ruleForm",attrs:{title:"字体变体",visible:t.dialogVisible,width:"660px"},on:{"update:visible":function(e){t.dialogVisible=e}}},[i("div",[i("el-form",{directives:[{name:"loading",rawName:"v-loading",value:t.getDataLoading,expression:"getDataLoading"}],ref:"addFontRuleForm",attrs:{model:t.addFontRuleForm,rules:t.addFontRules,"label-width":"140px"}},[i("el-form-item",{attrs:{label:"字重（weight）",prop:"weight"}},[i("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:"请选择字重"},model:{value:t.addFontRuleForm.weight,callback:function(e){t.$set(t.addFontRuleForm,"weight",e)},expression:"addFontRuleForm.weight"}},[i("el-option",{attrs:{label:"不限制",value:""}}),t._l(9,(function(t){return i("el-option",{key:t,attrs:{label:100*t,value:100*t+""}})}))],2)],1),i("el-form-item",{attrs:{label:"样式（style）",prop:"style"}},[i("el-select",{staticStyle:{width:"100%"},attrs:{placeholder:"请选择样式"},model:{value:t.addFontRuleForm.style,callback:function(e){t.$set(t.addFontRuleForm,"style",e)},expression:"addFontRuleForm.style"}},[i("el-option",{attrs:{label:"默认",value:"normal"}}),i("el-option",{attrs:{label:"倾斜",value:"italic"}})],1)],1),i("el-form-item",{attrs:{label:"指定字体",prop:"url"}},[t._l(t.addFontRuleForm.url,(function(e){return i("el-tag",{key:e,staticClass:"mr-10 mb-10",attrs:{closable:"","disable-transitions":!1},on:{close:function(i){return t.handleClose(e)}}},[t._v(" "+t._s(e)+" ")])})),i("div",[t.inputVisible?i("el-input",{ref:"saveTagInput",staticClass:"input-new-tag ",attrs:{size:"medium",placeholder:"字体URL链接"},model:{value:t.inputValue,callback:function(e){t.inputValue=e},expression:"inputValue"}}):t._e(),t.inputVisible?i("el-button",{staticStyle:{"margin-left":"0"},attrs:{size:"medium",type:"primary"},on:{click:t.handleInputConfirm}},[t._v(" 确认 ")]):t._e()],1),t.inputVisible?t._e():i("el-button",{staticClass:"button-new-tag",attrs:{size:"medium",icon:"el-icon-plus"},on:{click:t.showInput}},[t._v(" 字体链接 ")]),t.inputVisible?t._e():i("el-button",{staticStyle:{"margin-left":"0"},attrs:{size:"medium",type:"primary",icon:"el-icon-upload2"},on:{click:t.triggerInput}},[t._v(" 上传字体 ")]),i("input",{ref:"upload_input",staticStyle:{display:"none"},attrs:{type:"file",accept:".ttf,.woff,.woff2",multiple:""},on:{change:t.changeFile}})],2)],1)],1),i("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[i("el-button",{attrs:{size:"medium"},on:{click:function(e){t.dialogVisible=!1}}},[t._v("取 消")]),i("el-button",{attrs:{size:"medium",type:"primary",loading:t.saveItemLoading},on:{click:t.confirmSetFont}},[t._v("确 定")])],1)]),t._t("default")],2)},l=[],o=a(48534),s=(a(74916),a(23123),a(68309),a(26699),a(32023),a(40561),a(69600),a(19298)),r=a.n(s),u=a(29069),d=a(59499),c=a(15317),m=a(61707),f={name:"fontInfo",components:{AddImgImg:d.Z},data:function(){return{saveItemLoading:!1,getDataLoading:!1,inputVisible:!1,inputValue:"",dialogVisible:!1,loading:!1,resetPwd:!1,id:"",ruleForm:{name:"",family:"",items:[]},addFontRuleForm:{id:"",font_id:"",weight:"",style:"normal",url:[]},addFontRules:{},rules:{name:[{required:!0,message:"名称必填",trigger:"blur"}],family:[{required:!0,message:"字体名称必填",trigger:"blur"}]}}},watch:{ruleForm:{handler:function(){},deep:!0}},created:function(){var t=this;return(0,o.Z)(r().mark((function e(){return r().wrap((function(e){while(1)switch(e.prev=e.next){case 0:t.$route.query.id&&(t.id=t.$route.query.id,t.getDataInfo());case 1:case"end":return e.stop()}}),e)})))()},methods:{confirmSetFont:function(){var t=this;this.addFontRuleForm.url&&0!==this.addFontRuleForm.url.length?(this.saveItemLoading=!0,(0,u.pt)(this.addFontRuleForm).then((function(e){t.saveItemLoading=!1,t.getDataInfo(),t.dialogVisible=!1,t.$message.success("保存成功")}

1)).catch((function(e){t.saveItemLoading=!1}))):this.$message.error("请至少添加一个字体文件或链接")},changeFile:function(t){var i=this;return(0,o.Z)(r().mark((function a(){var n,l,o,s,u;return r().wrap((function(a){while(1)switch(a.prev=a.next){case 0:if(!t){a.next=14;break}if(n=t.target.files[0],l=["ttf","woff","woff2"],n){a.next=5;break}return a.abrupt("return");case 5:if(o=n.name.split(".").pop().toLowerCase(),s=i,l.includes(o)){a.next=10;break}return i.$message.error("文件 ".concat(n.name," 格式错误，仅支持 ttf、woff、woff2")),a.abrupt("return");case 10:u=new FormData,u.append("font_file",n),u.append("font_name",i.ruleForm.family);try{(0,c.c)(m.OO,u).then((function(t){i.$refs["upload_input"].value="",200===t.code?(i.$message.success("上传成功"),i.addFontRuleForm.url.push(t.data.url_key)):s.$message.error(t.message)})).catch((function(t){i.$refs["upload_input"].value="",i.$message.error("".concat(n.name," 上传失败")+e.message)}))}catch(e){i.$refs["upload_input"].value="",i.$message.error("".concat(n.name," 上传失败")+e.message)}case 14:case"end":return a.stop()}}),a)})))()},handleClose:function(t){var e=this;this.addFontRuleForm.url.splice(this.addFontRuleForm.url.indexOf(t),1),this.$nextTick((function(){var t;null===(t=e.$refs["addFontRuleForm"])||void 0===t||t.validateField("url")}))},triggerInput:function(){this.$refs["upload_input"].click()},showInput:function(){var t=this;this.inputVisible=!0,this.$nextTick((function(){var e;null===(e=t.$refs["addFontRuleForm"])||void 0===e||e.clearValidate("url"),t.$refs.saveTagInput.$refs.input.focus()}))},handleInputConfirm:function(){var t=this,e=this.inputValue;e&&this.addFontRuleForm.url.push(e),this.inputVisible=!1,this.inputValue="",this.addFontRuleForm.url.length>0&&setTimeout((function(){var e;null===(e=t.$refs["addFontRuleForm"])||void 0===e||e.validateField("url")}),100)},getFontListName:function(t){var e=null;return e="string"===typeof t?JSON.parse(t):t,e.join(",")},deleteFont:function(t){var e=this;(0,u.Hv)({id:t.id}).then((function(t){e.getDataInfo()}))},editFont:function(t){var e=this;this.getDataLoading=!0,this.addFontRuleForm.url=[],this.$nextTick((function(){e.$refs["addFontRuleForm"].resetFields()})),(0,u.XG)({item_id:t.id}).then((function(t){var i,a;e.getDataLoading=!1,e.addFontRuleForm.id=t.data.item.id,e.addFontRuleForm.font_id=t.data.item.font_id,e.addFontRuleForm.style=t.data.item.style,e.addFontRuleForm.weight=t.data.item.weight,e.addFontRuleForm.url=(null===(i=t.data)||void 0===i||null===(a=i.item)||void 0===a?void 0:a.url)||[]})).catch((function(t){e.getDataLoading=!1})),this.dialogVisible=!0},addFont:function(){var t=this;this.addFontRuleForm.font_id=this.id,this.addFontRuleForm.id="",this.addFontRuleForm.url=[],this.addFontRuleForm.style="normal",this.addFontRuleForm.weight="",this.$nextTick((function(){t.$refs["addFontRuleForm"]&&t.$refs["addFontRuleForm"].resetFields(),t.dialogVisible=!0}))},clickResetPwd:function(){this.resetPwd=!this.resetPwd},getDataInfo:function(){var t=this;(0,u._z)({id:this.id}).then((function(e){var i,a,n,l,o,s;t.ruleForm.id=(null===(i=e.data)||void 0===i?void 0:i.id)||"",t.ruleForm.name=(null===(a=e.data)||void 0===a?void 0:a.name)||"",t.ruleForm.family=(null===(n=e.data)||void 0===n?void 0:n.family)||"",t.ruleForm.items=null!==(l=e.data)&&void 0!==l&&l.items&&Array.isArray(null===(o=e.data)||void 0===o?void 0:o.items)?null===(s=e.data)||void 0===s?void 0:s.items:[]}))},userSelectedChange:function(t){this.$set(this.ruleForm,"role_id",t)},submitForm:function(){var t=this;this.$refs["ruleForm"].validate((function(e){if(!e)return!1;t.loading=!0;var i={name:t.ruleForm.name,family:t.ruleForm.family};t.id&&(i["id"]=t.id),(0,u.e8)(t.ruleForm).then((function(e){t.loading=!1,200===e.code&&(t.$message.success("操作成功！"),setTimeout((function(){t.id=e.data.id,t.$router.push({path:"/system/font/info",query:{id:t.id}}),t.getDataInfo()}),1e3))})).catch((function(){t.loading=!1}))}))},resetForm:function(){this.$refs["ruleForm"].resetFields()}}},p=f,h=a(1001),v=(0,h.Z)(p,n,l,!1,null,"50d1c398",null),g=v.exports}

1,39802:function(t,e,i){i.r(e),i.d(e,{default:function(){return c}});var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"content"},[i("fecTitle",{staticStyle:{"margin-bottom":"10px"}},[i("div",{staticClass:"flex-between flex-align-center flex"},[i("div",[t._v(" 字体列表 ")]),i("el-button",{attrs:{size:"medium",type:"primary"},on:{click:t.addFont}},[t._v("添加字体")])],1)]),i("div",{staticStyle:{padding:"10px 20px"}},[i("el-alert",{staticStyle:{"margin-bottom":"20px","background-color":"#e9f2ff"},attrs:{closable:!1}},[i("div",{staticStyle:{color:"#909399","font-size":"12px"},attrs:{slot:"title"},slot:"title"},[i("i",{staticClass:"el-icon-info",staticStyle:{"font-size":"18px"}}),t._v(" 用户可以自定义上传字体文件，字体配置后，在新架构模版进行模版装修，全局配置中可以选择这里上传的自定义字体。 对于之前的vue模版，不可以使用这里的自定义字体 ")])]),i("div",{staticClass:"table-box"},[i("el-table",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticStyle:{width:"100%"},attrs:{data:t.tableData}},[i("el-table-column",{attrs:{prop:" nickname",label:"字体名称"},scopedSlots:t._u([{key:"default",fn:function(e){return[i("div",{staticClass:"flex flex-align-center"},[i("span",[t._v(t._s(e.row.name))])])]}}])}),i("el-table-column",{attrs:{prop:"username",label:"字体 Family"},scopedSlots:t._u([{key:"default",fn:function(e){return[i("div",{staticClass:"flex flex-align-center"},[i("span",[t._v(t._s(e.row.family))])])]}}])}),i("el-table-column",{attrs:{prop:"type",label:"字体方案"},scopedSlots:t._u([{key:"default",fn:function(e){return[e.row.items&&e.row.items.length?i("div",{staticClass:"flex flex-align-center flex-between"},[i("div",{staticStyle:{flex:"1"}},[t._l(e.row.items,(function(a,n){return[n<2||e.row.isUnfold?i("div",{key:n},[i("div",[t._v("字重:"+t._s(a.weight||"不限制")+",样式:"+t._s("normal"===a.style?"默认":"倾斜"))])]):t._e()]}))],2),e.row.items.length>2?i("span",{staticClass:"icon-box ml-20",on:{click:function(i){return t.clickUnfold(e.$index)}}},[e.row.isUnfold?i("i",{staticClass:"iconfont icon-shouqi"}):i("i",{staticClass:"iconfont icon-zhankai"})]):t._e()]):i("div",[t._v("全部可用")])]}}])}),i("el-table-column",{attrs:{prop:"created_at",label:"创建时间"}}),i("el-table-column",{attrs:{prop:"updated_at",label:"更新时间"}}),i("el-table-column",{attrs:{fixed:"right",label:"操作",width:"120"},scopedSlots:t._u([{key:"default",fn:function(e){return[i("el-button",{attrs:{type:"text",size:"small"},nativeOn:{click:function(i){return i.preventDefault(),t.toDetail(e.row)}}},[t._v(" 编辑 ")]),i("el-button",{attrs:{type:"text",size:"small"},nativeOn:{click:function(i){return i.preventDefault(),t.deleteItem(e.row)}}},[t._v(" 删除 ")])]}}])})],1)],1),i("Page",{directives:[{name:"show",rawName:"v-show",value:t.total>0,expression:"total > 0"}],attrs:{total:t.total,page:t.searchParams.pageNum,limit:t.searchParams.pageSize},on:{"update:page":function(e){return t.$set(t.searchParams,"pageNum",e)},"update:limit":function(e){return t.$set(t.searchParams,"pageSize",e)},pagination:t.getList}})],1)],1)},n=[],l=(i(38862),i(41539),i(54747),i(9653),i(29069)),o={pageNum:1,pageSize:20},s={name:"fontList",components:{},data:function(){return{searchParams:JSON.parse(JSON.stringify(o)),tableData:[],total:0,loading:!1}},created:function(){this.getList()},methods:{addFont:function(){this.$router.push({path:"/system/font/info"})},deleteItem:function(t){var e=this;this.$confirm("账户删除后无法找回，是否继续？","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then((function(){(0,l.xn)({id:t.id}).then((function(t){e.$message.success("删除成功"),e.getList()}))}))},toDetail:function(t){this.$router.push({path:"/system/font/info",query:{id:t.id}})},clickUnfold:function(t){this.tableData[t].isUnfold=!this.tableData[t].isUnfold},getList:function(t){var e=this;t&&t.limit&&(this.searchParams.pageSize=t.limit||20),this.loading=!0,(0,l.kZ)(this.searchParams).then((function(t){if(e.loading=!1,200===t.code){var i=t.data.list||[];

1i.forEach((function(t){t.isUnfold=!1})),e.tableData=i,e.totalPage=t.data.totalPage,e.total=Number(t.data.total)}}))}}},r=s,u=i(1001),d=(0,u.Z)(r,a,n,!1,null,"6ba13506",null),c=d.exports}}]);