Compare commits

...

3 Commits

Author SHA1 Message Date
gongjiale 359115ccf8 Merge branch 'hi-ucs-dev' of http://192.168.124.50:3000/wuhongjian/hi-ucs into hi-ucs-dev 2022-12-26 09:29:48 +08:00
gongjiale 3d8f7cfff8 111 2022-12-26 09:27:56 +08:00
gongjiale d9a0403981 1 2022-12-26 09:20:30 +08:00
2 changed files with 151 additions and 99 deletions

View File

@ -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%;
} }

View File

@ -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
}) })
} }