elink-star
/
epmet-oper-gov
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://git.elinkit.com.cn:7070/r/epmet-oper-gov

chanpin_shequ_jiagou
wxz 2 years ago
parent
b38a172c4d ffb711a34d
commit
1c904b84d0
7 changed files with 459 additions and 360 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      .env.development
  2. 2
      src/js/store/index.js
  3. 8
      src/views/components/resiSearch.vue
  4. 2
      src/views/main-shuju/main-content.vue
  5. 486
      src/views/main-shuju/main-navbar.vue
  6. 286
      src/views/main-shuju/main.vue
  7. 34
      src/views/modules/communityService/fuwujilu/fuwuList08.vue

1
.env.development
View File

@ -7,6 +7,7 @@ VUE_APP_API_SERVER = http://192.168.1.140/api
# VUE_APP_API_SERVER = https://epdc-shibei.elinkservice.cn/api # VUE_APP_API_SERVER = https://epdc-shibei.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn:41080/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn:41080/api
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epmet-panshi.elinkservice.cn/api
# VUE_APP_NODE_ENV=dev_sdtdt # VUE_APP_NODE_ENV=dev_sdtdt
VUE_APP_NODE_ENV=dev VUE_APP_NODE_ENV=dev

2
src/js/store/index.js
View File

@ -45,6 +45,8 @@ export default new Vuex.Store({
fixed1920: { fixed1920: {
height: document.documentElement.clientHeight, height: document.documentElement.clientHeight,
}, },
fullscreen: false, //是否全屏状态
}, },
modules: { modules: {
user, user,

8
src/views/components/resiSearch.vue
View File

@ -211,6 +211,7 @@
clearable clearable
size="small" size="small"
class="resi-cell-select" class="resi-cell-select"
@change="handelChangeCascader($event,n.columnName)"
> >
</el-cascader> </el-cascader>
<template v-else-if="n.itemType === 'checkbox'"> <template v-else-if="n.itemType === 'checkbox'">
@ -512,6 +513,13 @@ export default {
this.$emit('search', arr3) this.$emit('search', arr3)
return arr3 return arr3
}, },
handelChangeCascader(val,name){
if(val.length==1){
this.form[name] = val[0] || ''
}else{
this.form[name] = val[1] || ''
}
},
handleOpenSearch() { handleOpenSearch() {
this.openSearch = !this.openSearch this.openSearch = !this.openSearch
}, },

2
src/views/main-shuju/main-content.vue
View File

@ -18,7 +18,7 @@
height="100%" height="100%"
frameborder="0" frameborder="0"
scrolling="yes" scrolling="yes"
:style="{ height: $store.state.fixed1920.height - 100 + 'px' }" :style="{ width: '1920px', height: $store.state.fixed1920.height+ 'px' }"
/> />
</template> </template>
<keep-alive v-show="!tabIsIframe($router.currentRoute.meta.iframeURL)"> <keep-alive v-show="!tabIsIframe($router.currentRoute.meta.iframeURL)">

486
src/views/main-shuju/main-navbar.vue
View File

@ -1,86 +1,100 @@
<template> <template>
<div> <div>
<nav v-if="showHeader" class="m-navbar"> <nav v-if="showHeader" class="m-navbar">
<div class="navbar__header"> <div class="navbar__header">
<h1 class="navbar__brand"> <h1 class="navbar__brand">
<a class="navbar__brand-lg" href="javascript:;">{{ customerName }}</a> <a class="navbar__brand-lg" href="javascript:;">{{
<a class="navbar__brand-mini" href="javascript:;">{{ customerName
customerName.slice(0, 2) }}</a>
}}</a> <a class="navbar__brand-mini" href="javascript:;">{{
</h1> customerName.slice(0, 2)
</div> }}</a>
<div class="navbar__body"> </h1>
<el-menu class="navbar__menu mr-auto" mode="horizontal"> </div>
<el-menu-item <div class="navbar__body">
index="1" <el-menu class="navbar__menu mr-auto" mode="horizontal">
@click="$store.state.sidebarFold = !$store.state.sidebarFold" <el-menu-item
> index="1"
<svg @click="
class="icon-svg navbar__icon-menu navbar__icon-menu--switch" $store.state.sidebarFold = !$store.state.sidebarFold
aria-hidden="true" "
> >
<use xlink:href="#icon-outdent"></use> <svg
</svg> class="icon-svg navbar__icon-menu navbar__icon-menu--switch"
</el-menu-item> aria-hidden="true"
>
<use xlink:href="#icon-outdent"></use>
</svg>
</el-menu-item>
<el-menu-item index="2" @click="refresh()"> <el-menu-item index="2" @click="refresh()">
<svg class="icon-svg navbar__icon-menu" aria-hidden="true"> <svg
<use xlink:href="#icon-sync"></use> class="icon-svg navbar__icon-menu"
</svg> aria-hidden="true"
</el-menu-item> >
</el-menu> <use xlink:href="#icon-sync"></use>
</svg>
</el-menu-item>
</el-menu>
<el-menu <el-menu
:default-active="$store.state.mainShuju.activeName" :default-active="$store.state.mainShuju.activeName"
:unique-opened="true" :unique-opened="true"
:collapseTransition="false" :collapseTransition="false"
mode="horizontal" mode="horizontal"
class="navbar__menu mr-auto z-div" class="navbar__menu mr-auto z-div"
> >
<el-menu-item index="index" @click="toIndexPage"> <el-menu-item index="index" @click="toIndexPage">
<span>首页</span> <span>首页</span>
</el-menu-item> </el-menu-item>
<template v-for="(menu, idx) in $store.state.mainShuju.menuList"> <template
<li v-for="(menu, idx) in $store.state.mainShuju.menuList"
class="sub-menu" >
:class=" <li
$store.state.mainShuju.activeName == menu.id ? 'z-on' : '' class="sub-menu"
" :class="
v-if="menu.children" $store.state.mainShuju.activeName == menu.id
:key="menu.id" ? 'z-on'
@click="gotoRouteHandle(menu.id, idx)" : ''
> "
<span>{{ menu.name }}</span> v-if="menu.children"
<div class="sub-menu-list"> :key="menu.id"
<div @click="gotoRouteHandle(menu.id, idx)"
:class=" >
$store.state.mainShuju.activeName == subMenu.id <span>{{ menu.name }}</span>
? 'z-on' <div class="sub-menu-list">
: '' <div
" :class="
:key="subMenu.id" $store.state.mainShuju.activeName ==
@click="gotoRouteHandle(subMenu.id, subIndex)" subMenu.id
v-for="(subMenu, subIndex) in menu.children" ? 'z-on'
> : ''
{{ subMenu.name }} "
</div> :key="subMenu.id"
</div> @click="
</li> gotoRouteHandle(subMenu.id, subIndex)
<el-menu-item "
v-else v-for="(subMenu, subIndex) in menu.children"
:key="menu.id" >
:menu="menu" {{ subMenu.name }}
:index="menu.id" </div>
@click="gotoRouteHandle(menu.id, idx)" </div>
> </li>
<span>{{ menu.name }}</span> <el-menu-item
</el-menu-item> v-else
</template> :key="menu.id"
</el-menu> :menu="menu"
:index="menu.id"
@click="gotoRouteHandle(menu.id, idx)"
>
<span>{{ menu.name }}</span>
</el-menu-item>
</template>
</el-menu>
<el-menu class="navbar__menu" mode="horizontal"> <el-menu class="navbar__menu" mode="horizontal">
<!-- <el-menu-item index="1"> <!-- <el-menu-item index="1">
<el-dropdown placement="bottom" <el-dropdown placement="bottom"
:show-timeout="0"> :show-timeout="0">
<el-button size="mini">{{ $t('_lang') }}</el-button> <el-button size="mini">{{ $t('_lang') }}</el-button>
@ -91,7 +105,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</el-menu-item> --> </el-menu-item> -->
<!-- <el-menu-item index="2"> <!-- <el-menu-item index="2">
<a href="//www.renren.io/" <a href="//www.renren.io/"
target="_blank"> target="_blank">
<svg class="icon-svg navbar__icon-menu" <svg class="icon-svg navbar__icon-menu"
@ -100,39 +114,48 @@
</svg> </svg>
</a> </a>
</el-menu-item> --> </el-menu-item> -->
<el-menu-item index="3" @click="fullscreenHandle()"> <el-menu-item index="3" @click="fullscreenHandle()">
<svg class="icon-svg navbar__icon-menu" aria-hidden="true"> <svg
<use xlink:href="#icon-fullscreen"></use> class="icon-svg navbar__icon-menu"
</svg> aria-hidden="true"
</el-menu-item> >
<use xlink:href="#icon-fullscreen"></use>
</svg>
</el-menu-item>
<el-menu-item index="4" class="navbar__avatar"> <el-menu-item index="4" class="navbar__avatar">
<el-dropdown placement="bottom" :show-timeout="0"> <el-dropdown placement="bottom" :show-timeout="0">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<img src="~@/assets/img/staff-default-avatar.png" /> <img
<span>{{ $store.state.user.realName }}</span> src="~@/assets/img/staff-default-avatar.png"
<i class="el-icon-arrow-down"></i> />
</span> <span>{{ $store.state.user.realName }}</span>
<el-dropdown-menu slot="dropdown"> <i class="el-icon-arrow-down"></i>
<el-dropdown-item @click.native="updatePasswordHandle()">{{ </span>
$t("updatePassword.title") <el-dropdown-menu slot="dropdown">
}}</el-dropdown-item> <el-dropdown-item
<el-dropdown-item @click.native="logoutHandle()">{{ @click.native="updatePasswordHandle()"
$t("logout") >{{
}}</el-dropdown-item> $t("updatePassword.title")
</el-dropdown-menu> }}</el-dropdown-item
</el-dropdown> >
</el-menu-item> <el-dropdown-item
</el-menu> @click.native="logoutHandle()"
</div> >{{ $t("logout") }}</el-dropdown-item
<!-- 弹窗, 修改密码 --> >
<update-password-work </el-dropdown-menu>
v-if="updatePassowrdVisible" </el-dropdown>
ref="updatePassowrd" </el-menu-item>
></update-password-work> </el-menu>
</nav> </div>
<nav v-else class="navbar main-line"></nav> <!-- 弹窗, 修改密码 -->
</div> <update-password-work
v-if="updatePassowrdVisible"
ref="updatePassowrd"
></update-password-work>
</nav>
<nav v-else class="navbar main-line"></nav>
</div>
</template> </template>
<script> <script>
@ -142,122 +165,147 @@ import screenfull from "screenfull";
import UpdatePasswordWork from "@/views/main-navbar-update-password-work"; import UpdatePasswordWork from "@/views/main-navbar-update-password-work";
import { clearLoginInfo } from "@/utils"; import { clearLoginInfo } from "@/utils";
export default { export default {
inject: ["refresh"], inject: ["refresh"],
data() { data() {
return { return {
showHeader: true, showHeader: true,
i18nMessages: messages, i18nMessages: messages,
updatePassowrdVisible: false, updatePassowrdVisible: false,
customerName: "", customerName: "",
}; };
}, },
components: { components: {
UpdatePasswordWork, UpdatePasswordWork,
}, },
created() { created() {
// let platformToken = localStorage.getItem("showHeader") || ""; // let platformToken = localStorage.getItem("showHeader") || "";
// if ( // if (
// typeof platformToken !== "undefined" && // typeof platformToken !== "undefined" &&
// platformToken !== "undefined" && // platformToken !== "undefined" &&
// platformToken !== "" // platformToken !== ""
// ) { // ) {
// this.showHeader = false; // this.showHeader = false;
// } // }
this.changeCustomerName(); this.changeCustomerName();
const customerId = localStorage.getItem("customerId"); const customerId = localStorage.getItem("customerId");
let siteconfigElement = window.SITE_CONFIG["menuShujuList"]; let siteconfigElement = window.SITE_CONFIG["menuShujuList"];
//暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单 //暂时 亿联街道和 微笑崂山显示 社区治理-》多元化菜单
if ("04c0d396e298f13e57aa5904a657eaa6" != customerId && "3fdd0380deff5b30f45376cdf995d1c1" != customerId){ if (
for (let index in siteconfigElement){ "04c0d396e298f13e57aa5904a657eaa6" != customerId &&
if (siteconfigElement[index].id == '6'){ "3fdd0380deff5b30f45376cdf995d1c1" != customerId
let newMenuArr = siteconfigElement[index].children.filter(item =>item.id !== 'duoyuanfuwufenxi'); ) {
siteconfigElement[index].children = newMenuArr; for (let index in siteconfigElement) {
} if (siteconfigElement[index].id == "6") {
} let newMenuArr = siteconfigElement[index].children.filter(
} (item) => item.id !== "duoyuanfuwufenxi"
this.$store.state.mainShuju.menuList = siteconfigElement; );
}, siteconfigElement[index].children = newMenuArr;
computed: {}, }
methods: { }
toIndexPage() { }
this.$router.replace("/indexWork"); this.$store.state.mainShuju.menuList = siteconfigElement;
},
// 通过menuId与动态(菜单)路由进行匹配跳转至指定路由 // 监听全屏事件
gotoRouteHandle(menuId, idx) { this.checkFullscreen();
var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter( },
(item) => item.meta.menuId === menuId computed: {},
)[0]; methods: {
if (route) { // 监听全屏事件
this.$router.push({ name: route.name }); checkFullscreen() {
this.$store.state.mainShuju.activeName = menuId; const fn = () => {
} if (document.fullscreenElement === null) {
}, console.log("Exited fullscreen");
changeCustomerName() { this.$store.state.fullscreen = false;
this.customerName = } else {
localStorage.getItem("customerName") || "数据分析可视化平台"; console.log("Entered fullscreen");
}, this.$store.state.fullscreen = true;
// 全屏 }
fullscreenHandle() { };
if (!screenfull.enabled) { // 监听全屏
return this.$message({ document.addEventListener("fullscreenchange", fn);
message: this.$t("fullscreen.prompt"), fn();
type: "warning", },
duration: 500,
}); toIndexPage() {
} this.$router.replace("/indexWork");
screenfull.toggle(); },
}, // 通过menuId与动态(菜单)路由进行匹配跳转至指定路由
// 修改密码 gotoRouteHandle(menuId, idx) {
updatePasswordHandle() { var route = window.SITE_CONFIG["dynamicMenuRoutesShuju"].filter(
this.updatePassowrdVisible = true; (item) => item.meta.menuId === menuId
this.$nextTick(() => { )[0];
this.$refs.updatePassowrd.init(); if (route) {
}); this.$router.push({ name: route.name });
}, this.$store.state.mainShuju.activeName = menuId;
// 退出 }
logoutHandle() { },
this.$confirm( changeCustomerName() {
this.$t("prompt.info", { handle: this.$t("logout") }), this.customerName =
this.$t("prompt.title"), localStorage.getItem("customerName") || "数据分析可视化平台";
{ },
confirmButtonText: this.$t("confirm"), // 全屏
cancelButtonText: this.$t("cancel"), fullscreenHandle() {
type: "warning", if (!screenfull.enabled) {
} return this.$message({
) message: this.$t("fullscreen.prompt"),
.then(() => { type: "warning",
//关闭所有标签页 duration: 500,
// tabs, 关闭全部 });
this.$store.state.contentTabs = this.$store.state.contentTabs.filter( }
(item) => item.name === "home2" screenfull.toggle();
); },
// 修改密码
updatePasswordHandle() {
this.updatePassowrdVisible = true;
this.$nextTick(() => {
this.$refs.updatePassowrd.init();
});
},
// 退出
logoutHandle() {
this.$confirm(
this.$t("prompt.info", { handle: this.$t("logout") }),
this.$t("prompt.title"),
{
confirmButtonText: this.$t("confirm"),
cancelButtonText: this.$t("cancel"),
type: "warning",
}
)
.then(() => {
//关闭所有标签页
// tabs, 关闭全部
this.$store.state.contentTabs =
this.$store.state.contentTabs.filter(
(item) => item.name === "home2"
);
this.$http this.$http
.post("/auth/login/logout") .post("/auth/login/logout")
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
//别处登陆时 退出不提示 直接跳登陆页即可 //别处登陆时 退出不提示 直接跳登陆页即可
if (res.code !== 10007) { if (res.code !== 10007) {
this.$message.error(res.msg); this.$message.error(res.msg);
} }
} }
clearLoginInfo(); clearLoginInfo();
this.$router.push({ name: "login" }); this.$router.push({ name: "login" });
}) })
.catch(() => {}); .catch(() => {});
}) })
.catch(() => {}); .catch(() => {});
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.main-line { .main-line {
height: 50px; height: 50px;
background: #eeeeee; background: #eeeeee;
} }
</style> </style>

286
src/views/main-shuju/main.vue
View File

@ -1,30 +1,33 @@
<template> <template>
<fixed1920> <fixed1920>
<div <div
v-loading.fullscreen.lock="loading" v-loading.fullscreen.lock="loading"
:element-loading-text="$t('loading')" :element-loading-text="$t('loading')"
:class="[ :class="[
'g-bd', 'g-bd',
{ 'z-sidebar--fold': $store.state.sidebarFold }, { 'z-sidebar--fold': $store.state.sidebarFold },
{ {
'z-sidebar--noside': true, 'z-sidebar--noside': true,
}, },
{ 'z-iframe': $store.state.inIframe }, { 'z-iframe': $store.state.inIframe || ($store.state.fullscreen && $route.name=='i-1642710158240174082') },
]" ]"
> >
<template v-if="!loading"> <template v-if="!loading">
<main-navbar ref="ref_navbar" v-if="!$store.state.inIframe" /> <main-navbar
ref="ref_navbar"
v-if="!$store.state.inIframe && !($store.state.fullscreen && $route.name=='i-1642710158240174082')"
/>
<div class="g-cnt"> <div class="g-cnt">
<main-content <main-content
v-if="!$store.state.contentIsNeedRefresh" v-if="!$store.state.contentIsNeedRefresh"
@changeCustomerName="changeCustomerName" @changeCustomerName="changeCustomerName"
/> />
</div> </div>
<main-theme-tools /> <main-theme-tools />
</template> </template>
</div> </div>
</fixed1920> </fixed1920>
</template> </template>
<script> <script>
@ -38,138 +41,141 @@ import fixed1920 from "@/views/components/fixed1920.vue";
import MainThemeTools from "./main-theme-tools"; import MainThemeTools from "./main-theme-tools";
export default { export default {
provide() { provide() {
return { return {
// 刷新 // 刷新
refresh() { refresh() {
this.$store.state.contentIsNeedRefresh = true; this.$store.state.contentIsNeedRefresh = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$store.state.contentIsNeedRefresh = false; this.$store.state.contentIsNeedRefresh = false;
}); });
}, },
}; };
}, },
data() { data() {
return { return {
loading: true, loading: true,
userType: localStorage.getItem("userType"), userType: localStorage.getItem("userType"),
}; };
}, },
components: { components: {
MainNavbar, MainNavbar,
MainContent, MainContent,
fixed1920, fixed1920,
MainThemeTools, MainThemeTools,
}, },
watch: { watch: {
$route: "routeHandle", $route: "routeHandle",
}, },
async created() { async created() {
this.windowResizeHandle(); this.windowResizeHandle();
this.routeHandle(this.$route); this.routeHandle(this.$route);
Promise.all([this.getWorkUserInfo()]).then(() => { Promise.all([this.getWorkUserInfo()]).then(() => {
this.loading = false; this.loading = false;
}); });
}, },
computed: {}, computed: {},
methods: { methods: {
changeCustomerName(customerName) { changeCustomerName(customerName) {
this.$refs["ref_navbar"].changeCustomerName(customerName); this.$refs["ref_navbar"].changeCustomerName(customerName);
}, },
// 窗口改变大小 // 窗口改变大小
windowResizeHandle() { windowResizeHandle() {
this.$store.state.sidebarFold = this.$store.state.sidebarFold =
document.documentElement["clientWidth"] <= 992 || false; document.documentElement["clientWidth"] <= 992 || false;
window.addEventListener( window.addEventListener(
"resize", "resize",
debounce(() => { debounce(() => {
this.$store.state.sidebarFold = this.$store.state.sidebarFold =
document.documentElement["clientWidth"] <= 992 || false; document.documentElement["clientWidth"] <= 992 || false;
}, 150) }, 150)
); );
}, },
// 路由, 监听 // 路由, 监听
routeHandle(route) { routeHandle(route) {
if (!route.meta.isTab) { if (!route.meta.isTab) {
this.$store.state.mainShuju.activeName = ""; this.$store.state.mainShuju.activeName = "";
this.$store.state.mainShuju.contentTabsActiveName = ""; this.$store.state.mainShuju.contentTabsActiveName = "";
return false; return false;
} }
var tab = this.$store.state.contentTabs.filter( var tab = this.$store.state.contentTabs.filter(
(item) => item.name === route.name (item) => item.name === route.name
)[0]; )[0];
if (!tab) { if (!tab) {
tab = { tab = {
...window.SITE_CONFIG["contentTabDefault"], ...window.SITE_CONFIG["contentTabDefault"],
...route.meta, ...route.meta,
name: route.name, name: route.name,
params: { ...route.params }, params: { ...route.params },
query: { ...route.query }, query: { ...route.query },
}; };
this.$store.state.contentTabs = this.$store.state.contentTabs =
this.$store.state.contentTabs.concat(tab); this.$store.state.contentTabs.concat(tab);
} }
this.$store.state.mainShuju.activeName = tab.menuId; this.$store.state.mainShuju.activeName = tab.menuId;
this.$store.state.mainShuju.contentTabsActiveName = tab.name; this.$store.state.mainShuju.contentTabsActiveName = tab.name;
}, },
// 获取当前管理员信息 // 获取当前管理员信息
async getWorkUserInfo() { async getWorkUserInfo() {
const url = "/epmetuser/customerstaff/staffbasicinfo"; const url = "/epmetuser/customerstaff/staffbasicinfo";
let params = {}; let params = {};
const { data, code, msg } = await requestPost(url, params); const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.$store.state.user = { ...data }; this.$store.state.user = { ...data };
console.log("user---hahha", this.$store.state.user); console.log("user---hahha", this.$store.state.user);
localStorage.setItem("roleList", data.roleList); localStorage.setItem("roleList", data.roleList);
localStorage.setItem("customerId", data.customerId); localStorage.setItem("customerId", data.customerId);
localStorage.setItem("staffId", data.id); localStorage.setItem("staffId", data.id);
localStorage.setItem("agencyId", data.agencyId); localStorage.setItem("agencyId", data.agencyId);
localStorage.setItem("level", data.level); localStorage.setItem("level", data.level);
if (!localStorage.getItem("customerName")) { if (!localStorage.getItem("customerName")) {
localStorage.setItem("customerName", data.customerName || ""); localStorage.setItem(
} "customerName",
} else { data.customerName || ""
this.$message.error(msg); );
} }
}, } else {
}, this.$message.error(msg);
}
},
},
}; };
</script> </script>
<style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style> <style lang="scss" src="@/assets/scss/main-shuju.scss" scoped></style>
<style lang="scss"> <style lang="scss">
.info-h { .info-h {
height: calc(100% - 320px); height: calc(100% - 320px);
// overflow: auto; // overflow: auto;
} }
.info-scroll { .info-scroll {
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 8px; width: 8px;
// background: linear-gradient(270deg, #0063FE, #0095FF); // background: linear-gradient(270deg, #0063FE, #0095FF);
} }
&::-webkit-scrollbar-corner, &::-webkit-scrollbar-corner,
/* 滚动条角落 */ /* 滚动条角落 */
&::-webkit-scrollbar-thumb, &::-webkit-scrollbar-thumb,
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
/*滚动条的轨道*/ /*滚动条的轨道*/
border-radius: 4px; border-radius: 4px;
} }
&::-webkit-scrollbar-corner, &::-webkit-scrollbar-corner,
&::-webkit-scrollbar-track { &::-webkit-scrollbar-track {
/* 滚动条轨道 */ /* 滚动条轨道 */
background: rgba(12, 129, 254, 0.24); background: rgba(12, 129, 254, 0.24);
// box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5); // box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
/* 滚动条手柄 */ /* 滚动条手柄 */
background: linear-gradient(270deg, #1257c9, #0095ff); background: linear-gradient(270deg, #1257c9, #0095ff);
} }
} }
</style> </style>

34
src/views/modules/communityService/fuwujilu/fuwuList08.vue
View File

@ -0,0 +1,34 @@
<template>
<div>
<fuwu-list :serviceCategoryKey="serviceCategoryKey"></fuwu-list>
</div>
</template>
<script>
import fuwuList from "./fuwuList";
export default {
components: { fuwuList },
data() {
return {
serviceCategoryKey: "08",
};
},
computed: {},
watch: {
// "formData.serviceTimeEnd": function (val) {
// if (val && val != '') {
// let arrayTemp = val.split(' ')
// this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59'
// }
// },
},
mounted() {},
methods: {},
props: {},
};
</script>
<style lang="scss" scoped></style>
Write Preview
Loading…
Cancel
Save