From d5102293ecf8de2ee06f03541a9280cf750b6a02 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E8=BE=89?= <814457906@qq.com>
Date: Tue, 9 May 2023 16:19:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/trainingOrder/index.vue | 198 +++++++++++++++++------
 1 file changed, 146 insertions(+), 52 deletions(-)

diff --git a/src/views/system/trainingOrder/index.vue b/src/views/system/trainingOrder/index.vue
index ffb46e6..d459706 100644
--- a/src/views/system/trainingOrder/index.vue
+++ b/src/views/system/trainingOrder/index.vue
@@ -1,19 +1,38 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="100px"
+    >
       <el-form-item label="所属护理站" prop="nurseStationName">
         <el-select v-model="queryParams.nurseStationId" placeholder="请选择护理站" @change="handleQuery">
-          <el-option v-for="item in handstationlist" :key="item.id" :label="item.nurseStationName"
-            :value="item.id"></el-option>
+          <el-option
+            v-for="item in handstationlist"
+            :key="item.id"
+            :label="item.nurseStationName"
+            :value="item.id"
+          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="护理员姓名" prop="nursePersonName">
-        <el-input v-model="queryParams.nursePersonName" placeholder="请输入护理员姓名" clearable
-          @keyup.enter.native="handleQuery" />
+        <el-input
+          v-model="queryParams.nursePersonName"
+          placeholder="请输入护理员姓名"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <el-form-item label="订单编号" prop="trainingOrderNo">
-        <el-input v-model="queryParams.trainingOrderNo" placeholder="请输入订单编号" clearable
-          @keyup.enter.native="handleQuery" />
+        <el-input
+          v-model="queryParams.trainingOrderNo"
+          placeholder="请输入订单编号"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <!-- <el-form-item label="订单金额" prop="trainingOrderAmount">
         <el-input
@@ -25,8 +44,12 @@
       </el-form-item>-->
       <el-form-item label="订单状态" prop="trainingOrderStatus">
         <el-select v-model="queryParams.trainingOrderStatus" placeholder="请选择订单状态" clearable>
-          <el-option v-for="item in trainingOrderStatusoptions" :key="item.value" :label="item.label"
-            :value="item.value"></el-option>
+          <el-option
+            v-for="item in trainingOrderStatusoptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
         </el-select>
       </el-form-item>
 
@@ -40,7 +63,11 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="trainingOrderList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="trainingOrderList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column label="所属护理站" align="center" prop="nurseStationName" />
       <el-table-column label="护理员姓名" align="center" prop="nursePersonName" />
       <el-table-column label="订单编号" align="center" prop="trainingOrderNo" />
@@ -58,14 +85,14 @@
         <template slot-scope="scope">
           {{ scope.row.trainingOrderChannel == "MOBILE_APP" ? "手机App" : "" }}
           {{
-            scope.row.trainingOrderChannel == "WECHAT_APPLET"
-            ? "微信小程序"
-            : ""
+          scope.row.trainingOrderChannel == "WECHAT_APPLET"
+          ? "微信小程序"
+          : ""
           }}
           {{
-            scope.row.trainingOrderChannel == "ALI_PAY_APPLET"
-            ? "支付宝小程序"
-            : ""
+          scope.row.trainingOrderChannel == "ALI_PAY_APPLET"
+          ? "支付宝小程序"
+          : ""
           }}
         </template>
       </el-table-column>
@@ -73,32 +100,72 @@
       <!-- <el-table-column label="备注信息" align="center" prop="remark" /> -->
       <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-zoom-in" @click="handleUpdate(scope.row)">查看</el-button>
-          <el-button size="mini" type="text" icon="el-icon-error" @click="cencel(scope.row)"
-            v-if="scope.row.trainingOrderStatus == 'PAY'">退款</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-zoom-in"
+            @click="handleUpdate(scope.row)"
+          >查看</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-error"
+            @click="cencel(scope.row)"
+            v-if="scope.row.trainingOrderStatus == 'PAY'"
+          >退款</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" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
     <!-- 退款弹框 -->
     <el-dialog title="退款" :visible.sync="innerrefund" append-to-body width="500px">
       <el-form :inline="true" :rules="rules" label-width="120px">
         <el-form-item label="订单编号" prop="trainingOrderNo">
-          <el-input style="width: 260px" v-model="query.trainingOrderNo" clearable :disabled="true" />
+          <el-input
+            style="width: 260px"
+            v-model="query.trainingOrderNo"
+            clearable
+            :disabled="true"
+          />
         </el-form-item>
         <el-form-item label="培训课程名" prop="trainingItemTitle">
-          <el-input style="width: 260px" v-model="query.trainingItemTitle" clearable :disabled="true" />
+          <el-input
+            style="width: 260px"
+            v-model="query.trainingItemTitle"
+            clearable
+            :disabled="true"
+          />
         </el-form-item>
         <el-form-item label="护理站名称" prop="nurseStationName">
-          <el-input style="width: 260px" v-model="query.nurseStationName" clearable :disabled="true" />
+          <el-input
+            style="width: 260px"
+            v-model="query.nurseStationName"
+            clearable
+            :disabled="true"
+          />
         </el-form-item>
 
         <el-form-item label="退款金额" prop="trainingOrderAmount">
-          <el-input v-model="query.trainingOrderAmount" style="width: 260px" clearable :disabled="true" />
+          <el-input
+            v-model="query.trainingOrderAmount"
+            style="width: 260px"
+            clearable
+            :disabled="true"
+          />
         </el-form-item>
         <el-form-item label="护理员姓名" prop="nursePersonName">
-          <el-input v-model="query.nursePersonName" style="width: 260px" clearable :disabled="true" />
+          <el-input
+            v-model="query.nursePersonName"
+            style="width: 260px"
+            clearable
+            :disabled="true"
+          />
         </el-form-item>
         <!-- <el-form-item label="退款原因" prop="cancelAppointmentReason">
           <el-input
@@ -135,37 +202,46 @@
         <el-form-item label="下单时间" prop="trainingOrderTime">
           <div class="text">{{ form.trainingOrderTime }}</div>
         </el-form-item>
-        <el-table :data="form.trainingOrderDetailsList" align="center" v-loading="loading"
-          style="margin: 10px 0 20px 0; padding-bottom: 20px">
+        <el-table
+          :data="form.trainingOrderDetailsList"
+          align="center"
+          v-loading="loading"
+          style="margin: 10px 0 20px 0; padding-bottom: 20px"
+        >
           <el-table-column prop="trainingItemTitle" label="培训课程名称" align="center"></el-table-column>
           <el-table-column prop="trainingItemType" label="课程类型" align="center">
             <template slot-scope="scope">
               {{
-                scope.row.trainingItemType == "VIDEO_LEARNING" ? "视频学习" : ""
+              scope.row.trainingItemType == "VIDEO_LEARNING" ? "视频学习" : ""
               }}
               {{
-                scope.row.trainingItemType == "GRAPHIC_LEARNING"
-                ? "图文学习"
-                : ""
+              scope.row.trainingItemType == "GRAPHIC_LEARNING"
+              ? "图文学习"
+              : ""
               }}
               {{
-                scope.row.trainingItemType == "LIVE_COURSES" ? "直播课程" : ""
+              scope.row.trainingItemType == "LIVE_COURSES" ? "直播课程" : ""
               }}
               {{
-                scope.row.trainingItemType == "OFFLINE_TRAINING"
-                ? "线下培训"
-                : ""
+              scope.row.trainingItemType == "OFFLINE_TRAINING"
+              ? "线下培训"
+              : ""
               }}
               {{
-                scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
-                ? "学习培训课程组"
-                : ""
+              scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
+              ? "学习培训课程组"
+              : ""
               }}
             </template>
           </el-table-column>
           <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-zoom-in" @click="handlelook(scope.row)">查看</el-button>
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-zoom-in"
+                @click="handlelook(scope.row)"
+              >查看</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -174,24 +250,37 @@
     <!-- 查看图文 -->
     <el-dialog title="查看图文" :visible.sync="innerrefundvideo" append-to-body width="1000px">
       <el-form :inline="true" :rules="rules" label-width="130px" :model="formlist">
-        <el-form-item label="培训课程详情" prop="trainingItemDetails" v-if="
+        <el-form-item
+          label="培训课程详情"
+          prop="trainingItemDetails"
+          v-if="
           formlist.trainingItemType == 'VIDEO_LEARNING' ||
           formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
-        ">
+        "
+        >
           <div class="textdetails">{{ formlist.trainingItemDetails }}</div>
         </el-form-item>
-        <el-form-item :label="
+        <el-form-item
+          :label="
           formlist.trainingItemType == 'GRAPHIC_LEARNING'
             ? '培训课程内容'
             : formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
               ? '培训课程介绍'
               : ''
-        " prop="trainingItemContent" v-if="
+        "
+          prop="trainingItemContent"
+          v-if="
   formlist.trainingItemType == 'GRAPHIC_LEARNING' ||
   formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
-">
-          <editor @imgs="imgs" :url="'/common/uploadTrainingItemContentUrl'" v-model="formlist.trainingItemContent"
-            :min-height="150" style="width: 600px" />
+"
+        >
+          <editor
+            @imgs="imgs"
+            :url="'/common/uploadTrainingItemContentUrl'"
+            v-model="formlist.trainingItemContent"
+            :min-height="150"
+            style="width: 600px"
+          />
         </el-form-item>
         <el-form-item label="培训课程封面图片" prop="trainingItemCoverUrl">
           <img class="img" :src="baseurl + formlist.trainingItemCoverUrl" alt />
@@ -199,8 +288,13 @@
         <el-form-item label="培训课程海报图片" prop="trainingItemPosterUrl">
           <img class="img" :src="baseurl + formlist.trainingItemPosterUrl" alt />
         </el-form-item>
-        <el-table ref="list" v-if="formlist.trainingItemType == 'VIDEO_LEARNING'" v-loading="loading"
-          style="margin-top: 20px; width: 1250px" :data="formlist.list">
+        <el-table
+          ref="list"
+          v-if="formlist.trainingItemType == 'VIDEO_LEARNING'"
+          v-loading="loading"
+          style="margin-top: 20px; width: 1250px"
+          :data="formlist.list"
+        >
           <el-table-column label="章节视频" align="center" width="300">
             <template slot-scope="scope">
               <video class="img" :src="baseurl + scope.row.itemDirectoryUrl" controls="controls"></video>
@@ -395,7 +489,7 @@ export default {
         });
       }
     },
-    imgUrl4(imgUrl) { },
+    imgUrl4(imgUrl) {},
     // 取消按钮
     cencelbtn() {
       this.innerrefund = false;
@@ -564,14 +658,14 @@ export default {
       const ids = row.id || this.ids;
       this.$modal
         .confirm('是否确认删除学习培训订单主编号为"' + ids + '"的数据项？')
-        .then(function () {
+        .then(function() {
           return delTrainingOrder(ids);
         })
         .then(() => {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {