This commit is contained in:
xvv 2024-07-10 15:53:54 +08:00
parent e9661e5d67
commit 24858abfd9
6 changed files with 99 additions and 34 deletions

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 748 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

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

View File

@ -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; /* 只显示垂直滚动条 */
} }

View File

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