|
@@ -1,7 +1,7 @@
|
|
|
<script setup>
|
|
|
-import { ref, onMounted } from "vue";
|
|
|
-import request, { download } from '~/utils/request';
|
|
|
-import typeUrl from '~/assets/type.png'
|
|
|
+import { ref } from "vue";
|
|
|
+import typeUrl from '~/assets/type.png';
|
|
|
+import request from '~/utils/request';
|
|
|
|
|
|
import * as echarts from 'echarts';
|
|
|
|
|
@@ -11,7 +11,7 @@ const tableKey = 'xqzt_id'
|
|
|
|
|
|
const queryFormData = ref({})
|
|
|
|
|
|
-const tableData = ref([])
|
|
|
+const tableData = ref()
|
|
|
const cardData = ref([])
|
|
|
|
|
|
|
|
@@ -28,16 +28,20 @@ function queryApi() {
|
|
|
}
|
|
|
}).then(response => {
|
|
|
const { data } = response
|
|
|
+ const str = JSON.stringify(data.content_json)
|
|
|
+ if(str==='{}'){
|
|
|
+ throw new Error('暂无数据')
|
|
|
+ }
|
|
|
tableData.value = data.content_json
|
|
|
- cardData.value = data.content_json.card
|
|
|
+ cardData.value = data.content_json.card ?? []
|
|
|
return response
|
|
|
}).then(() => {
|
|
|
loading.value = false
|
|
|
}).then(() => {
|
|
|
|
|
|
const size = boxRef.value.getBoundingClientRect()
|
|
|
- const chartData = tableData.value.chart
|
|
|
- const xAxisType = chartData.xk
|
|
|
+ const chartData = tableData.value?.chart
|
|
|
+ const xAxisType = chartData?.xk
|
|
|
|
|
|
|
|
|
const chart1 = echarts.init(canvasRef1.value, 'default', { width: size.width * 0.6, height: size.height / 2 })
|
|
@@ -217,6 +221,10 @@ function queryApi() {
|
|
|
},
|
|
|
]
|
|
|
})
|
|
|
+ }).catch(err => {
|
|
|
+ console.log(err)
|
|
|
+ loading.value = false
|
|
|
+ ElMessage.error(err.message)
|
|
|
})
|
|
|
}
|
|
|
queryApi()
|
|
@@ -244,14 +252,14 @@ const canvasRef5 = ref()
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>资源数量</div>
|
|
|
- <div class="text-black text-2xl mt-1">{{ cardData[0]?.zysl }}</div>
|
|
|
+ <div class="text-black text-2xl mt-1">{{ cardData[0]?.zysl ??'-'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div class="flex justify-between py-1"><span>本月新增</span><span
|
|
|
- class="text-black">{{ cardData[0]?.byxz }}</span></div>
|
|
|
- <div class="flex justify-between py-1"><span>资源类型数</span><span
|
|
|
- class="text-black">{{ cardData[0]?.zylxs }}</span></div>
|
|
|
+ <div class="flex justify-between py-1"><span>本月新增</span><span class="text-black">{{ cardData[0]?.byxz ??'-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex justify-between py-1"><span>资源类型数</span><span class="text-black">{{ cardData[0]?.zylxs ??'-'}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div class="card w-19/100">
|
|
@@ -262,14 +270,14 @@ const canvasRef5 = ref()
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>下载数量</div>
|
|
|
- <div class=" text-black text-2xl mt-1">{{ cardData[1]?.xzsl }}</div>
|
|
|
+ <div class=" text-black text-2xl mt-1">{{ cardData[1]?.xzsl ??'-'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div class="flex justify-between py-1"><span>本月下载</span><span
|
|
|
- class="text-black">{{ cardData[1]?.byxz }}</span></div>
|
|
|
- <div class="flex justify-between py-1"><span>单日最多下载数</span><span
|
|
|
- class="text-black">{{ cardData[1]?.drzdxzs }}</span></div>
|
|
|
+ <div class="flex justify-between py-1"><span>本月下载</span><span class="text-black">{{ cardData[1]?.byxz ??'-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex justify-between py-1"><span>单日最多下载数</span><span class="text-black">{{ cardData[1]?.drzdxzs
|
|
|
+ ??'-'}}</span></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="card w-19/100">
|
|
@@ -280,13 +288,13 @@ const canvasRef5 = ref()
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>占有空间</div>
|
|
|
- <div class=" text-black text-2xl mt-1">{{ cardData[2]?.zykj }}</div>
|
|
|
+ <div class=" text-black text-2xl mt-1">{{ cardData[2]?.zykj ??'-'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div class="flex justify-between py-1"><span>本月占有</span><span
|
|
|
- class="text-black">{{ cardData[2]?.byzy }}</span></div>
|
|
|
- <div class="flex justify-between py-1"><span>总空间</span><span class="text-black">{{ cardData[2]?.zkj }}</span>
|
|
|
+ <div class="flex justify-between py-1"><span>本月占有</span><span class="text-black">{{ cardData[2]?.byzy ??'-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex justify-between py-1"><span>总空间</span><span class="text-black">{{ cardData[2]?.zkj ??'-'}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -298,14 +306,14 @@ const canvasRef5 = ref()
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>总空间</div>
|
|
|
- <div class=" text-black text-2xl mt-1">{{ cardData[3]?.yhsl }}</div>
|
|
|
+ <div class=" text-black text-2xl mt-1">{{ cardData[3]?.yhsl ??'-'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div class="flex justify-between py-1"><span>本年新增</span><span
|
|
|
- class="text-black">{{ cardData[3]?.bnxz }}</span></div>
|
|
|
- <div class="flex justify-between py-1"><span>平台总访问量</span><span
|
|
|
- class="text-black">{{ cardData[3]?.ptzfwl }}</span></div>
|
|
|
+ <div class="flex justify-between py-1"><span>本年新增</span><span class="text-black">{{ cardData[3]?.bnxz ??'-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex justify-between py-1"><span>平台总访问量</span><span class="text-black">{{ cardData[3]?.ptzfwl
|
|
|
+ ??'-'}}</span></div>
|
|
|
</div>
|
|
|
|
|
|
<div class="card w-19/100">
|
|
@@ -316,14 +324,14 @@ const canvasRef5 = ref()
|
|
|
</div>
|
|
|
<div>
|
|
|
<div>资源评论</div>
|
|
|
- <div class=" text-black text-2xl mt-1">{{ cardData[4]?.zypl }}</div>
|
|
|
+ <div class=" text-black text-2xl mt-1">{{ cardData[4]?.zypl ??'-'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div class="flex justify-between py-1"><span>本月新增</span><span
|
|
|
- class="text-black">{{ cardData[4]?.byxz }}</span></div>
|
|
|
- <div class="flex justify-between py-1"><span>匿名评价总数</span><span
|
|
|
- class="text-black">{{ cardData[4]?.nmpjzs }}</span></div>
|
|
|
+ <div class="flex justify-between py-1"><span>本月新增</span><span class="text-black">{{ cardData[4]?.byxz ??'-'}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="flex justify-between py-1"><span>匿名评价总数</span><span class="text-black">{{ cardData[4]?.nmpjzs
|
|
|
+ ??'-'}}</span></div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@@ -331,7 +339,7 @@ const canvasRef5 = ref()
|
|
|
<div class="flex-auto card flex flex-col w-full">
|
|
|
<div>各学科资源统计</div>
|
|
|
<div class="divider"></div>
|
|
|
- <div ref="boxRef" class="flex-auto w-full">
|
|
|
+ <div v-if="tableData" ref="boxRef" class="flex-auto w-full">
|
|
|
<div class="h-1/2 flex">
|
|
|
<canvas ref="canvasRef1" class=" h-full"></canvas>
|
|
|
<canvas ref="canvasRef2" class=" h-full"></canvas>
|
|
@@ -342,11 +350,8 @@ const canvasRef5 = ref()
|
|
|
<canvas ref="canvasRef5" class=" h-full"></canvas>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-empty v-else description="暂无数据"></el-empty>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
</template>
|
|
|
|