ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update img

Browse Source
qianlishi 3 years ago
parent 384ab4c20d
commit 0aa75bc7c5
3 changed files with 140 additions and 108 deletions
Show Stats Download Patch File Download Diff File

27
report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
Unescape Escape View File

@ -3,19 +3,19 @@
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="deleteLayer">
<i class="iconfont iconguanbi"></i> 删除图层 <i class="iconfont iconguanbi"></i> 删除图层
</div> </div>
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="copyLayer">
<i class="iconfont iconfuzhi1"></i> 复制图层 <i class="iconfont iconfuzhi1"></i> 复制图层
</div> </div>
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="istopLayer">
<i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 置顶图层 <i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 置顶图层
</div> </div>
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="setlowLayer">
<i class="iconfont iconleft-copy"></i> 置地图层 <i class="iconfont iconleft-copy"></i> 置低图层
</div> </div>
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="moveupLayer">
<i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 上移一层 <i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 上移一层
</div> </div>
<div class="contentmenu__item" @click="deleteLayer"> <div class="contentmenu__item" @click="movedownLayer">
<i class="iconfont iconleft-copy"></i> 下移一层 <i class="iconfont iconleft-copy"></i> 下移一层
</div> </div>
</div> </div>
@ -61,6 +61,21 @@ export default {
message: "已取消删除" message: "已取消删除"
}); });
}); });
},
copyLayer() {
this.$emit("copylayer");
},
istopLayer() {
this.$emit("istopLayer");
},
setlowLayer() {
this.$emit("setlowLayer");
},
moveupLayer() {
this.$emit("moveupLayer");
},
movedownLayer() {
this.$emit("movedownLayer");
} }
} }
}; };

52
report-ui/src/views/report/bigscreen/designer/index.vue
Unescape Escape View File

@ -30,18 +30,22 @@
</el-tab-pane> </el-tab-pane>
<!-- 左侧图层--> <!-- 左侧图层-->
<el-tab-pane label="图层"> <el-tab-pane label="图层">
<div <draggable v-model="layerWidget">
v-for="(item, index) in layerWidget" <transition-group>
:key="index" <div
class="tools-item" v-for="(item, index) in layerWidget"
:class="widgetIndex == index ? 'is-active' : ''" :key="'item' + index"
@click="layerClick(index)" class="tools-item"
> :class="widgetIndex == index ? 'is-active' : ''"
<span class="tools-item-icon"> @click="layerClick(index)"
<i class="iconfont" :class="item.icon"></i> >
</span> <span class="tools-item-icon">
<span class="tools-item-text">{{ item.label }}</span> <i class="iconfont" :class="item.icon"></i>
</div> </span>
<span class="tools-item-text">{{ item.label }}</span>
</div>
</transition-group>
</draggable>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -206,6 +210,11 @@
:visible.sync="visibleContentMenu" :visible.sync="visibleContentMenu"
:style-obj="styleObj" :style-obj="styleObj"
@deletelayer="deletelayer" @deletelayer="deletelayer"
@copylayer="copylayer"
@istopLayer="istopLayer"
@setlowLayer="setlowLayer"
@moveupLayer="moveupLayer"
@movedownLayer="movedownLayer"
/> />
</div> </div>
</template> </template>
@ -639,9 +648,6 @@ export default {
this.visibleContentMenu = true; this.visibleContentMenu = true;
return false; return false;
}, },
deletelayer() {
this.widgets.splice(this.rightClickIndex, 1);
},
setDefaultValue(options, val) { setDefaultValue(options, val) {
for (let i = 0; i < options.length; i++) { for (let i = 0; i < options.length; i++) {
if (Object.prototype.toString.call(options[i]) == "[object Object]") { if (Object.prototype.toString.call(options[i]) == "[object Object]") {
@ -665,7 +671,21 @@ export default {
} }
} }
} }
} },
// 删除
deletelayer() {
this.widgets.splice(this.rightClickIndex, 1);
},
// 复制
copylayer() {},
// 置顶
istopLayer() {},
// 置低
setlowLayer() {},
// 上移一层
moveupLayer() {},
// 下移一层
movedownLayer() {}
} }
}; };
</script> </script>

169
report-ui/src/views/report/bigscreen/index.vue
Unescape Escape View File

@ -6,56 +6,45 @@
!--> !-->
<template> <template>
<div class="main-layout"> <div class="main-layout">
<el-form ref="form" <el-form ref="form" :model="params" :rules="rules" label-width="120px">
:model="params"
:rules="rules"
label-width="120px">
<!-- 搜索 --> <!-- 搜索 -->
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :xs="24" <el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4">
:sm="20"
:md="12"
:lg="6"
:xl="4">
<el-form-item label="名称"> <el-form-item label="名称">
<el-input v-model="params.reportName" <el-input
size="mini" v-model="params.reportName"
clearable size="mini"
placeholder="名称" clearable
class="filter-item" /> placeholder="名称"
class="filter-item"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" <el-col :xs="24" :sm="20" :md="12" :lg="6" :xl="4">
:sm="20"
:md="12"
:lg="6"
:xl="4">
<el-form-item label="报表编码"> <el-form-item label="报表编码">
<el-input v-model="params.reportCode" <el-input
size="mini" v-model="params.reportCode"
clearable size="mini"
placeholder="报表编码" clearable
class="filter-item" /> placeholder="报表编码"
class="filter-item"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :xs="24" <el-col :xs="24" :sm="20" :md="4" :lg="4" :xl="4">
:sm="20" <el-button type="primary" size="mini" @click="search('form')"
:md="4" >查询</el-button
:lg="4" >
:xl="4"> <el-button type="danger" size="mini" @click="reset('form')"
<el-button type="primary" >重置</el-button
size="mini" >
@click="search('form')">查询</el-button>
<el-button type="danger"
size="mini"
@click="reset('form')">重置</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col v-for="item in list" :key="item.id" :span="6"> <el-col v-for="item in list" :key="item.id" :span="6">
<div class="bg"> <div class="bg">
<div class="rgba" /> <img class="bg-img" src="../../../assets/images/charts.jpg" alt="" />
<div class="content"> <div class="content">
<header>{{ item.reportName }}</header> <header>{{ item.reportName }}</header>
<footer> <footer>
@ -80,19 +69,21 @@
</el-col> </el-col>
</el-row> </el-row>
<div class="block"> <div class="block">
<el-pagination :total="totalCount" <el-pagination
:page-sizes="[10, 20, 50, 100]" :total="totalCount"
:page-size="params.pageSize" :page-sizes="[10, 20, 50, 100]"
:current-page="params.pageNumber" :page-size="params.pageSize"
layout="total, sizes, prev, pager, next, jumper" :current-page="params.pageNumber"
@size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper"
@current-change="handleCurrentChange" /> @size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { reportPageList } from '@/api/report' import { reportPageList } from "@/api/report";
export default { export default {
name: "Login", name: "Login",
components: {}, components: {},
@ -102,61 +93,72 @@ export default {
totalCount: 0, totalCount: 0,
totalPage: 0, totalPage: 0,
params: { params: {
reportCode: '', reportCode: "",
reportName: '', reportName: "",
// reportType: '', // reportType: '',
pageNumber: 1, pageNumber: 1,
pageSize: 8, pageSize: 8,
order: 'DESC', order: "DESC",
sort: 'update_time', sort: "update_time"
}, }
}; };
}, },
mounted() {}, mounted() {},
created() { created() {
this.queryByPage() this.queryByPage();
}, },
methods: { methods: {
// 查询 // 查询
search () { search() {
this.params.pageNumber = 1 this.params.pageNumber = 1;
this.queryByPage() this.queryByPage();
}, },
// 重置 // 重置
reset (formName) { reset(formName) {
this.$refs[formName].resetFields() this.$refs[formName].resetFields();
this.params.reportName = '' this.params.reportName = "";
this.params.reportCode = '' this.params.reportCode = "";
this.params.pageNumber = 1 this.params.pageNumber = 1;
this.queryByPage() this.queryByPage();
}, },
async queryByPage () { async queryByPage() {
const res = await reportPageList(this.params) const res = await reportPageList(this.params);
if (res.code != '200') return if (res.code != "200") return;
this.listLoading = true this.listLoading = true;
this.list = res.data.records this.list = res.data.records;
this.list.forEach((value) => { this.list.forEach(value => {
value['reportNameCode'] = value.reportName + '[' + value.reportCode + ']' value["reportNameCode"] =
}) value.reportName + "[" + value.reportCode + "]";
this.totalCount = res.data.total });
this.totalPage = res.data.pages this.totalCount = res.data.total;
this.listLoading = false this.totalPage = res.data.pages;
this.listLoading = false;
}, },
handleSizeChange (val) { handleSizeChange(val) {
this.params.pageSize = val this.params.pageSize = val;
this.queryByPage() this.queryByPage();
}, },
handleCurrentChange (val) { handleCurrentChange(val) {
this.params.pageNumber = val this.params.pageNumber = val;
this.queryByPage() this.queryByPage();
}, },
openDesign(val) { openDesign(val) {
var routeUrl = this.$router.resolve({ path: '/bigscreen/designer', query: { reportCode: val.reportCode, reportId: val.id, accessKey: val.accessKey } }) var routeUrl = this.$router.resolve({
window.open(routeUrl.href, '_blank') path: "/bigscreen/designer",
query: {
reportCode: val.reportCode,
reportId: val.id,
accessKey: val.accessKey
}
});
window.open(routeUrl.href, "_blank");
}, },
viewDesign(val) { viewDesign(val) {
var routeUrl = this.$router.resolve({ path: '/bigscreen/viewer', query: { reportCode: val.reportCode } }) var routeUrl = this.$router.resolve({
window.open(routeUrl.href, '_blank') path: "/bigscreen/viewer",
query: { reportCode: val.reportCode }
});
window.open(routeUrl.href, "_blank");
} }
} }
}; };
@ -181,15 +183,10 @@ export default {
border: 12px solid white; border: 12px solid white;
} }
.bg::before { .bg .bg-img {
content: "";
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("../../../assets/images/charts.jpg");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: left top;
filter: blur(6px); filter: blur(6px);
z-index: 2; z-index: 2;
} }

Write Preview
Loading…
Cancel
Save