新增会议管理
This commit is contained in:
@@ -24,11 +24,14 @@ const config = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 设置后台接口服务的基础地址
|
// 设置后台接口服务的基础地址
|
||||||
config.baseUrl = 'http://tc.cqsznc.com:7080/api';
|
//测试
|
||||||
|
// config.baseUrl = 'http://tc.cqsznc.com:7080/api';
|
||||||
|
|
||||||
|
//本地
|
||||||
|
config.baseUrl = '/js';
|
||||||
|
|
||||||
//正式
|
//正式
|
||||||
// config.baseUrl = '/js';
|
// config.baseUrl = 'http://183.230.235.66:11010/api';
|
||||||
|
|
||||||
|
|
||||||
// config.baseUrl = 'http://378a061a.r28.cpolar.top'
|
// config.baseUrl = 'http://378a061a.r28.cpolar.top'
|
||||||
export default config;
|
export default config;
|
||||||
|
@@ -115,7 +115,7 @@ const install = (Vue, vm) => {
|
|||||||
},
|
},
|
||||||
// 单位管理
|
// 单位管理
|
||||||
unit:{
|
unit:{
|
||||||
addEmployee:(params = {}) => vm.$u.post(config.adminPath+'/property/xcx/person', params),
|
addEmployee:(params = {}) => vm.$u.post(config.adminPath+'/property/xcx/person/add', params),
|
||||||
queryEmployeeById:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/'+ params.id),
|
queryEmployeeById:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/'+ params.id),
|
||||||
queryEmployee:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/list', params),
|
queryEmployee:(params = {}) => vm.$u.get(config.adminPath+'/property/xcx/person/list', params),
|
||||||
updateEmployee:(params = {}) => vm.$u.put(config.adminPath+'/property/xcx/person', params),
|
updateEmployee:(params = {}) => vm.$u.put(config.adminPath+'/property/xcx/person', params),
|
||||||
|
@@ -3,108 +3,93 @@
|
|||||||
<!-- 日期导航 -->
|
<!-- 日期导航 -->
|
||||||
<view class="date-nav">
|
<view class="date-nav">
|
||||||
<scroll-view scroll-x class="date-scroll">
|
<scroll-view scroll-x class="date-scroll">
|
||||||
<view class="date-item" :class="currentDate === '07-07' ? 'active' : ''" data-date="07-07">今天 07-07 周六
|
<view
|
||||||
|
v-for="(item, index) in dateList"
|
||||||
|
:key="index"
|
||||||
|
class="date-item"
|
||||||
|
:class="currentDate === item.date ? 'active' : ''"
|
||||||
|
@click="selectDate(item.date)"
|
||||||
|
>
|
||||||
|
<text class="week-day">{{item.weekDay}}</text>
|
||||||
|
<text class="date-text" v-if="!item.isToday">{{item.date}}</text>
|
||||||
|
<text class="today-text" v-else>今天</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="date-item" :class="currentDate === '07-07' ? 'active' : ''" data-date="07-07">
|
|
||||||
<text class="highlight">07-07</text> 周一
|
|
||||||
</view>
|
|
||||||
<view class="date-item" data-date="07-08">07-08 周二</view>
|
|
||||||
<view class="date-item" data-date="07-09">07-09 周三</view>
|
|
||||||
<view class="date-item" data-date="07-10">07-10 周四</view>
|
|
||||||
<view class="date-item" data-date="07-11">07-11 周五</view>
|
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!-- 选择时段 -->
|
<!-- 选择时段 -->
|
||||||
<text class="label">选择时段</text>
|
<text class="section-title">选择时段</text>
|
||||||
<view class="time-tabs">
|
<view class="time-tabs">
|
||||||
<view class="time-tab" :class="timeTab === 'morning' ? '' : 'inactive'">
|
<view class="time-tab" :class="timeTab === 'morning' ? 'active' : 'inactive'" @click="changeTimeTab('morning')">
|
||||||
<image src="/static/ic_meet_02.png" class="time-img1" />上午
|
<image src="/static/ic_meet_02.png" class="time-icon"/>
|
||||||
|
上午
|
||||||
</view>
|
</view>
|
||||||
<view class="time-tab" :class="timeTab === 'afternoon' ? 'active' : ''">
|
<view class="time-tab" :class="timeTab === 'afternoon' ? 'active' : 'inactive'" @click="changeTimeTab('afternoon')">
|
||||||
<image src="/static/ic_meet_03.png" class="time-img2" />下午
|
<image src="/static/ic_meet_03.png" class="time-icon"/>
|
||||||
|
下午
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!-- 会议人数 -->
|
<!-- 会议人数 -->
|
||||||
<text class="label">会议人数</text>
|
<text class="section-title">会议人数</text>
|
||||||
<input type="number" v-model="formData.peopleNum" placeholder="请输入会议人数" class="meet-num" />
|
<input type="number" v-model="formData.peopleNum" placeholder="请输入会议人数" class="input-field"/>
|
||||||
|
|
||||||
|
<!-- 会议主题 -->
|
||||||
|
<text class="section-title">会议主题</text>
|
||||||
|
<input type="text" v-model="formData.theme" placeholder="请输入会议名称" class="input-field"/>
|
||||||
|
|
||||||
|
<!-- 会议时间 -->
|
||||||
|
<text class="section-title">会议时间</text>
|
||||||
|
<view class="select-field">
|
||||||
|
<uni-datetime-picker class="datetime-picker" type="datetime" :hide-second="true" v-model="formData.time"/>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 选择会议室 -->
|
<!-- 选择会议室 -->
|
||||||
<text class="label">选择会议室</text>
|
<text class="section-title">选择会议室</text>
|
||||||
<picker :value="meetingRoomIndex" :range="meetingRooms">
|
<picker @change="onMeetingRoomChange" :value="meetingRoomIndex" :range="meetingRooms" range-key="name">
|
||||||
<view class="picker-content">
|
<view class="select-field">
|
||||||
<text>{{formData.meetingRoom || '请选择会议室'}}</text>
|
<text>{{ formData.meetingRoom || '请选择会议室' }}</text>
|
||||||
<text v-if="formData.meetingRoom" class="room-info">{{meetingRooms[meetingRoomIndex]}}</text>
|
<image class="arrow-icon" src="/static/ic_right_arrow_g.png"/>
|
||||||
</view>
|
</view>
|
||||||
</picker>
|
</picker>
|
||||||
|
|
||||||
|
<!-- 增值服务 -->
|
||||||
<!-- 会议主题 -->
|
<text class="section-title">增值服务</text>
|
||||||
<text class="label">会议主题</text>
|
<view class="select-field" @click="toggleServiceExpand">
|
||||||
<input type="text" v-model="formData.theme" placeholder="请输入会议名称" class="meet-input" />
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 会议时间 -->
|
|
||||||
|
|
||||||
<text class="label">会议时间</text>
|
|
||||||
<view class="meet-select" @click="chooseCarNumber">
|
|
||||||
<text>{{ meetingTime || '请选择会议时间' }}</text>
|
|
||||||
<image class="meet-arrow" src="/static/ic_right_arrow_g.png" />
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 是否需要签到 -->
|
|
||||||
<view class="sgin-in-row">
|
|
||||||
<view class="label">是否需要签到</view>
|
|
||||||
<view class="radio-label" @click="formData.checkIn = true">
|
|
||||||
<view :class="['radio-custom', {checked: formData.checkIn === true}]" />
|
|
||||||
<text>是</text>
|
|
||||||
</view>
|
|
||||||
<view class="radio-label" @click="formData.checkIn = false">
|
|
||||||
<view :class="['radio-custom', {checked: formData.checkIn === false}]" />
|
|
||||||
<text>否</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<text class="label">增值服务</text>
|
|
||||||
<view class="meet-select" @click="chooseCarNumber">
|
|
||||||
<text>会议物品</text>
|
<text>会议物品</text>
|
||||||
<image class="meet-arrow" src="/static/ic_right_arrow_g.png" />
|
<image class="arrow-icon" :src="serviceExpanded ? '/static/ic_down_arrow_g.png' : '/static/ic_right_arrow_g.png'"/>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="service-list">
|
<!-- 展开的服务内容 -->
|
||||||
<view v-for="(data,index) in itemList">
|
<view class="service-content" v-if="serviceExpanded">
|
||||||
<view class="label">{{data.type}}</view>
|
<view class="service-category" v-for="(category, catIndex) in services" :key="catIndex">
|
||||||
<view class="service-item" v-for="(item, index) in data.data" :key="index">
|
<text class="category-title">{{category.name}}</text>
|
||||||
|
<view class="service-items">
|
||||||
|
<view class="service-item" v-for="(item, itemIndex) in category.items" :key="itemIndex">
|
||||||
<view class="service-info">
|
<view class="service-info">
|
||||||
<text>{{item.name}}</text>
|
<text class="service-name">{{item.name}}</text>
|
||||||
<text class="price">¥{{item.price}}/{{item.unit}}</text>
|
<text class="service-price">¥{{item.price}}/{{item.unit}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="quantity-selector">
|
<view class="quantity-control">
|
||||||
<view class="minus" @tap="decreaseQuantity(index, 'tea')">-</view>
|
<view class="quantity-btn minus" @tap="adjustQuantity(catIndex, itemIndex, -1)">-</view>
|
||||||
<input type="number" v-model="item.quantity" disabled class="quantity-input" />
|
<input type="number" v-model="item.quantity" disabled class="quantity-input"/>
|
||||||
<view class="plus" @tap="increaseQuantity(index, 'tea')">+</view>
|
<view class="quantity-btn plus" @tap="adjustQuantity(catIndex, itemIndex, 1)">+</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="list-line" v-if="index<itemList.length-1"></view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 备注 -->
|
|
||||||
<view class="remark-section">
|
|
||||||
<textarea v-model="formData.remark" placeholder="若您还有其他需求,请在这里进行备注~"></textarea>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
<!-- 新增增值服务备注栏 -->
|
||||||
|
<view class="service-remark">
|
||||||
|
<textarea v-model="formData.remark" placeholder="请输入增值服务备注信息(选填)" style="width: 100%" maxlength="120"> </textarea>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 底部按钮 -->
|
<!-- 底部按钮 -->
|
||||||
<view class="footer">
|
<view class="footer">
|
||||||
<view class="total-price">
|
<view class="price-display">
|
||||||
<text>¥</text>
|
<text class="price-symbol">¥</text>
|
||||||
<text>{{totalPrice}}</text>
|
<text class="price-amount">{{totalPrice}}</text>
|
||||||
</view>
|
</view>
|
||||||
<button class="submit-btn" @tap="submitForm">发起会议并支付</button>
|
<button class="submit-btn" @tap="submitForm">发起会议并支付</button>
|
||||||
</view>
|
</view>
|
||||||
@@ -112,107 +97,134 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
currentDate: '07-07',
|
currentDate: '',
|
||||||
|
dateList: [],
|
||||||
timeTab: 'afternoon',
|
timeTab: 'afternoon',
|
||||||
formData: {
|
formData: {
|
||||||
|
time:'',
|
||||||
peopleNum: '',
|
peopleNum: '',
|
||||||
meetingRoom: '',
|
meetingRoom: '',
|
||||||
theme: '',
|
theme: '',
|
||||||
checkIn: false,
|
checkIn: false,
|
||||||
remark: ''
|
remark: ''
|
||||||
},
|
},
|
||||||
meetingRoomIndex: 1, // 默认选中第二个会议室(3栋2号)
|
// 新增服务展开状态
|
||||||
meetingRooms: [
|
serviceExpanded: false,
|
||||||
'3栋1号会议室 (3078) 可容纳20人 带电视',
|
meetingRoomIndex: 0,
|
||||||
'3栋2号会议室 (5124) 可容纳50人 带投影仪',
|
|
||||||
'1栋3号会议室 (1247) 可容纳100人'
|
|
||||||
],
|
|
||||||
meetingTime: '2025-07-07 14:00-18:00',
|
meetingTime: '2025-07-07 14:00-18:00',
|
||||||
itemList: [{
|
meetingRooms: [
|
||||||
type: '茶水',
|
{ name: '3栋1号会议室 (3078)', capacity: '可容纳20人', facility: '带电视', price: 29 },
|
||||||
data: [{
|
{ name: '3栋2号会议室 (5124)', capacity: '可容纳50人', facility: '带投影仪', price: 49 },
|
||||||
id: 1,
|
{ name: '1栋3号会议室 (1247)', capacity: '可容纳100人', facility: '', price: 99 }
|
||||||
name: '清茶',
|
],
|
||||||
price: 5,
|
services: [
|
||||||
unit: '杯',
|
|
||||||
quantity: 5
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
name: '茶水',
|
||||||
name: '碧螺春',
|
items: [
|
||||||
price: 8,
|
{ id: 1, name: '清茶', price: 5, unit: '杯', quantity: 0 },
|
||||||
unit: '杯',
|
{ id: 2, name: '碧螺春', price: 8, unit: '杯', quantity: 0 },
|
||||||
quantity: 5
|
{ id: 3, name: '红茶', price: 10, unit: '杯', quantity: 0 },
|
||||||
},
|
{ id: 4, name: '怡宝矿泉水', price: 2, unit: '瓶', quantity: 0 }
|
||||||
{
|
|
||||||
id: 3,
|
|
||||||
name: '红茶',
|
|
||||||
price: 10,
|
|
||||||
unit: '杯',
|
|
||||||
quantity: 5
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
}, {
|
|
||||||
type: '会议物品',
|
|
||||||
data: [{
|
|
||||||
id: 4,
|
|
||||||
name: '清茶',
|
|
||||||
price: 5,
|
|
||||||
unit: '杯',
|
|
||||||
quantity: 5
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
name: '会议物品',
|
||||||
name: '碧螺春',
|
items: [
|
||||||
price: 8,
|
{ id: 5, name: '纸巾', price: 1, unit: '包', quantity: 0 },
|
||||||
unit: '杯',
|
{ id: 6, name: '一次性毛巾', price: 3, unit: '个', quantity: 0 },
|
||||||
quantity: 5
|
{ id: 7, name: '湿巾', price: 2, unit: '包', quantity: 0 },
|
||||||
},
|
{ id: 8, name: '文件袋', price: 5, unit: '个', quantity: 0 }
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
name: '红茶',
|
|
||||||
price: 10,
|
|
||||||
unit: '杯',
|
|
||||||
quantity: 5
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
}],
|
},
|
||||||
|
{
|
||||||
// 其他物品列表...
|
name: '其他物品',
|
||||||
totalPrice: 256
|
items: [
|
||||||
|
{ id: 9, name: '话筒', price: 10, unit: '个', quantity: 0 },
|
||||||
|
{ id: 10, name: '音乐', price: 20, unit: '场', quantity: 0 },
|
||||||
|
{ id: 11, name: '假花', price: 15, unit: '束', quantity: 0 }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
totalPrice: 0
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
this.initDateList();
|
||||||
|
this.calculateTotalPrice();
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 新增切换服务展开状态方法
|
||||||
|
toggleServiceExpand() {
|
||||||
|
this.serviceExpanded = !this.serviceExpanded;
|
||||||
|
},
|
||||||
|
initDateList() {
|
||||||
|
const today = new Date();
|
||||||
|
const weekDays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
|
||||||
|
|
||||||
|
for (let i = 0; i < 14; i++) {
|
||||||
|
const date = new Date();
|
||||||
|
date.setDate(today.getDate() + i);
|
||||||
|
|
||||||
increaseQuantity(index, category) {
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
||||||
if (category === 'tea') {
|
const day = date.getDate().toString().padStart(2, '0');
|
||||||
this.teaList[index].quantity++;
|
const weekDay = weekDays[date.getDay()];
|
||||||
|
const dateStr = `${month}-${day}`;
|
||||||
|
|
||||||
|
this.dateList.push({
|
||||||
|
date: dateStr,
|
||||||
|
weekDay: weekDay,
|
||||||
|
isToday: i === 0
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
this.currentDate = this.dateList[0].date;
|
||||||
|
},
|
||||||
|
|
||||||
|
selectDate(date) {
|
||||||
|
this.currentDate = date;
|
||||||
|
},
|
||||||
|
|
||||||
|
changeTimeTab(tab) {
|
||||||
|
this.timeTab = tab;
|
||||||
|
},
|
||||||
|
|
||||||
|
onMeetingRoomChange(e) {
|
||||||
|
this.meetingRoomIndex = e.detail.value;
|
||||||
|
this.formData.meetingRoom = this.meetingRooms[this.meetingRoomIndex].name;
|
||||||
|
this.calculateTotalPrice();
|
||||||
|
},
|
||||||
|
|
||||||
|
adjustQuantity(catIndex, itemIndex, delta) {
|
||||||
|
const item = this.services[catIndex].items[itemIndex];
|
||||||
|
const newQuantity = item.quantity + delta;
|
||||||
|
if (newQuantity >= 0) {
|
||||||
|
item.quantity = newQuantity;
|
||||||
this.calculateTotalPrice();
|
this.calculateTotalPrice();
|
||||||
}
|
}
|
||||||
// 其他类别数量增加逻辑...
|
|
||||||
},
|
|
||||||
decreaseQuantity(index, category) {
|
|
||||||
if (this.teaList[index].quantity > 1) {
|
|
||||||
this.teaList[index].quantity--;
|
|
||||||
this.calculateTotalPrice();
|
|
||||||
}
|
|
||||||
// 其他类别数量减少逻辑...
|
|
||||||
},
|
},
|
||||||
|
|
||||||
calculateTotalPrice() {
|
calculateTotalPrice() {
|
||||||
let total = 0;
|
let total = 0;
|
||||||
// 计算茶水总价
|
|
||||||
this.teaList.forEach(item => {
|
// 会议室费用
|
||||||
|
if (this.meetingRoomIndex >= 0) {
|
||||||
|
total += this.meetingRooms[this.meetingRoomIndex].price;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 增值服务费用
|
||||||
|
this.services.forEach(category => {
|
||||||
|
category.items.forEach(item => {
|
||||||
total += item.price * item.quantity;
|
total += item.price * item.quantity;
|
||||||
});
|
});
|
||||||
// 计算其他类别总价...
|
});
|
||||||
|
|
||||||
this.totalPrice = total;
|
this.totalPrice = total;
|
||||||
},
|
},
|
||||||
|
|
||||||
submitForm() {
|
submitForm() {
|
||||||
// 表单验证
|
|
||||||
if (!this.formData.peopleNum || !this.formData.meetingRoom) {
|
if (!this.formData.peopleNum || !this.formData.meetingRoom) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '请完善必填信息',
|
title: '请完善必填信息',
|
||||||
@@ -220,95 +232,92 @@
|
|||||||
});
|
});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 提交表单逻辑(实际开发需对接API)
|
|
||||||
uni.showLoading({
|
uni.showLoading({ title: '提交中...' });
|
||||||
title: '提交中...'
|
|
||||||
});
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.hideLoading();
|
uni.hideLoading();
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '预约成功',
|
title: '预约成功',
|
||||||
success: () => {
|
success: () => {
|
||||||
// 跳转支付页面或完成预约
|
// 跳转支付页面
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}, 1000);
|
}, 1000);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.container {
|
.container {
|
||||||
padding-bottom: 120rpx;
|
padding: 20rpx 30rpx 120rpx;
|
||||||
padding-left: 35rpx;
|
}
|
||||||
padding-right: 35rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 日期导航 */
|
/* 日期导航 */
|
||||||
.date-nav {
|
.date-nav {
|
||||||
padding: 20rpx 30rpx;
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
padding: 20rpx 0;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
|
border-bottom: 1rpx solid #eee;
|
||||||
|
|
||||||
.date-scroll {
|
.date-scroll {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date-item {
|
.date-item {
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
padding: 10rpx 20rpx;
|
padding: 10rpx 20rpx;
|
||||||
margin-right: 20rpx;
|
margin: 0 10rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
font-size: 28rpx;
|
|
||||||
color: #333;
|
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
color: #4a90e2;
|
|
||||||
background: #e8f4ff;
|
background: #e8f4ff;
|
||||||
}
|
|
||||||
|
|
||||||
.highlight {
|
.week-day, .today-text, .date-text {
|
||||||
color: #4a90e2;
|
color: #4a90e2;
|
||||||
margin-right: 5rpx;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.week-day {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date-text, .today-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #000000;
|
color: #333;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.time-tabs {
|
.today-text {
|
||||||
flex: 1;
|
color: #4a90e2;
|
||||||
flex-direction: row;
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
display: block;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #000;
|
||||||
|
font-weight: 500;
|
||||||
|
margin: 30rpx 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
|
|
||||||
.time-img1 {
|
|
||||||
width: 41rpx;
|
|
||||||
height: 29rpx;
|
|
||||||
margin-right: 15rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time-img2 {
|
|
||||||
width: 33rpx;
|
|
||||||
height: 34rpx;
|
|
||||||
margin-right: 17rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.time-tab {
|
.time-tab {
|
||||||
width: 152rpx;
|
|
||||||
height: 60rpx;
|
|
||||||
font-size: 28rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
width: 160rpx;
|
||||||
|
height: 70rpx;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
margin-right: 40rpx;
|
margin-right: 30rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
background: #2E93FF;
|
background: #2E93FF;
|
||||||
@@ -319,178 +328,272 @@
|
|||||||
background: #EBF5FF;
|
background: #EBF5FF;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.meet-num {
|
.time-icon {
|
||||||
background: #F7F7F7;
|
width: 36rpx;
|
||||||
width: 297rpx;
|
height: 36rpx;
|
||||||
height: 73rpx;
|
margin-right: 10rpx;
|
||||||
font-size: 24rpx;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 18rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.meet-input {
|
|
||||||
background: #F7F7F7;
|
|
||||||
width: 86vw;
|
|
||||||
height: 73rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 18rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.meet-select {
|
.input-field, .select-field {
|
||||||
width: 86vw;
|
height: 80rpx;
|
||||||
height: 73rpx;
|
|
||||||
background: #F7F7F7;
|
background: #F7F7F7;
|
||||||
font-size: 24rpx;
|
border-radius: 8rpx;
|
||||||
color: #808080;
|
padding: 0 20rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 0 24rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
|
||||||
.meet-arrow {
|
|
||||||
width: 11rpx;
|
|
||||||
height: 21rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.meet-text {
|
.arrow-icon {
|
||||||
background: #F7F7F7;
|
width: 20rpx;
|
||||||
width: 86vw;
|
height: 20rpx;
|
||||||
height: 73rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 18rpx;
|
|
||||||
margin-top: 30rpx;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
display: flex;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sgin-in-row {
|
.service-section {
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 24rpx;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio-label {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #0B0B0B;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 30rpx;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.radio-custom {
|
|
||||||
width: 22rpx;
|
|
||||||
height: 22rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 1rpx solid #007CFF;
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
margin-right: 12rpx;
|
border-radius: 12rpx;
|
||||||
box-sizing: border-box;
|
padding: 20rpx;
|
||||||
transition: background 0.2s, border 0.2s;
|
margin-bottom: 30rpx;
|
||||||
}
|
|
||||||
|
|
||||||
.radio-custom.checked {
|
.category-title {
|
||||||
background: #007CFF;
|
display: block;
|
||||||
border: 1rpx solid #007CFF;
|
font-size: 30rpx;
|
||||||
|
color: #333;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-list {
|
|
||||||
background: #F7F7F7;
|
|
||||||
padding: 34rpx 20rpx 20rpx 34rpx;
|
|
||||||
|
|
||||||
.service-item {
|
.service-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
border-bottom: 1rpx solid #eee;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
.service-info {
|
.service-info {
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
.service-name {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
.price {
|
.service-price {
|
||||||
color: #4a90e2;
|
font-size: 24rpx;
|
||||||
margin-left: 10rpx;
|
color: #2E93FF;
|
||||||
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.quantity-selector {
|
.quantity-control {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.minus,
|
.quantity-btn {
|
||||||
.plus {
|
width: 50rpx;
|
||||||
width: 60rpx;
|
height: 50rpx;
|
||||||
height: 60rpx;
|
border-radius: 50%;
|
||||||
line-height: 60rpx;
|
|
||||||
text-align: center;
|
|
||||||
border: 1rpx solid #eee;
|
|
||||||
font-size: 36rpx;
|
|
||||||
color: #333;
|
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #666;
|
||||||
|
|
||||||
|
&.minus {
|
||||||
|
border: 1rpx solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.plus {
|
||||||
|
background: #2E93FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.quantity-input {
|
.quantity-input {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 60rpx;
|
height: 50rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 10rpx;
|
margin: 0 10rpx;
|
||||||
border-top: 1rpx solid #eee;
|
background: #f5f5f5;
|
||||||
border-bottom: 1rpx solid #eee;
|
border-radius: 8rpx;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.list-line{
|
.remark-input {
|
||||||
width: 80vw;
|
width: 100%;
|
||||||
margin: 26rpx auto 20rpx auto;
|
height: 200rpx;
|
||||||
background: #fff;
|
background: #F7F7F7;
|
||||||
height: 1rpx;
|
border-radius: 8rpx;
|
||||||
}
|
padding: 20rpx;
|
||||||
/* 底部按钮 */
|
font-size: 28rpx;
|
||||||
.footer {
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 100rpx;
|
height: 120rpx;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
padding: 0 30rpx;
|
padding: 0 30rpx;
|
||||||
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
|
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
|
||||||
|
|
||||||
.total-price {
|
.price-display {
|
||||||
font-size: 32rpx;
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
|
||||||
|
.price-symbol {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #ff6b00;
|
||||||
|
margin-right: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price-amount {
|
||||||
|
font-size: 36rpx;
|
||||||
color: #ff6b00;
|
color: #ff6b00;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
||||||
text:first-child {
|
|
||||||
font-size: 28rpx;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit-btn {
|
.submit-btn {
|
||||||
flex: 1;
|
width: 400rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
line-height: 80rpx;
|
line-height: 80rpx;
|
||||||
margin-left: 30rpx;
|
background: #2E93FF;
|
||||||
background: #4a90e2;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
border-radius: 40rpx;
|
border-radius: 40rpx;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 服务内容区域样式 */
|
||||||
|
.service-content {
|
||||||
|
background: #F7F7F7;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
|
||||||
|
.service-category {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.category-title {
|
||||||
|
display: block;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
border-bottom: 1rpx solid #eee;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-info {
|
||||||
|
flex: 1;
|
||||||
|
|
||||||
|
.service-name {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.service-price {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #2E93FF;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-control {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.quantity-btn {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #f5f5f5;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #666;
|
||||||
|
|
||||||
|
&.minus {
|
||||||
|
border: 1rpx solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.plus {
|
||||||
|
background: #2E93FF;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quantity-input {
|
||||||
|
width: 80rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0 10rpx;
|
||||||
|
background: #f5f5f5;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 新增增值服务备注样式 */
|
||||||
|
.service-remark {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
padding: 20rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
}
|
||||||
|
.datetime-picker {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
:deep .uni-date-x uni-date-single {
|
||||||
|
background-color: #f31818 !important;
|
||||||
|
border: none !important;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
|
||||||
|
.uni-date__x-input {
|
||||||
|
height: 80rpx;
|
||||||
|
line-height: 80rpx;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uni-date__x-icon {
|
||||||
|
right: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
0
pages/sys/workbench/meet/meetDetail.vue
Normal file
0
pages/sys/workbench/meet/meetDetail.vue
Normal file
@@ -104,7 +104,7 @@ export default {
|
|||||||
},
|
},
|
||||||
showInviteDialog() {
|
showInviteDialog() {
|
||||||
this.showDialog = true;
|
this.showDialog = true;
|
||||||
this.$nextTick( () => {
|
this.$nextTick(() => {
|
||||||
this.makeQRCode();
|
this.makeQRCode();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -116,7 +116,9 @@ export default {
|
|||||||
// 获取uQRCode实例
|
// 获取uQRCode实例
|
||||||
var qr = new uQRCode();
|
var qr = new uQRCode();
|
||||||
// 设置二维码内容
|
// 设置二维码内容
|
||||||
qr.data = `http://183.230.235.66:11010/sys/workbench/unitManagement/employeeAdd?unitId=${uni.getStorageSync('lifeData').vuex_user.unitId}`;
|
qr.data = `http://183.230.235.66:11010/parkH5/pages/sys/workbench/unitManagement/employeeAdd?unitId=${uni.getStorageSync('lifeData').vuex_user.unitId}
|
||||||
|
& unitName=${uni.getStorageSync('lifeData').vuex_user.unitName}
|
||||||
|
& tenantId=${uni.getStorageSync('lifeData').vuex_user.tenantId}`;
|
||||||
// 设置二维码大小,必须与canvas设置的宽高一致
|
// 设置二维码大小,必须与canvas设置的宽高一致
|
||||||
qr.size = 200;
|
qr.size = 200;
|
||||||
// 调用制作二维码方法
|
// 调用制作二维码方法
|
||||||
@@ -307,7 +309,7 @@ export default {
|
|||||||
/* 修复:统一用动态尺寸,移除固定宽高,优化居中 */
|
/* 修复:统一用动态尺寸,移除固定宽高,优化居中 */
|
||||||
.qr-code-container {
|
.qr-code-container {
|
||||||
/* 容器尺寸略大于二维码,留出白边 */
|
/* 容器尺寸略大于二维码,留出白边 */
|
||||||
width:380rpx;
|
width: 380rpx;
|
||||||
height: 380rpx;
|
height: 380rpx;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
@@ -322,7 +324,6 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* 新增圆形关闭按钮样式 */
|
/* 新增圆形关闭按钮样式 */
|
||||||
.close-circle-btn {
|
.close-circle-btn {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
|
@@ -80,12 +80,12 @@
|
|||||||
// url:'/pages/sys/workbench/monitor/monitors'
|
// url:'/pages/sys/workbench/monitor/monitors'
|
||||||
// },
|
// },
|
||||||
// {
|
// {
|
||||||
// icon: '/static/aaaa_bsbx.png',
|
// icon: '/static/aaa_hy.png',
|
||||||
// text: '报事报修',
|
// text: '会议管理',
|
||||||
// url:'/pages/sys/user/myRepair/myRepair'
|
// url:'/pages/sys/workbench/meet/meet'
|
||||||
// },
|
// },
|
||||||
{
|
{
|
||||||
icon: '/static/ic_unit.png',
|
icon: '/static/aaa_dw.png',
|
||||||
text: '单位管理',
|
text: '单位管理',
|
||||||
url:'/pages/sys/workbench/unitManagement/unitManagement'
|
url:'/pages/sys/workbench/unitManagement/unitManagement'
|
||||||
},
|
},
|
||||||
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
BIN
static/aaa_hy.png
Normal file
BIN
static/aaa_hy.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
Reference in New Issue
Block a user