前端
This commit is contained in:
parent
e9661e5d67
commit
24858abfd9
@ -21,19 +21,19 @@
|
|||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
<search id="header-search" class="right-menu-item" />
|
<search id="header-search" class="right-menu-item" />
|
||||||
<span style="margin-right: 10px; ">搜索</span>
|
<span style="margin-right: 10px; ">搜索</span>
|
||||||
<div class="d-s">
|
<div class="d-s" @click="click" >
|
||||||
<div class="icon-img">
|
<div class="icon-img">
|
||||||
<img src="../../../src/assets/new/t-fangda.png" alt="">
|
<img src="../../../src/assets/new/t-fangda.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
放大
|
放大
|
||||||
</div>
|
</div>
|
||||||
<div class="d-s">
|
<div class="d-s" @click="goToWebsite()" >
|
||||||
<div class="icon-img">
|
<div class="icon-img">
|
||||||
<img src="../../../src/assets/new/t-sjdp.png" alt="">
|
<img src="../../../src/assets/new/t-sjdp.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
收银台
|
收银台
|
||||||
</div>
|
</div>
|
||||||
<div class="d-s">
|
<div class="d-s" @click="prompt()" >
|
||||||
<div class="icon-img">
|
<div class="icon-img">
|
||||||
<img src="../../../src/assets/new/t-syt.png" alt="">
|
<img src="../../../src/assets/new/t-syt.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
@ -105,6 +105,7 @@ import FuintDoc from '@/components/Fuint/Doc'
|
|||||||
import ScreenData from '@/components/ScreenData'
|
import ScreenData from '@/components/ScreenData'
|
||||||
import {getCountdownApi} from "@/api/store";
|
import {getCountdownApi} from "@/api/store";
|
||||||
import {ljStoreInfo} from "@/api/staff/store";
|
import {ljStoreInfo} from "@/api/staff/store";
|
||||||
|
import screenfull from "screenfull";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
@ -112,6 +113,7 @@ export default {
|
|||||||
// 遮罩层
|
// 遮罩层
|
||||||
day: -1,
|
day: -1,
|
||||||
storeName:"",
|
storeName:"",
|
||||||
|
isFullscreen: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
@ -153,6 +155,24 @@ export default {
|
|||||||
this.getStore()
|
this.getStore()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
prompt(){
|
||||||
|
this.$message({ message: '此功能暂未开放,敬请期待', type: 'warning' })
|
||||||
|
},
|
||||||
|
goToWebsite() {
|
||||||
|
window.open('https://cashier.youkerr.com/')
|
||||||
|
this.toggleFullscreen()
|
||||||
|
},
|
||||||
|
toggleFullscreen() {
|
||||||
|
if (document.documentElement.requestFullscreen) {
|
||||||
|
document.documentElement.requestFullscreen();
|
||||||
|
} else if (document.documentElement.mozRequestFullScreen) { // Firefox
|
||||||
|
document.documentElement.mozRequestFullScreen();
|
||||||
|
} else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
|
||||||
|
document.documentElement.webkitRequestFullscreen();
|
||||||
|
} else if (document.documentElement.msRequestFullscreen) { // IE/Edge
|
||||||
|
document.documentElement.msRequestFullscreen();
|
||||||
|
}
|
||||||
|
},
|
||||||
toggleSideBar() {
|
toggleSideBar() {
|
||||||
this.$store.dispatch('app/toggleSideBar')
|
this.$store.dispatch('app/toggleSideBar')
|
||||||
console.log(this.sidebar.opened)
|
console.log(this.sidebar.opened)
|
||||||
@ -184,6 +204,26 @@ export default {
|
|||||||
this.day = res.data
|
this.day = res.data
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
click() {
|
||||||
|
if (!screenfull.isEnabled) {
|
||||||
|
this.$message({ message: '你的浏览器不支持全屏', type: 'warning' })
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
screenfull.toggle()
|
||||||
|
},
|
||||||
|
change() {
|
||||||
|
this.isFullscreen = screenfull.isFullscreen
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
if (screenfull.isEnabled) {
|
||||||
|
screenfull.on('change', this.change)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
destroy() {
|
||||||
|
if (screenfull.isEnabled) {
|
||||||
|
screenfull.off('change', this.change)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
BIN
fuintAdmin_zt/src/assets/images/loin-back.png
Normal file
BIN
fuintAdmin_zt/src/assets/images/loin-back.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 748 KiB |
BIN
fuintAdmin_zt/src/assets/images/ztlogin.png
Normal file
BIN
fuintAdmin_zt/src/assets/images/ztlogin.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.6 MiB |
@ -28,7 +28,7 @@ export default {
|
|||||||
tableData: [{
|
tableData: [{
|
||||||
id: 1,
|
id: 1,
|
||||||
label: '系统首页',
|
label: '系统首页',
|
||||||
|
list:[{show:true,name:'选中'},]
|
||||||
}, {
|
}, {
|
||||||
id: 2,
|
id: 2,
|
||||||
label: '机构管理',
|
label: '机构管理',
|
||||||
@ -38,21 +38,18 @@ export default {
|
|||||||
label: '组织架构',
|
label: '组织架构',
|
||||||
name: '王小虎',
|
name: '王小虎',
|
||||||
address: '上海市普陀区金沙江路 1519 弄',
|
address: '上海市普陀区金沙江路 1519 弄',
|
||||||
|
|
||||||
childrens: [{
|
childrens: [{
|
||||||
id: 31,
|
id: 31,
|
||||||
label: '用户信息',
|
label: '用户信息',
|
||||||
|
|
||||||
list:[{show:true,name:'新增'},{show:true,name:'修改'},{show:true,name:'重置密码'},]
|
list:[{show:true,name:'新增'},{show:true,name:'修改'},{show:true,name:'重置密码'},]
|
||||||
}, {
|
}, {
|
||||||
id: 32,
|
id: 32,
|
||||||
label: '机构信息',
|
label: '机构信息',
|
||||||
|
|
||||||
list:[{show:true,name:'保存'},]
|
list:[{show:true,name:'保存'},]
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
// list:[{show:true,name:'选项一'},{show:true,name:'选项二'},{show:true,name:'选项三'},]
|
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
id: 4,
|
id: 4,
|
||||||
@ -156,7 +153,6 @@ export default {
|
|||||||
<el-input v-model="ruleForm.description"></el-input>
|
<el-input v-model="ruleForm.description"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="center-box">
|
<div class="center-box">
|
||||||
@ -167,15 +163,11 @@ export default {
|
|||||||
border
|
border
|
||||||
default-expand-all
|
default-expand-all
|
||||||
:tree-props="{children: 'childrens', hasChildren: 'hasChildren'}">
|
:tree-props="{children: 'childrens', hasChildren: 'hasChildren'}">
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="label"
|
prop="label"
|
||||||
label="菜单"
|
label="菜单"
|
||||||
|
|
||||||
width="180">
|
width="180">
|
||||||
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="address"
|
prop="address"
|
||||||
label="功能">
|
label="功能">
|
||||||
@ -183,14 +175,12 @@ export default {
|
|||||||
<div style="display: flex;align-items: center">
|
<div style="display: flex;align-items: center">
|
||||||
<div class="f-box" v-for="(item,index) in scope.row.list" :key="index"> <img v-if="item.show == true" style="width: 15px;height: 15px;margin-right: 5px" src="../../assets/images/xz.png"> <div v-else class="k_" ></div> {{item.name}} </div>
|
<div class="f-box" v-for="(item,index) in scope.row.list" :key="index"> <img v-if="item.show == true" style="width: 15px;height: 15px;margin-right: 5px" src="../../assets/images/xz.png"> <div v-else class="k_" ></div> {{item.name}} </div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div style="display: flex">
|
<div style="display: flex">
|
||||||
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
<el-button @click="resetForm('ruleForm')">取消</el-button>
|
||||||
<el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
|
<el-button type="primary" @click="submitForm('ruleForm')">保存</el-button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,6 +33,7 @@
|
|||||||
<el-col :span="18">
|
<el-col :span="18">
|
||||||
<el-card style="margin-bottom: 20px;">
|
<el-card style="margin-bottom: 20px;">
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
|
<!-- 用户信息 -->
|
||||||
<el-tab-pane label="用户信息" name="list">
|
<el-tab-pane label="用户信息" name="list">
|
||||||
|
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
||||||
@ -70,10 +71,6 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<el-form-item label="" prop="accountStatus">
|
<el-form-item label="" prop="accountStatus">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.accountStatus"
|
v-model="queryParams.accountStatus"
|
||||||
@ -193,6 +190,7 @@
|
|||||||
/>
|
/>
|
||||||
<!-- tab第一张-->
|
<!-- tab第一张-->
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
<!-- 机构信息 -->
|
||||||
<el-tab-pane label="机构信息" name="info">
|
<el-tab-pane label="机构信息" name="info">
|
||||||
|
|
||||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
||||||
@ -297,10 +295,10 @@
|
|||||||
<span v-if="isTopDept">
|
<span v-if="isTopDept">
|
||||||
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
||||||
<el-radio v-if="ruleForm.turnoverType=='1'" label=1>无限制</el-radio>
|
<el-radio v-if="ruleForm.turnoverType=='1'" label=1>无限制</el-radio>
|
||||||
|
<el-radio v-if="ruleForm.turnoverType=='5'" label=5>年付费</el-radio>
|
||||||
<el-radio v-if="ruleForm.turnoverType=='2'" label=2>时间限制</el-radio>
|
<el-radio v-if="ruleForm.turnoverType=='2'" label=2>时间限制</el-radio>
|
||||||
<el-radio v-if="ruleForm.turnoverType=='3'" label=3>预付费</el-radio>
|
<el-radio v-if="ruleForm.turnoverType=='3'" label=3>预付费</el-radio>
|
||||||
<el-radio v-if="ruleForm.turnoverType=='4'" label=4>后付费</el-radio>
|
<el-radio v-if="ruleForm.turnoverType=='4'" label=4>后付费</el-radio>
|
||||||
<el-radio v-if="ruleForm.turnoverType=='5'" label=5>年付费</el-radio>
|
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
@ -313,6 +311,38 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
border
|
||||||
|
style="width: 100%;margin-left: 55px ">
|
||||||
|
<el-table-column
|
||||||
|
prop="price"
|
||||||
|
label="价格(元)">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="yprice"
|
||||||
|
label="已付金额(元)">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="address"
|
||||||
|
label="系统生效时间">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="status"
|
||||||
|
label="状态">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="upadate"
|
||||||
|
label="创建时间">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="创建人">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
@ -444,8 +474,6 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<template v-if="ruleForm.deptType == '3'">
|
<template v-if="ruleForm.deptType == '3'">
|
||||||
<el-row >
|
<el-row >
|
||||||
<el-col :span="20">
|
<el-col :span="20">
|
||||||
@ -464,10 +492,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
|
|
||||||
<template v-if="ruleForm.turnoverType === '2'">
|
<template v-if="ruleForm.turnoverType === '2'">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-row>
|
<el-row>
|
||||||
@ -602,6 +628,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
<!-- 角色信息 -->
|
||||||
<el-tab-pane label="角色信息" name="duty">
|
<el-tab-pane label="角色信息" name="duty">
|
||||||
<el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" label-width="100px">
|
<el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" label-width="100px">
|
||||||
<el-form-item label="" prop="dutyName">
|
<el-form-item label="" prop="dutyName">
|
||||||
@ -937,7 +964,15 @@ export default {
|
|||||||
isTopDept:true,
|
isTopDept:true,
|
||||||
parentDeptType:"",
|
parentDeptType:"",
|
||||||
isAdd:false,
|
isAdd:false,
|
||||||
|
tableData: [{
|
||||||
|
price:2000,
|
||||||
|
yprice:2500,
|
||||||
|
date: '2016-05-02',
|
||||||
|
name: '王小虎',
|
||||||
|
address: '上海市普陀区金沙江路 1518 弄',
|
||||||
|
status:'进行中',
|
||||||
|
upadate: '2016-05-02',
|
||||||
|
}, ],
|
||||||
|
|
||||||
timeFrame:[],
|
timeFrame:[],
|
||||||
value10:true,
|
value10:true,
|
||||||
@ -2177,7 +2212,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.left-box{
|
.left-box{
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
height: 80vh;
|
height: 85vh;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
overflow-y: auto; /* 只显示垂直滚动条 */
|
overflow-y: auto; /* 只显示垂直滚动条 */
|
||||||
}
|
}
|
||||||
|
@ -2,12 +2,12 @@
|
|||||||
<div class="login">
|
<div class="login">
|
||||||
<div class="box-center">
|
<div class="box-center">
|
||||||
<div class="box-left">
|
<div class="box-left">
|
||||||
<div class="bai-size">百业兴智慧加油站-中台</div>
|
<!-- <div class="bai-size">百业兴智慧加油站-中台</div>-->
|
||||||
<div class="bact-box">
|
<!-- <div class="bact-box">-->
|
||||||
<div class="sanhh">活动营销</div>
|
<!-- <div class="sanhh">活动营销</div>-->
|
||||||
<div class="sanhh">节省人力</div>
|
<!-- <div class="sanhh">节省人力</div>-->
|
||||||
<div class="sanhh">精准定位</div>
|
<!-- <div class="sanhh">精准定位</div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="box-right">
|
<div class="box-right">
|
||||||
<div class="box-title">
|
<div class="box-title">
|
||||||
@ -310,7 +310,7 @@ export default {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-image: url("../assets/images/backbbj.png");
|
background-image: url("../assets/images/loin-back.png");
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@ -338,7 +338,7 @@ export default {
|
|||||||
width: 50%;
|
width: 50%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #00aaff;
|
background: #00aaff;
|
||||||
background-image: url("../assets/images/box-left.png");
|
background-image: url("../assets/images/ztlogin.png");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user