Compare commits
3 Commits
f368998a6d
...
359115ccf8
Author | SHA1 | Date |
---|---|---|
gongjiale | 359115ccf8 | |
gongjiale | 3d8f7cfff8 | |
gongjiale | d9a0403981 |
|
@ -1,6 +1,21 @@
|
||||||
<template>
|
<template>
|
||||||
<el-card shadow="never" class="aui-card--fill">
|
<el-card shadow="never" class="aui-card--fill">
|
||||||
<div class="mod-ability__bsabilityai">
|
<div class="mod-ability__bsabilityai">
|
||||||
|
<div class="second-title">
|
||||||
|
<div
|
||||||
|
|
||||||
|
:class="[choose === 0 ? 'departmentStyle' : 'departmentStyle1']"
|
||||||
|
@click="handleChose(0)"
|
||||||
|
>
|
||||||
|
市级领域场景
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
:class="[choose === 1 ? 'departmentStyle' : 'departmentStyle1']"
|
||||||
|
@click="handleChose(1)"
|
||||||
|
>
|
||||||
|
基层场景
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<el-form :inline="true" :model="dataForm">
|
<el-form :inline="true" :model="dataForm">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-input v-model="dataForm.name" placeholder="名称" clearable></el-input>
|
<el-input v-model="dataForm.name" placeholder="名称" clearable></el-input>
|
||||||
|
@ -40,21 +55,36 @@
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
|
|
||||||
<!-- 弹窗, 新增 / 修改 -->
|
<!-- 弹窗, 新增 / 修改 -->
|
||||||
<add-update-scene v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="query" @closeModal="closeModal"
|
<!-- <add-update-scene v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="query" @closeModal="closeModal"
|
||||||
:addOrUpdateVisible="addOrUpdateVisible" :modalType="modalType">
|
:addOrUpdateVisible="addOrUpdateVisible" :modalType="modalType">
|
||||||
</add-update-scene>
|
</add-update-scene> -->
|
||||||
|
<!-- 市级挂接 -->
|
||||||
|
<city-add v-if="cityVisible" ref="cityAdd" @refreshDataList="query" @closeModal="closeModal"
|
||||||
|
:cityVisible="cityVisible" :modalType="modalType">
|
||||||
|
</city-add>
|
||||||
|
<!--基层挂架-->
|
||||||
|
<area-add v-if="areaVisible" ref="areaAdd" @refreshDataList="query" @closeModal="closeModal"
|
||||||
|
:areaVisible="areaVisible" :modalType="modalType">
|
||||||
|
</area-add>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import mixinViewModule from "@/mixins/view-module";
|
import mixinViewModule from "@/mixins/view-module";
|
||||||
import AddUpdateScene from "./add-update-scene";
|
|
||||||
|
|
||||||
|
import cityAdd from "./city-add";
|
||||||
|
import areaAdd from "./area-add";
|
||||||
export default {
|
export default {
|
||||||
mixins: [mixinViewModule],
|
mixins: [mixinViewModule],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
//市级挂接
|
||||||
|
cityVisible:false,
|
||||||
|
//基层挂接
|
||||||
|
areaVisible:false,
|
||||||
|
//tab切换
|
||||||
|
choose: 0,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
childName: '',
|
childName: '',
|
||||||
mixinViewModuleOptions: {
|
mixinViewModuleOptions: {
|
||||||
|
@ -69,20 +99,27 @@ export default {
|
||||||
name: "",
|
name: "",
|
||||||
order: 'desc',
|
order: 'desc',
|
||||||
orderField: 'create_date',
|
orderField: 'create_date',
|
||||||
type: '赋能场景'
|
type: '赋能场景',
|
||||||
|
district: 0//0市级 1基层
|
||||||
|
|
||||||
},
|
},
|
||||||
qp: false,
|
qp: false,
|
||||||
modalType: 'add',
|
modalType: 'add',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
AddUpdateScene,
|
areaAdd,
|
||||||
|
cityAdd
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
window.addEventListener("resize", this.a);
|
window.addEventListener("resize", this.a);
|
||||||
this.fullScreen();
|
this.fullScreen();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleChose(index) {
|
||||||
|
this.choose = index;
|
||||||
|
this.searchData()
|
||||||
|
},
|
||||||
deleteRow(id) {
|
deleteRow(id) {
|
||||||
this.$confirm('确认是否删除?', '提示', {
|
this.$confirm('确认是否删除?', '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
|
@ -112,6 +149,7 @@ export default {
|
||||||
},
|
},
|
||||||
// 查询
|
// 查询
|
||||||
searchData() {
|
searchData() {
|
||||||
|
this.dataForm.district=this.choose
|
||||||
this.query()
|
this.query()
|
||||||
},
|
},
|
||||||
// 重置
|
// 重置
|
||||||
|
@ -121,20 +159,36 @@ export default {
|
||||||
},
|
},
|
||||||
// 修改
|
// 修改
|
||||||
handleUpdate(val) {
|
handleUpdate(val) {
|
||||||
this.addOrUpdateVisible = true;
|
if(this.choose==0){
|
||||||
|
this.cityVisible=true
|
||||||
|
}else{
|
||||||
|
this.areaVisible=true
|
||||||
|
}
|
||||||
|
|
||||||
this.modalType = 'update';
|
this.modalType = 'update';
|
||||||
const cloneVal = JSON.parse(JSON.stringify(val))
|
const cloneVal = JSON.parse(JSON.stringify(val))
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.$refs.addOrUpdate.getDetail(cloneVal)
|
if(this.choose==0){
|
||||||
|
this.$refs.cityAdd.getDetail(cloneVal)
|
||||||
|
}else{
|
||||||
|
this.$refs.areaAdd.getDetail(cloneVal)
|
||||||
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 挂接
|
// 挂接
|
||||||
addServe() {
|
addServe() {
|
||||||
this.addOrUpdateVisible = true
|
//this.addOrUpdateVisible = true
|
||||||
this.modalType = 'add';
|
this.modalType = 'add';
|
||||||
|
if(this.choose===0){
|
||||||
|
this.cityVisible=true
|
||||||
|
}else{
|
||||||
|
this.areaVisible=true
|
||||||
|
}
|
||||||
},
|
},
|
||||||
closeModal() {
|
closeModal() {
|
||||||
this.addOrUpdateVisible = false;
|
this.cityVisible = false;
|
||||||
|
this.areaVisible=false;
|
||||||
},
|
},
|
||||||
// 详情
|
// 详情
|
||||||
showDetail(val) {
|
showDetail(val) {
|
||||||
|
@ -164,6 +218,32 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.second-title {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
font-size: 14px;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
background: rgb(0,0,0,0.03);
|
||||||
|
border-bottom: 1px solid #d9d9d9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.departmentStyle {
|
||||||
|
float: left;
|
||||||
|
width: 100px;
|
||||||
|
color: #0058e1;
|
||||||
|
background-color: #fff;
|
||||||
|
border-right: 1px solid #d9d9d9;
|
||||||
|
border-left: 1px solid #d9d9d9;
|
||||||
|
border-top: 1px solid #d9d9d9;
|
||||||
|
}
|
||||||
|
.departmentStyle1 {
|
||||||
|
|
||||||
|
float: left;
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
.el-tooltip__popper {
|
.el-tooltip__popper {
|
||||||
max-width: 50%;
|
max-width: 50%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -181,6 +181,7 @@
|
||||||
<el-table-column prop="yyzy" label="应用资源" min-width="100%">
|
<el-table-column prop="yyzy" label="应用资源" min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="count" label="总计" min-width="100%">
|
<el-table-column prop="count" label="总计" min-width="100%">
|
||||||
|
<el-table-column prop="count" label="总计" min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
|
<el-table :data="tableData" :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
|
||||||
|
@ -206,6 +207,7 @@
|
||||||
<el-table-column prop="ysp" label="云视频" min-width="100%" >
|
<el-table-column prop="ysp" label="云视频" min-width="100%" >
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="count" label="总计" min-width="100%">
|
<el-table-column prop="count" label="总计" min-width="100%">
|
||||||
|
<el-table-column prop="count" label="总计" min-width="100%">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!--明细表-->
|
<!--明细表-->
|
||||||
|
@ -506,50 +508,51 @@ export default {
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.data.code !== 0) {
|
if (res.data.code !== 0) {
|
||||||
this.tableData = []
|
this.tableData =[]
|
||||||
this.tableDataClone = []
|
this.tableDataClone = []
|
||||||
this.total = 0
|
this.total = 0
|
||||||
return this.$message.error('服务器内部异常')
|
return this.$message.error("服务器内部异常")
|
||||||
} else {
|
|
||||||
const result = res.data.data
|
}else{
|
||||||
for (let i = 0; i < result.length; i++) {
|
const result = res.data.data
|
||||||
if (!result[i].hasOwnProperty('yyzy')) {
|
for (let i = 0; i < result.length; i++) {
|
||||||
result[i].yyzy = 0
|
if (!result[i].hasOwnProperty('yyzy')) {
|
||||||
}
|
result[i].yyzy = 0
|
||||||
if (!result[i].hasOwnProperty('kfzj')) {
|
|
||||||
result[i].kfzj = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('znsf')) {
|
|
||||||
result[i].znsf = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('tcfw')) {
|
|
||||||
result[i].tcfw = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('ywzj')) {
|
|
||||||
result[i].ywzj = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('hys')) {
|
|
||||||
result[i].hys = 0
|
|
||||||
}
|
|
||||||
// result[i].zj =
|
|
||||||
// parseInt(result[i].yyzy) +
|
|
||||||
// parseInt(result[i].kfzj) +
|
|
||||||
// parseInt(result[i].znsf) +
|
|
||||||
// parseInt(result[i].ywzj) +
|
|
||||||
// parseInt(result[i].tcfw) +
|
|
||||||
// parseInt(result[i].hys)
|
|
||||||
}
|
}
|
||||||
this.tableData = res.data.data
|
if (!result[i].hasOwnProperty('kfzj')) {
|
||||||
this.tableDataClone = res.data.data
|
result[i].kfzj = 0
|
||||||
this.total = res.data.data.total
|
}
|
||||||
this.exportExcelCondition = qs.stringify({
|
if (!result[i].hasOwnProperty('znsf')) {
|
||||||
approveStatus: this.status,
|
result[i].znsf = 0
|
||||||
deptId: this.abilityDepartment,
|
}
|
||||||
startDate: this.startDate,
|
if (!result[i].hasOwnProperty('tcfw')) {
|
||||||
endDate: this.endDate,
|
result[i].tcfw = 0
|
||||||
resourceName: this.resourceName
|
}
|
||||||
})
|
if (!result[i].hasOwnProperty('ywzj')) {
|
||||||
|
result[i].ywzj = 0
|
||||||
|
}
|
||||||
|
if (!result[i].hasOwnProperty('hys')) {
|
||||||
|
result[i].hys = 0
|
||||||
|
}
|
||||||
|
result[i].zj =
|
||||||
|
parseInt(result[i].yyzy) +
|
||||||
|
parseInt(result[i].kfzj) +
|
||||||
|
parseInt(result[i].znsf) +
|
||||||
|
parseInt(result[i].ywzj) +
|
||||||
|
parseInt(result[i].tcfw) +
|
||||||
|
parseInt(result[i].hys)
|
||||||
}
|
}
|
||||||
|
this.tableData = res.data.data
|
||||||
|
this.tableDataClone = res.data.data
|
||||||
|
this.total = res.data.data.total
|
||||||
|
this.exportExcelCondition = qs.stringify({
|
||||||
|
approveStatus: this.status,
|
||||||
|
deptId: this.abilityDepartment,
|
||||||
|
startDate: this.startDate,
|
||||||
|
endDate: this.endDate,
|
||||||
|
resourceName: this.resourceName
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
// 组件服务部门使用情况列表-改为能力使用统计
|
// 组件服务部门使用情况列表-改为能力使用统计
|
||||||
|
@ -580,54 +583,23 @@ export default {
|
||||||
})
|
})
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
if (res.data.code !== 0) {
|
if (res.data.code !== 0) {
|
||||||
this.tableData = []
|
this.tableData =[]
|
||||||
this.tableDataClone = []
|
this.tableDataClone = []
|
||||||
this.total = 0
|
this.total = 0
|
||||||
return this.$message.error('服务器内部异常')
|
return this.$message.error("服务器内部异常")
|
||||||
} else {
|
|
||||||
const result = res.data.data
|
}else{
|
||||||
for (let i = 0; i < result.length; i++) {
|
const result = res.data.data
|
||||||
if (!result[i].hasOwnProperty('yyzy')) {
|
|
||||||
result[i].yyzy = 0
|
this.tableData = res.data.data
|
||||||
}
|
this.tableDataClone = res.data.data
|
||||||
if (!result[i].hasOwnProperty('kfzj')) {
|
this.total = res.data.data.total
|
||||||
result[i].kfzj = 0
|
this.exportExcelCondition = qs.stringify({
|
||||||
}
|
approveStatus: this.status,
|
||||||
if (!result[i].hasOwnProperty('znsf')) {
|
deptId: this.abilityDepartment,
|
||||||
result[i].znsf = 0
|
startDate: this.startDate,
|
||||||
}
|
endDate: this.endDate,
|
||||||
if (!result[i].hasOwnProperty('tcfw')) {
|
resourceName: this.resourceName
|
||||||
result[i].tcfw = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('ywzj')) {
|
|
||||||
result[i].ywzj = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('hys')) {
|
|
||||||
result[i].hys = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('yzy')) {
|
|
||||||
result[i].yzy = 0
|
|
||||||
}
|
|
||||||
if (!result[i].hasOwnProperty('ysp')) {
|
|
||||||
result[i].ysp = 0
|
|
||||||
}
|
|
||||||
// result[i].zj =
|
|
||||||
// parseInt(result[i].yyzy) +
|
|
||||||
// parseInt(result[i].kfzj) +
|
|
||||||
// parseInt(result[i].znsf) +
|
|
||||||
// parseInt(result[i].ywzj) +
|
|
||||||
// parseInt(result[i].tcfw) +
|
|
||||||
// parseInt(result[i].hys)
|
|
||||||
}
|
|
||||||
this.tableData = res.data.data
|
|
||||||
this.tableDataClone = res.data.data
|
|
||||||
this.total = res.data.data.total
|
|
||||||
this.exportExcelCondition = qs.stringify({
|
|
||||||
approveStatus: this.status,
|
|
||||||
deptId: this.abilityDepartment,
|
|
||||||
startDate: this.startDate,
|
|
||||||
endDate: this.endDate,
|
|
||||||
resourceName: this.resourceName
|
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue