同步现场代码
This commit is contained in:
@@ -3,7 +3,10 @@
|
|||||||
<vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
|
<vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
|
||||||
<vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
|
<vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
|
||||||
<vue-office-pdf v-if="url.includes('.pdf')" :src="url" />
|
<vue-office-pdf v-if="url.includes('.pdf')" :src="url" />
|
||||||
<img v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif')" :src="url" />
|
<img
|
||||||
|
v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
|
||||||
|
:src="url"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@@ -17,7 +20,9 @@ import VueOfficeExcel from '@vue-office/excel'
|
|||||||
//引入VueOfficePdf组件
|
//引入VueOfficePdf组件
|
||||||
import VueOfficePdf from '@vue-office/pdf'
|
import VueOfficePdf from '@vue-office/pdf'
|
||||||
const { push, options, currentRoute } = useRouter()
|
const { push, options, currentRoute } = useRouter()
|
||||||
const url = 'http://192.168.1.22:9009/excelreport/supervision/' + currentRoute.value.href?.split('?')[1]
|
// const url = 'http://192.168.1.22:9009/excelreport/supervision/' + currentRoute.value.href?.split('?')[1]
|
||||||
|
|
||||||
|
const url = '/api-docx/excelreport/supervision/' + currentRoute.value.href?.split('?')[1]
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log()
|
console.log()
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -16,9 +16,7 @@
|
|||||||
? 'background3'
|
? 'background3'
|
||||||
: ''
|
: ''
|
||||||
" -->
|
" -->
|
||||||
<span
|
<span>
|
||||||
|
|
||||||
>
|
|
||||||
{{ scope.row.assessData }}
|
{{ scope.row.assessData }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
@@ -124,15 +122,26 @@
|
|||||||
</vxe-table>
|
</vxe-table>
|
||||||
</div>
|
</div>
|
||||||
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
<div style="height: 300px; margin-top: 10px; position: relative" v-loading="loading">
|
||||||
<el-select
|
<!-- <el-select
|
||||||
v-model="time"
|
v-model="time"
|
||||||
size="small"
|
size="small"
|
||||||
style="width: 50px; position: absolute; top: 20px; right: 20px; z-index: 1"
|
|
||||||
@change="analysis"
|
@change="analysis"
|
||||||
>
|
>
|
||||||
<el-option label="年" value="1" />
|
<el-option label="年" value="1" />
|
||||||
<el-option label="月" value="3" />
|
<el-option label="月" value="3" />
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<div style="position: absolute; width: 100px; top: 0px; right: 10px; z-index: 1">
|
||||||
|
<el-radio-group v-model="city" size="small" >
|
||||||
|
<el-radio-button label="1">省</el-radio-button>
|
||||||
|
<el-radio-button label="2">地市</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
|
<el-radio-group v-model="time" size="small" @change="analysis">
|
||||||
|
<el-radio-button label="1">年</el-radio-button>
|
||||||
|
<el-radio-button label="3">月</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
|
</div>
|
||||||
|
|
||||||
<MyEChart style="height: 300px" :options="picEChart" />
|
<MyEChart style="height: 300px" :options="picEChart" />
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -145,6 +154,7 @@ import { getAssessDetail, getAssessTrend } from '@/api/device-boot/panorama'
|
|||||||
const dialogVisible: any = ref(false)
|
const dialogVisible: any = ref(false)
|
||||||
const rowList: any = ref({})
|
const rowList: any = ref({})
|
||||||
const time = ref('1')
|
const time = ref('1')
|
||||||
|
const city = ref('1')
|
||||||
const loading = ref(false)
|
const loading = ref(false)
|
||||||
const tableData: any = ref([])
|
const tableData: any = ref([])
|
||||||
|
|
||||||
@@ -165,6 +175,10 @@ const analysis = (e: any) => {
|
|||||||
title: {
|
title: {
|
||||||
text: '各地市综合评估趋势对比'
|
text: '各地市综合评估趋势对比'
|
||||||
},
|
},
|
||||||
|
legend: {
|
||||||
|
right: 120,
|
||||||
|
top: 20
|
||||||
|
},
|
||||||
// tooltip: {
|
// tooltip: {
|
||||||
// formatter: function (params: any) {
|
// formatter: function (params: any) {
|
||||||
// // console.log(123, params)
|
// // console.log(123, params)
|
||||||
@@ -215,7 +229,8 @@ const analysis = (e: any) => {
|
|||||||
},
|
},
|
||||||
|
|
||||||
grid: {
|
grid: {
|
||||||
bottom: '10px'
|
bottom: '10px',
|
||||||
|
top: '60px',
|
||||||
},
|
},
|
||||||
|
|
||||||
yAxis: {
|
yAxis: {
|
||||||
|
|||||||
@@ -5,10 +5,14 @@
|
|||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>趋势分析</span>
|
<span>趋势分析</span>
|
||||||
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
||||||
<el-option label="年" value="1" />
|
<el-option label="年" value="1" />
|
||||||
<el-option label="月" value="3" />
|
<el-option label="月" value="3" />
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
|
||||||
|
<el-radio-button label="1">年</el-radio-button>
|
||||||
|
<el-radio-button label="3">月</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<MyEChart style="height: 260px" :options="trendEChart" />
|
<MyEChart style="height: 260px" :options="trendEChart" />
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|||||||
@@ -5,10 +5,14 @@
|
|||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>趋势分析</span>
|
<span>趋势分析</span>
|
||||||
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
||||||
<el-option label="年" value="1" />
|
<el-option label="年" value="1" />
|
||||||
<el-option label="月" value="3" />
|
<el-option label="月" value="3" />
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
|
||||||
|
<el-radio-button label="1">年</el-radio-button>
|
||||||
|
<el-radio-button label="3">月</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<MyEChart style="height: 260px" :options="trendEChart" />
|
<MyEChart style="height: 260px" :options="trendEChart" />
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -33,9 +37,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
</span>
|
</span>
|
||||||
<el-select v-model="contaminate" style="width: 120px; margin-right: 80px" @change="contaminateC">
|
<!-- <el-select v-model="contaminate" style="width: 120px; margin-right: 80px" @change="contaminateC">
|
||||||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<el-radio-group
|
||||||
|
v-model="contaminate"
|
||||||
|
style="margin-right: 50px"
|
||||||
|
@change="contaminateC"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-radio-button v-for="item in options" :label="item.id">{{ item.name }}</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pie">
|
<div class="pie">
|
||||||
|
|||||||
@@ -10,9 +10,9 @@
|
|||||||
<vxe-column sortable field="interruptTimes" title="短时中断次数" />
|
<vxe-column sortable field="interruptTimes" title="短时中断次数" />
|
||||||
|
|
||||||
<vxe-colgroup title="暂态严重度占比">
|
<vxe-colgroup title="暂态严重度占比">
|
||||||
<vxe-column sortable field="rate20" title="SARFI-90" />
|
<vxe-column sortable field="rate90" title="SARFI-90" />
|
||||||
<vxe-column sortable field="rate20" title="SARFI-50" />
|
<vxe-column sortable field="rate50" title="SARFI-50" />
|
||||||
<vxe-column sortable field="rate90" title="SARFI-20" />
|
<vxe-column sortable field="rate20" title="SARFI-20" />
|
||||||
</vxe-colgroup>
|
</vxe-colgroup>
|
||||||
</vxe-table>
|
</vxe-table>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -5,10 +5,14 @@
|
|||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span>趋势分析</span>
|
<span>趋势分析</span>
|
||||||
<el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
<!-- <el-select v-model="time" style="width: 80px; margin-right: 80px" @change="analysis">
|
||||||
<el-option label="年" value="1" />
|
<el-option label="年" value="1" />
|
||||||
<el-option label="月" value="3" />
|
<el-option label="月" value="3" />
|
||||||
</el-select>
|
</el-select> -->
|
||||||
|
<el-radio-group v-model="time" style="margin-right: 50px" @change="analysis" size="small">
|
||||||
|
<el-radio-button label="1">年</el-radio-button>
|
||||||
|
<el-radio-button label="3">月</el-radio-button>
|
||||||
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<MyEChart style="height: 260px" :options="trendEChart" />
|
<MyEChart style="height: 260px" :options="trendEChart" />
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|||||||
@@ -52,7 +52,12 @@
|
|||||||
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
<p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
|
||||||
{{ item.list[3].numOne }}
|
{{ item.list[3].numOne }}
|
||||||
</p>
|
</p>
|
||||||
<p style="font-size: 12px; width: 32px; cursor: pointer;color: var(--el-color-primary);" @click.stop="open(i)">详情</p>
|
<p
|
||||||
|
style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
|
||||||
|
@click.stop="open(i)"
|
||||||
|
>
|
||||||
|
详情
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -70,7 +75,11 @@
|
|||||||
<img src="@/assets/img/TJ.png" />
|
<img src="@/assets/img/TJ.png" />
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</div>
|
</div>
|
||||||
<div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`" v-for="val in item.children">
|
<div
|
||||||
|
class="card-Box"
|
||||||
|
:style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
|
||||||
|
v-for="val in item.children"
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<span class="line"></span>
|
<span class="line"></span>
|
||||||
<span class="vol">{{ val.title }}</span>
|
<span class="vol">{{ val.title }}</span>
|
||||||
@@ -427,7 +436,9 @@ defineExpose({ info, show })
|
|||||||
}
|
}
|
||||||
.vcl {
|
.vcl {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-bottom: 1px solid #e6e0e0;
|
border-bottom: 2px solid #fff;
|
||||||
|
background-color: #edededc0;
|
||||||
|
border-radius: 5px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
p {
|
p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -439,6 +450,9 @@ defineExpose({ info, show })
|
|||||||
font-weight: 550;
|
font-weight: 550;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
&:nth-child(1) {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
@@ -147,9 +147,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="ml22" style="font-size: 12px">
|
<div class="ml22" style="font-size: 12px">
|
||||||
<span>
|
<span>
|
||||||
幅值低于90%:
|
SARFI-90:
|
||||||
<span class="num">{{ transientNum[0] }} </span>
|
<span class="num">{{ transientNum[0] }} </span>
|
||||||
幅值低于50%:
|
SARFI-50:
|
||||||
<span class="num">{{ transientNum[1] }}</span>
|
<span class="num">{{ transientNum[1] }}</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<el-descriptions-item label="预测评估单位">
|
<el-descriptions-item label="预测评估单位">
|
||||||
{{ detailData.evaluationDept }}
|
{{ detailData.evaluationDept }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="预测评估结论">
|
<el-descriptions-item label="预测评估结论" :span="2">
|
||||||
{{ detailData.evaluationConclusion }}
|
{{ detailData.evaluationConclusion }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item
|
<el-descriptions-item
|
||||||
|
|||||||
@@ -54,13 +54,13 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="copy-right">
|
<!-- <div class="copy-right">
|
||||||
<span>版权所有 @ 南京灿能电力自动化股份有限公司</span>
|
<span>版权所有 @ 南京灿能电力自动化股份有限公司</span>
|
||||||
<br />
|
<br />
|
||||||
<img style="width: 20px; height: 20px; position: absolute" src="@/assets/login/jhui.png" />
|
<img style="width: 20px; height: 20px; position: absolute" src="@/assets/login/jhui.png" />
|
||||||
|
|
||||||
<span> 苏公网安备 32011502011902号</span>
|
<span> 苏公网安备 32011502011902号</span>
|
||||||
</div>
|
</div> -->
|
||||||
<PopupUpdatePwd ref="popupUpdatePwdRef"></PopupUpdatePwd>
|
<PopupUpdatePwd ref="popupUpdatePwdRef"></PopupUpdatePwd>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -9,11 +9,14 @@ import path from 'path'
|
|||||||
const nodeResolve = (dir: string): any => path.resolve(__dirname, '.', dir)
|
const nodeResolve = (dir: string): any => path.resolve(__dirname, '.', dir)
|
||||||
// https://vitejs.dev/config/
|
// https://vitejs.dev/config/
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [vue(), svgBuilder('./src/assets/icons/'), vueJsx(),
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
svgBuilder('./src/assets/icons/'),
|
||||||
|
vueJsx(),
|
||||||
AutoImport({
|
AutoImport({
|
||||||
//自动引入
|
//自动引入
|
||||||
imports: ["vue", "vue-router","pinia"],
|
imports: ['vue', 'vue-router', 'pinia']
|
||||||
}),
|
})
|
||||||
],
|
],
|
||||||
server: {
|
server: {
|
||||||
host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
@@ -21,12 +24,17 @@ export default defineConfig({
|
|||||||
proxy: {
|
proxy: {
|
||||||
'/api': {
|
'/api': {
|
||||||
// target: 'http://10.95.53.49:10215', //海南服务器ip
|
// target: 'http://10.95.53.49:10215', //海南服务器ip
|
||||||
target: 'http://192.168.1.125:10215', //hsw
|
target: 'http://10.118.135.128:10215', ///hsw
|
||||||
// target: 'http://192.168.1.81:10215', //数据中心
|
// target: 'http://10.119.65.152:10215', //数据中心
|
||||||
// target: 'http://192.168.1.130:10215',
|
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: path => path.replace(/^\/api/, '') //路径重写,把'/api'替换为''
|
rewrite: path => path.replace(/^\/api/, '') //路径重写,把'/api'替换为''
|
||||||
},
|
},
|
||||||
|
'/api-docx': {
|
||||||
|
// 文件服务器地址
|
||||||
|
target: 'http://10.118.135.128:9009',
|
||||||
|
changeOrigin: true,
|
||||||
|
rewrite: path => path.replace(/^\/api-docx/, '')
|
||||||
|
},
|
||||||
'/map': {
|
'/map': {
|
||||||
// target: 'http://10.95.53.49:8088', //海南服务器ip
|
// target: 'http://10.95.53.49:8088', //海南服务器ip
|
||||||
target: 'http://192.168.1.125:8088', //hsw
|
target: 'http://192.168.1.125:8088', //hsw
|
||||||
|
|||||||
Reference in New Issue
Block a user