Commit 2cacd07f authored by 王晓旭's avatar 王晓旭

修改门户

parent aab67219
...@@ -57,11 +57,19 @@ export default { ...@@ -57,11 +57,19 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less">
.app { .app {
min-width: 1600px; min-width: 1600px;
} }
.export { .export {
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
} }
.ant-calendar-prev-month-btn::before,
.ant-calendar-prev-year-btn::before,
.ant-calendar-prev-year-btn::after,
.ant-calendar-next-month-btn::before,
.ant-calendar-next-year-btn::before,
.ant-calendar-next-year-btn::after{
border-color: rgba(0, 0, 0, 1) !important;
}
</style> </style>
\ No newline at end of file
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
<div class="act_cont"> <div class="act_cont">
<div class="act_tit"> <div class="act_tit">
<h1>智慧政务数据精算</h1> <h1>智慧政务数据精算</h1>
<p> <p>运用以人工智能为代表的新技术,驱动政务服务模式创新,为人民提供更加智慧化、人性化的政务服务,实现互联网与政务服务深度融合,大幅提升政务服务智慧化水平,让政府服务更聪明,让企业和市民办事更方便、更快捷、更有效率。</p>
运用以人工智能为代表的新技术,驱动政务服务模式创新,为人民提供更加智慧化、人性化的政务服务,实现互联网与政务服务深度融合,大幅提升政务服务智慧化水平,让政府服务更聪明,让企业和市民办事更方便、更快捷、更有效率。
</p>
</div> </div>
<div class="over_act_mod"> <div class="over_act_mod">
<div class="act_mod" ref="mode"> <div class="act_mod" ref="mode">
...@@ -14,7 +12,6 @@ ...@@ -14,7 +12,6 @@
class="act_mod_item" class="act_mod_item"
v-for="(item, index) of menuPermission" v-for="(item, index) of menuPermission"
:key="item.id" :key="item.id"
@click="handleJump(item.url)"
@mouseover="hoverItem(index)" @mouseover="hoverItem(index)"
@mouseleave="hoverleave(index)" @mouseleave="hoverleave(index)"
:style="{ :style="{
...@@ -23,12 +20,10 @@ ...@@ -23,12 +20,10 @@
'.png')}) no-repeat`, '.png')}) no-repeat`,
}" }"
> >
<div class="actitem_tit"> <div class="actitem_tit">{{ item.name }}</div>
{{ item.name }} <div class="actitem_p">{{ item.hover ? item.remark : "Business data analysis" }}</div>
</div> <div class="actitem_btn" v-show="item.hover"
<div class="actitem_p"> @click="handleJump(item.url)">查看详情</div>
{{ item.hover ? item.remark : "Business data analysis" }}
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -46,15 +41,15 @@ export default { ...@@ -46,15 +41,15 @@ export default {
data() { data() {
return { return {
api: process.env.VUE_APP_API_IMG_URL, api: process.env.VUE_APP_API_IMG_URL,
menuPermission: [], menuPermission: []
}; };
}, },
components: { components: {
Start, Start
}, },
computed: { computed: {
...mapState("user", ["userData", "token"]), ...mapState("user", ["userData", "token"])
}, },
created() { created() {
...@@ -68,14 +63,24 @@ export default { ...@@ -68,14 +63,24 @@ export default {
this.menuPermission[index].hover = true; this.menuPermission[index].hover = true;
this.$refs.mode.style.transition = "all 1s ease 0s"; this.$refs.mode.style.transition = "all 1s ease 0s";
// 如果大于6就要往前移动 // 如果大于6就要往前移动
let listlength = this.menuPermission.length;
if (listlength > 6) {
if (listlength % 2 == 1) {
this.$refs.mode.style.paddingLeft = "190px";
} else {
this.$refs.mode.style.paddingLeft = "380px";
}
}
if (index > 5) { if (index > 5) {
let num = index - 5; let num = index - 5;
this.$refs.mode.style.transform = "translateX(-" + num * 190 + "px)"; this.$refs.mode.style.transform = "translateX(-" + num * 190 + "px)";
this.$forceUpdate();
} }
this.$forceUpdate();
}, },
hoverleave(index) { hoverleave(index) {
this.$refs.mode.style.transform = "translate(0, 0)"; this.$refs.mode.style.transform = "translate(0, 0)";
this.$refs.mode.style.paddingLeft = "0px";
// this.$refs.mode.style.paddingRight = "0px";
this.$refs.mode.style.transition = "all .5s ease 0s"; this.$refs.mode.style.transition = "all .5s ease 0s";
this.menuPermission[index].hover = false; this.menuPermission[index].hover = false;
this.$forceUpdate(); this.$forceUpdate();
...@@ -93,10 +98,10 @@ export default { ...@@ -93,10 +98,10 @@ export default {
// 获取子菜单权限 // 获取子菜单权限
getChildrenPermission() { getChildrenPermission() {
let { menuList } = this.userData; let { menuList } = this.userData;
let actuary = menuList.filter((v) => v.name === "数据精算"); let actuary = menuList.filter(v => v.name === "数据精算");
if (actuary.length) { if (actuary.length) {
let arr = actuary let arr = actuary
.map((v) => { .map(v => {
if (v.childList.length) { if (v.childList.length) {
return v.childList; return v.childList;
} else { } else {
...@@ -104,13 +109,13 @@ export default { ...@@ -104,13 +109,13 @@ export default {
} }
}) })
.flat(); .flat();
arr.forEach((item) => { arr.forEach(item => {
item.hover = false; item.hover = false;
}); });
this.menuPermission = arr; this.menuPermission = arr;
} }
}, }
}, }
}; };
</script> </script>
...@@ -182,7 +187,8 @@ export default { ...@@ -182,7 +187,8 @@ export default {
} }
.act_mod { .act_mod {
display: flex; display: flex;
justify-content: space-between; // justify-content: space-between;
justify-content: center;
transition: all 1s ease 0s; transition: all 1s ease 0s;
.act_mod_item:hover { .act_mod_item:hover {
...@@ -204,7 +210,7 @@ export default { ...@@ -204,7 +210,7 @@ export default {
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
line-height: 59px; padding: 0;
margin-bottom: 20px; margin-bottom: 20px;
} }
.actitem_tit::before { .actitem_tit::before {
...@@ -217,6 +223,22 @@ export default { ...@@ -217,6 +223,22 @@ export default {
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
line-height: 28px; line-height: 28px;
padding: 0;
}
.actitem_btn {
margin-top: 20px;
width: 98px;
height: 36px;
background: #ffffff;
border-radius: 8px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 500;
color: #0857e8;
line-height: 28px;
display: flex;
justify-content: center;
align-items: center;
} }
} }
.act_mod_item { .act_mod_item {
......
...@@ -162,7 +162,7 @@ export default { ...@@ -162,7 +162,7 @@ export default {
const columns = [ const columns = [
{ {
title: "序号", title: "序号",
width: 100, width: 50,
align: "center", align: "center",
fixed: "left", fixed: "left",
customRender: (text, record, index) => { customRender: (text, record, index) => {
...@@ -172,7 +172,8 @@ export default { ...@@ -172,7 +172,8 @@ export default {
{ {
title: "排队编号", title: "排队编号",
fixed: "left", fixed: "left",
width: 150, align: "center",
width: 100,
dataIndex: "flownum", dataIndex: "flownum",
}, },
{ {
...@@ -487,8 +488,8 @@ export default { ...@@ -487,8 +488,8 @@ export default {
size: size, size: size,
...this.searchForm, ...this.searchForm,
}); });
if (res.data.code == 1) { if (res.code == 1) {
let { data, total } = res.data.data; let { data, total } = res.data;
this.excelData = this.excelData.concat(data || []); this.excelData = this.excelData.concat(data || []);
// app.vue loading // app.vue loading
this.$app.progressFile.show = true; this.$app.progressFile.show = true;
......
...@@ -156,7 +156,7 @@ export default { ...@@ -156,7 +156,7 @@ export default {
const columns = [ const columns = [
{ {
title: "序号", title: "序号",
width: 100, width: 50,
align: "center", align: "center",
fixed: "left", fixed: "left",
customRender: (text, record, index) => { customRender: (text, record, index) => {
...@@ -166,7 +166,8 @@ export default { ...@@ -166,7 +166,8 @@ export default {
{ {
title: "排队编号", title: "排队编号",
fixed: "left", fixed: "left",
width: 150, align: "center",
width: 100,
dataIndex: "flownum", dataIndex: "flownum",
}, },
{ {
...@@ -481,8 +482,8 @@ export default { ...@@ -481,8 +482,8 @@ export default {
size: size, size: size,
...this.searchForm, ...this.searchForm,
}); });
if (res.data.code == 1) { if (res.code == 1) {
let { data, total } = res.data.data; let { data, total } = res.data;
this.excelData = this.excelData.concat(data || []); this.excelData = this.excelData.concat(data || []);
// app.vue loading // app.vue loading
this.$app.progressFile.show = true; this.$app.progressFile.show = true;
......
...@@ -214,8 +214,8 @@ export default { ...@@ -214,8 +214,8 @@ export default {
pramse.materialName = `%${this.searchForm.searchName}%`; pramse.materialName = `%${this.searchForm.searchName}%`;
} }
let res = await getBillList(pramse); let res = await getBillList(pramse);
if (res.data.code == 1) { if (res.code == 1) {
let { data, total } = res.data.data; let { data, total } = res.data;
list = data; list = data;
listTotal = total; listTotal = total;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment