1361 lines
39 KiB
Vue
1361 lines
39 KiB
Vue
<template>
|
||
<view class="box flex flex-column align-items justify-center">
|
||
<view class="first flex flex-column align-items justify-start">
|
||
<view class="row flex align-items" @click.stop="teacherShow = true">
|
||
<span class="label flex align-items">课程讲师
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui" v-if="form.teacher == ''">选择</span>
|
||
<span class="hui" v-if="form.teacher != ''">{{form.teacher}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; " @click.stop="classesShow = true">
|
||
<span class="label flex align-items">课程类型
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui" v-if="form.classes == ''">选择</span>
|
||
<span class="hui" v-if="form.classes != ''">{{form.classes}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; ">
|
||
<span class="label flex align-items ">课程标题
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right">
|
||
<input type="text" placeholder="填写标题" class="input" v-model="form.title"
|
||
placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; ">
|
||
<span class="label flex align-items ">课程价格
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right">
|
||
<input type="text" placeholder="填写0则为免费课程" class="input" v-model="form.price"
|
||
placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; ">
|
||
<span class="label flex align-items ">核销次数
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right">
|
||
<input type="number" placeholder="课时数不能少于核销次数" disabled="true" class="input"
|
||
v-model="form.classes_num" placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
</view>
|
||
<view class="second flex flex-column align-items justify-start">
|
||
<span class="se-title flex">课时添加</span>
|
||
<view class="secondList flex flex-column align-items justify-start">
|
||
<view class="content flex flex-column align-items justify-start" v-for="(item, index) in formList"
|
||
:key="index">
|
||
<view class="row flex align-items" style="margin-top: 25rpx;">
|
||
<span class="label flex align-items">课时名称
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right">
|
||
<input type="text" placeholder="填写名称" class="input" v-model="item.name"
|
||
placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 31rpx;" @click="selctTime(index)">
|
||
<span class="label flex align-items">上课时间
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span v-if="item.start_time" class="hui">{{ item.start_time }}-{{item.end_time}}</span>
|
||
<span v-else class="hui">选择时间</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<!-- <span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 31rpx;" @click="selctTime(index)">
|
||
<span class="label flex align-items">开始时间
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span>{{ item.start_time }}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 31rpx;" @click="selctTime(index)">
|
||
<span class="label flex align-items">结束时间
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span>{{ item.end_time }}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view> -->
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 31rpx;">
|
||
<span class="label flex align-items">人数上限
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right">
|
||
<input type="text" placeholder="填写人数上限" class="input" v-model="item.limit_num"
|
||
placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
<!-- <span class="line-row"></span> -->
|
||
<!-- <view class="row flex align-items" style="margin-top: 31rpx;" @click.stop="isStatus(index)">
|
||
<span class="label flex align-items">上架状态
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui" v-if="item.status_name == ''">选择</span>
|
||
<span class="hui" v-if="item.status_name != ''">{{item.status_name}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view> -->
|
||
<!-- <view class="row flex align-items" style="margin-top: 31rpx;">
|
||
<span class="label flex align-items">上架状态
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">上架</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view> -->
|
||
<span class="del" @click.stop="removePeriod(index)" v-if="formList.length > 1">移出课时-</span>
|
||
</view>
|
||
<span class="add" @click.stop="addPeriod()">新增课时 + </span>
|
||
</view>
|
||
</view>
|
||
<!-- 机构热门 -->
|
||
<view class="trend flex justify-center align-items">
|
||
<view class="row flex align-items" @click.stop="selfhotShow = true">
|
||
<span class="label flex align-items">机构热门
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">{{form.selfhot == 0 ? '否' : '是'}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 上架状态 -->
|
||
<view class="trend flex justify-center align-items">
|
||
<view class="row flex align-items" @click.stop="disable && (shangShow = true)">
|
||
<span class="label flex align-items">是否立即上架
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">{{form.status_name}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;" v-if="disable"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 地点类型 上课位置 -->
|
||
<view class="first flex flex-column align-items justify-start">
|
||
<view class="row flex align-items" @click.stop="typeShow = true">
|
||
<span class="label flex align-items">地点类型
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">{{form.type}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; " @click.stop="address_typeShow = true">
|
||
<span class="label flex align-items">上课位置
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">{{form.address_type}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<view class="w-100 flex flex-column align-items justify-start" v-if="localShow">
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx; " @click.stop="districtShow = true">
|
||
<span class="label flex align-items">选择县区
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<view class="row-right flex align-items">
|
||
<span class="hui">{{form.district_name}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx;">
|
||
<span class="label flex align-items">选择地址 <span style="color: #FF2323;">*</span></span>
|
||
<span class="row-right flex align-items" @click="choose()">
|
||
<span class="hui">{{form.address}}</span>
|
||
<image src="../../static/my/right.png" mode="" style="width: 24rpx;height: 24rpx;"></image>
|
||
</span>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="row flex align-items" style="margin-top: 25rpx;">
|
||
<span class="label flex align-items ">详细位置
|
||
<span style="color: #FF2323;">*</span>
|
||
</span>
|
||
<span class="row-right flex align-items">
|
||
<input type="text" placeholder="请填写详细位置" class="input" v-model="form.address_detail"
|
||
placeholder-class="plasty" />
|
||
</span>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<!-- 标签 -->
|
||
<view class="four flex flex-column align-items justify-start">
|
||
<view class="class_type">课程标签
|
||
<span style="color: #FF2323;margin: 0 12rpx 0 6rpx;">*</span>
|
||
<span>(最多只能选择三个)</span>
|
||
</view>
|
||
<view class="" style="width: 100%;margin-top: 24rpx;">
|
||
<uni-section title="" type="line">
|
||
<view class="uni-px-5 uni-pb-5">
|
||
<zxz-uni-data-select v-model="form.classes_cate_ids" filterable multiple dataKey="label"
|
||
dataValue="value" :localdata="classes_cateList" @change="change"></zxz-uni-data-select>
|
||
</view>
|
||
</uni-section>
|
||
</view>
|
||
<span class="line-row"></span>
|
||
<view class="class_type" style="margin-top: 31rpx;">热门标签
|
||
<span style="color: #FF2323;margin: 0 12rpx 0 6rpx;">*</span>
|
||
<span>(最多只能选择三个)</span>
|
||
</view>
|
||
<view class="" style="width: 100%;margin-top: 24rpx;">
|
||
<uni-section title="" type="line">
|
||
<view class="uni-px-5 uni-pb-5">
|
||
<zxz-uni-data-select v-model="form.classes_label_ids" filterable multiple dataKey="label"
|
||
dataValue="value" :localdata="classes_labelList"></zxz-uni-data-select>
|
||
</view>
|
||
</uni-section>
|
||
</view>
|
||
</view>
|
||
<!-- 封面照片 -->
|
||
<view class="third flex flex-column" style="margin-top: 42rpx;">
|
||
<span class="swiper" style="margin-bottom: 24rpx;">封面图
|
||
<span style="color: #FF2323;">*</span></span>
|
||
<u-upload :fileList="fileList1" @afterRead="afterRead" :previewFullImage="true" @delete="deletePic"
|
||
@oversize="oversize" name="1" multiple :maxSize="2*1024*1024" :maxCount="1">
|
||
<image src="../../static/index/upload.png" mode="widthFix" style="width: 200rpx;height: 200rpx;">
|
||
</u-upload>
|
||
</view>
|
||
<!-- 轮播图 -->
|
||
<view class="third flex flex-column">
|
||
<view class="header flex flex-column">
|
||
<span class="swiper">轮播图
|
||
<span style="color: #FF2323;">*</span></span>
|
||
<span class="tips">(最多只能上传6张,单张最大不超过2M,尺寸750*450)</span>
|
||
|
||
</view>
|
||
<u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="6"
|
||
:previewFullImage="true" width="200rpx" height="200rpx" @oversize="oversize" :maxSize="2*1024*1024">
|
||
<image src="../../static/index/upload.png" mode="widthFix" style="width: 200rpx;height: 200rpx;">
|
||
</u-upload>
|
||
</view>
|
||
|
||
<!-- 课程详情 -->
|
||
<view class="third flex flex-column">
|
||
<view class="header flex flex-column">
|
||
<span class="swiper">课程详情
|
||
<span style="color: #FF2323;">*</span></span>
|
||
|
||
</view>
|
||
<view class="">
|
||
<u--textarea v-model="form.content" placeholder="请输入内容" height="170" :maxlength="2000"
|
||
count></u--textarea>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 课程须知 -->
|
||
<view class="third flex flex-column" style="margin-bottom:242rpx;">
|
||
<view class="header flex flex-column">
|
||
<span class="swiper">课程须知
|
||
<span style="color: #FF2323;">*</span></span>
|
||
</view>
|
||
<view class="">
|
||
<u--textarea v-model="form.notice" placeholder="请输入内容" height="170" :maxlength="2000"
|
||
count></u--textarea>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="footer flex align-items" style="justify-content: space-evenly;">
|
||
<span class="cancel flex align-items justify-center">取消</span>
|
||
<span class="pass flex align-items justify-center" v-if="disable" @click.stop="add()">确认</span>
|
||
<span class="pass flex align-items justify-center" v-if="disable == false" @click.stop="add()">编辑</span>
|
||
</view>
|
||
|
||
<!-- 课程讲师 -->
|
||
<u-picker :show="teacherShow" :columns="teacherList" keyName="name" @cancel="teacherCancel"
|
||
@confirm="teacherConfirm"></u-picker>
|
||
<!-- 课程类型 -->
|
||
<u-picker :show="classesShow" :columns="classesTypeList" keyName="name" @cancel="classesCancel"
|
||
@confirm="classesConfirm"></u-picker>
|
||
<!-- 机构热门 -->
|
||
<u-picker :show="selfhotShow" :columns="selfhotList" @cancel="selfhotCancel"
|
||
@confirm="selfhotConfirm"></u-picker>
|
||
<!-- 地点类型 -->
|
||
<u-picker :show="typeShow" :columns="typeList" @cancel="typeCancel" @confirm="typeConfirm"></u-picker>
|
||
<!-- 选择县区 -->
|
||
<u-picker :show="districtShow" :columns="districtList" keyName="label" @cancel="districtCancel"
|
||
@confirm="districtConfirm"></u-picker>
|
||
<!-- 课时上架状态 -->
|
||
<u-picker :show="statusShow" :columns="statusList" keyName="label" @cancel="statusCancel"
|
||
@confirm="statusConfirm"></u-picker>
|
||
|
||
<!-- 课程上架状态 -->
|
||
<u-picker :show="shangShow" :columns="shangList" keyName="label" @cancel="shangCancel"
|
||
@confirm="shangConfirm"></u-picker>
|
||
<!-- 地址类型 -->
|
||
<u-picker :show="address_typeShow" :columns="address_typeList" @cancel="address_typeCancel"
|
||
@confirm="address_typeConfirm"></u-picker>
|
||
<!-- 时间选择 -->
|
||
<hbxw-date-range-picker title="选择时间" :visible="dateReangeVisible" level="minute" @cancel="cancel" @sure="sure"
|
||
@change="dateChange" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
//教师列表
|
||
teacherShow: false,
|
||
teacherList: [],
|
||
// 课程列表
|
||
classesShow: false,
|
||
classesTypeList: [],
|
||
// 机构热门
|
||
selfhotShow: false,
|
||
selfhotList: [
|
||
['是', '否']
|
||
],
|
||
// 地点类型
|
||
typeShow: false,
|
||
typeList: [
|
||
['室内', '室外']
|
||
],
|
||
// 县区
|
||
districtShow: false,
|
||
districtList: [],
|
||
// 课时上架状态
|
||
statusShow: false,
|
||
// 课程上架状态
|
||
shangShow: false,
|
||
shangList: [
|
||
[{
|
||
label: '是',
|
||
// 其他属性值
|
||
value: 1
|
||
// ...
|
||
}, {
|
||
label: '否',
|
||
value: 2
|
||
},
|
||
// {
|
||
// label: '平台下架',
|
||
// value: 3
|
||
// },
|
||
]
|
||
],
|
||
statusList: [
|
||
[{
|
||
label: '上架',
|
||
// 其他属性值
|
||
value: 1
|
||
// ...
|
||
}, {
|
||
label: '下架',
|
||
value: 2
|
||
},
|
||
// {
|
||
// label: '平台下架',
|
||
// value: 3
|
||
// },
|
||
]
|
||
],
|
||
// 地址类型
|
||
address_typeList: [
|
||
['机构内授课', '特定位置授课']
|
||
],
|
||
address_typeShow: false,
|
||
localShow: false,
|
||
|
||
form: {
|
||
latitude: '',
|
||
longitude: '',
|
||
address_detail: '',
|
||
teacher_id: "",
|
||
teacher: '',
|
||
classes: '',
|
||
classes_type: '',
|
||
title: '',
|
||
price: '',
|
||
verification_num: '',
|
||
location_type: '',
|
||
address_type: '机构内授课',
|
||
address: '',
|
||
course_details: '',
|
||
course: "",
|
||
selfhot: '否',
|
||
type: '室内',
|
||
classes_cate_ids: '',
|
||
classes_label_ids: '',
|
||
notice: '', //须知
|
||
content: '', //详情
|
||
status_name: '是', //上下架,
|
||
status: '1', //上下架id
|
||
classes_num: '1', //核销次数
|
||
district_name: '', //县区名字
|
||
district: "" //县区id
|
||
},
|
||
dateReangeVisible: false,
|
||
currentPeriodIndex: null,
|
||
currentTimeType: null,
|
||
date: null,
|
||
formList: [{
|
||
name: '',
|
||
start_time: '',
|
||
end_time: '',
|
||
limit_num: '',
|
||
status_name: '',
|
||
status: '1',
|
||
visible: true
|
||
}],
|
||
fileList1: [], // 用于存储第一个上传组件的文件列表
|
||
fileList2: [], // 用于存储第二个上传组件的文件列表
|
||
list1: '',
|
||
list2: '',
|
||
disable: true,
|
||
// 课程标签
|
||
classes_cateList: [],
|
||
// 课程热门
|
||
classes_labelList: [],
|
||
};
|
||
},
|
||
watch: {
|
||
value1: {
|
||
handler(newVal, oldVal) {
|
||
// console.log("b------: ", newVal, oldVal);
|
||
},
|
||
deep: true, //对象中任一属性值发生变化，都会触发handler方法
|
||
immediate: true //初始化绑定时就会执行handler方法
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.initData(option);
|
||
},
|
||
|
||
methods: {
|
||
async initData(option) {
|
||
const promises = [
|
||
this.getTeacherList(option.shop_id),
|
||
this.getclassesTypeList(),
|
||
this.getclassesList(),
|
||
this.getclasses_labelList(),
|
||
this.getdistrictList()
|
||
];
|
||
|
||
try {
|
||
await Promise.all(promises);
|
||
|
||
if (option.id) {
|
||
this.disable = false;
|
||
uni.setNavigationBarTitle({
|
||
title: '编辑课程'
|
||
});
|
||
await this.getDetail(option.id); // 等待 getDetail 完成
|
||
}
|
||
} catch (error) {
|
||
console.error('加载数据时发生错误:', error);
|
||
uni.showToast({
|
||
title: '加载数据失败，请重试',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
},
|
||
|
||
addPeriod() {
|
||
this.formList.push({
|
||
name: '',
|
||
start_time: '',
|
||
end_time: '',
|
||
limit_num: '',
|
||
status: 1,
|
||
visible: true
|
||
});
|
||
},
|
||
// 获取详情
|
||
async getDetail(id) {
|
||
try {
|
||
const res = await uni.$u.http.get('/api/school/classes/detail', {
|
||
params: {
|
||
id: id,
|
||
}
|
||
});
|
||
|
||
if (res.code == 1) {
|
||
this.form = res.data.detail;
|
||
|
||
// 调试信息
|
||
console.log('form.classes_type:', this.form.classes_type);
|
||
console.log('classesTypeList:', this.classesTypeList);
|
||
|
||
// 创建一个映射对象，将 id 映射到 name
|
||
const classes_typeMap = {};
|
||
this.classesTypeList[0].forEach(item => {
|
||
classes_typeMap[item.id] = item.name;
|
||
});
|
||
|
||
// 调试信息
|
||
console.log('classes_typeMap:', classes_typeMap);
|
||
|
||
this.form.classes = classes_typeMap[this.form.classes_type] || '';
|
||
|
||
// 其他数据处理逻辑...
|
||
|
||
const teacherMap = {};
|
||
this.teacherList[0].forEach(item => {
|
||
teacherMap[item.id] = item.name;
|
||
});
|
||
this.form.teacher = teacherMap[this.form.teacher.id] || '';
|
||
|
||
if (this.form.status == 1) {
|
||
this.form.status_name = '是'
|
||
} if (this.form.status == 1){
|
||
this.form.status_name = '否'
|
||
} else {
|
||
this.form.status_name = '审核中'
|
||
}
|
||
this.form.type = this.form.type == 'in' ? '室内' : "室外";
|
||
this.form.address_type = this.form.address_type == 1 ? '机构内授课' : "特定位置授课";
|
||
if (this.form.address_type == 2) {
|
||
this.localShow = true;
|
||
}
|
||
|
||
const districtMap = {};
|
||
this.districtList.forEach(item => {
|
||
districtMap[item.value] = item.label;
|
||
});
|
||
this.form.district_name = districtMap[this.form.district] || '';
|
||
|
||
this.formList = res.data.detail.specs.map((item) => {
|
||
return {
|
||
name: item.name,
|
||
end_time: item.end_time_text,
|
||
weigh: item.weigh,
|
||
start_time: item.start_time_text,
|
||
limit_num: item.limit_num,
|
||
id: item.id,
|
||
status: item.status // 假设 item 中有 status 属性
|
||
};
|
||
});
|
||
|
||
const statusMap = {};
|
||
this.statusList.forEach(item => {
|
||
statusMap[item.value] = item.label;
|
||
});
|
||
|
||
this.formList = this.formList.map(item => {
|
||
return {
|
||
...item,
|
||
status_name: statusMap[item.status] || ''
|
||
};
|
||
});
|
||
|
||
this.form.classes_cate_ids = this.form.classes_cate_ids.split(',');
|
||
this.form.classes_label_ids = this.form.classes_label_ids.split(',');
|
||
this.fileList1 = this.formatImagesToFiles(this.form.headimage.split(','));
|
||
this.list1 = this.form.headimage;
|
||
this.list2 = this.form.images.join(',');
|
||
this.fileList2 = this.formatImagesToFiles(this.form.images);
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
throw new Error(res.msg);
|
||
}
|
||
} catch (error) {
|
||
console.error('请求失败', error);
|
||
throw error;
|
||
}
|
||
},
|
||
formatImagesToFiles(images) {
|
||
return images.map((url, index) => ({
|
||
url,
|
||
name: `image${index + 1}.jpg`
|
||
}));
|
||
},
|
||
// 获取县区
|
||
getdistrictList() {
|
||
uni.$u.http.get('/api/index/get_area', {
|
||
params: {
|
||
province: '410000',
|
||
city: '410300',
|
||
}
|
||
}).then(res => {
|
||
if (res.code == 1) {
|
||
this.districtList[0] = res.data.map(item => ({
|
||
label: item.label,
|
||
value: item.value
|
||
}));
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
},
|
||
// 获取课程标签
|
||
getclassesList() {
|
||
uni.$u.http.get('/api/school/classes/cate_list', {}).then(res => {
|
||
if (res.code == 1) {
|
||
this.classes_cateList = res.data.list.map(item => ({
|
||
label: item.name,
|
||
value: item.id
|
||
}));
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
},
|
||
// 获取课程热门
|
||
getclasses_labelList() {
|
||
uni.$u.http.get('/api/school/classes/label_list', {}).then(res => {
|
||
if (res.code == 1) {
|
||
this.classes_labelList = res.data.list.map(item => ({
|
||
label: item.name,
|
||
value: item.id
|
||
}));
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
},
|
||
// 获取教师
|
||
getTeacherList(id) {
|
||
uni.$u.http.get('/api/school/teacher/teacher_list', {
|
||
params: {
|
||
shop_id: id,
|
||
}
|
||
}).then(res => {
|
||
if (res.code == 1) {
|
||
this.teacherList[0] = res.data.list
|
||
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
},
|
||
// 课程类型
|
||
getclassesTypeList() {
|
||
uni.$u.http.get('/api/school/classes/type_list', {}).then(res => {
|
||
if (res.code == 1) {
|
||
this.classesTypeList[0] = res.data.list
|
||
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
|
||
},
|
||
// 选择地址
|
||
choose() {
|
||
const that = this
|
||
uni.chooseLocation({
|
||
success: function(res) {
|
||
console.log(res)
|
||
that.form.address = res.name
|
||
// that.form.address_detail = res.address
|
||
that.form.latitude = res.latitude
|
||
that.form.longitude = res.longitude
|
||
},
|
||
fail: function(rot) {
|
||
console.log(rot)
|
||
}
|
||
});
|
||
},
|
||
// 选择县区
|
||
districtCancel(e) {
|
||
this.teacherShow = false
|
||
},
|
||
districtConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.district = e.value[0].value
|
||
this.form.district_name = e.value[0].label
|
||
this.districtShow = false
|
||
},
|
||
// 选择教师
|
||
teacherCancel(e) {
|
||
this.teacherShow = false
|
||
},
|
||
teacherConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.teacher_id = e.value[0].id
|
||
this.form.teacher = e.value[0].name
|
||
this.teacherShow = false
|
||
},
|
||
// 平台状态
|
||
isStatus(index) {
|
||
this.currentPeriodIndex = index;
|
||
this.statusShow = true
|
||
},
|
||
statusCancel(e) {
|
||
this.statusShow = false
|
||
},
|
||
statusConfirm(e) {
|
||
console.log(e.value)
|
||
const {
|
||
currentPeriodIndex,
|
||
} = this;
|
||
// if (e.value[0].value == '')
|
||
if (currentPeriodIndex !== null) {
|
||
this.$set(this.formList[currentPeriodIndex], 'status', e.value[0].value);
|
||
this.$set(this.formList[currentPeriodIndex], 'status_name', e.value[0].label);
|
||
}
|
||
this.statusShow = false
|
||
},
|
||
// 课程上架状态
|
||
shangCancel(e) {
|
||
this.shangShow = false
|
||
},
|
||
shangConfirm(e) {
|
||
this.form.status = e.value[0].value
|
||
this.form.status_name = e.value[0].label
|
||
this.shangShow = false
|
||
},
|
||
// 选择课程类型
|
||
classesCancel(e) {
|
||
this.classesShow = false
|
||
},
|
||
classesConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.classes_type = e.value[0].id
|
||
this.form.classes = e.value[0].name
|
||
this.classesShow = false
|
||
},
|
||
// 是否热门
|
||
selfhotCancel(e) {
|
||
this.selfhotShow = false
|
||
},
|
||
selfhotConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.selfhot = e.value[0]
|
||
this.selfhotShow = false
|
||
},
|
||
// 地点类型
|
||
typeCancel(e) {
|
||
this.typeShow = false
|
||
},
|
||
typeConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.type = e.value[0]
|
||
this.typeShow = false
|
||
},
|
||
// 地址类型
|
||
address_typeCancel(e) {
|
||
this.address_typeShow = false
|
||
},
|
||
address_typeConfirm(e) {
|
||
console.log(e.value)
|
||
this.form.address_type = e.value[0]
|
||
this.address_typeShow = false
|
||
|
||
if (e.value[0] == '特定位置授课') {
|
||
this.localShow = true
|
||
} else {
|
||
this.localShow = false
|
||
this.form.province = ''
|
||
this.form.city = ''
|
||
this.form.district = ''
|
||
this.form.address = ''
|
||
this.form.address_detail = ''
|
||
this.form.longitude = ''
|
||
this.form.latitude = ''
|
||
}
|
||
},
|
||
// 选择时间
|
||
selctTime(index) {
|
||
this.currentPeriodIndex = index;
|
||
this.dateReangeVisible = true;
|
||
},
|
||
cancel() {
|
||
this.dateReangeVisible = false;
|
||
},
|
||
sure(res) {
|
||
const {
|
||
currentPeriodIndex,
|
||
} = this;
|
||
console.log(res)
|
||
if (currentPeriodIndex !== null) {
|
||
this.$set(this.formList[currentPeriodIndex], 'start_time', res.startStr);
|
||
this.$set(this.formList[currentPeriodIndex], 'end_time', res.endStr);
|
||
}
|
||
this.dateReangeVisible = false;
|
||
},
|
||
dateChange(res) {
|
||
console.log('---- change ----:', res);
|
||
this.date = res;
|
||
},
|
||
removePeriod(index) {
|
||
this.formList.splice(index, 1);
|
||
this.formList[index].visible = false; // 设置 visible 为 false
|
||
},
|
||
change(e) {
|
||
console.log('e:', e);
|
||
},
|
||
oversize(e) {
|
||
this.$u.toast("请传2MB以内大小的图片！");
|
||
return false;
|
||
},
|
||
|
||
// 删除图片
|
||
deletePic(event) {
|
||
console.log(event);
|
||
const {
|
||
name,
|
||
index
|
||
} = event;
|
||
|
||
if (index >= 0 && index < this[`fileList${name}`].length) {
|
||
this[`fileList${name}`].splice(index, 1);
|
||
|
||
// 更新对应的 list 字段
|
||
// if (name === '1') {
|
||
// this.list1 = this.fileList1.map(item => item.url).join(',');
|
||
// console.log('Updated list1:', this.list1);
|
||
// } else
|
||
if (name === '1') {
|
||
this.list1 = this.fileList1.length > 0 ? this.fileList1[0].url : '';
|
||
console.log('Updated list1:', this.list1);
|
||
} else if (name === '2') {
|
||
this.list2 = this.fileList2.map(item => item.url).join(',');
|
||
console.log('Updated list2:', this.list2);
|
||
}
|
||
|
||
// 确保对应的 list 字段是一个数组
|
||
let list = this[`list${name}`];
|
||
if (!Array.isArray(list)) {
|
||
console.warn(`list${name} is not an array, skipping splice operation`);
|
||
} else {
|
||
list.splice(index, 1);
|
||
console.log(`Updated list${name}:`, list);
|
||
}
|
||
} else {
|
||
console.error('Invalid index');
|
||
}
|
||
},
|
||
// 新增图片
|
||
async afterRead(event) {
|
||
let lists = [].concat(event.file);
|
||
let fileListLen = this[`fileList${event.name}`].length;
|
||
lists.map((item) => {
|
||
this[`fileList${event.name}`].push({
|
||
...item,
|
||
status: 'uploading',
|
||
message: '上传中'
|
||
});
|
||
});
|
||
for (let i = 0; i < lists.length; i++) {
|
||
const result = await this.uploadFilePromise(lists[i].url);
|
||
let item = this[`fileList${event.name}`][fileListLen];
|
||
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}));
|
||
console.log(this[`fileList${event.name}`], ' this[`fileList${event.name}`]')
|
||
fileListLen++;
|
||
// 更新对应的list字段
|
||
// if (event.name === '1') {
|
||
// console.log(this.fileList1, 'this.fileList1');
|
||
// this.list1 = this.fileList1.map(item => item.url).join(',');
|
||
// console.log(this.list1, 'this.list1');
|
||
// }
|
||
if (event.name === '1') {
|
||
this.list1 = this.fileList1[0]?.url || '';
|
||
} else if (event.name === '2') {
|
||
this.list2 = this.fileList2.map(item => item.url).join(',');
|
||
}
|
||
}
|
||
},
|
||
uploadFilePromise(url) {
|
||
return new Promise((resolve, reject) => {
|
||
let a = uni.uploadFile({
|
||
url: 'https://testy.hschool.com.cn//api/school.worker.common/upload', // 仅为示例，非真实的接口地址
|
||
filePath: url,
|
||
name: 'file',
|
||
formData: {
|
||
user: 'test'
|
||
},
|
||
header: {
|
||
"token": uni.getStorageSync("token")
|
||
},
|
||
success: (res) => {
|
||
resolve(JSON.parse(res.data).data.fullurl);
|
||
},
|
||
fail: (err) => {
|
||
reject(err);
|
||
}
|
||
});
|
||
});
|
||
},
|
||
//确认添加
|
||
add() {
|
||
console.log(this.formList)
|
||
this.formList.forEach(item => {
|
||
let formattedStartTime, formattedEndTime;
|
||
|
||
// 处理 start_time
|
||
if (item.start_time.includes('年')) {
|
||
const [startYear, startMonth, startDay, startTime] = item.start_time.match(
|
||
/(\d{4})年(\d{1,2})月(\d{1,2})日 (\d{2}:\d{2})/).slice(1);
|
||
formattedStartTime =
|
||
`${startYear}/${startMonth.padStart(2, '0')}/${startDay.padStart(2, '0')} ${startTime}`;
|
||
} else {
|
||
const [startYear, startMonth, startDay, startTime] = item.start_time.match(
|
||
/(\d{4})-(\d{1,2})-(\d{1,2}) (\d{2}:\d{2}):(\d{2})/).slice(1);
|
||
formattedStartTime =
|
||
`${startYear}/${startMonth.padStart(2, '0')}/${startDay.padStart(2, '0')} ${startTime}`;
|
||
}
|
||
|
||
// 处理 end_time
|
||
if (item.end_time.includes('年')) {
|
||
const [endYear, endMonth, endDay, endTime] = item.end_time.match(
|
||
/(\d{4})年(\d{1,2})月(\d{1,2})日 (\d{2}:\d{2})/).slice(1);
|
||
formattedEndTime =
|
||
`${endYear}/${endMonth.padStart(2, '0')}/${endDay.padStart(2, '0')} ${endTime}`;
|
||
} else {
|
||
const [endYear, endMonth, endDay, endTime] = item.end_time.match(
|
||
/(\d{4})-(\d{1,2})-(\d{1,2}) (\d{2}:\d{2}):(\d{2})/).slice(1);
|
||
formattedEndTime =
|
||
`${endYear}/${endMonth.padStart(2, '0')}/${endDay.padStart(2, '0')} ${endTime}`;
|
||
}
|
||
|
||
// 拼接成新的 time 字段
|
||
item.time = `${formattedStartTime} - ${formattedEndTime}`;
|
||
});
|
||
|
||
let params = {}
|
||
let url = ''
|
||
if (this.disable) {
|
||
url = '/api/school.worker.classes/add'
|
||
params = {
|
||
classes_num: this.form.classes_num,
|
||
status: this.form.status,
|
||
teacher_id: this.form.teacher_id,
|
||
classes_type: this.form.classes_type,
|
||
classes_cate_ids: this.form.classes_cate_ids.join(','),
|
||
classes_label_ids: this.form.classes_label_ids.join(','),
|
||
self_label_tag: this.form.self_label_tag,
|
||
title: this.form.title,
|
||
headimage: this.list1,
|
||
images: this.list2,
|
||
type: this.form.type == '室内' ? 'in' : 'out',
|
||
// weigh:0,
|
||
address_type: this.form.address_type == '机构内授课' ? 1 : 2,
|
||
province: '410000',
|
||
city: '410300',
|
||
content: this.form.content,
|
||
notice: this.form.notice,
|
||
price: this.form.price,
|
||
selfhot: this.form.selfhot == '是' ? '1' : 0,
|
||
address_detail: this.form.address_detail,
|
||
address: this.form.address,
|
||
longitude: this.form.longitude,
|
||
latitude: this.form.latitude,
|
||
spec: JSON.stringify(this.formList),
|
||
district: this.form.district,
|
||
}
|
||
} else {
|
||
url = '/api/school.worker.classes/edit'
|
||
params = {
|
||
id: this.form.id,
|
||
classes_num: this.form.classes_num,
|
||
status: this.form.status,
|
||
teacher_id: this.form.teacher_id,
|
||
classes_type: this.form.classes_type,
|
||
classes_cate_ids: this.form.classes_cate_ids.join(','),
|
||
classes_label_ids: this.form.classes_label_ids.join(','),
|
||
self_label_tag: this.form.self_label_tag,
|
||
title: this.form.title,
|
||
headimage: this.list1,
|
||
images: this.list2,
|
||
type: this.form.type == '室内' ? 'in' : 'out',
|
||
// weigh:0,
|
||
address_type: this.form.address_type == '机构内授课' ? 1 : 2,
|
||
province: '410000',
|
||
city: '410300',
|
||
content: this.form.content,
|
||
notice: this.form.notice,
|
||
price: this.form.price,
|
||
selfhot: this.form.selfhot == '是' ? '1' : 0,
|
||
address_detail: this.form.address_detail,
|
||
address: this.form.address,
|
||
longitude: this.form.longitude,
|
||
latitude: this.form.latitude,
|
||
spec: JSON.stringify(this.formList),
|
||
district: this.form.district,
|
||
}
|
||
|
||
}
|
||
|
||
uni.$u.http.post(url, params).then(res => {
|
||
if (res.code == 1) {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000,
|
||
complete: function() {
|
||
setTimeout(function() {
|
||
uni.navigateBack(1)
|
||
}, 2000);
|
||
}
|
||
});
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}).catch(error => {
|
||
console.error('请求失败', error);
|
||
});
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.w-100 {
|
||
width: 100%;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.flex-start {
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.align-items {
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-column {
|
||
flex-flow: column;
|
||
}
|
||
|
||
.justify-start {
|
||
justify-content: start;
|
||
}
|
||
|
||
.line {
|
||
margin-top: 12rpx;
|
||
width: 690rpx;
|
||
height: 1rpx;
|
||
background: #008CFF;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.hui {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
}
|
||
|
||
.box {
|
||
width: 750rpx;
|
||
background-color: #F1F2F8;
|
||
|
||
.first {
|
||
width: 642rpx;
|
||
padding: 32rpx 24rpx 24rpx 24rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
margin-top: 42rpx;
|
||
|
||
.row {
|
||
width: 642rpx;
|
||
margin-top: 7rpx;
|
||
justify-content: space-between;
|
||
|
||
.label {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.row-right {}
|
||
}
|
||
|
||
.line-row {
|
||
margin-top: 25rpx;
|
||
width: 642rpx;
|
||
height: 1rpx;
|
||
background: #F1F2F8;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.second {
|
||
margin-top: 42rpx;
|
||
width: 642rpx;
|
||
padding: 32rpx 24rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
|
||
.se-title {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 42rpx;
|
||
color: #343434;
|
||
align-self: self-start;
|
||
}
|
||
|
||
.secondList {
|
||
margin-top: 49rpx;
|
||
|
||
.content {
|
||
width: 588rpx;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
border: 1rpx solid #C0C0C0;
|
||
padding: 32rpx 24rpx 24rpx 24rpx;
|
||
margin-bottom: 42rpx;
|
||
|
||
.row {
|
||
width: 100%;
|
||
margin-top: 7rpx;
|
||
justify-content: space-between;
|
||
|
||
.label {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.row-right {}
|
||
}
|
||
|
||
.line-row {
|
||
margin-top: 25rpx;
|
||
width: 642rpx;
|
||
height: 1rpx;
|
||
background: #F1F2F8;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
|
||
.del {
|
||
width: 588rpx;
|
||
height: 80rpx;
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
border: 2rpx solid #FF6767;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 800;
|
||
font-size: 34rpx;
|
||
color: #FF6767;
|
||
letter-spacing: 28rpx;
|
||
margin-top: 75rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
}
|
||
}
|
||
|
||
.add {
|
||
width: 642rpx;
|
||
height: 80rpx;
|
||
background: #008CFF;
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 800;
|
||
font-size: 34rpx;
|
||
color: #FFFFFF;
|
||
letter-spacing: 28rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
}
|
||
|
||
.trend {
|
||
width: 642rpx;
|
||
padding: 32rpx 24rpx 24rpx 24rpx;
|
||
margin-top: 42rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
|
||
.row {
|
||
width: 100%;
|
||
// margin-top: 7rpx;
|
||
justify-content: space-between;
|
||
|
||
.label {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.row-right {}
|
||
}
|
||
}
|
||
|
||
.four {
|
||
width: 642rpx;
|
||
padding: 32rpx 24rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
margin-top: 32rpx;
|
||
|
||
.class_type {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
display: flex;
|
||
align-self: self-start;
|
||
}
|
||
|
||
.line-row {
|
||
margin-top: 25rpx;
|
||
width: 642rpx;
|
||
height: 1rpx;
|
||
background: #F1F2F8;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
}
|
||
|
||
.third {
|
||
width: 690rpx;
|
||
|
||
.header {
|
||
margin: 42rpx 0 24rpx 0;
|
||
|
||
.swiper {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
}
|
||
|
||
.tips {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 24rpx;
|
||
color: #C0C0C0;
|
||
margin-top: 8rpx;
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
.footer {
|
||
position: fixed;
|
||
bottom: 0;
|
||
width: 750rpx;
|
||
height: 122rpx;
|
||
z-index: 99;
|
||
background: #FFFFFF;
|
||
box-shadow: 0rpx -6rpx 12rpx 0rpx rgba(111, 190, 255, 0.1);
|
||
|
||
span {
|
||
width: 306rpx;
|
||
height: 80rpx;
|
||
|
||
}
|
||
|
||
.cancel {
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
border: 2rpx solid #008CFF;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 800;
|
||
font-size: 34rpx;
|
||
color: #008CFF;
|
||
letter-spacing: 28rpx;
|
||
}
|
||
|
||
.pass {
|
||
background: #008CFF;
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 800;
|
||
font-size: 34rpx;
|
||
color: #FFFFFF;
|
||
letter-spacing: 28rpx;
|
||
}
|
||
}
|
||
|
||
.input {
|
||
text-align: right;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
/deep/.plasty {
|
||
text-align: right;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-size: 28rpx;
|
||
}
|
||
</style> |