新增会议管理

This commit is contained in:
2025-09-15 16:31:06 +08:00
parent bea7d8f079
commit b22ec4cf4d
8 changed files with 566 additions and 459 deletions

View File

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

View File

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

View File

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

View File

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

View File

@@ -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'
}, },

View File

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

BIN
static/aaa_hy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB