zm/nuttyreading-master-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

课程

Browse Source
This commit is contained in:
始于初见
2024-04-28 15:48:51 +08:00
parent 298edb2c53
commit 3211f16a40
4 changed files with 2175 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1117
src/views/modules/course/operationsList copy.vue Normal file
View File

File diff suppressed because it is too large Load Diff

221
src/views/modules/course/video.vue Normal file
View File

@@ -0,0 +1,221 @@
<template>
<view>
<!-- <view class="fb tc f20 linheight40">{{ videoTitle }}</view> -->
<!-- 视频形式的任务 -->
<view class="taskinfo">
<view
id="player-con"
:authId="authId"
:change:authId="renderScript.receiveMsg"
></view>
</view>
</view>
</template>
<script>
// importScripts('@/static/aliplayer/aliplayer-min.js')
export default {
data() {
return {
videoTitle: "",
authId:
"eyJTZWN1cml0eVRva2VuIjoiQ0FJUzFBTjFxNkZ0NUIyeWZTaklyNWVFRWNudzNPZEF3N0dUY1ZiVGluTWhiZGx1bzdicXB6ejJJSHBLZVhkdUFlQVhzL28wbW1oWjcvWVlsck1xRmNjWkdoQ2NOSkF2dnNVT29GditKcExGc3QySjZyOEpqc1VDbytjdWswZXBzdlhKYXNEVkVmbDJFNVhFTWlJUi8wMGU2TC8rY2lyWXBUWEhWYlNDbFo5Z2FQa09Rd0M4ZGtBb0xkeEtKd3hrMnQxNFVtWFdPYVNDUHdMU2htUEJMVXhtdldnR2wyUnp1NHV5M3ZPZDVoZlpwMXI4eE80YXhlTDBQb1AyVjgxbExacGxlc3FwM0k0U2M3YmFnaFpVNGdscjhxbHg3c3BCNVN5Vmt0eVdHVWhKL3phTElvaXQ3TnBqZmlCMGVvUUFQb3BGcC9YNmp2QWF3UExVbTliWXhncGhCOFIrWGo3RFpZYXV4N0d6ZW9XVE84MCthS3p3TmxuVXo5bUxMZU9WaVE0L1ptOEJQdzQ0RUxoSWFGMElVRXh6RVcrRmV2TC9wZ21RUGwvK0ZKTG9pdjltamNCSHFIeno1c2VQS2xTMVJMR1U3RDBWSUpkVWJUbHpiVUJMZ3pLNUl2NWJMVmNTS3dJK1YreVBNYXgzYlFGRHI1M3ZzVGJiWHpaYjBtcHR1UG56ZHdKNFRXYnJna2VVdFB0a3BtbDlEUHd1MndOQ0o5K24zRzg5S0NnL1BlcnBGUVBjTkFVNXBYc1R6UDdrcHF2YUtLWHRjWXM4MFY0NVVndUtwQUgyS2poclprQ2ZxNk5sQnhQMmxNcTVQbzNPOGMwSWVHTWFnQUZZUjM0ZGY2aWdud3p2TTNaeUdxdWtxcmdmMXM4SHRiYnBvWldJSEhKd2t1OHJlMTg5dnlKMmdSQmRyWmJkd2NFVjhiUEZNYithWTVWTm5MOUZGSk85N0FrQitCZGk0ZktrN0VpNXdMVCs2Q29XUEZZOXZaajZJR3BIdERxY21scW1FS09FVHNlZkxnWXNzbDAzb0lzMFdvRlYzc2RPeDl3MDR2Q3Y3YlZQVFNBQSIsIkF1dGhJbmZvIjoie1wiQ0lcIjpcIkpVb25xR25CR242cU5YRjgyMzE1b25YRlRyUExoL0l3THVrSERNbEhBVEk2a0EyYmgyell1VENRa0VUVWNWZjhcIixcIkNhbGxlclwiOlwiNkxxRjRSdUk3S0Z1aDhVN3lQajBUNWZQMSs5d2FUdWNCT3Urd0ZHUEc5TT1cIixcIkV4cGlyZVRpbWVcIjpcIjIwMjQtMDQtMjNUMTA6NDU6NTJaXCIsXCJNZWRpYUlkXCI6XCI2ZjhlYzhkMDhjZDM3MWVkYmZlNDA3NjRhMGZkMDEwMlwiLFwiUGxheURvbWFpblwiOlwidmlkZW8udGFpaHVtZWQuY29tXCIsXCJTaWduYXR1cmVcIjpcIndnSExCMytZNzEvSXZJQ1lOQmdPUm8xbUhVRT1cIn0iLCJWaWRlb01ldGEiOnsiU3RhdHVzIjoiTm9ybWFsIiwiVmlkZW9JZCI6IjZmOGVjOGQwOGNkMzcxZWRiZmU0MDc2NGEwZmQwMTAyIiwiVGl0bGUiOiLnrKzkuInorrLvvJrkuInmsJTkuYvnuqoiLCJDb3ZlclVSTCI6Imh0dHBzOi8vdmlkZW8udGFpaHVtZWQuY29tLzZmOGVjOGQwOGNkMzcxZWRiZmU0MDc2NGEwZmQwMTAyL3NuYXBzaG90cy9lNTM5ZmJjNzFhNzk0ZGFkYmI3MzUyZjBhMjU5YjNmYy0wMDAwNS5qcGciLCJEdXJhdGlvbiI6Nzk4LjM3Mn0sIkFjY2Vzc0tleUlkIjoiU1RTLk5UMVpzRDE4YXRzeHNwYm5zdGFWQkxzQUUiLCJQbGF5RG9tYWluIjoidmlkZW8udGFpaHVtZWQuY29tIiwiQWNjZXNzS2V5U2VjcmV0IjoiR3NVMUhiaXZiNEpaY3ZLREppNkdQWlRjUlQyWmhqR21ONnBNUFdSQmVGOUciLCJSZWdpb24iOiJjbi1zaGFuZ2hhaSIsIkN1c3RvbWVySWQiOjE2MDQ3NDAxMzc4OTE5MDd9",
videoId: "6f8ec8d08cd371edbfe40764a0fd0102"
};
},
// //页面显示
mounted() {
const link = document.createElement("link");
link.rel = "stylesheet";
link.href =
"https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.1/skins/default/aliplayer-min.css";
document.head.appendChild(link);
const script = document.createElement("script");
// view 层的页面运行在 www 根目录，其相对路径相对于 www 计算
script.src =
"https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.1/aliplayer-min.js";
script.onload = () => {
this.checkValue();
};
document.head.appendChild(script);
// // setTimeout(() => {
this.getLive();
// // }, 3000)
},
//第一次加载
onLoad(options) {
// this.videoId = options.videoId
// this.videoTitle = options.videoTit
},
methods: {
// 获取数据
getLive() {
let player = new Aliplayer(
{
// "id": "player-con",
// "source": "//player.alicdn.com/video/aliyunmedia.mp4",
// "width": "100%",
// "height": "500px",
// "autoplay": true,
// "isLive": false,
// "rePlay": false,
// "playsinline": true,
// "preload": true,
// "controlBarVisibility": "hover",
// "useH5Prism": true,
id: "player-con",
vid: this.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
playauth: this.authId, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
encryptType: 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
playConfig: {
EncryptType: "AliyunVoDEncryption"
}, // 当您输出的M3U8流中，含有其他非私有加密流时，需要指定此参数。
// // authTimeout: 7200, // 可选参数，播放地址的有效时长，单位：秒。该时长会覆盖在视频点播控制台设置的URL鉴权的有效时长。如果不传，则取默认值7200。如需设置此参数，请确保该时间大于视频的实际时长，防止播放地址在播放完成前过期。
// // "source": videoId,
width: "100%"
// // "height": "500px",
// "autoplay": true,
// "isLive": false,
// "cover": "",
// "rePlay": false,
// "playsinline": true,
// "preload": true,
// "controlBarVisibility": "hover",
// "useH5Prism": true,
// "skinLayout": [{
// "name": "bigPlayButton",
// "align": "blabs",
// "x": 30,
// "y": 80
// },
// {
// "name": "H5Loading",
// "align": "cc"
// },
// {
// "name": "errorDisplay",
// "align": "tlabs",
// "x": 0,
// "y": 0
// },
// {
// "name": "infoDisplay"
// },
// {
// "name": "tooltip",
// "align": "blabs",
// "x": 0,
// "y": 56
// },
// {
// "name": "thumbnail"
// },
// {
// "name": "controlBar",
// "align": "blabs",
// "x": 0,
// "y": 0,
// "children": [{
// "name": "progress",
// "align": "blabs",
// "x": 0,
// "y": 44
// },
// {
// "name": "playButton",
// "align": "tl",
// "x": 15,
// "y": 12
// },
// {
// "name": "timeDisplay",
// "align": "tl",
// "x": 10,
// "y": 7
// },
// {
// "name": "fullScreenButton",
// "align": "tr",
// "x": 10,
// "y": 12
// },
// {
// "name": "volume",
// "align": "tr",
// "x": 5,
// "y": 10
// }
// ]
// }
// ]
},
function(player) {
console.log("The player is created");
}
);
}
},
created() {
// 创建引入阿里云播放文件
// function loadScriptString(src) {
// var script = document.createElement('script') //创建一个script标签
// script.type = 'text/javascript'
// script.src = src
// document.getElementsByTagName('head')[0].appendChild(script)
// }
// function loadLinkString(src) {
// var link = document.createElement('link') //创建一个link标签
// link.rel = 'stylesheet'
// link.href = src
// document.getElementsByTagName('head')[0].appendChild(link)
// }
// 使用阿里云播放器
// loadLinkString('https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.1/skins/default/aliplayer-min.css')
// loadScriptString('https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.1/aliplayer-min.js')
}
};
</script>
<script>
export default {
//页面显示
mounted() {
// 动态引入较大类库避免影响页面展示
},
methods: {
receiveMsg(newValue, oldValue, ownerVm, vm) {
// //数据变化
// console.log('newValue', newValue)
// console.log('oldValue', oldValue)
// console.log('ownerVm', ownerVm)
// console.log('vm', vm)
},
checkValue() {
console.log(this.authId, "1111");
if (!this.authId) {
setTimeout(() => {
this.checkValue();
}, 1000);
} else {
this.getLive();
}
}
// 阿里云播放
}
};
</script>
<style scoped>
/* @import "@/static/aliplayer/aliplayer-min.css"; */
#myVideo {
width: 100%;
}
</style>

785
src/views/modules/shop/curriculum.vue Normal file
View File

@@ -0,0 +1,785 @@
<template>
<el-dialog
:title="!dataForm.productId ? '新增' : '修改'"
:close-on-click-modal="false"
:visible.sync="visible"
@close="handlereset"
lock-scroll
width="750px"
>
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
label-width="100px"
>
<el-form-item label="商品类型" prop="goodsType">
<el-select v-model="dataForm.goodsType" placeholder="请选择">
<el-option
v-for="item in goodsTypeList"
:key="item.dictType"
:label="item.dictValue"
:value="item.dictType"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="商品名称" prop="productName">
<el-input
v-model="dataForm.productName"
placeholder="商品名称"
></el-input>
</el-form-item>
<!-- 关联的图书ids -->
<el-form-item label="商品图" prop="productImages">
<el-upload
:limit="dataForm.limitCountImg"
class="el-uploadfeng "
:class="{
uoloadSty: dataForm.showBtnDealImg,
disUoloadSty: dataForm.noneBtnImg
}"
:action="baseUrl + '/oss/fileoss'"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:file-list="fileList"
:on-success="handlePicSuccess"
accept=".jpeg,.jpg,.gif,.png"
:on-remove="handleRemove"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<img width="100%" :src="dataForm.productImages" alt="" />
</el-dialog>
</el-form-item>
<el-form-item label="商品轮播图" prop="productImageList">
<el-upload
:limit="5"
class="el-uploadfeng noneBtnImg"
:class="{
uoloadSty: dataForm.showBtnDealImg,
disUoloadSty: dataForm.noneBtnImg
}"
:action="baseUrl + '/oss/fileoss'"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:file-list="swiperfileList"
:on-success="bannerHandlePicSuccess"
accept=".jpeg,.jpg,.gif,.png"
:on-remove="bannerHandleRemove"
>
<i class="el-icon-plus"></i>
</el-upload>
<!-- <el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<img width="100%" :src="dataForm.productImageList" alt="">
</el-dialog> -->
<span
>图片尺寸：600*600px，支持图片类型：.jpeg,.jpg,.gif,.png，
最多上传5张图片</span
>
</el-form-item>
<div>
<el-form-item
label="商品价格"
prop="price"
style="width: 50%; float: left;"
>
<el-input v-model="dataForm.price" placeholder="活动价"></el-input>
</el-form-item>
<el-form-item
label="活动价"
prop="hDprice"
style="width: 50%; float: left;"
>
<el-input
v-model="dataForm.hDprice"
placeholder="商品价格"
></el-input>
<span style="color: #999;">值为0或者不填，则没有活动价格</span>
</el-form-item>
<el-form-item
label="商品重量"
prop="weight"
style="width: 50%; float: right;"
>
<el-input
style="width: 80%;"
v-model="dataForm.weight"
placeholder="商品重量"
></el-input
><span style="display: inline-block; float: right; width: 10%;"
>克</span
>
</el-form-item>
<el-form-item
label="商品库存"
prop="productStock"
style="width: 50%; float: right;"
>
<el-input
v-model="dataForm.productStock"
placeholder="商品库存"
></el-input>
</el-form-item>
</div>
<!-- <el-form-item label="上架状态" prop="publishStatus">
<el-input v-model="dataForm.publishStatus" placeholder="上架状态"></el-input>
</el-form-item> -->
<!-- <div>
<el-form-item label="出版社" prop="publisher" style="width: 50%; float: left;">
<el-input placeholder="出版社" v-model="dataForm.publisher"></el-input>
</el-form-item>
<el-form-item label="作者" prop="author" style="width: 50%; float: right;">
<el-input placeholder="作者" v-model="dataForm.author"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="出版时间" prop="pubDate" style="width: 50%; float: left;">
<el-date-picker @change="changeTime" format="yyyy 年 MM 月 dd 日" v-model="dataForm.pubDate" type="date"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="页数" prop="pageNum" style="width: 50%; float: right;">
<el-input placeholder="页数" v-model="dataForm.pageNum"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="内文用纸材质" prop="quality" style="width: 50%; float: left;">
<el-input v-model="dataForm.quality" placeholder="内文用纸材质"></el-input>
</el-form-item>
<el-form-item label="开本" prop="format" style="width: 50%; float: right;">
<el-input v-model="dataForm.format" placeholder="16开或其他规格"></el-input>
</el-form-item>
</div> -->
<!-- 关联的图书ids -->
<!-- <div style="clear: both;">
<el-form-item label="关联图书" prop="Books">
</el-form-item>
</div> -->
<div style="clear: both;">
<el-form-item label="是否包邮" prop="isFreeMail">
<el-radio-group v-model="dataForm.isFreeMail">
<el-radio :label="0">是</el-radio>
<el-radio :label="1">否</el-radio>
</el-radio-group>
</el-form-item>
</div>
<el-form-item label="商品详情" prop="productDetails">
<el-upload
class="avatar-uploader"
:action="baseUrl + '/oss/fileoss'"
accept=".jpeg,.jpg,.gif,.png"
:show-file-list="false"
:on-success="contentUploadSuccess"
>
</el-upload>
<quill-editor
v-model="dataForm.productDetails"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@ready="onEditorReady($event)"
class="shangpin_editor"
>
</quill-editor>
</el-form-item>
<!-- <el-form-item label="排序" prop="sort">
<el-input v-model="dataForm.sort" placeholder="排序"></el-input>
</el-form-item> -->
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="handlereset">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
</span>
</el-dialog>
</template>
<script>
import { quillEditor } from "vue-quill-editor";
import global from "../../common/common.vue"; //引入共用组间
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
const toolbarOptions = [
["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
["blockquote", "code-block"], //引用，代码块
[{ header: 1 }, { header: 2 }], // 几级标题
[{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
[{ script: "sub" }, { script: "super" }], // 下角标，上角标
[{ indent: "-1" }, { indent: "+1" }], // 缩进
[{ direction: "rtl" }], // 文字输入方向
[{ size: ["small", false, "large", "huge"] }], // 字体大小
[{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
[{ color: [] }, { background: [] }], // 颜色选择
[
{
font: [
"SimSun",
"SimHei",
"Microsoft-YaHei",
"KaiTi",
"FangSong",
"Arial"
]
}
], // 字体
[{ align: [] }], // 居中
["clean"], // 清除样式,
["link", "image"] // 上传图片、上传视频
];
export default {
data() {
return {
pointMemery: [], // 花生币操作记录
baseUrl: global.baseUrl,
goodsTypeList: [],
visible: false,
categorys: [],
fileList: [], // 封面图
swiperfileList: [],
dialogVisible: false,
props: {
value: "catId",
label: "name",
children: "children",
checkStrictly: true
},
dataForm: {
tags: [], // 商品标签
hDprice: 0, // 活动价
productId: 0,
limitCountImg: 1, // 图片数量
productImageList: "", // 轮播图
showBtnDealImg: true,
noneBtnImg: false,
productName: "",
productStock: null, // 商品库存
price: "",
author: "",
publisher: "",
weight: "",
pubDate: "",
// format: '', // 开本
isFreeMail: 1, // 是否包邮
// pageNum: '',
// quality: '', // 内文用纸
isNew: 0,
sumSales: null, // 总销量
publishStatus: "",
productPid: "",
productImages: "",
createTime: "",
updateTime: "",
delFlag: "",
sort: "",
goodsType: "", // 商品类型
poids: [],
Books: [] // 关联的图书
},
bookidsd: [],
dataRule: {
productName: [
{
required: true,
message: "商品名称不能为空",
trigger: "blur"
}
],
price: [
{
required: true,
message: "商品价格不能为空",
trigger: "blur"
}
],
weight: [
{
required: true,
message: "商品重量不能为空",
trigger: "blur"
}
],
goodsType: [
{
required: true,
message: "商品类型不能为空",
trigger: "blur"
}
],
poids: [
{
required: true,
message: "商品父id不能为空",
trigger: "blur"
}
],
productImages: [
{
required: true,
message: "商品图不能为空",
trigger: "blur"
}
],
// productDetails: [{
// required: true,
// message: '商品详情不能为空',
// trigger: 'blur'
// }],
productStock: [
{
required: true,
message: "商品库存不能为空",
trigger: "blur"
}
]
// updateTime: [
// { required: true, message: '更新时间不能为空', trigger: 'blur' }
// ],
// delFlag: [
// { required: true, message: '删除标记不能为空', trigger: 'blur' }
// ],
// sort: [
// { required: true, message: '排序不能为空', trigger: 'blur' }
// ]
},
// 富文本编辑器配置
editorOption: {
modules: {
history: {
delay: 1000,
maxStack: 50,
userOnly: false
},
toolbar: {
container: toolbarOptions,
handlers: {
image: function(value) {
if (value) {
// 调用element的图片上传组件
document.querySelector(".avatar-uploader input").click();
} else {
this.quill.format("image", false);
}
}
}
}
},
placeholder: "请输入正文"
},
tagList: []
};
},
created() {
this.getTreeList();
this.getTags();
},
methods: {
contentUploadSuccess(res, file) {
// console.log(res)
let quill = this.$refs.myQuillEditor.quill;
// 如果上传成功
if (res) {
// 获取光标所在位置
let length = quill.getSelection().index;
// 插入图片，res为服务器返回的图片链接地址
quill.insertEmbed(length, "image", res.url);
// 调整光标到最后
quill.setSelection(length + 1);
} else {
// 提示信息，需引入Message
this.$message.error("图片插入失败！");
}
},
handleCheckedCitiesChange(value) {
// console.log(value, 'value')
},
// 获取商品标签
getTags() {
this.$http({
url: this.$http.adornUrl("/book/label/getLabels"),
method: "post"
}).then(({ data }) => {
if (data && data.code === 0) {
this.tagList = data.result.labels;
// this.totalPage = data.page.totalCount
} else {
this.tagList = [];
// this.totalPage = 0
}
});
},
showChooseBook() {
// 显示图书列表
this.$emit("showchooseBookf", { bookIds: this.dataForm.Books });
// console.log('发送指令')
this.$bus.$emit("showchooseBook", { bookIds: this.dataForm.Books });
},
init(id) {
this.dataForm.productId = id || 0;
this.visible = true;
this.getTags();
this.$nextTick(() => {
this.$refs["dataForm"].resetFields();
if (this.dataForm.productId) {
this.$http
.request({
url: this.$http.adornUrl("/master/shopProduct/getProductDetail"),
method: "POST",
data: {
productId: this.dataForm.productId
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json"
}
})
// this.$http({
// url: this.$http.adornUrl(`/master/shopProduct/getProductDetail/${this.dataForm.productId}`),
// method: 'get',
// params: this.$http.adornParams()
// })
.then(res => {
console.log("result at line 452:", res);
if (res && res.data.code === 0) {
var data = res.data.detail.detail;
console.log("data at line 357:", data);
this.dataForm = {
...data,
tags: data.labels,
hDprice: data.activityPrice
};
// if (data.goodsType) {
// this.dataForm.goodsType = Number(data.goodsType);
// }
this.dataForm.tags = data.labels;
// console.log('收到的值', this.dataForm.tags)
// this.dataForm.hDprice = data.shopProduct.activityPrice;
let arrArr = [];
if (data.bookidsimages !== "" && data.bookidsimages != null) {
this.dataForm.Books = data.bookidsimages;
}
sessionStorage.setItem(
"Books",
JSON.stringify(this.dataForm.Books)
);
if (data.productImages != "" && data.productImages != null) {
var img = {
name: "",
url: data.productImages
};
var attr = [];
attr.push(img);
this.fileList = attr;
}
if (
data.productImageList == null ||
data.productImageList[0] == "" ||
data.productImageList == ""
) {
this.swiperfileList = [];
// console.log('走这')
} else {
// 有轮播图
// console.log(data.shopProduct.productImageList)
let arr = [];
let arr1 = [];
arr = data.productImageList.split(",");
// console.log(arr, '处理后得轮播图数组')
arr.forEach((item, index) => {
arr1.push({
name: index,
url: item
});
});
this.swiperfileList = arr1;
}
}
});
}
});
},
// 获取商品类型
getGoodsTypeList() {
this.$http({
url: this.$http.adornUrl("/book/sysdictdata/selectByType/goodsType"),
method: "get"
}).then(({ data }) => {
// console.log(data.dataList)
this.goodsTypeList = data.dataList;
});
},
// 删除图书
deliteBook(index) {
this.dataForm.Books.splice(index, 1);
sessionStorage.setItem("Books", JSON.stringify(this.dataForm.Books));
},
dealImgChange(file, fileList) {
this.dataForm.noneBtnImg = fileList.length >= this.dataForm.limitCountImg;
},
// 表单提交
dataFormSubmit() {
// this.getBookIds();
// console.log(this.bookidsd,'this.bookidsd')
// return false
this.$refs["dataForm"].validate(valid => {
this.dataForm.productImageList = this.getStringImgUrl();
// var bookIDS = this.getBookIds();
// console.log(this.dataForm.productImageList)
if (valid) {
if (!this.dataForm.hDprice || this.dataForm.hDprice == 0) {
// console.log('没有值')
this.dataForm.hDprice = 0;
}
this.$http
.request({
url: this.$http.adornUrl("/master/shopProduct/editProductDetail"),
method: "POST",
data: {
...this.dataForm,
product_details: this.dataForm.productDetails
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json"
}
})
// this.$http({
// url: this.$http.adornUrl(
// `/master/shopProduct/editProductDetail/${
// !this.dataForm.productId ? "save" : "update"
// }`
// ),
// method: "post",
// // data: this.$http.adornData({
// // productId: this.dataForm.productId || undefined,
// // productName: this.dataForm.productName,
// // price: this.dataForm.price,
// // weight: this.dataForm.weight,
// // publishStatus: this.dataForm.publishStatus,
// // productPid: this.dataForm.poids[this.dataForm.poids.length - 1],
// // productImages: this.dataForm.productImages,
// // productImageList: this.dataForm.productImageList,
// // createTime: this.dataForm.createTime,
// // updateTime: this.dataForm.updateTime,
// // delFlag: this.dataForm.delFlag,
// // sort: this.dataForm.sort,
// // goodsType: this.dataForm.goodsType,
// // productDetails: this.dataForm.productDetails,
// // author: this.dataForm.author,
// // publisher: this.dataForm.publisher,
// // pubDate: this.dataForm.pubDate,
// // shoproudLabels: this.dataForm.tags,
// // // 'format': this.dataForm.format, // 开本
// // isFreeMail: this.dataForm.isFreeMail,
// // isNew: this.dataForm.isNew,
// // // 'pageNum': this.dataForm.pageNum,
// // // 'quality': this.dataForm.quality, // 内文用纸
// // productStock: this.dataForm.productStock, // 库存
// // activityPrice: this.dataForm.hDprice,
// // bookids: this.bookidsd // 关联的图书[12,13,45]
// // // 'bookidsimages': this.dataForm.Books // 关联的图书对象
// // })
// })
.then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: "操作成功",
type: "success",
duration: 1500,
onClose: () => {
this.visible = false;
this.$refs["dataForm"].resetFields();
// this.$refs['dataForm'].reset()
this.$emit("refreshDataList");
}
});
} else {
this.$message.error(data.msg);
}
});
}
});
},
changeTime(e) {
console.log(e);
},
getBookIds() {
// 图书ids
// console.log(this.dataForm.Books,'Books')
this.bookidsd = this.dataForm.Books.map(item => {
return item.id;
});
},
getTreeList() {
this.$http({
url: this.$http.adornUrl(`/book/shopcategory/listTree`),
method: "get",
params: this.$http.adornParams()
}).then(({ data }) => {
this.categorys = data.data;
});
},
handlePictureCardPreview(file) {
this.dataForm.productImages = file.url;
this.dialogVisible = true;
},
bannerHandlePicSuccess(res, file) {
// 轮播图上传成功
if (res.msg == "success") {
this.swiperfileList.push({
name: file.name,
url: res.url
});
// console.log(this.swiperfileList)
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
// 字符串图片地址
getStringImgUrl() {
let arr = this.swiperfileList.map(item => item.url);
if (arr.length <= 0) {
return null;
} else {
return arr.toString();
}
},
handlePicSuccess(res, file) {
// console.log(res,'res')
if (res.msg == "success") {
this.dataForm.productImages = res.url;
this.fileList.push({
name: file.name,
url: res.url
});
// console.log(this.dataForm.productImages,'productImages')
this.$message.success("上传成功");
} else {
this.$message.error("上传失败");
}
},
bannerHandleRemove(file, fileList) {
// 轮播图删除操作
this.swiperfileList = fileList;
},
handleRemove(file, fileList) {
this.dataForm.productImages = "";
this.fileList = [];
this.dataForm.noneBtnImg = fileList.length >= this.dataForm.limitCountImg;
},
handlereset() {
(this.fileList = []), (this.visible = false);
this.dataForm.tagList = [];
this.dataForm.Books = [];
this.swiperfileList = [];
this.$refs["dataForm"].resetFields();
sessionStorage.setItem("Books", JSON.stringify([]));
// this.$refs['dataForm'].reset()
},
// 失去焦点事件
onEditorBlur(quill) {
// console.log('editor blur!', quill)
},
// 获得焦点事件
onEditorFocus(quill) {
//console.log('editor focus!', quill)
},
// 准备富文本编辑器
onEditorReady(quill) {
// console.log('editor ready!', quill)
}
},
components: {
quillEditor
},
mounted() {
this.$bus.$on("haveBookIds", data => {
sessionStorage.setItem("Books", JSON.stringify(data.bookIds));
// console.log('haveBookIds',data)
//console.log(data.bookIds, '收到的数据')
var newarr = [];
var ids = []; //哨兵数组
if (data.bookIds && data.bookIds.length > 0) {
ids[0] = data.bookIds[0].id;
newarr[0] = data.bookIds[0];
// console.log(ids,'ids')
// newarr.push(data.bookIds[0])
for (let index = 0; index < data.bookIds.length; index++) {
if (!ids.includes(data.bookIds[index].id)) {
// console.log(data.bookIds[index].id, 'data.bookIds[index].id')
newarr.push(data.bookIds[index]);
ids.push(data.bookIds[index].id);
}
}
}
// console.log(newarr,'newarr',ids)
data.bookIds.length > 0
? (this.dataForm.Books = newarr)
: (this.dataForm.Books = []);
});
},
watch: {
visible: {
handler(val, oldVal) {
this.getGoodsTypeList();
},
deep: true
}
}
};
</script>
<style lang="less">
// .disUoloadSty {
// .el-upload--picture-card {
// display: none;
// /* 上传按钮隐藏 */
// }
// }
// .el-form-item {
// /deep/ .el-form-item__label {
// font-size: 12px;
// }
// }
.el-uploadfeng {
.el-upload-list__item {
width: 95px;
height: 95px;
}
.el-upload--picture-card {
width: 95px;
height: 95px;
line-height: 95px;
}
}
.shangpin_editor .ql-editor {
height: 150px;
}
</style>

77
src/views/modules/shop/shopproduct.vue
View File

@@ -98,6 +98,12 @@
@click="addOrUpdateHandle(scope.row.productId)"
>修改</el-button
>
<el-button
type="text"
size="small"
@click="handleEditCurriculum(scope.row.productId)"
>修改课程</el-button
>
<el-button
type="text"
size="small"
@@ -130,26 +136,39 @@
@refreshDataList="getDataList"
@showchooseBookf="showchooseBookf"
></add-or-update>
<choose-book
v-if="chooseBookVisible"
:bookIds="bookIds"
ref="chooseBook"
:chooseBookVisible="chooseBookVisible"
@closeBookf="closeBookf"
></choose-book>
<commonTags ref="commonTags" ></commonTags>
<curriculum
v-if="curriculumVisible"
ref="curriculum"
@refreshDataList="getDataList"
@showchooseBookf="showchooseBookf"
></curriculum>
<add-or-update
v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"
@showchooseBookf="showchooseBookf"
></add-or-update>
<commonTags ref="commonTags"></commonTags>
</div>
</template>
<script>
import chooseBook from "./chooseBook.vue";
import curriculum from "./curriculum.vue";
import AddOrUpdate from "./shopproduct-add-or-update";
// import AddOrUpdate from "./shopproduct-add-or-update";
import commonTags from "./commonBookTags/commonTags.vue";
export default {
data() {
return {
dataForm: {
key: "",
key: ""
},
dataList: [],
publishStatus: false,
@@ -160,19 +179,21 @@ export default {
dataListSelections: [],
addOrUpdateVisible: false,
chooseBookVisible: false,
bookIds: [],
curriculumVisible: false,
bookIds: []
};
},
components: {
curriculum,
AddOrUpdate,
chooseBook,
commonTags,
commonTags
},
activated() {
this.getDataList();
},
methods: {
handleEditTags (id) {
handleEditTags(id) {
this.$nextTick(() => {
this.$refs.commonTags.open(id);
});
@@ -198,8 +219,8 @@ export default {
params: this.$http.adornParams({
page: this.pageIndex,
limit: this.pageSize,
key: this.dataForm.key,
}),
key: this.dataForm.key
})
}).then(({ data }) => {
if (data && data.code === 0) {
this.dataList = data.page.list;
@@ -233,11 +254,17 @@ export default {
this.$refs.addOrUpdate.init(id);
});
},
handleEditCurriculum(id) {
this.curriculumVisible = true;
this.$nextTick(() => {
this.$refs.curriculum.init(id);
});
},
// 删除
deleteHandle(id) {
var ids = id
? [id]
: this.dataListSelections.map((item) => {
: this.dataListSelections.map(item => {
return item.productId;
});
this.$confirm(
@@ -246,13 +273,13 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
type: "warning"
}
).then(() => {
this.$http({
url: this.$http.adornUrl("/book/shopproduct/delete"),
method: "post",
data: this.$http.adornData(ids, false),
data: this.$http.adornData(ids, false)
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
@@ -261,7 +288,7 @@ export default {
duration: 1500,
onClose: () => {
this.getDataList();
},
}
});
} else {
this.$message.error(data.msg);
@@ -273,28 +300,28 @@ export default {
/*点击时他会自动把你绑定的值变更，直接去请求数据就可以了*/
var parms = {
publishStatus: event.publishStatus,
productId: event.productId,
productId: event.productId
};
// console.log(parms)
this.$http({
url: this.$http.adornUrl("/book/shopproduct/update"),
method: "post",
data: parms,
data: parms
})
.then((res) => {
.then(res => {
this.$message({
message: "成功",
type: "success",
type: "success"
});
this.loading = false;
this.getDataList();
})
.catch((error) => {
.catch(error => {
this.loading = false;
console.log(error);
});
console.log(event);
},
},
}
}
};
</script>