angelo
/
web-zk-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(framework): 推荐架构 方案一移除memberCode默认值

This commit is contained in:
woody 2025-09-25 15:01:57 +08:00
parent 3a5d7f1ecd
commit 29aca47694
2 changed files with 354 additions and 395 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

745
src/views/framework/architecture/azjg2.vue
View File

@ -8,191 +8,114 @@
<div class="thetopbox"> <div class="thetopbox">
<el-form ref="form" :model="queryParams" label-width="100px"> <el-form ref="form" :model="queryParams" label-width="100px">
<el-row> <el-row>
<el-col :span="4">
<TopMemberSelect ref="topMemberSelect" @change="TopMemberHandleChange" />
</el-col>
<el-col :span="4">
<el-form-item :label="'会员编号'" prop="memberCode">
<el-input
v-model="queryParams.memberCode"
clearable
/></el-form-item></el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'结算期数'" prop="memberSettlePeriodId"> <el-form-item :label="'结算期数'" prop="memberSettlePeriodId">
<el-select <el-select
v-model="queryParams.memberSettlePeriodId" v-model="queryParams.memberSettlePeriodId"
clearable
:placeholder="'请选择'" :placeholder="'请选择'"
@change="getChildNodeList"
> >
<el-option <el-option
v-for="item in memberSettlePeriodList" v-for="item in memberSettlePeriodList"
:key="item.pkId" :key="item.pkId"
:label="item.settleDate" :label="item.settleDate"
:value="item.pkId" :value="item.pkId"
/> </el-select></el-form-item></el-col> />
</el-select>
</el-form-item>
</el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'展示层数'" prop="level"> <el-form-item :label="'会员编号'" prop="memberCode">
<el-input <el-input
v-model="queryParams.level" v-model="queryParams.memberCode"
clearable clearable
/></el-form-item></el-col> @blur="getChildNodeList"
/>
</el-form-item>
</el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item :label="'是否固定'" prop="cantz"> <el-form-item label="阶段" prop="stage">
<el-select v-model="cantz" clearable :placeholder="'请选择'"> <el-select
v-model="queryParams.stage"
placeholder="请选择"
@change="getChildNodeList"
>
<el-option <el-option
v-for="(item, index) in tzList" v-for="(item, index) in levelList"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
/> />
</el-select> </el-form-item></el-col> </el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="状态" prop="stageStatus">
<el-select
v-model="queryParams.stageStatus"
:placeholder="'请选择'"
@change="getChildNodeList"
>
<el-option
v-for="(item, index) in statusEnum"
:key="index"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<el-form-item label="子点位" prop="childNode">
<el-select v-model="queryParams.childNode" clearable filterable :placeholder="'请选择'">
<el-option
v-for="(item, index) in childNodeList"
:key="index"
:label="item.childNode"
:value="item.childNode"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" style="margin-left: 30px"> <el-col :span="4" style="margin-left: 30px">
<div class="searchbox"> <div class="searchbox">
<el-button <el-button
:loading="loading" :loading="loading"
class="searchbtn" class="searchbtn"
@click="getSearch" @click="getSearch"
> 搜索</el-button> > {{ '搜索' }}</el-button>
<el-button @click="resetHandle"> 重置</el-button> <el-button @click="resetHandle"> {{ '重置' }}</el-button>
<el-button @click="goback"> 返回</el-button>
</div> </div>
</el-col> </el-col>
</el-row></el-form> </el-row>
</el-form>
</div> </div>
<div class="theorgtree"> <div class="lefttop">
<div class="lefttop"> <div v-for="(item, index) in avaerInfoList" :key="index" class="single">
<div v-for="(item, index) in avaerInfoList" :key="index" class="single"> <!-- <img :src="item.value" alt=""> -->
<img :src="item.value" alt=""> <!-- <div class="singletitle">{{ item.name }}</div> -->
<div class="singletitle">{{ item.name }}</div>
</div>
</div> </div>
<div class="tree"> </div>
<div class="tree-content" @mousedown.stop="move" @wheel="handleWheel"> <div class="tree">
<div :style="{ transform: `scale(${scale})` }"> <div class="tree-content" @wheel="handleWheel" @mousedown.stop="move">
<vue2-org-tree <div :style="{ transform: `scale(${scale})`, height: '100%' }">
ref="orgTree" <vue2-org-tree
:data="data" ref="orgTree"
collapsable style="height: 100%"
:render-content="renderContent" :data="data"
v-bind="$listeners" collapsable
@on-expand="onExpand" :render-content="renderContent"
@on-node-click="NodeClick" @on-expand="onExpand"
@on-node-mouseover="onMouseover" @on-node-click="NodeClick"
@on-node-mouseout="onMouseout" @on-node-mouseover="onMouseover"
/> @on-node-mouseout="onMouseout"
</div> />
</div> </div>
</div> </div>
</div> </div>
<el-dialog <!-- </el-scrollbar> -->
:visible.sync="ifShow"
:close-on-click-modal="false"
width="516px"
>
<div class="rendercontent">
<div ref="htmlContent">
<div class="toprender">
<div class="leftimg">
<img
class="img1"
:src="'data:image/png;base64,' + treeData.avatarUrlBase64"
>
<img
class="img2"
:src="'data:image/png;base64,' + treeData.countryUrl2Base64"
>
</div>
<div class="centerbox">
<div class="lineboex">
<div class="linetitle">{{ '会员编号' }}</div>
<div class="linecontent">{{ treeData.memberCode }}</div>
</div>
<div class="lineboex">
<div class="linetitle">{{ '会员姓名' }}</div>
<div class="linecontent">{{ treeData.name }}</div>
</div>
<div class="lineboex">
<div class="linetitle">安置部门</div>
<div class="linecontent">{{ `第${treeData.placeDept}部门` }}</div>
</div>
<div class="lineboex">
<div class="linetitle">{{ '支付日期' }}</div>
<div class="linecontent">{{ treeData.payDate }}</div>
</div>
</div>
<div class="rightimg">
<img
:src="
'data:image/png;base64,' + treeData.settleCountryUrl2Base64
"
>
<div>{{ '结算国家' }}</div>
</div>
</div>
<div class="bottomrender">
<div class="flexbox">
<div class="thetitle">{{ '业绩' }}({{ isLocals() }})</div>
<div class="linecontent">{{ '真实新增' }}</div>
<div class="linecontent">首购新增</div>
<div class="linecontent">复购新增</div>
<div class="linecontent">真实累计</div>
<div class="linecontent">首购累计</div>
<div class="linecontent">复购累计</div>
<div class="linecontent">首购结余</div>
<div class="linecontent">复购结余</div>
<!-- <div class="linecontent">新増套数</div>
<div class="linecontent">累计套数</div> -->
</div>
<div class="flexbox">
<div class="thetitle">左区</div>
<div class="linecontent">{{ treeData.leftRealNewPv }}</div>
<div class="linecontent">{{ treeData.leftFirstPurchaseAdd }}</div>
<div class="linecontent">
{{ treeData.leftRepeatPurchaseAdd }}
</div>
<div class="linecontent">{{ treeData.leftRealTotal }}</div>
<div class="linecontent">{{ treeData.leftFirstTotal }}</div>
<div class="linecontent">
{{ treeData.leftRepeatPurchaseTotal }}
</div>
<div class="linecontent">{{ treeData.leftFirstSurplus }}</div>
<div class="linecontent">
{{ treeData.leftRepeatPurchaseSurplus }}
</div>
<!-- <div class="linecontent">{{ treeData.aNewBox || 0 }}</div>
<div class="linecontent">{{ treeData.aSumBox || 0 }}</div> -->
</div>
<div class="flexbox">
<div class="thetitle">右区</div>
<div class="linecontent">{{ treeData.rightRealNewPv }}</div>
<div class="linecontent">
{{ treeData.rightFirstPurchaseAdd }}
</div>
<div class="linecontent">
{{ treeData.rightRepeatPurchaseAdd }}
</div>
<div class="linecontent">{{ treeData.rightRealTotal }}</div>
<div class="linecontent">{{ treeData.rightFirstTotal }}</div>
<div class="linecontent">
{{ treeData.rightRepeatPurchaseTotal }}
</div>
<div class="linecontent">{{ treeData.rightFirstSurplus }}</div>
<div class="linecontent">
{{ treeData.rightRepeatPurchaseSurplus }}
</div>
<!-- <div class="linecontent">{{ treeData.bNewBox || 0 }}</div>
<div class="linecontent">{{ treeData.bSumBox || 0 }}</div> -->
</div>
</div>
</div>
<div class="footerbox">
<div class="footerbtn btn1" @click="downloadImage">下载图片</div>
<div class="footerbtn btn2" @click="copyText">复制文字</div>
<!-- <div class="footerbtn btn3" @click="goTop(treeData)">置顶</div> -->
</div>
</div>
</el-dialog>
<div v-show="false" ref="copyContent" class="copyContent"> <div v-show="false" ref="copyContent" class="copyContent">
<div>{{ '会员编号' }}：{{ treeData.memberCode }}</div> <div>{{ '会员编号' }}：{{ treeData.memberCode }}</div>
<div>{{ '会员姓名' }}：{{ treeData.name }}</div> <div>{{ '会员姓名' }}：{{ treeData.name }}</div>
@ -242,53 +165,39 @@
</template> </template>
<script> <script>
import html2canvas from 'html2canvas'
import topBar from '@/components/topBar' import topBar from '@/components/topBar'
import { import {
getAzFramework, getAzFramework,
getAvarerInfo,
getMemberSettlePeriod, getMemberSettlePeriod,
getUrlBase getChildList
} from '@/api/archityecture' } from '@/api/archityecture'
import TopMemberSelect from '@/components/top-member-select/index.vue'
import { isLocals } from '../../../utils/numberToCurrency' import { isLocals } from '../../../utils/numberToCurrency'
import tabBarMixin from './mixins/tab-bar'
export default { export default {
name: 'Azjg2', name: 'Azjg',
components: { components: {
topBar, topBar
TopMemberSelect
}, },
mixins: [tabBarMixin],
data() { data() {
return { return {
moren: 'azjg2', moren: 'azjg2',
topList: [
{
name: '方案一',
path: 'azjg'
},
{
name: '方案二',
path: 'azjg2'
},
{
name: '方案三',
path: 'azjg3'
},
{
name: '方案四',
path: 'azjg4'
},
{
name: '方案五',
path: 'azjg5'
}
],
queryParams: { queryParams: {
memberSettlePeriodId: '', // 期数 memberSettlePeriodId: '', // 期数
memberCode: '', // 会员编号 memberCode: '', // 会员编号
level: 5, stage: 1,
type: 2 stageStatus: '',
childNode: ''
}, },
levelList: [
{ value: 1, label: '一阶段' },
{ value: 2, label: '二阶段' },
{ value: 3, label: '三阶段' }
],
statusEnum: [
{ value: 0, label: '已完成' },
{ value: 1, label: '未完成' }
],
basicSwitch: false, basicSwitch: false,
basicInfo: { id: null, label: null }, basicInfo: { id: null, label: null },
data: {}, data: {},
@ -300,29 +209,27 @@ export default {
{ value: 0, label: '是' }, { value: 0, label: '是' },
{ value: 1, label: '否' } { value: 1, label: '否' }
], ],
cantz: 1, // 0不可拖拽,1可拖拽
scale: 1, scale: 1,
loading: false loading: false,
childNodeList: []
} }
}, },
created() { created() {
// this.getSearch() getMemberSettlePeriod().then((res) => {
this.getAvarerInfo() if (res.code === 200) {
this.memberSettlePeriodList = (res.data || []).filter(item => item.isThisDay !== 0)
this.queryParams.memberSettlePeriodId = this.memberSettlePeriodList[0].pkId
}
})
}, },
methods: { methods: {
TopMemberHandleChange(val) {
if (val) {
this.queryParams.memberCode = val
this.getSearch()
}
},
handleWheel(event) { handleWheel(event) {
if (this.cantz == 1) { // 暂时禁用滚轮缩放功能
event.preventDefault() // event.preventDefault()
const delta = Math.sign(event.deltaY) // const delta = Math.sign(event.deltaY)
const newScale = this.scale - delta * 0.1 // const newScale = this.scale - delta * 0.1
this.scale = Math.max(0.01, Math.min(newScale, 10)) // this.scale = Math.max(0.01, Math.min(newScale, 10))
} return
}, },
isLocals, isLocals,
copyText() { copyText() {
@ -350,17 +257,17 @@ export default {
tempInput.remove() tempInput.remove()
window.getSelection().removeAllRanges() window.getSelection().removeAllRanges()
}, },
// 返回 // 返回
goback() { goback() {
this.queryParams.memberCode = this.data.parentMemberCode this.queryParams.memberCode = this.data.parentMemberCode
this.getSearch() this.getSearch()
}, },
// 拖拽移动 // 拖拽移动
move(e) { move(e) {
if (this.cantz == 0) {
return
}
const odiv = e.currentTarget // 获取元素 const odiv = e.currentTarget // 获取元素
console.log(e)
// 算出鼠标相对元素的位置 // 算出鼠标相对元素的位置
const disX = e.clientX - odiv.offsetLeft const disX = e.clientX - odiv.offsetLeft
@ -384,49 +291,7 @@ export default {
document.onmouseup = null document.onmouseup = null
} }
}, },
async downloadImage() {
const element = this.$refs.htmlContent
// 使用html2canvas将节点生成为图片
const canvas = await html2canvas(element)
const image = canvas.toDataURL('image/png')
// 复制图片到剪贴板
try {
await navigator.clipboard.write([
new ClipboardItem({
'image/png': await new Promise((resolve) =>
canvas.toBlob(resolve, 'image/png')
)
})
])
this.$message({
message: '复制成功',
type: 'success'
})
} catch (error) {
// this.$message({
// message: "复制失败",
// type: "warning",
// });
}
// 下载图片到本地
const link = document.createElement('a')
link.href = image
link.download = 'image.png'
link.click()
},
getAvarerInfo() {
getAvarerInfo().then((res) => {
this.avaerInfoList = res.data
})
getMemberSettlePeriod().then((res) => {
this.memberSettlePeriodList = res.data
this.memberSettlePeriodList.forEach((ele) => {
if (ele.isThisDay == 0) {
this.queryParams.memberSettlePeriodId = ele.pkId
}
})
})
},
// 鼠标移入 // 鼠标移入
onMouseover(e, data) { onMouseover(e, data) {
this.basicInfo = data this.basicInfo = data
@ -436,78 +301,51 @@ export default {
onMouseout(e, data) { onMouseout(e, data) {
this.basicSwitch = false this.basicSwitch = false
}, },
// <div class="xrBox">
// <div class="neibox" on-click={() => this.showPover(data)}>
// <div class="topbox">
// <img src={data.avatarUrl}></img>
// </div>
// <div class="centerbox">
// <div class="cflexbox">
// <img src={data.countryUrl}></img>
// <div class="matitle">{data.memberCode}</div>
// </div>
// <div class="cflexbox">
// <img src={data.settleCountryUrl}></img>
// <div class="matitle">{data.name}</div>
// </div>
// </div>
// <div class="footerbox">
// {/* 阻止冒泡事件 */}
// <div class="ftopbtn" on-click={() => {event.stopPropagation(),this.goTop(data)}}>置顶</div>
// </div>
// </div>
// </div>
// 渲染节点 // 渲染节点
renderContent(h, data) { renderContent(h, data) {
if (!data || Object.keys(data).length === 0) { if (Object.keys(data).length > 0) {
return return (
} <div class='render-content-item'>
return ( {/* 节点编号 */}
<div class='xrBox'> {data.nodeCode !== '0-root' && (
{/* 判断data.codeName是否为空 */} <div class='node-code'>
<div class='neibox'>
{data.memberCode ? ( <span>{data.nodeCode}</span>
<div on-click={() => this.showPover(data)}> </div>
<div class='topbox'> )}
<img src={data.settleCountryUrl2}></img>
</div> {/* 会员信息或空点位 */}
<div class='footerbox'> <div class='node-content'>
{/* 阻止冒泡事件 */} {data.memberCode && data.memberName ? (
<div <div class='member-info'>
class='ftopbtn'
style={{ backgroundColor: data.color }} <div class='member-details'>
on-click={() => { <div class='member-code'>{data.memberCode}</div>
event.stopPropagation(), this.goTop(data) <div class='member-name'>{data.memberName}</div>
}}
>
{'置顶'}
</div> </div>
</div> </div>
</div> ) : (
) : null} <div class='empty-node'>
</div> <div class='empty-avatar'>
</div> <i class='el-icon-plus'></i>
) </div>
<div class='empty-text'>空点位</div>
<div class='status-indicator inactive'></div>
</div>
)}
</div>
</div>)
} else {
return null
}
}, },
// 置顶 // 右键点击
goTop(row) { rightClick(e, data) {
this.queryParams.memberCode = row.memberCode event.preventDefault()
this.queryParams.memberCode = data.memberCode
this.getSearch() this.getSearch()
}, },
showPover(row) {
getUrlBase({
countryUrl2: row.countryUrl2,
settleCountryUrl2: row.settleCountryUrl2,
avatarUrl: row.avatarUrl
}).then((res) => {
this.treeData = row
this.treeData.countryUrl2Base64 = res.countryUrl2Base64
this.treeData.settleCountryUrl2Base64 = res.settleCountryUrl2Base64
this.treeData.avatarUrlBase64 = res.avatarUrlBase64
this.ifShow = true
})
},
// 点击节点 // 点击节点
NodeClick(e, data) {}, NodeClick(e, data) {},
// 默认展开 // 默认展开
@ -536,17 +374,15 @@ export default {
}, },
// 展开 // 展开
onExpand(e, data) { onExpand(e, data) {
if ('expand' in data) {
data.expand = !data.expand
if (!data.expand && data.children) {
this.collapse(data.children)
}
} else {
this.$set(data, 'expand', true)
}
}, },
getSearch() { getSearch() {
console.log(this.queryParams, '...this.')
if (!this.queryParams.childNode || !this.queryParams.memberCode) {
this.$message.warning('会员编号和子点位不能为空')
return
}
this.loading = true this.loading = true
getAzFramework(this.queryParams).then((res) => { getAzFramework(this.queryParams).then((res) => {
this.data = res.data[0] this.data = res.data[0]
this.toggleExpand(this.data, true) this.toggleExpand(this.data, true)
@ -554,22 +390,33 @@ export default {
this.loading = false this.loading = false
}) })
}, },
resetHandle() { resetHandle() {
this.$refs.topMemberSelect.reset() this.$refs.topMemberSelect.reset()
this.queryParams = { this.queryParams = {
memberSettlePeriodId: '', // 期数 memberSettlePeriodId: '', // 期数
memberCode: '', // 会员编号 memberCode: '', // 会员编号
level: 5, stage: 7,
type: 2 type: 1
} }
this.getSearch() this.getSearch()
},
getChildNodeList() {
if (!this.queryParams.memberCode) {
return
}
getChildList(this.queryParams).then((res) => {
if (res.code === 200) {
this.childNodeList = res.data || []
}
})
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-dialog__headerbtn{ ::v-deep .el-dialog__headerbtn{
top: 5px; top: 5px;
right: 10px; right: 10px;
border: 1px solid #c8c3c3; border: 1px solid #c8c3c3;
@ -604,16 +451,24 @@ export default {
// overflow: auto; // overflow: auto;
} }
} }
::v-deep .org-tree-node-btn { ::v-deep .org-tree-node-btn {
display: none; display: none;
} }
::v-deep .org-tree-node-label {
display: block;
}
::v-deep .org-tree-node-label-inner { ::v-deep .org-tree-node-label-inner {
padding: 0; background: transparent !important;
background: rgba(0, 0, 0, 0);
padding: 0 !important; padding: 0 !important;
border: none; border: none;
border-radius: 10px; box-shadow: none !important;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
// margin-left: -20px;
// z-index: -1;
} }
::v-deep .el-dialog__body { ::v-deep .el-dialog__body {
padding: 0; padding: 0;
@ -623,63 +478,184 @@ export default {
background: rgba(1, 1, 1, 0) !important; background: rgba(1, 1, 1, 0) !important;
overflow-x: auto; overflow-x: auto;
} }
::v-deep .xrBox { ::v-deep .render-content-item {
.neibox { border-radius: 12px;
padding: 8px 15px; margin: auto;
margin: auto; z-index: 99;
min-width: 50px; padding: 0;
min-height: 50px; border: none;
// z-index: 99; max-width: 200px;
.topbox { text-align: center;
margin: 0 auto; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
img { box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
width: 52px; transition: all 0.3s ease;
height: 36px; overflow: hidden;
border-radius: 8px; position: relative;
// border-radius: 50%;
} &:hover {
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4);
}
.node-code {
background: rgba(255, 255, 255, 0.1);
padding: 8px 12px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
i {
font-size: 14px;
color: #ffd700;
} }
.centerbox {
span {
letter-spacing: 0.5px;
}
}
.node-content {
padding: 16px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
position: relative;
}
.member-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
position: relative;
.member-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #667eea, #764ba2);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: center;
padding: 10px; margin-bottom: 4px;
text-align: center; box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3);
box-shadow: 0px 2px 20px 0px rgba(204, 204, 204, 0.5);
.cflexbox { i {
margin: 0 10px; font-size: 24px;
img { color: white;
width: 51px;
height: 34px;
border-radius: 10px;
margin-bottom: 8px;
}
.matitle {
font-size: 10px;
}
} }
} }
.footerbox {
// margin-top: 10px;
.ftopbtn {
margin: 0 auto;
// width: 35px;
// height: 16px;
background: #21c8f4;
border-radius: 4px;
display: flex; .member-details {
padding: 4px 9px; text-align: center;
align-items: center;
justify-content: center;
color: #ffffff;
cursor: pointer;
margin-top: 10px; .member-code {
font-size: 13px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 2px;
letter-spacing: 0.3px;
} }
.member-name {
font-size: 12px;
color: #7f8c8d;
font-weight: 500;
}
}
.status-indicator.active {
position: absolute;
top: -2px;
right: -2px;
width: 12px;
height: 12px;
background: #27ae60;
border-radius: 50%;
border: 2px solid white;
box-shadow: 0 2px 8px rgba(39, 174, 96, 0.3);
animation: pulse-green 2s infinite;
}
}
.empty-node {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
opacity: 0.8;
position: relative;
.empty-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #bdc3c7, #95a5a6);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
border: 2px dashed #95a5a6;
transition: all 0.3s ease;
i {
font-size: 20px;
color: white;
}
}
.empty-text {
font-size: 12px;
color: #7f8c8d;
font-weight: 500;
}
.status-indicator.inactive {
position: absolute;
top: -2px;
right: -2px;
width: 12px;
height: 12px;
background: #95a5a6;
border-radius: 50%;
border: 2px solid white;
box-shadow: 0 2px 8px rgba(149, 165, 166, 0.3);
}
&:hover .empty-avatar {
background: linear-gradient(135deg, #3498db, #2980b9);
border-color: #3498db;
transform: scale(1.05);
} }
} }
} }
@keyframes pulse-green {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.7;
transform: scale(1.1);
}
}
.lefttop { .lefttop {
display: flex; display: flex;
justify-items: center; justify-items: center;
@ -689,8 +665,8 @@ export default {
.single { .single {
margin: 0 5px; margin: 0 5px;
img { img {
width: 40px; width: 36px;
height: 40px; height: 36px;
border-radius: 50%; border-radius: 50%;
// box-shadow: 0px 2px 20px 0px rgba(204, 204, 204, 0.5); // box-shadow: 0px 2px 20px 0px rgba(204, 204, 204, 0.5);
} }
@ -701,16 +677,6 @@ export default {
} }
} }
} }
::v-deep .org-tree-node-label .org-tree-node-label-inner {
padding: 0;
}
::v-deep .el-dialog__body {
padding: 0;
}
// ::v-deep .xrBox {
// }
::v-deep .rendercontent { ::v-deep .rendercontent {
.toprender { .toprender {
display: flex; display: flex;
@ -731,7 +697,7 @@ export default {
margin-top: 10px; margin-top: 10px;
width: 50px; width: 50px;
height: 30px; height: 30px;
border-radius: 10px; border-radius: 8px;
} }
} }
.centerbox { .centerbox {
@ -778,7 +744,7 @@ export default {
img { img {
width: 75px; width: 75px;
height: 50px; height: 50px;
border-radius: 10px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@ -844,7 +810,8 @@ export default {
} }
.page { .page {
padding: 10px 20px; background: #ffffff;
padding: 10px 20px !important;
background: #f9f9f9; background: #f9f9f9;
font-size: 14px; font-size: 14px;
.thetopbox { .thetopbox {
@ -862,14 +829,6 @@ export default {
color: #ffffff; color: #ffffff;
} }
} }
} }
.theorgtree {
overflow: auto;
// margin-top: 20px;
}
}
::v-deep .org-tree {
margin: 0 auto;
} }
</style> </style>

4
src/views/framework/architecture/mixins/tab-bar.js
View File

@ -7,8 +7,8 @@ export default {
path: 'azjg' path: 'azjg'
} }
// { // {
// name: '方案五', // name: '方案二',
// path: 'azjg5' // path: 'azjg2'
// } // }
] ]
} }