diff --git a/src/views/system/trainingOrder/index.vue b/src/views/system/trainingOrder/index.vue index 0edc292..ede749d 100644 --- a/src/views/system/trainingOrder/index.vue +++ b/src/views/system/trainingOrder/index.vue @@ -8,46 +8,30 @@ v-show="showSearch" label-width="100px" > - - - - - - - - - - + + + + + + + + + - - + - - - - - + 退款 - - + @@ -361,58 +265,21 @@ :inline="true" > - +
{{ form.nursePersonName }}
 - +
{{ form.trainingOrderNo }}
 - +
{{ form.trainingOrderAmount }}
 + - - - +
{{ form.trainingOrderChannel }}
 - - +
{{ form.trainingOrderTime }}
 - - - - - - - + - + - - + + +
{{ formlist.trainingItemDetails }}
+ + + + + + @@ -546,17 +374,47 @@ alt /> - - - + + + + + + + + + + + + + @@ -574,8 +432,12 @@ import { updateTrainingOrder, } from "@/api/system/trainingOrder"; import baseurl from "@/api/baseurl.js"; +import stationAcatar from "../stationAvatar/index.vue"; +import editor from "@/components/Editor"; + export default { name: "TrainingOrder", + components: { stationAcatar, editor }, data() { return { baseurl: null, @@ -606,7 +468,7 @@ export default { innerrefund: false, innerrefundvideo: false, query: {}, - formlist: [], + formlist: {}, trainingItemTypeoptions: [ { value: "GRAPHIC_LEARNING", @@ -687,6 +549,25 @@ export default { this.baseurl = baseurl; }, methods: { + // 章节视频 + itemDirectoryUrl(item) { + let items = JSON.parse(item); + console.log(items); + if (items.idd && !items.trainingItemDirectoryId) { + this.form.trainingItemDirectoryList.forEach((e) => { + if (e.idd == items.idd) { + e.itemDirectoryUrl = items.itemDirectoryUrl; + } + }); + } else if (!items.idd && items.attributeDetailsId) { + this.form.trainingItemDirectoryList.forEach((e) => { + if (e.attributeDetailsId == items.attributeDetailsId) { + e.itemDirectoryUrl = items.itemDirectoryUrl; + } + }); + } + }, + imgUrl4(imgUrl) {}, // 取消按钮 cencelbtn() { this.innerrefund = false; @@ -699,6 +580,10 @@ export default { this.innerrefund = true; }); }, + imgs(item) { + console.log(item); + this.imgsurl.pictureUrlList.push(item); + }, //退款确定按钮 ordercacenl() { var obj = { @@ -732,10 +617,14 @@ export default { handlelook(row) { this.innerrefundvideo = true; console.log(row); + this.formlist.trainingItemCoverUrl = row.trainingItemCoverUrl; this.formlist.trainingItemPosterUrl = row.trainingItemPosterUrl; + this.formlist.trainingItemDetails = row.trainingItemDetails; + this.formlist.trainingItemContent = row.trainingItemContent; + orderItemDirectory(row.trainingOrderDetailsId).then((response) => { - this.list = response.rows; + this.formlist.list = response.rows; }); }, @@ -790,6 +679,16 @@ export default { this.form = response.data; this.form.trainingOrderDetailsList = response.data.trainingOrderDetailsList; + response.data.trainingOrderChannel == "WECHAT_APPLET" + ? (response.data.trainingOrderChannel = "微信小程序") + : ""; + response.data.trainingOrderChannel == "MOBILE_APP" + ? (response.data.trainingOrderChannel = "手机App") + : ""; + response.data.trainingOrderChannel == "ALI_PAY_APPLET" + ? (response.data.trainingOrderChannel = "支付宝小程序") + : ""; + this.open = true; this.title = "查看学习培训订单"; }); @@ -847,4 +746,43 @@ export default { height: 150px; margin-left: 10px; } +.text { + width: 250px; + height: 36px; + line-height: 36px; + padding-left: 15px; + font-size: 14px; + border-radius: 4px; + padding: 0 15px; + border: 1px solid #e6ebf5; +} +.textdetail { + width: 550px; + // height: 600px; + line-height: 36px; + padding-left: 15px; + font-size: 14px; + border-radius: 4px; + padding: 0 15px; + border: 1px solid #e6ebf5; +} +.textdetails { + width: 600px; + // height: 300px; + line-height: 36px; + padding-left: 15px; + font-size: 14px; + border-radius: 4px; + padding: 0 15px; + border: 1px solid #e6ebf5; +} +::v-deep .wihi { + text-align: left !important; + // width: 208px !important; + // height: 208px !important; + background: none; +} +::v-deep .video-avatar { + transform: translateX(-25%); +} \ No newline at end of file