拍商品,拍商品订单,课程关联拍商品信息

src/api/course/fsCourseProduct.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询拍单商品列表
+export function listFsCourseProduct(query) {
+  return request({
+    url: '/course/fsCourseProduct/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询拍单商品详细
+export function getFsCourseProduct(id) {
+  return request({
+    url: '/course/fsCourseProduct/' + id,
+    method: 'get'
+  })
+}
+
+// 新增拍单商品
+export function addFsCourseProduct(data) {
+  return request({
+    url: '/course/fsCourseProduct',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改拍单商品
+export function updateFsCourseProduct(data) {
+  return request({
+    url: '/course/fsCourseProduct',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除拍单商品
+export function delFsCourseProduct(id) {
+  return request({
+    url: '/course/fsCourseProduct/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出拍单商品
+export function exportFsCourseProduct(query) {
+  return request({
+    url: '/course/fsCourseProduct/export',
+    method: 'get',
+    params: query
+  })
+}

src/api/course/fsCourseProductOrder.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+// 查询拍单商品订单列表
+export function listFsCourseProductOrder(query) {
+  return request({
+    url: '/course/fsCourseProductOrder/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询拍单商品订单详细
+export function getFsCourseProductOrder(courseOrderId) {
+  return request({
+    url: '/course/fsCourseProductOrder/' + courseOrderId,
+    method: 'get'
+  })
+}
+
+// 新增拍单商品订单
+export function addFsCourseProductOrder(data) {
+  return request({
+    url: '/course/fsCourseProductOrder',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改拍单商品订单
+export function updateFsCourseProductOrder(data) {
+  return request({
+    url: '/course/fsCourseProductOrder',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除拍单商品订单
+export function delFsCourseProductOrder(courseOrderId) {
+  return request({
+    url: '/course/fsCourseProductOrder/' + courseOrderId,
+    method: 'delete'
+  })
+}
+
+// 导出拍单商品订单
+export function exportFsCourseProductOrder(query) {
+  return request({
+    url: '/course/fsCourseProductOrder/export',
+    method: 'get',
+    params: query
+  })
+}
+
+// 退款拍商品订单
+export function refund(data) {
+  return request({
+    url: '/course/fsCourseProductOrder/refund',
+    method: 'post',
+    data: data
+  })
+}

src/views/components/course/userCourseCatalogDetails.vue

@@ -1,17 +1,12 @@
 <template>
   <div class="app-container">
     <div style="padding-bottom: 20px">
-      <span v-if="courseName!=null">{{ courseName }}</span>
+      <span v-if="courseName != null">{{ courseName }}</span>
     </div>
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="小节名称" prop="title">
-        <el-input
-          v-model="queryParams.title"
-          placeholder="请输入小节名称"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.title" placeholder="请输入小节名称" clearable size="small"
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -20,63 +15,33 @@
     </el-form>
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['course:userCourseVideo:add']"
-        >新增目录</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['course:userCourseVideo:add']">新增目录</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          :disabled="!ids || ids.length <= 0"
-          size="mini"
-          @click="openUpdates"
-          v-hasPermi="['course:userCourseVideo:updateTime']"
-        >修改时间</el-button>
+        <el-button type="primary" plain :disabled="!ids || ids.length <= 0" size="mini" @click="openUpdates"
+          v-hasPermi="['course:userCourseVideo:updateTime']">修改时间</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          size="mini"
-          @click="openAdds"
-          v-hasPermi="['course:userCourseVideo:batchAdd']"
-        >批量添加</el-button>
+        <el-button type="primary" plain size="mini" @click="openAdds"
+          v-hasPermi="['course:userCourseVideo:batchAdd']">批量添加</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          size="mini"
-          v-if="isPrivate === 1"
-          @click="updateRedPageckeOpen"
-          v-hasPermi="['course:userCourseVideo:updateRed']"
-        >修改红包</el-button>
+        <el-button type="primary" plain size="mini" v-if="isPrivate === 1" @click="updateRedPageckeOpen"
+          v-hasPermi="['course:userCourseVideo:updateRed']">修改红包</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['course:userCourseVideo:remove']"
-        >删除</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['course:userCourseVideo:remove']">删除</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
     <el-table border v-loading="loading" :data="userCourseVideoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="视频ID" align="center" prop="videoId" />
-<!--      <el-table-column label="轮次" align="center" prop="round" />-->
+      <!--      <el-table-column label="轮次" align="center" prop="round" />-->
       <el-table-column label="小节名称" align="center" show-overflow-tooltip prop="title" />
-      <el-table-column label="视频文件名称" align="center" show-overflow-tooltip  prop="fileName" >
+      <el-table-column label="视频文件名称" align="center" show-overflow-tooltip prop="fileName">
       </el-table-column>
       <el-table-column label="视频时长" align="center" prop="duration">
         <template slot-scope="{ row }">
@@ -85,13 +50,13 @@
       </el-table-column>
       <el-table-column label="看课开始时间" align="center" prop="duration">
         <template slot-scope="{ row }">
-          <el-tag v-if="row.viewStartTime">{{row.viewStartTime}}</el-tag>
+          <el-tag v-if="row.viewStartTime">{{ row.viewStartTime }}</el-tag>
           <el-tag type="danger" v-if="!row.viewStartTime">无</el-tag>
         </template>
       </el-table-column>
       <el-table-column label="看课结束时间" align="center" prop="duration">
         <template slot-scope="{ row }">
-          <el-tag v-if="row.viewEndTime">{{row.viewEndTime}}</el-tag>
+          <el-tag v-if="row.viewEndTime">{{ row.viewEndTime }}</el-tag>
           <el-tag type="danger" v-if="!row.viewEndTime">无</el-tag>
         </template>
       </el-table-column>
@@ -101,56 +66,36 @@
           <el-tag type="danger" v-if="!row.lastJoinTime">无</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="红包金额" align="center" prop="redPacketMoney" v-if="isPrivate === 1"/>
+      <el-table-column label="红包金额" align="center" prop="redPacketMoney" v-if="isPrivate === 1" />
       <el-table-column label="排序" align="center" prop="courseSort" />
       <el-table-column label="上传时间" align="center" prop="createTime" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['course:userCourseVideo:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleComment(scope.row)"
-            v-hasPermi="['course:courseWatchComment:list']"
-          >查看评论</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['course:userCourseVideo:remove']"
-          >删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['course:userCourseVideo:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleComment(scope.row)"
+            v-hasPermi="['course:courseWatchComment:list']">查看评论</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['course:userCourseVideo:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body >
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="110px" v-loading="uploadLoading">
         <el-form-item label="视频标题" prop="title">
-          <el-input v-model="form.title"  placeholder="请输入内容" />
+          <el-input v-model="form.title" placeholder="请输入内容" />
         </el-form-item>
         <el-form-item label="视频描述" prop="description">
-          <el-input v-model="form.description" type="textarea" :rows="2"  placeholder="请输入内容" />
+          <el-input v-model="form.description" type="textarea" :rows="2" placeholder="请输入内容" />
         </el-form-item>
-<!--        <el-form-item label="轮次" prop="round">-->
-<!--          <el-input v-model="form.round"  placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="轮次" prop="round">-->
+        <!--          <el-input v-model="form.round"  placeholder="请输入内容" />-->
+        <!--        </el-form-item>-->
         <el-form-item label="课程排序" prop="courseSort">
-          <el-input-number v-model="form.courseSort" :min="1" ></el-input-number>
+          <el-input-number v-model="form.courseSort" :min="1"></el-input-number>
         </el-form-item>
         <!--        <el-form-item label="看课时间" prop="timeRange" v-if="isPrivate === 1">-->
         <!--          <el-time-picker-->
@@ -174,46 +119,28 @@
         <!--        </el-form-item>-->
 
         <el-form-item label="视频缩略图" prop="thumbnail">
-          <el-upload
-            v-model="form.thumbnail"
-            class="avatar-uploader"
-            :action="uploadUrl"
-            :show-file-list="false"
-            :on-success="handleAvatarSuccess"
-            :before-upload="beforeAvatarUpload">
+          <el-upload v-model="form.thumbnail" class="avatar-uploader" :action="uploadUrl" :show-file-list="false"
+            :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
             <img v-if="form.thumbnail" :src="form.thumbnail" class="avatar" width="300px">
             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
           </el-upload>
         </el-form-item>
-        <video-upload
-          :type = "1"
-          :isPrivate = "isPrivate"
-          :fileKey.sync = "form.fileKey"
-          :fileSize.sync = "form.fileSize"
-          :videoUrl.sync="videoUrl"
-          :fileName.sync="form.fileName"
-          :line_1.sync="form.lineOne"
-          :line_2.sync="form.lineTwo"
-          :line_3.sync="form.lineThree"
-          :thumbnail.sync="form.thumbnail"
-          :uploadType.sync="form.uploadType"
-          :isTranscode.sync="form.isTranscode"
-          :transcodeFileKey.sync="form.transcodeFileKey"
-          @video-duration="handleVideoDuration"
-          @change="handleVideoChange"
-          @selectProjects="handleSelectProjects"
-          ref="videoUpload"
-          append-to-body
-        />
-
+        <video-upload :type="1" :isPrivate="isPrivate" :fileKey.sync="form.fileKey" :fileSize.sync="form.fileSize"
+          :videoUrl.sync="videoUrl" :fileName.sync="form.fileName" :line_1.sync="form.lineOne"
+          :line_2.sync="form.lineTwo" :line_3.sync="form.lineThree" :thumbnail.sync="form.thumbnail"
+          :uploadType.sync="form.uploadType" :isTranscode.sync="form.isTranscode"
+          :transcodeFileKey.sync="form.transcodeFileKey" @video-duration="handleVideoDuration"
+          @change="handleVideoChange" @selectProjects="handleSelectProjects" ref="videoUpload" append-to-body />
+        
         <el-form-item label="课题选择" prop="questionBankId" v-if="isPrivate === 1">
           <el-button size="small" type="primary" @click="chooseQuestionBank">选取课题</el-button>
-          <el-table border width="100%" style="margin-top:5px;"  :data="form.questionBankList">
+          <el-table border width="100%" style="margin-top:5px;" :data="form.questionBankList">
 
             <el-table-column label="问题" align="center" prop="title">
               <template slot-scope="scope">
                 <el-tooltip class="item" effect="dark" :content="scope.row.title" placement="top">
-                  <div style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;">
+                  <div
+                    style="display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;">
                     <span>{{ scope.row.title }}</span>
                   </div>
                 </el-tooltip>
@@ -221,50 +148,68 @@
             </el-table-column>
             <el-table-column label="类别" align="center" prop="type">
               <template slot-scope="scope">
-                <dict-tag :options="typeOptions" :value="scope.row.type"/>
+                <dict-tag :options="typeOptions" :value="scope.row.type" />
               </template>
             </el-table-column>
             <el-table-column label="答案" align="center" prop="answer" />
             <el-table-column label="操作" align="center" width="100px" fixed="right">
               <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  type="text"
-                  icon="el-icon-delete"
-                  @click="handleQuestionBankDelete(scope.row)"
-                >删除</el-button>
+                <el-button size="mini" type="text" icon="el-icon-delete"
+                  @click="handleQuestionBankDelete(scope.row)">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
-        </el-form-item >
+        </el-form-item>
         <el-form-item label="红包金额" prop="redPacketMoney" v-if="isPrivate === 1">
-          <el-input-number v-model="form.redPacketMoney" :min="0.1" :max="200" :step="0.1" ></el-input-number>
+          <el-input-number v-model="form.redPacketMoney" :min="0.1" :max="200" :step="0.1"></el-input-number>
+        </el-form-item>
+        <el-form-item label="是否关联商品">
+          <el-radio v-model="form.isProduct" :label=0>否</el-radio>
+          <el-radio v-model="form.isProduct" :label=1>是</el-radio>
+        </el-form-item>
+        <el-form-item label="商品选择" v-if="form.isProduct === 1">
+          <el-button size="small" type="primary" @click="chooseCourseProduct">选取商品</el-button>
+          <el-table border width="100%" style="margin-top:5px;" :data="form.courseProducts">
+            <el-table-column label="商品名称" align="center" prop="productName" />
+            <el-table-column label="产品条码" align="center" prop="barCode" />
+            <el-table-column label="商品价格" align="center" prop="productPrice" />
+            <el-table-column label="库存" align="center" prop="stock" />
+            <el-table-column label="操作" align="center" width="100px" fixed="right">
+              <template slot-scope="scope">
+                <el-button size="mini" type="text" icon="el-icon-delete"
+                  @click="handleCourseProductDelete(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
         </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item v-if="form.isProduct === 1" label="商品售卖时间" prop="listingStartTime">
+              <el-input-number v-model="form.listingStartTime" :min="0" label="商品售卖时间"></el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item v-if="form.isProduct === 1"  label="结束售卖时间" prop="listingStartTime">
+              <el-input-number v-model="form.listingEndTime" :min="0" label="结束售卖时间"></el-input-number>
+            </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
-    <el-dialog :title="title" :visible.sync="updateBatchData.open" width="1000px" append-to-body >
+    <el-dialog :title="title" :visible.sync="updateBatchData.open" width="1000px" append-to-body>
       <el-form ref="form" :model="updateBatchData.form" label-width="110px">
         <el-form-item label="看课时间" prop="timeRange">
-          <el-time-picker
-            is-range
-            v-model="updateBatchData.form.timeRange"
-            range-separator="至"
-            start-placeholder="开始时间"
-            value-format="HH:mm:ss"
-            end-placeholder="结束时间"
-            placeholder="选择时间范围">
+          <el-time-picker is-range v-model="updateBatchData.form.timeRange" range-separator="至" start-placeholder="开始时间"
+            value-format="HH:mm:ss" end-placeholder="结束时间" placeholder="选择时间范围">
           </el-time-picker>
         </el-form-item>
         <el-form-item label="领取红包时间" prop="lastJoinTime">
-          <el-time-picker
-            v-model="updateBatchData.form.lastJoinTime"
-            :selectableRange="updateBatchData.form.timeRange"
-            value-format="HH:mm:ss"
-            placeholder="选择时间范围">
+          <el-time-picker v-model="updateBatchData.form.lastJoinTime" :selectableRange="updateBatchData.form.timeRange"
+            value-format="HH:mm:ss" placeholder="选择时间范围">
           </el-time-picker>
           <p style="color: red;margin: 0;font-size: 12px">超过领取红包时间，只允许看课，不允许领取红包</p>
         </el-form-item>
@@ -274,39 +219,30 @@
         <el-button @click="updateBatchData.open = false">取 消</el-button>
       </div>
     </el-dialog>
-    <el-dialog :title="questionBank.title" :visible.sync="questionBank.open" width="1000px" append-to-body >
-      <question-bank ref="questionBank" @questionBankResult="questionBankResult" ></question-bank>
+    <el-dialog :title="questionBank.title" :visible.sync="questionBank.open" width="1000px" append-to-body>
+      <question-bank ref="questionBank" @questionBankResult="questionBankResult"></question-bank>
+    </el-dialog>
+    <el-dialog :title="courseProduct.title" :visible.sync="courseProduct.open" width="1000px" append-to-body>
+      <course-product ref="courseProduct" @courseProductResult="courseProductResult"></course-product>
     </el-dialog>
     <el-dialog title="视频库选择" :visible.sync="addBatchData.open" width="900px" append-to-body>
       <!-- 搜索条件 -->
       <el-form :inline="true" :model="addBatchData.queryParams" class="library-search">
         <el-form-item label="素材名称">
-          <el-input
-            v-model="addBatchData.queryParams.resourceName"
-            placeholder="请输入素材名称"
-            clearable
-            size="small"
-            @keyup.enter.native="resourceList"
-          />
+          <el-input v-model="addBatchData.queryParams.resourceName" placeholder="请输入素材名称" clearable size="small"
+            @keyup.enter.native="resourceList" />
         </el-form-item>
         <el-form-item label="类型">
-          <el-select v-model="addBatchData.queryParams.typeId" @change="changeCateType" placeholder="请选择素材类型" clearable size="small">
-            <el-option
-              v-for="item in addBatchData.typeOptions"
-              :key="item.dictValue"
-              :label="item.dictLabel"
-              :value="item.dictValue"
-            />
+          <el-select v-model="addBatchData.queryParams.typeId" @change="changeCateType" placeholder="请选择素材类型" clearable
+            size="small">
+            <el-option v-for="item in addBatchData.typeOptions" :key="item.dictValue" :label="item.dictLabel"
+              :value="item.dictValue" />
           </el-select>
         </el-form-item>
         <el-form-item label="子类型">
           <el-select v-model="addBatchData.queryParams.typeSubId" placeholder="请选择素材子类型" clearable size="small">
-            <el-option
-              v-for="item in addBatchData.typeSubOptions"
-              :key="item.dictValue"
-              :label="item.dictLabel"
-              :value="item.dictValue"
-            />
+            <el-option v-for="item in addBatchData.typeSubOptions" :key="item.dictValue" :label="item.dictLabel"
+              :value="item.dictValue" />
           </el-select>
         </el-form-item>
         <el-form-item>
@@ -315,18 +251,15 @@
       </el-form>
 
       <!-- 视频列表 -->
-      <el-table v-loading="addBatchData.loading" :data="addBatchData.list" @selection-change="handVideoleSelectionChange" height="400px">
+      <el-table v-loading="addBatchData.loading" :data="addBatchData.list"
+        @selection-change="handVideoleSelectionChange" height="400px">
         <el-table-column type="selection" width="55" align="center" />
         <el-table-column label="素材名称" align="center" prop="resourceName" />
         <el-table-column label="文件名称" align="center" prop="fileName" />
         <el-table-column label="排序" align="center" prop="sort" />
         <el-table-column label="缩略图" align="center">
           <template slot-scope="scope">
-            <el-popover
-              placement="right"
-              title=""
-              trigger="hover"
-            >
+            <el-popover placement="right" title="" trigger="hover">
               <img alt="" slot="reference" :src="scope.row.thumbnail" style="width: 80px; height: 50px" />
               <img alt="" :src="scope.row.thumbnail" style="max-width: 150px;" />
             </el-popover>
@@ -340,13 +273,9 @@
       </el-table>
 
       <!-- 分页 -->
-      <pagination
-        v-show="addBatchData.total>0"
-        :total="addBatchData.total"
-        :page.sync="addBatchData.queryParams.pageNum"
-        :limit.sync="addBatchData.queryParams.pageSize"
-        @pagination="resourceList"
-      />
+      <pagination v-show="addBatchData.total > 0" :total="addBatchData.total"
+        :page.sync="addBatchData.queryParams.pageNum" :limit.sync="addBatchData.queryParams.pageSize"
+        @pagination="resourceList" />
 
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="batchVideoSave">确 定</el-button>
@@ -355,7 +284,7 @@
     <el-dialog title="章节红包" :visible.sync="redData.open" width="900px" append-to-body>
       <el-table border v-loading="redData.loading" :data="redData.list" height="600px">
         <el-table-column label="小节名称" align="center" show-overflow-tooltip prop="title" />
-        <el-table-column label="视频文件名称" align="center" show-overflow-tooltip  prop="fileName" >
+        <el-table-column label="视频文件名称" align="center" show-overflow-tooltip prop="fileName">
         </el-table-column>
         <el-table-column label="视频时长" align="center" prop="duration">
           <template slot-scope="{ row }">
@@ -374,11 +303,9 @@
         <el-button type="primary" @click="batchRedSave">确 定</el-button>
       </div>
     </el-dialog>
-    <el-dialog :title="commentDialog.title" :visible.sync="commentDialog.open" width="1000px" append-to-body :close-on-click-modal="false">
-      <course-watch-comment
-        ref="courseWatchComment"
-        :courseId="commentDialog.courseId"
-        :videoId="commentDialog.videoId"
+    <el-dialog :title="commentDialog.title" :visible.sync="commentDialog.open" width="1000px" append-to-body
+      :close-on-click-modal="false">
+      <course-watch-comment ref="courseWatchComment" :courseId="commentDialog.courseId" :videoId="commentDialog.videoId"
         v-if="commentDialog.open">
       </course-watch-comment>
     </el-dialog>
@@ -399,6 +326,7 @@ import {
   updateUserCourseVideo
 } from "@/api/course/userCourseVideo";
 import QuestionBank from "@/views/course/courseQuestionBank/QuestionBank.vue";
+import CourseProduct from "@/views/course/fsCourseProduct/CourseProduct.vue";
 import VideoUpload from "@/components/VideoUpload/index.vue";
 import { listVideoResource } from '@/api/course/videoResource';
 import { getByIds } from '@/api/course/courseQuestionBank'
@@ -407,38 +335,43 @@ import { getCateListByPid, getCatePidList } from '@/api/course/userCourseCategor
 
 export default {
   name: "userCourseCatalog",
-  components: {VideoUpload,QuestionBank,CourseWatchComment},
+  components: { VideoUpload, QuestionBank, CourseWatchComment, CourseProduct,},
   data() {
     return {
       duration: null,
-      packageList:[],
+      packageList: [],
       //课题
-      package:{
-        title:'',
-        open:false,
+      package: {
+        title: '',
+        open: false,
       },
       //课题
-      questionBank:{
-        title:'',
-        open:false,
+      questionBank: {
+        title: '',
+        open: false,
+      },
+      //拍商品
+      courseProduct: {
+        title: '',
+        open: false,
       },
-      isPrivate:null,
+      isPrivate: null,
       videoUrl: "",
       uploadTypeOptions: [
         { dictLabel: "线路一", dictValue: 2 },
 
         { dictLabel: "线路二", dictValue: 3 },
       ],
-      uploadLoading:false,
-      courseId:null,
-      videoName:'',
+      uploadLoading: false,
+      courseId: null,
+      videoName: '',
       title: "",
       // 是否显示弹出层
       open: false,
-      uploadUrl:process.env.VUE_APP_BASE_API+"/common/uploadOSS",
+      uploadUrl: process.env.VUE_APP_BASE_API + "/common/uploadOSS",
       baseUrl: process.env.VUE_APP_BASE_API,
-      typeOptions:[],
-      files:[],
+      typeOptions: [],
+      files: [],
       fileList: [],
       // 上传成功后的地址
       videoURL: '',
@@ -446,33 +379,33 @@ export default {
       progress: 0,
       // 上传视频获取成功后拿到的fileID【备用】
       fileId: '',
-      courseName:null,
-      userCourseVideoList:[],
+      courseName: null,
+      userCourseVideoList: [],
       total: 0,
-      redData:{
+      redData: {
         queryParams: {
           pageNum: 1,
           pageSize: 99999,
-          courseId:null,
+          courseId: null,
         },
         list: [],
         open: false,
-        loading:true,
-        form:{
+        loading: true,
+        form: {
         }
       },
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        courseId:null,
-        title:null
+        courseId: null,
+        title: null
       },
       addBatchData: {
         open: false,
         loading: true,
         form: {},
         select: [],
-        total:0,
+        total: 0,
         queryParams: {
           pageNum: 1,
           pageSize: 10,
@@ -499,7 +432,7 @@ export default {
       form: {},
       updateBatchData: {
         open: false,
-        form:{}
+        form: {}
       },
       // 表单校验
       rules: {
@@ -528,8 +461,8 @@ export default {
   methods: {
     getPickerOptions() {
       const durationInMinutes = Math.floor(this.form.duration / 60); // 将秒转换为分钟
-      const endHour  = Math.floor(durationInMinutes / 60); // 起始小时
-      const endMinute  = durationInMinutes % 60; // 起始分钟
+      const endHour = Math.floor(durationInMinutes / 60); // 起始小时
+      const endMinute = durationInMinutes % 60; // 起始分钟
       return {
         start: "00:00", // 固定开始时间
         step: "00:01", // 时间间隔
@@ -538,35 +471,43 @@ export default {
           .padStart(2, "0")}`, // 动态结束时间
       };
     },
-    handlePackageDelete(row){
+    handlePackageDelete(row) {
       this.packageList.splice(this.packageList.findIndex(item => item.packageId === row.packageId), 1)
     },
-    choosePackage(){
-      this.package.open=true;
-      this.package.title='疗法选择';
+    choosePackage() {
+      this.package.open = true;
+      this.package.title = '疗法选择';
     },
     /**
      * 选择课题
      */
-    chooseQuestionBank(){
-      this.questionBank.open=true;
-      this.questionBank.title='课题选择';
+    chooseQuestionBank() {
+      this.questionBank.open = true;
+      this.questionBank.title = '课题选择';
+    },
+
+    /**
+     * 选择拍商品
+     */
+    chooseCourseProduct() {
+      this.courseProduct.open = true;
+      this.courseProduct.title = '拍商品选择';
     },
 
     //选择疗法
-    selectPackage(row){
+    selectPackage(row) {
       const drug = {};
-      for(var i=0;i<this.packageList.length;i++){
-        if(this.packageList[i].packageId==row.packageId){
+      for (var i = 0; i < this.packageList.length; i++) {
+        if (this.packageList[i].packageId == row.packageId) {
           this.$message.warning("疗法已存在！")
           return;
         }
       }
-      drug.packageId=row.packageId;
-      drug.packageName=row.packageName;
-      drug.secondName=row.secondName;
-      drug.totalPrice=row.totalPrice;
-      drug.imgUrl=row.imgUrl;
+      drug.packageId = row.packageId;
+      drug.packageName = row.packageName;
+      drug.secondName = row.secondName;
+      drug.totalPrice = row.totalPrice;
+      drug.imgUrl = row.imgUrl;
       this.packageList.push(drug);
       this.$message({
         message: '添加成功',
@@ -575,14 +516,31 @@ export default {
 
     },
 
+    courseProductResult(val){
+      this.form.courseProducts = this.form.courseProducts || [];
+      for (var i = 0; i < this.form.courseProducts.length; i++) {
+        if (this.form.courseProducts[i].id == val.id) {
+          return this.$message.error("当前商品已选择")
+        }
+      }
+
+      //先置空 只选择一件商品
+      this.form.courseProducts = [];
+      this.form.courseProducts.push(val);
+      this.$message({
+        message: '添加成功',
+        type: 'success'
+      });
+    },
+
     //选择结果
-    questionBankResult(val){
+    questionBankResult(val) {
 
       // 确保 questionBankList 是数组
       this.form.questionBankList = this.form.questionBankList || [];
 
-      for(var i=0;i<this.form.questionBankList.length;i++){
-        if(this.form.questionBankList[i].id==val.id){
+      for (var i = 0; i < this.form.questionBankList.length; i++) {
+        if (this.form.questionBankList[i].id == val.id) {
           return this.$message.error("当前课题已选择")
         }
       }
@@ -595,15 +553,20 @@ export default {
     },
 
     //删除课题
-    handleQuestionBankDelete(row){
+    handleQuestionBankDelete(row) {
       this.form.questionBankList.splice(this.form.questionBankList.findIndex(item => item.id === row.id), 1)
     },
-       handleVideoChange(){
-      if(this.form.uploadType==1){
+
+    //删除商品
+    handleCourseProductDelete(row) {
+      this.form.courseProducts.splice(this.form.courseProducts.findIndex(item => item.id === row.id), 1)
+    },
+    handleVideoChange() {
+      if (this.form.uploadType == 1) {
         this.videoUrl = this.form.lineOne;
-      }else if(this.form.uploadType==2){
+      } else if (this.form.uploadType == 2) {
         this.videoUrl = this.form.lineTwo;
-      }else if(this.form.uploadType==3){
+      } else if (this.form.uploadType == 3) {
         this.videoUrl = this.form.lineThree;
       }
       // console.log("选择的video=======>>>>>>>",this.videoUrl)
@@ -615,7 +578,7 @@ export default {
         return
       }
 
-      const params = {ids: projectIds}
+      const params = { ids: projectIds }
       getByIds(params).then(response => {
         if (response.code === 200) {
           response.data.forEach(item => {
@@ -646,11 +609,11 @@ export default {
     },
 
     handleAvatarSuccess(res, file) {
-      if(res.code==200){
-        this.form.thumbnail=res.url;
+      if (res.code == 200) {
+        this.form.thumbnail = res.url;
         this.$forceUpdate()
       }
-      else{
+      else {
         this.msgError(res.msg);
       }
     },
@@ -659,9 +622,9 @@ export default {
       if (!isLt1M) {
         this.$message.error('上传图片大小不能超过 1MB!');
       }
-      return   isLt1M;
+      return isLt1M;
     },
-    getDetails(courseId,courseName,isPrivate) {
+    getDetails(courseId, courseName, isPrivate) {
       this.isPrivate = isPrivate
       this.courseName = courseName
       this.courseId = courseId;
@@ -691,11 +654,11 @@ export default {
         thumbnail: null,
         duration: null,
         createTime: null,
-        uploadType:null,
-        lineOne:null,
-        lineTwo:null,
-        lineThree:null,
-        fileName:null,
+        uploadType: null,
+        lineOne: null,
+        lineTwo: null,
+        lineThree: null,
+        fileName: null,
         userId: null,
         cateId: null,
         courseId: null,
@@ -716,14 +679,18 @@ export default {
         tags: null,
         productId: null,
         productJson: null,
-        questionBankId:null,
-        questionBankList:[],
-        redPacketMoney:0,
-        isTranscode:0,
-        transcodeFileKey:null
+        questionBankId: null,
+        questionBankList: [],
+        redPacketMoney: 0,
+        isTranscode: 0,
+        transcodeFileKey: null,
+        isProduct: 0,
+        productId: null,
+        listingStartTime: null,
+        listingEndTime: null,
       };
       this.videoURL = '';
-      this.progress=0;
+      this.progress = 0;
       this.resetForm("form");
     },
     /** 搜索按钮操作 */
@@ -739,20 +706,20 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.videoId)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     // 多选框选中数据
     handVideoleSelectionChange(selection) {
       this.addBatchData.select = selection.map(item => item.id);
     },
-    handleAdd(){
+    handleAdd() {
       this.reset();
       this.form.courseId = this.courseId;
       this.open = true;
       this.title = "添加课堂视频";
       this.videoUrl = '';
-      this.packageList=[];
+      this.packageList = [];
       getSort(this.courseId).then(response => {
         this.form.courseSort = Number(response.data);
       })
@@ -764,18 +731,18 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      this.packageList=[];
+      this.packageList = [];
       const videoId = row.videoId || this.ids
       getUserCourseVideo(videoId).then(response => {
         this.form = response.data;
-        if(response.data.videoUrl!=null && response.data.videoUrl!==''){
+        if (response.data.videoUrl != null && response.data.videoUrl !== '') {
           this.videoUrl = response.data.videoUrl;
         }
-        if (this.form.packageJson!=null){
+        if (this.form.packageJson != null) {
           this.packageList = JSON.parse(this.form.packageJson);
         }
 
-        if(response.data.viewStartTime != null && response.data.viewEndTime != null){
+        if (response.data.viewStartTime != null && response.data.viewEndTime != null) {
           this.form.timeRange = [response.data.viewStartTime, response.data.viewEndTime]
         }
         setTimeout(() => {
@@ -792,24 +759,31 @@ export default {
 
         if (valid) {
           this.form.videoUrl = this.videoUrl;
-          if(this.form.videoUrl==null || this.form.videoUrl===''){
+          if (this.form.videoUrl == null || this.form.videoUrl === '') {
             this.$message({
               message: '请上传视频！',
               type: 'warning'
             });
             return
           }
-          if(this.form.timeRange != null && this.form.timeRange.length === 2){
+          if (this.form.timeRange != null && this.form.timeRange.length === 2) {
             this.form.viewStartTime = this.form.timeRange[0];
             this.form.viewEndTime = this.form.timeRange[1];
           }
-          if(this.form.duration==null){
+          if (this.form.duration == null) {
             this.$message({
               message: '未识别到视频时长请稍等。。。',
               type: 'warning'
             });
             return
           }
+          if (this.form.isProduct != null && this.form.isProduct == 1 && this.form.courseProducts.length < 1) {
+             this.$message({
+              message: '请选择关联商品',
+              type: 'warning'
+            });
+            return
+          }
           // if(this.form.uploadType==null){
           //   this.$message({
           //     message: '请选择播放线路！',
@@ -817,12 +791,15 @@ export default {
           //   });
           //   return
           // }
-          if (this.form.questionBankList!==null){
+          if (this.form.questionBankList !== null) {
             this.form.questionBankId = this.form.questionBankList.map(item => item.id).join(',');
           }
-          if (this.packageList.length>0){
+          if (this.packageList.length > 0) {
             this.form.packageJson = JSON.stringify(this.packageList);
           }
+          if (this.form.courseProducts != null) {
+            this.form.productId = this.form.courseProducts[0].id
+          }
           if (this.form.videoId != null) {
             updateUserCourseVideo(this.form).then(response => {
               this.msgSuccess("修改成功");
@@ -839,14 +816,14 @@ export default {
         }
       });
     },
-    openUpdates(){
+    openUpdates() {
       this.updateBatchData.form = {};
       this.updateBatchData.open = true;
     },
     /** 提交按钮 */
     updateBatch() {
       this.updateBatchData.form.ids = this.ids;
-      if(this.updateBatchData.form.timeRange != null && this.updateBatchData.form.timeRange.length === 2){
+      if (this.updateBatchData.form.timeRange != null && this.updateBatchData.form.timeRange.length === 2) {
         this.updateBatchData.form.viewStartTime = this.updateBatchData.form.timeRange[0];
         this.updateBatchData.form.viewEndTime = this.updateBatchData.form.timeRange[1];
       }
@@ -863,14 +840,14 @@ export default {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
-      }).then(function() {
+      }).then(function () {
         return delUserCourseVideo(videoIds);
       }).then(() => {
         this.getList();
         this.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
-    openAdds(){
+    openAdds() {
       this.addBatchData.open = true;
       this.getRootTypeList();
       this.addBatchData.form = {
@@ -893,7 +870,7 @@ export default {
         this.addBatchData.typeSubOptions = response.data
       })
     },
-    resourceList(){
+    resourceList() {
       this.addBatchData.loading = true;
       listVideoResource(this.addBatchData.queryParams).then(response => {
         this.addBatchData.loading = false;
@@ -901,8 +878,8 @@ export default {
         this.addBatchData.total = response.total;
       });
     },
-    batchVideoSave(){
-      if (this.addBatchData.select.length===0){
+    batchVideoSave() {
+      if (this.addBatchData.select.length === 0) {
         this.$message({
           message: '请选择视频！！',
           type: 'warning'
@@ -916,7 +893,7 @@ export default {
         this.getList();
       })
     },
-    updateRedPageckeOpen(){
+    updateRedPageckeOpen() {
       this.redData.open = true;
       this.redData.loading = true;
       this.redData.queryParams.courseId = this.courseId;
@@ -925,7 +902,7 @@ export default {
         this.redData.loading = false;
       });
     },
-    batchRedSave(){
+    batchRedSave() {
       batchUpdateRed(this.redData.list).then(response => {
         this.redData.open = false;
         this.getList();
@@ -949,6 +926,7 @@ export default {
   position: relative;
   overflow: hidden;
 }
+
 .avatar-uploader .el-upload:hover {
   border-color: #409EFF;
 }
@@ -961,5 +939,4 @@ export default {
   line-height: 150px;
   text-align: center;
 }
-
 </style>

src/views/course/fsCourseProduct/CourseProduct.vue

@@ -0,0 +1,165 @@
+<template>
+    <div class="app-container">
+        <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+            <el-form-item label="商品名称" prop="productName">
+                <el-input v-model="queryParams.productName" placeholder="请输入商品名称" clearable size="small"
+                    @keyup.enter.native="handleQuery" />
+            </el-form-item>
+
+            <el-form-item label="产品条码" prop="barCode">
+                <el-input v-model="queryParams.barCode" placeholder="请输入产品条码" clearable size="small"
+                    @keyup.enter.native="handleQuery" />
+            </el-form-item>
+
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+
+
+        <el-table border v-loading="loading" :data="fsCourseProductList">
+            <el-table-column label="商品名称" align="center" prop="productName" />
+            <el-table-column label="商品图片" align="center" prop="imgUrl" width="120">
+                <template slot-scope="scope">
+                    <el-popover placement="right" title="" trigger="hover">
+                        <img slot="reference" :src="scope.row.imgUrl" width="100">
+                        <img :src="scope.row.imgUrl" style="max-width: 150px;">
+                    </el-popover>
+                </template>
+            </el-table-column>
+            <el-table-column label="产品条码" align="center" prop="barCode" />
+            <el-table-column label="商品价格" align="center" prop="productPrice" />
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="text" icon="el-icon-edit"
+                        @click="chooseCourseProduct(scope.row)">选择此商品</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+
+    </div>
+</template>
+
+<script>
+import { listFsCourseProduct, } from "@/api/course/fsCourseProduct";
+import Material from '@/components/Material'
+import singleImg from '@/components/Material/single'
+export default {
+    name: "CourseProduct",
+    components: { Material, singleImg, },
+    watch: {
+        imageArr: function (val) {
+            this.form.imgUrl = val.join(',')
+        },
+        photoArr: function (val) {
+            this.form.images = val.join(',')
+        }
+    },
+    data() {
+        return {
+            photoArr: [],
+            imageArr: [],
+            // 遮罩层
+            loading: true,
+            // 导出遮罩层
+            exportLoading: false,
+            // 选中数组
+            ids: [],
+            // 非单个禁用
+            single: true,
+            // 非多个禁用
+            multiple: true,
+            // 显示搜索条件
+            showSearch: true,
+            // 总条数
+            total: 0,
+            // 拍单商品表格数据
+            fsCourseProductList: [],
+            // 弹出层标题
+            title: "",
+            // 是否显示弹出层
+            open: false,
+            // 查询参数
+            queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                imgUrl: null,
+                images: null,
+                barCode: null,
+                sort: null,
+                stock: null,
+                productContent: null,
+                productPrice: null,
+                productName: null,
+            },
+            // 表单参数
+            form: {},
+            // 表单校验
+
+        };
+    },
+    created() {
+        this.getList();
+    },
+    methods: {
+        chooseCourseProduct(val) {
+            this.$emit('courseProductResult', val)
+        },
+        /** 查询拍单商品列表 */
+        getList() {
+            this.loading = true;
+            listFsCourseProduct(this.queryParams).then(response => {
+                this.fsCourseProductList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+        // 取消按钮
+        cancel() {
+            this.open = false;
+            this.reset();
+        },
+        // 表单重置
+        reset() {
+            this.form = {
+                id: null,
+                imgUrl: null,
+                images: null,
+                barCode: null,
+                sort: null,
+                stock: null,
+                productContent: null,
+                productPrice: null,
+                productName: null,
+                createTime: null,
+                updateTime: null
+            };
+            this.resetForm("form");
+            this.photoArr = [];
+            this.imageArr = [];
+        },
+        /** 搜索按钮操作 */
+        handleQuery() {
+            this.queryParams.pageNum = 1;
+            this.getList();
+        },
+        /** 重置按钮操作 */
+        resetQuery() {
+            this.resetForm("queryForm");
+            this.handleQuery();
+        },
+
+
+
+
+
+
+    }
+};
+</script>

src/views/course/fsCourseProduct/index.vue

@@ -0,0 +1,316 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="商品名称" prop="productName">
+        <el-input v-model="queryParams.productName" placeholder="请输入商品名称" clearable size="small"
+          @keyup.enter.native="handleQuery" />
+      </el-form-item>
+
+      <el-form-item label="产品条码" prop="barCode">
+        <el-input v-model="queryParams.barCode" placeholder="请输入产品条码" clearable size="small"
+          @keyup.enter.native="handleQuery" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['course:fsCourseProduct:add']">新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['course:fsCourseProduct:edit']">修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['course:fsCourseProduct:remove']">删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="warning" plain icon="el-icon-download" size="mini" :loading="exportLoading"
+          @click="handleExport" v-hasPermi="['course:fsCourseProduct:export']">导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="fsCourseProductList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="商品名称" align="center" prop="productName" />
+      <el-table-column label="商品图片" align="center" prop="imgUrl" width="120">
+        <template slot-scope="scope">
+          <el-popover placement="right" title="" trigger="hover">
+            <img slot="reference" :src="scope.row.imgUrl" width="100">
+            <img :src="scope.row.imgUrl" style="max-width: 150px;">
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column label="产品条码" align="center" prop="barCode" />
+      <el-table-column label="商品价格" align="center" prop="productPrice" />
+      <el-table-column label="排序" align="center" prop="sort" />
+      <el-table-column label="库存" align="center" prop="stock" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['course:fsCourseProduct:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['course:fsCourseProduct:remove']">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+
+    <!-- 添加或修改拍单商品对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="商品名称" prop="productName">
+              <el-input v-model="form.productName" placeholder="请输入商品名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="商品价格" prop="productPrice">
+              <el-input v-model="form.productPrice" placeholder="请输入商品价格" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="排序" prop="sort">
+              <el-input-number v-model="form.sort" :min="0" label="排序"></el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="库存" prop="stock">
+              <el-input-number v-model="form.stock" :min="0" label="库存"></el-input-number>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-form-item label="商品图片" prop="imgUrl">
+          <Material v-model="imageArr" type="image" :num="1" :width="150" :height="150" />
+        </el-form-item>
+        <el-form-item label="商品组图" prop="images">
+          <Material v-model="photoArr" type="image" :num="10" :width="150" :height="150" />
+        </el-form-item>
+
+        <el-form-item label="产品条码" prop="barCode">
+          <el-input v-model="form.barCode" placeholder="请输入产品条码" />
+        </el-form-item>
+
+        <el-form-item label="商品介绍">
+          <el-input v-model="form.productContent" type="textarea" placeholder="请输入商品介绍" />
+          <!-- <editor v-model="form.productContent" :min-height="192"/> -->
+        </el-form-item>
+
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listFsCourseProduct, getFsCourseProduct, delFsCourseProduct, addFsCourseProduct, updateFsCourseProduct, exportFsCourseProduct } from "@/api/course/fsCourseProduct";
+import Material from '@/components/Material'
+import singleImg from '@/components/Material/single'
+export default {
+  name: "FsCourseProduct",
+  components: { Material, singleImg, },
+  watch: {
+    imageArr: function (val) {
+      this.form.imgUrl = val.join(',')
+    },
+    photoArr: function (val) {
+      this.form.images = val.join(',')
+    }
+  },
+  data() {
+    return {
+      photoArr: [],
+      imageArr: [],
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 拍单商品表格数据
+      fsCourseProductList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        imgUrl: null,
+        images: null,
+        barCode: null,
+        sort: null,
+        stock: null,
+        productContent: null,
+        productPrice: null,
+        productName: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        productName: [
+          { required: true, message: "商品名称不能为空", trigger: "blur" }
+        ],
+        productPrice: [
+          { required: true, message: "商品价格不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询拍单商品列表 */
+    getList() {
+      this.loading = true;
+      listFsCourseProduct(this.queryParams).then(response => {
+        this.fsCourseProductList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        imgUrl: null,
+        images: null,
+        barCode: null,
+        sort: null,
+        stock: null,
+        productContent: null,
+        productPrice: null,
+        productName: null,
+        createTime: null,
+        updateTime: null
+      };
+      this.resetForm("form");
+      this.photoArr = [];
+      this.imageArr = [];
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加拍单商品";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getFsCourseProduct(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改拍单商品";
+        if (this.form.imgUrl != null) {
+          this.imageArr = this.form.imgUrl.split(",");
+        }
+        if (this.form.images != null) {
+          this.photoArr = this.form.images.split(",");
+        }
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateFsCourseProduct(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addFsCourseProduct(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除拍单商品编号为"' + ids + '"的数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(function () {
+        return delFsCourseProduct(ids);
+      }).then(() => {
+        this.getList();
+        this.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有拍单商品数据项?', "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.exportLoading = true;
+        return exportFsCourseProduct(queryParams);
+      }).then(response => {
+        this.download(response.msg);
+        this.exportLoading = false;
+      }).catch(() => { });
+    }
+  }
+};
+</script>

src/views/course/fsCourseProductOrder/index.vue

@@ -0,0 +1,512 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="订单编号" prop="orderCode">
+        <el-input
+          v-model="queryParams.orderCode"
+          placeholder="请输入订单编号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      
+      <el-form-item label="用户名称" prop="userName">
+        <el-input
+          v-model="queryParams.userName"
+          placeholder="请输入用户名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="用户电话" prop="userPhone">
+        <el-input
+          v-model="queryParams.userPhone"
+          placeholder="请输入用户电话"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+     
+      
+      
+      <el-form-item label="支付状态" prop="isPay">
+        <!-- <el-input
+          v-model="queryParams.isPay"
+          placeholder="请输入支付状态 0 待支付 1已支付"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        /> -->
+        <el-select v-model="queryParams.isPay" placeholder="请选择" clearable size="small">
+          <el-option label="待支付" value="0" />
+          <el-option label="已支付" value="1" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="支付时间" prop="payDateRange">
+        <el-date-picker
+          v-model="payDateRange"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          style="width: 240px"
+        />
+      </el-form-item>
+      <el-form-item label="订单状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择" clearable size="small">
+          <el-option label="待支付" value="1" />
+          <el-option label="已支付" value="2" />
+          <el-option label="已完成" value="3" />
+          <el-option label="申请退款" value="-1" />
+          <el-option label="已退款" value="-2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="退款时间" prop="refundDateRange">
+       <el-date-picker
+          v-model="refundDateRange"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          style="width: 240px"
+        />
+      </el-form-item>
+      
+     
+      
+      
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['fsCourseProductOrder:fsCourseProductOrder:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['fsCourseProductOrder:fsCourseProductOrder:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['fsCourseProductOrder:fsCourseProductOrder:remove']"
+        >删除</el-button>
+      </el-col> -->
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          :loading="exportLoading"
+          @click="handleExport"
+          v-hasPermi="['course:fsCourseProductOrder:export']"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table border v-loading="loading" :data="fsCourseProductOrderList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="订单编号" width="180px" align="center" prop="orderCode" />
+      <el-table-column label="用户名称" align="center" prop="userName" />
+      <el-table-column label="用户电话" align="center" prop="userPhone" />
+      <el-table-column label="商品名称" align="center" prop="productName"/>
+      <el-table-column label="课程" align="center" :show-overflow-tooltip="true" prop="courseName" />
+      <el-table-column label="视频" align="center" :show-overflow-tooltip="true" prop="title" />
+      <el-table-column label="公司名称" align="center"  prop="companyName" />
+      <el-table-column label="销售" align="center"  prop="companyUserName" />  
+      <el-table-column label="企微外部联系人" align="center"  prop="extName" />      
+      <el-table-column label="支付状态" align="center" prop="isPay">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.isPay == 0">待支付</el-tag>
+          <el-tag v-if="scope.row.isPay == 1" type="success">已支付</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="支付时间" align="center" prop="payTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.payTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="订单状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <span v-if="scope.row.status === 1">待支付</span>
+          <span v-if="scope.row.status === 2">已支付</span>
+          <span v-if="scope.row.status === 3">已完成</span>
+          <span v-if="scope.row.status === -1">申请退款</span>
+          <span v-if="scope.row.status === -2">退款成功</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="申请退款时间" align="center" prop="refundTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.refundTime, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="申请退款理由" :show-overflow-tooltip="true" align="center" prop="refundExplain" />
+      <el-table-column label="核销码" align="center" prop="verifyCode" />
+      
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            :disabled="scope.row.status == 1 || scope.row.status == 3 || scope.row.status == -2"
+            size="mini"
+            type="text"
+            @click="handleRefund(scope.row)"
+            v-hasPermi="['course:fsCourseProductOrder:refund']"
+          >退款</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改拍单商品订单对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="订单编号" prop="orderCode">
+          <el-input v-model="form.orderCode" placeholder="请输入订单编号" />
+        </el-form-item>
+        <el-form-item label="用户id" prop="userId">
+          <el-input v-model="form.userId" placeholder="请输入用户id" />
+        </el-form-item>
+        <el-form-item label="用户名称" prop="userName">
+          <el-input v-model="form.userName" placeholder="请输入用户名称" />
+        </el-form-item>
+        <el-form-item label="用户电话" prop="userPhone">
+          <el-input v-model="form.userPhone" placeholder="请输入用户电话" />
+        </el-form-item>
+        <el-form-item label="拍单商品id" prop="courseProductId">
+          <el-input v-model="form.courseProductId" placeholder="请输入拍单商品id" />
+        </el-form-item>
+        <el-form-item label="商品json" prop="productJson">
+          <el-input v-model="form.productJson" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        <el-form-item label="课程id" prop="courseId">
+          <el-input v-model="form.courseId" placeholder="请输入课程id" />
+        </el-form-item>
+        <el-form-item label="视频小节id" prop="videoId">
+          <el-input v-model="form.videoId" placeholder="请输入视频小节id" />
+        </el-form-item>
+        <el-form-item label="支付状态 0 待支付 1已支付" prop="isPay">
+          <el-input v-model="form.isPay" placeholder="请输入支付状态 0 待支付 1已支付" />
+        </el-form-item>
+        <el-form-item label="支付时间" prop="payTime">
+          <el-date-picker clearable size="small"
+            v-model="form.payTime"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择支付时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="支付方式 微信" prop="payType">
+          <el-select v-model="form.payType" placeholder="请选择支付方式 微信">
+            <el-option label="请选择字典生成" value="" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="1 待支付 2已支付 3 已完成 -1 申请退款 -2 : 退款成功">
+          <el-radio-group v-model="form.status">
+            <el-radio label="1">请选择字典生成</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="申请退款时间" prop="refundTime">
+          <el-date-picker clearable size="small"
+            v-model="form.refundTime"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择申请退款时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="申请退款理由" prop="refundExplain">
+          <el-input v-model="form.refundExplain" placeholder="请输入申请退款理由" />
+        </el-form-item>
+        <el-form-item label="核销码" prop="verifyCode">
+          <el-input v-model="form.verifyCode" placeholder="请输入核销码" />
+        </el-form-item>
+        <el-form-item label="公司id" prop="companyId">
+          <el-input v-model="form.companyId" placeholder="请输入公司id" />
+        </el-form-item>
+        <el-form-item label="销售id" prop="companyUserId">
+          <el-input v-model="form.companyUserId" placeholder="请输入销售id" />
+        </el-form-item>
+        <el-form-item label="企微外部联系人id" prop="extId">
+          <el-input v-model="form.extId" placeholder="请输入企微外部联系人id" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listFsCourseProductOrder, getFsCourseProductOrder, delFsCourseProductOrder, addFsCourseProductOrder, updateFsCourseProductOrder, exportFsCourseProductOrder, refund } from "@/api/course/fsCourseProductOrder";
+
+export default {
+  name: "FsCourseProductOrder",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 导出遮罩层
+      exportLoading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 拍单商品订单表格数据
+      fsCourseProductOrderList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      payDateRange: [],
+      refundDateRange: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        orderCode: null,
+        userId: null,
+        userName: null,
+        userPhone: null,
+        courseProductId: null,
+        productJson: null,
+        courseId: null,
+        videoId: null,
+        isPay: null,
+        payStartTime: null,
+        payEndTime: null,
+        payType: null,
+        status: null,
+        refundStartTime: null,
+        refundEndTime: null,
+        refundExplain: null,
+        verifyCode: null,
+        companyId: null,
+        companyUserId: null,
+        extId: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询拍单商品订单列表 */
+    getList() {
+      this.loading = true;
+      if (this.payDateRange && this.payDateRange.length === 2) {
+        this.queryParams.payStartTime = this.payDateRange[0];
+        this.queryParams.payEndTime = this.payDateRange[1].substring(0,10)+" 23:59:59";
+      } else {
+        this.queryParams.payStartTime = null;
+        this.queryParams.payEndTime = null;
+      }
+      if (this.refundDateRange && this.refundDateRange.length === 2) {
+        this.queryParams.refundStartTime = this.refundDateRange[0];
+        this.queryParams.refundEndTime = this.refundDateRange[1].substring(0,10)+" 23:59:59";
+      } else {
+        this.queryParams.refundStartTime = null;
+        this.queryParams.refundEndTime = null;
+      }
+      listFsCourseProductOrder(this.queryParams).then(response => {
+        this.fsCourseProductOrderList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        courseOrderId: null,
+        orderCode: null,
+        userId: null,
+        userName: null,
+        userPhone: null,
+        courseProductId: null,
+        productJson: null,
+        courseId: null,
+        videoId: null,
+        isPay: null,
+        payTime: null,
+        payType: null,
+        status: 0,
+        createTime: null,
+        refundTime: null,
+        refundExplain: null,
+        verifyCode: null,
+        updateTime: null,
+        companyId: null,
+        companyUserId: null,
+        extId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.payDateRange = [];
+      this.refundDateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.courseOrderId)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加拍单商品订单";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const courseOrderId = row.courseOrderId || this.ids
+      getFsCourseProductOrder(courseOrderId).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改拍单商品订单";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.courseOrderId != null) {
+            updateFsCourseProductOrder(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addFsCourseProductOrder(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const courseOrderIds = row.courseOrderId || this.ids;
+      this.$confirm('是否确认删除拍单商品订单编号为"' + courseOrderIds + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delFsCourseProductOrder(courseOrderIds);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      if (this.payDateRange && this.payDateRange.length === 2) {
+        this.queryParams.payStartTime = this.payDateRange[0];
+        this.queryParams.payEndTime = this.payDateRange[1];
+      } else {
+        this.queryParams.payStartTime = null;
+        this.queryParams.payEndTime = null;
+      }
+      if (this.refundDateRange && this.refundDateRange.length === 2) {
+        this.queryParams.refundStartTime = this.refundDateRange[0];
+        this.queryParams.refundEndTime = this.refundDateRange[1];
+      } else {
+        this.queryParams.refundStartTime = null;
+        this.queryParams.refundEndTime = null;
+      }
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有拍单商品订单数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          this.exportLoading = true;
+          return exportFsCourseProductOrder(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+          this.exportLoading = false;
+        }).catch(() => {});
+    },
+
+    /**申请退款 */
+    handleRefund(row) {
+      const data = {
+        courseOrderId : row.courseOrderId
+      };
+       this.$confirm('是否确认拍商品退款?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(() => {
+          return refund(data);
+        }).then(response => {
+          this.getList();
+          this.msgSuccess("退款成功");
+        }).catch(() => {});
+    }
+  }
+};
+</script>