herenshan112
3 weeks ago
32 changed files with 13710 additions and 191 deletions
@ -1 +1 @@ |
|||||
import{d as W,r as d,ao as C,ax as q,G as H,a as r,f as F,h as l,c as i,I as D,$ as L,q as v,e as o,b as t,as as Y,H as s,Y as J,t as m,F as X,g as Z,f_ as ee,aj as te,an as oe,ab as ae,b3 as ne,aF as le,cz as se,N as re,b4 as ie,aA as pe,at as de,p as ce,m as _e,_ as ue}from"./index-e450010e.js";import{_ as fe}from"./index-c5018719.js";import{_ as me}from"./refresh-f1723430.js";import{_ as ge}from"./search-71444aff.js";import we from"./lookFlowInfoApp-293e6f1f.js";import"./runFlowStepApp-c2ddd4a0.js";const ye=c=>(ce("data-v-7bd64948"),c=c(),_e(),c),be={ref:"myappbox",class:"app_box"},ke={class:"app-container"},ve={class:"search"},xe=ye(()=>v("div",{class:"titleBox"}," 代办事宜 ",-1)),he=W({__name:"myToDoPage",props:{pickAppMenu:{type:Object,default(){return{}}},drawerWith:{type:Number,default:0}},setup(c){const x=c,V=d(!1),h=d(C),T=d([]),n=q({page:1,pagesize:20,class:2,id:x.pickAppMenu.appkey}),g=d(0),z=()=>{n.page=1,n.pagesize=15,n.title="",n.class=2,n.state=0},A=()=>{h.value.resetFields(),z()},I=()=>{ee(n).then(u=>{g.value=u.data.total,T.value=u.data.list})};H(()=>{I()});const w=()=>{I()},E=d(),_=d(!1),B=(u,a)=>{E.value=u,_.value=!0},U=()=>{};return(u,a)=>{const S=te,N=oe,M=ge,y=ae,O=me,P=C,p=ne,b=le,f=se,$=re,R=ie,j=fe,G=pe,K=de;return r(),F("div",be,[l(_)?(r(),i(we,{key:0,isshow:l(_),"onUpdate:isshow":a[0]||(a[0]=e=>D(_)?_.value=e:null),"flow-log-info":l(E),"drawer-with":x.drawerWith,onGetmytodolist:w},null,8,["isshow","flow-log-info","drawer-with"])):L("",!0),v("div",ke,[v("div",ve,[xe,o(P,{ref_key:"searckFormRefTd",ref:h,model:l(n),inline:!0},{default:t(()=>[o(N,{label:"任务标题",prop:"name"},{default:t(()=>[o(S,{modelValue:l(n).title,"onUpdate:modelValue":a[1]||(a[1]=e=>l(n).title=e),placeholder:"请输入任务标题",clearable:"",onKeyup:Y(U,["enter"])},null,8,["modelValue"])]),_:1}),o(N,null,{default:t(()=>[o(y,{type:"primary",onClick:a[2]||(a[2]=e=>w())},{default:t(()=>[o(M),s("搜索")]),_:1}),o(y,{onClick:a[3]||(a[3]=e=>A())},{default:t(()=>[o(O),s("重置")]),_:1})]),_:1})]),_:1},8,["model"])]),o(G,{shadow:"never"},{default:t(()=>[J((r(),i(R,{"element-loading-text":"Loading...","highlight-current-row":"",data:l(T),border:"",class:"table_box"},{default:t(()=>[o(p,{fixed:"",label:"标题",prop:"title",width:"500"}),o(p,{label:"创建人",prop:"creater",width:"150",align:"center"},{default:t(e=>[s(m(e.row.creatorInfo.name)+"（",1),o(b,{type:"info"},{default:t(()=>[s(m(e.row.creatorInfo.number),1)]),_:2},1024),s("） ")]),_:1}),o(p,{label:"发起日期",prop:"startDate",align:"center","min-width":"200"}),o(p,{label:"状态",prop:"status",align:"center",width:"120"},{default:t(e=>[e.row.status==1?(r(),i(f,{key:0,class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 草稿 ")]),_:1})):e.row.status==2?(r(),i(f,{key:1,type:"danger",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 驳回 ")]),_:1})):e.row.status==3?(r(),i(f,{key:2,type:"success",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 审批中 ")]),_:1})):e.row.status==4?(r(),i(f,{key:3,type:"info",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 归档 ")]),_:1})):(r(),i(f,{key:4,type:"info",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 删除 ")]),_:1}))]),_:1}),o(p,{label:"当前节点及操作人",prop:"currentStep",width:"200"},{default:t(e=>[e.row.currentNodeName?(r(),i(b,{key:0,type:"success"},{default:t(()=>[s(m(e.row.currentNodeName)+"：",1)]),_:2},1024)):L("",!0),(r(!0),F(X,null,Z(e.row.currentNodeUser,(k,Q)=>(r(),i(b,{key:Q,type:"warning"},{default:t(()=>[s(m(k.name)+"("+m(k.number)+")",1)]),_:2},1024))),128))]),_:1}),o(p,{fixed:"right",align:"center",label:"操作",width:"100"},{default:t(e=>[o($,{class:"box-item",effect:"dark",content:"查看详情",placement:"top-end"},{default:t(()=>[o(y,{type:"primary",size:"small",class:"fa fa-eye",onClick:k=>B(e.row,2)},null,8,["onClick"])]),_:2},1024)]),_:1})]),_:1},8,["data"])),[[K,l(V)]]),o(j,{total:l(g),"onUpdate:total":a[4]||(a[4]=e=>D(g)?g.value=e:null),page:l(n).page,"onUpdate:page":a[5]||(a[5]=e=>l(n).page=e),limit:l(n).pagesize,"onUpdate:limit":a[6]||(a[6]=e=>l(n).pagesize=e),onPagination:w},null,8,["total","page","limit"])]),_:1})])],512)}}});const De=ue(he,[["__scopeId","data-v-7bd64948"]]);export{De as default}; |
import{d as W,r as d,ao as C,ax as q,G as H,a as r,f as F,h as l,c as i,I as D,$ as L,q as v,e as o,b as t,as as Y,H as s,Y as J,t as m,F as X,g as Z,f_ as ee,aj as te,an as oe,ab as ae,b3 as ne,aF as le,cz as se,N as re,b4 as ie,aA as pe,at as de,p as ce,m as _e,_ as ue}from"./index-e450010e.js";import{_ as fe}from"./index-c5018719.js";import{_ as me}from"./refresh-f1723430.js";import{_ as ge}from"./search-71444aff.js";import we from"./lookFlowInfoApp-293e6f1f.js";import"./runFlowStepApp-c2ddd4a0.js";const ye=c=>(ce("data-v-7bd64948"),c=c(),_e(),c),be={ref:"myappbox",class:"app_box"},ke={class:"app-container"},ve={class:"search"},xe=ye(()=>v("div",{class:"titleBox"}," 待办事宜 ",-1)),he=W({__name:"myToDoPage",props:{pickAppMenu:{type:Object,default(){return{}}},drawerWith:{type:Number,default:0}},setup(c){const x=c,V=d(!1),h=d(C),T=d([]),n=q({page:1,pagesize:20,class:2,id:x.pickAppMenu.appkey}),g=d(0),z=()=>{n.page=1,n.pagesize=15,n.title="",n.class=2,n.state=0},A=()=>{h.value.resetFields(),z()},I=()=>{ee(n).then(u=>{g.value=u.data.total,T.value=u.data.list})};H(()=>{I()});const w=()=>{I()},E=d(),_=d(!1),B=(u,a)=>{E.value=u,_.value=!0},U=()=>{};return(u,a)=>{const S=te,N=oe,M=ge,y=ae,O=me,P=C,p=ne,b=le,f=se,$=re,R=ie,j=fe,G=pe,K=de;return r(),F("div",be,[l(_)?(r(),i(we,{key:0,isshow:l(_),"onUpdate:isshow":a[0]||(a[0]=e=>D(_)?_.value=e:null),"flow-log-info":l(E),"drawer-with":x.drawerWith,onGetmytodolist:w},null,8,["isshow","flow-log-info","drawer-with"])):L("",!0),v("div",ke,[v("div",ve,[xe,o(P,{ref_key:"searckFormRefTd",ref:h,model:l(n),inline:!0},{default:t(()=>[o(N,{label:"任务标题",prop:"name"},{default:t(()=>[o(S,{modelValue:l(n).title,"onUpdate:modelValue":a[1]||(a[1]=e=>l(n).title=e),placeholder:"请输入任务标题",clearable:"",onKeyup:Y(U,["enter"])},null,8,["modelValue"])]),_:1}),o(N,null,{default:t(()=>[o(y,{type:"primary",onClick:a[2]||(a[2]=e=>w())},{default:t(()=>[o(M),s("搜索")]),_:1}),o(y,{onClick:a[3]||(a[3]=e=>A())},{default:t(()=>[o(O),s("重置")]),_:1})]),_:1})]),_:1},8,["model"])]),o(G,{shadow:"never"},{default:t(()=>[J((r(),i(R,{"element-loading-text":"Loading...","highlight-current-row":"",data:l(T),border:"",class:"table_box"},{default:t(()=>[o(p,{fixed:"",label:"标题",prop:"title",width:"500"}),o(p,{label:"创建人",prop:"creater",width:"150",align:"center"},{default:t(e=>[s(m(e.row.creatorInfo.name)+"（",1),o(b,{type:"info"},{default:t(()=>[s(m(e.row.creatorInfo.number),1)]),_:2},1024),s("） ")]),_:1}),o(p,{label:"发起日期",prop:"startDate",align:"center","min-width":"200"}),o(p,{label:"状态",prop:"status",align:"center",width:"120"},{default:t(e=>[e.row.status==1?(r(),i(f,{key:0,class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 草稿 ")]),_:1})):e.row.status==2?(r(),i(f,{key:1,type:"danger",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 驳回 ")]),_:1})):e.row.status==3?(r(),i(f,{key:2,type:"success",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 审批中 ")]),_:1})):e.row.status==4?(r(),i(f,{key:3,type:"info",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 归档 ")]),_:1})):(r(),i(f,{key:4,type:"info",class:"mx-1",effect:"plain",round:""},{default:t(()=>[s(" 删除 ")]),_:1}))]),_:1}),o(p,{label:"当前节点及操作人",prop:"currentStep",width:"200"},{default:t(e=>[e.row.currentNodeName?(r(),i(b,{key:0,type:"success"},{default:t(()=>[s(m(e.row.currentNodeName)+"：",1)]),_:2},1024)):L("",!0),(r(!0),F(X,null,Z(e.row.currentNodeUser,(k,Q)=>(r(),i(b,{key:Q,type:"warning"},{default:t(()=>[s(m(k.name)+"("+m(k.number)+")",1)]),_:2},1024))),128))]),_:1}),o(p,{fixed:"right",align:"center",label:"操作",width:"100"},{default:t(e=>[o($,{class:"box-item",effect:"dark",content:"查看详情",placement:"top-end"},{default:t(()=>[o(y,{type:"primary",size:"small",class:"fa fa-eye",onClick:k=>B(e.row,2)},null,8,["onClick"])]),_:2},1024)]),_:1})]),_:1},8,["data"])),[[K,l(V)]]),o(j,{total:l(g),"onUpdate:total":a[4]||(a[4]=e=>D(g)?g.value=e:null),page:l(n).page,"onUpdate:page":a[5]||(a[5]=e=>l(n).page=e),limit:l(n).pagesize,"onUpdate:limit":a[6]||(a[6]=e=>l(n).pagesize=e),onPagination:w},null,8,["total","page","limit"])]),_:1})])],512)}}});const De=ue(he,[["__scopeId","data-v-7bd64948"]]);export{De as default}; |
||||
|
|||||
@ -0,0 +1,125 @@ |
|||||
|
import request from "@/utils/request"; |
||||
|
|
||||
|
const getAssociatedFormsCurrentFieldTree = (data:any) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/getFieldTree", |
||||
|
method: "post", |
||||
|
data: { |
||||
|
//cfid:'13'
|
||||
|
cfid: data, |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const getAssociatedFormsOrgAndManTree = () => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/transfer/getOrgAndManTree", |
||||
|
method: "post", |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const getCustomerFormList = () => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/getCustomerFormList", |
||||
|
method: "post", |
||||
|
}); |
||||
|
} |
||||
|
const getAssociatedFormsRoleTree = () => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/getRoleList", |
||||
|
method: "post", |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const getAsfasfFieldTree = (data:any) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/getFieldTree", |
||||
|
method: "post", |
||||
|
data: { |
||||
|
//cfid:'13'
|
||||
|
cfid: data, |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
const getAsfasfFieldTreeOptionsValue3 = (data:any) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/getFieldTree", |
||||
|
method: "post", |
||||
|
data: { |
||||
|
//cfid:'13'
|
||||
|
cfid: data, |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
const getQrCodeImgInside = (data:any) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/QrCode/getQrCodeImgInside", |
||||
|
method: "post", |
||||
|
data: { |
||||
|
cfid: data, |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
const getAllRole = () => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/manCont/getAllRole", |
||||
|
method: "get", |
||||
|
}); |
||||
|
} |
||||
|
const getPersonByRoleId = (id:any,pageNum:any,pageSize:any,number:any,names:any) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/manCont/getPersonByRoleId", |
||||
|
method: "post", |
||||
|
data: { |
||||
|
id: id, |
||||
|
pageNum: pageNum, |
||||
|
pageSize: pageSize, |
||||
|
number:number, |
||||
|
name:names |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
const queryIfOrgOrPerson = (obj: { left: string; operator: string; right: string }) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/queryIfOrgOrPerson", |
||||
|
method: "post", |
||||
|
data: obj, |
||||
|
}); |
||||
|
} |
||||
|
const queryHideRoleCondition = (obj: { left: string; operator: string; right: string }) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/AssociatedForms/queryHideRoleCondition", |
||||
|
method: "post", |
||||
|
data: obj, |
||||
|
}); |
||||
|
} |
||||
|
const getMainOrgByWorkNumber = (obj: { workNumber: string}) => { |
||||
|
return request({ |
||||
|
url: "/javasys/lowCode/manCont/getMainOrgByWorkNumber", |
||||
|
method: "post", |
||||
|
data: obj, |
||||
|
}); |
||||
|
} |
||||
|
const treeUrl = '/javasys/lowCode/transfer/getOrgAndManTree' |
||||
|
const getOrgAndManTree = () => { |
||||
|
return request({ |
||||
|
url: treeUrl, |
||||
|
method: 'post', |
||||
|
}); |
||||
|
} |
||||
|
export { |
||||
|
getAssociatedFormsCurrentFieldTree, |
||||
|
getAssociatedFormsOrgAndManTree, |
||||
|
getCustomerFormList, |
||||
|
getAssociatedFormsRoleTree, |
||||
|
getAsfasfFieldTree, |
||||
|
getAsfasfFieldTreeOptionsValue3, |
||||
|
getQrCodeImgInside, |
||||
|
getAllRole, |
||||
|
getPersonByRoleId, |
||||
|
queryIfOrgOrPerson, |
||||
|
queryHideRoleCondition, |
||||
|
getMainOrgByWorkNumber, |
||||
|
getOrgAndManTree |
||||
|
} |
||||
File diff suppressed because it is too large
@ -0,0 +1,257 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2026-02-24 13:22:18 |
||||
|
@ 备注: 控件库 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import controlListData from "@/components/DesignForm/assembly"; |
||||
|
import { jsonParseStringify } from "@/utils/DesignForm"; |
||||
|
import Draggable from "vuedraggable-es"; |
||||
|
import "@/assets/iconfont/iconfont.css"; |
||||
|
|
||||
|
import SvgIcon from "@/components/SvgIcon/index.vue"; |
||||
|
import FormVersion from "@/components/DesignForm/formVersion.vue"; |
||||
|
const props = defineProps({ |
||||
|
tableKey: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
}, |
||||
|
signCode: { |
||||
|
type: String, |
||||
|
default: "" |
||||
|
} |
||||
|
}) |
||||
|
// const props = withDefaults( |
||||
|
// defineProps<{ |
||||
|
// tableKey?: number | string; |
||||
|
// signCode?: number | string; |
||||
|
// }>(), |
||||
|
// {} |
||||
|
// ); |
||||
|
const emits = defineEmits<{ |
||||
|
(e: "versionUpdateForm", value: string): void; |
||||
|
(e: "versionPreviewPage", value: string): void; |
||||
|
}>(); |
||||
|
|
||||
|
const designType = inject("formDesignType") as string; //注入一个由祖先组件或整个应用 (通过 app.provide()) 提供的值。 |
||||
|
const versionActiveTab = ref(false); |
||||
|
const tableVersion = ref(); //版本显示器 |
||||
|
const isSearch = computed(() => { |
||||
|
return designType === "search"; |
||||
|
}); |
||||
|
// 默认搜索允许显示的字段 |
||||
|
const searchField = [ |
||||
|
"input", |
||||
|
"radio", |
||||
|
"checkbox", |
||||
|
"select", |
||||
|
"datePicker", |
||||
|
"timePicker", |
||||
|
"inputNumber", |
||||
|
"cascader", |
||||
|
"component", |
||||
|
"button", |
||||
|
]; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-09 11:36:59 |
||||
|
@ 功能: 启用和禁用版本 |
||||
|
*/ |
||||
|
const enableOrDisable = (val?: any) => { |
||||
|
// console.log("启用和禁用版本",val) |
||||
|
emits("versionUpdateForm", val); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-21 09:05:20 |
||||
|
@ 功能: 预览版本 |
||||
|
*/ |
||||
|
const previewPage = (val?: any) => { |
||||
|
emits("versionPreviewPage", val); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2026-02-24 13:45:38 |
||||
|
@ 功能: 表单组件数据 |
||||
|
*/ |
||||
|
const controlList = computed(() => { |
||||
|
if (designType === "search") { |
||||
|
// 只返回基础字段 |
||||
|
const temp: any = []; |
||||
|
controlListData.forEach((item: any) => { |
||||
|
if (item.children) { |
||||
|
const filter = item.children.filter((ch: any) => { |
||||
|
return searchField.includes(ch.type); |
||||
|
}); |
||||
|
if (filter && filter.length) { |
||||
|
temp.push({ title: item.title, children: filter }); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
return temp; |
||||
|
} else { |
||||
|
return controlListData; |
||||
|
} |
||||
|
}); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-09 11:40:15 |
||||
|
@ 功能: 打开版本选择页面 |
||||
|
*/ |
||||
|
const useVersionClick = () => { |
||||
|
tableVersion.value.open(); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-15 10:15:14 |
||||
|
@ 功能: 克隆选中的组件数据结构 |
||||
|
*/ |
||||
|
const clone = (origin: any) => { |
||||
|
// console.log("克隆选中的组件数据结构",origin) |
||||
|
return jsonParseStringify(origin); |
||||
|
}; |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-card shadow="always"> |
||||
|
<template #header> |
||||
|
<div class="cardHeader"> |
||||
|
<div class="card-header">控件库</div> |
||||
|
<div v-if="!isSearch" class="card-headerRight" @click="useVersionClick">版本管理</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<el-scrollbar ref="scrollbarRef" class="scroBox "> |
||||
|
<div v-for="(list, index) in controlList" :key="index" v-memo="[index]" class="unitBox"> |
||||
|
<el-text class="category-title">{{ list.title }}</el-text> |
||||
|
<el-divider style="margin: 5px 0 10px 0;" /> |
||||
|
<div class="unitBody"> |
||||
|
<Draggable |
||||
|
v-model="list.children" |
||||
|
tag="ul" |
||||
|
:group="{ name: 'form', pull: 'clone', put: false }" |
||||
|
ghost-class="ghost" |
||||
|
:sort="false" |
||||
|
:clone="clone" |
||||
|
itemKey="unitListKey" |
||||
|
> |
||||
|
<template #item="{ element }"> |
||||
|
<div class="unitItem"> |
||||
|
<SvgIcon v-if="element.iconFont == ''" icon-class="caogaoxiang" class="control-icon" /> |
||||
|
<i v-if="element.iconFont != ''" :class="`fa ${element.iconFont} `"></i> |
||||
|
<el-text class="control-name">{{element.label}}</el-text> |
||||
|
</div> |
||||
|
</template> |
||||
|
</Draggable> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</el-scrollbar> |
||||
|
<FormVersion |
||||
|
ref="tableVersion" |
||||
|
:table-key="props.tableKey" |
||||
|
:sign-code="props.signCode" |
||||
|
@enable-or-disable="enableOrDisable" |
||||
|
@preview-page="previewPage" |
||||
|
/> |
||||
|
</el-card> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.form-content { |
||||
|
width: 100%; |
||||
|
display: grid; |
||||
|
grid-template-columns: 300px 1fr 300px; |
||||
|
grid-template-rows: auto; |
||||
|
gap: 10px; |
||||
|
padding: 10px 10px 0 10px; |
||||
|
:deep .el-tabs--border-card{ |
||||
|
border: 0; |
||||
|
} |
||||
|
:deep .el-card__header{ |
||||
|
padding: 10px 15px; |
||||
|
background-color: #f5f7fa; |
||||
|
} |
||||
|
:deep .el-card__body{ |
||||
|
padding: 0; |
||||
|
|
||||
|
} |
||||
|
:deep .el-tabs__header{ |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
} |
||||
|
:deep .is-active{ |
||||
|
border-bottom: 1px solid var(--el-color-primary); |
||||
|
} |
||||
|
} |
||||
|
.cardHeader{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.card-header{ |
||||
|
font-size: 1.4rem; |
||||
|
font-weight: 700; |
||||
|
color: #0020C2; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
gap: 10px; |
||||
|
} |
||||
|
.category-title { |
||||
|
font-size: 14px; |
||||
|
font-weight: 600; |
||||
|
color: #165DFF; |
||||
|
margin-bottom: 10px; |
||||
|
padding-bottom: 8px; |
||||
|
border-bottom: 1px solid #ebeef5; |
||||
|
} |
||||
|
|
||||
|
.scroBox{ |
||||
|
height: calc(100vh - 110px); |
||||
|
overflow: auto; |
||||
|
} |
||||
|
|
||||
|
// 布局区域 |
||||
|
|
||||
|
.unitBox{ |
||||
|
padding: 10px 15px; |
||||
|
} |
||||
|
.unitBody ul{ |
||||
|
display: grid; |
||||
|
grid-template-columns: repeat(3, 1fr); |
||||
|
grid-gap: 10px; |
||||
|
} |
||||
|
.unitItem{ |
||||
|
background: #f5f7fa; |
||||
|
border: 1px solid #dcdfe6; |
||||
|
border-radius: 4px; |
||||
|
padding: 10px 5px; /* 减小内边距以适应3列布局 */ |
||||
|
text-align: center; |
||||
|
cursor: grab; |
||||
|
transition: all 0.2s; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
&:hover{ |
||||
|
background: #ecf5ff; |
||||
|
transform: translateY(-2px); |
||||
|
box-shadow: 0 2px 12px 0 rgba(22, 93, 255, 0.1); |
||||
|
border-color: #b3d8ff; |
||||
|
color: #165DFF; |
||||
|
} |
||||
|
i{ |
||||
|
font-size: 20px; /* 减小图标大小以适应3列布局 */ |
||||
|
color: #165DFF; |
||||
|
margin: 5px 0; /* 减小间距以适应3列布局 */ |
||||
|
} |
||||
|
} |
||||
|
.control-icon { |
||||
|
font-size: 25px; /* 减小图标大小以适应3列布局 */ |
||||
|
color: #165DFF; |
||||
|
margin-bottom: 3px; /* 减小间距以适应3列布局 */ |
||||
|
} |
||||
|
|
||||
|
.control-name { |
||||
|
font-size: 12px; /* 减小字体大小以适应3列布局 */ |
||||
|
color: #606266; |
||||
|
line-height: 1.2; |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue