refactor: eslint代码检查优化
Former-commit-id: 4c11b5d0cdd10f28148cf3d9b593f85e082cdc51
This commit is contained in:
@@ -11,7 +11,6 @@
|
||||
import {nextTick, onActivated, onBeforeUnmount, onDeactivated, onMounted} from "vue";
|
||||
import {init, EChartsOption} from 'echarts'
|
||||
import resize from "@/utils/resize";
|
||||
import * as echarts from "echarts";
|
||||
|
||||
const props = defineProps({
|
||||
id: {
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</template>
|
||||
<el-tabs v-model="teamActiveName">
|
||||
<el-tab-pane label="开发者「无回」" name="developer">
|
||||
<div class="developer" ref="dev_wapper">
|
||||
<div class="developer" ref="dev_wrapper">
|
||||
<ul class="developer__container">
|
||||
<li class="developer__item" v-for="(item, index) in developers" :key="index">
|
||||
<div class="developer__inner">
|
||||
@@ -21,9 +21,10 @@
|
||||
<div class="developer__position">
|
||||
<el-tag
|
||||
v-for="(position, i) in item.positions"
|
||||
:type="colors[i % colors.length]"
|
||||
:type="(colors[i % colors.length] as any)"
|
||||
:class="i !== 0 ? 'f-ml' : ''"
|
||||
size="small"
|
||||
:key="i"
|
||||
>{{ position }}</el-tag>
|
||||
</div>
|
||||
<div class="developer__homepage">
|
||||
@@ -41,8 +42,8 @@
|
||||
<div class="group">
|
||||
<el-image
|
||||
class="group-img"
|
||||
src="https://cdn.youlai.tech/youlaiqun.png"
|
||||
:preview-src-list="['https://cdn.youlai.tech/youlaiqun.png']"
|
||||
src="https://www.youlai.tech/files/blog/youlaiqun.png"
|
||||
:preview-src-list="['https://www.youlai.tech/files/blog/youlaiqun.png']"
|
||||
/>
|
||||
<div class="group-tip">群二维码过期可添加开发者微信由其拉入群,备注「有来」即可。</div>
|
||||
</div>
|
||||
@@ -99,10 +100,10 @@ const { teamActiveName, developers, colors, indicatorImgUrl } = toRefs(state);
|
||||
|
||||
let bScroll = reactive({})
|
||||
|
||||
const dev_wapper = ref<HTMLElement | any>(null)
|
||||
const dev_wrapper = ref<HTMLElement | any>(null)
|
||||
|
||||
onMounted(() => {
|
||||
bScroll = new BScroll(dev_wapper.value, {
|
||||
bScroll = new BScroll(dev_wrapper.value, {
|
||||
mouseWheel: true,//开启鼠标滚轮
|
||||
disableMouse: false,//启用鼠标拖动
|
||||
scrollX: true, //X轴滚动启用
|
||||
|
||||
@@ -86,68 +86,32 @@
|
||||
<!-- Echarts 图表 -->
|
||||
<el-row :gutter="40" style="margin-top: 20px">
|
||||
<el-col :sm="24" :lg="8" class="card-panel-col">
|
||||
<BarChart
|
||||
id="barChart"
|
||||
height="400px"
|
||||
width="100%"
|
||||
class="chart-container"
|
||||
/>
|
||||
<BarChart id="barChart" height="400px" width="100%" class="chart-container" />
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :lg="8" class="card-panel-col">
|
||||
<PieChart
|
||||
id="pieChart"
|
||||
height="400px"
|
||||
width="100%"
|
||||
class="chart-container"
|
||||
/>
|
||||
<PieChart id="pieChart" height="400px" width="100%" class="chart-container" />
|
||||
<!--订单漏斗图-->
|
||||
<!--<FunnelChart id="funnelChart" height="400px" width="100%" class="chart-container"/>-->
|
||||
</el-col>
|
||||
|
||||
<el-col :xs="24" :sm="12" :lg="8" class="card-panel-col">
|
||||
<RadarChart
|
||||
id="radarChart"
|
||||
height="400px"
|
||||
width="100%"
|
||||
class="chart-container"
|
||||
/>
|
||||
<RadarChart id="radarChart" height="400px" width="100%" class="chart-container" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// Vue引用
|
||||
import {
|
||||
computed,
|
||||
nextTick,
|
||||
onMounted,
|
||||
reactive,
|
||||
toRefs,
|
||||
watchEffect,
|
||||
} from "vue";
|
||||
|
||||
// 组件引用
|
||||
import GithubCorner from "@/components/GithubCorner/index.vue";
|
||||
import SvgIcon from "@/components/SvgIcon/index.vue";
|
||||
import BarChart from "./components/Chart/BarChart.vue";
|
||||
import PieChart from "./components/Chart/PieChart.vue";
|
||||
import RadarChart from "./components/Chart/RadarChart.vue";
|
||||
import FunnelChart from "./components/Chart/FunnelChart.vue";
|
||||
|
||||
import Project from "./components/Project/index.vue";
|
||||
import Team from "./components/Team/index.vue";
|
||||
|
||||
import BScroll from "better-scroll";
|
||||
|
||||
import useStore from "@/store";
|
||||
|
||||
const { user } = useStore();
|
||||
|
||||
const roles = computed(() => user.roles);
|
||||
const avatar = computed(() => user.avatar);
|
||||
const nickname = computed(() => user.nickname);
|
||||
</script>
|
||||
|
||||
|
||||
@@ -171,8 +135,7 @@ const nickname = computed(() => user.nickname);
|
||||
}
|
||||
|
||||
.user-profile {
|
||||
.user-name {
|
||||
}
|
||||
.user-name {}
|
||||
|
||||
.box-center {
|
||||
padding-top: 10px;
|
||||
|
||||
Reference in New Issue
Block a user