修改

src/views/system/trainingOrder/index.vue

@@ -1,33 +1,18 @@
 <template>
   <div class="app-container">
-    <el-form
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="100px"
-    >
       <el-form-item label="所属护理站" prop="nurseStationName">
         <el-button type class="stationbtn" @click="ParamsStation(true)">
           {{ queryParams.nurseStationName }}
         </el-button>
       </el-form-item>
       <el-form-item label="护理员姓名" prop="nursePersonName">
-        <el-input
+        <el-input v-model="queryParams.nursePersonName" placeholder="请输入护理员姓名" clearable
-          v-model="queryParams.nursePersonName"
+          @keyup.enter.native="handleQuery" />
-          placeholder="请输入护理员姓名"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <el-form-item label="订单编号" prop="trainingOrderNo">
-        <el-input
+        <el-input v-model="queryParams.trainingOrderNo" placeholder="请输入订单编号" clearable
-          v-model="queryParams.trainingOrderNo"
+          @keyup.enter.native="handleQuery" />
-          placeholder="请输入订单编号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <!-- <el-form-item label="订单金额" prop="trainingOrderAmount">
         <el-input
@@ -38,204 +23,81 @@
         />
       </el-form-item> -->
       <el-form-item label="订单状态" prop="trainingOrderStatus">
-        <el-select
+        <el-select v-model="queryParams.trainingOrderStatus" placeholder="请选择订单状态" clearable>
-          v-model="queryParams.trainingOrderStatus"
+          <el-option v-for="item in trainingOrderStatusoptions" :key="item.value" :label="item.label"
-          placeholder="请选择订单状态"
+            :value="item.value"></el-option>
-          clearable
-        >
-          <el-option
-            v-for="item in trainingOrderStatusoptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-          type="primary"
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          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">
-      <right-toolbar
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
     </el-row>
-    <el-table
+    <el-table v-loading="loading" :data="trainingOrderList" @selection-change="handleSelectionChange">
-      v-loading="loading"
-      :data="trainingOrderList"
-      @selection-change="handleSelectionChange"
-    >
       ]
-      <el-table-column
+      <el-table-column label="所属护理站" align="center" prop="nurseStationName" />
-        label="所属护理站"
+      <el-table-column label="护理员姓名" align="center" prop="nursePersonName" />
-        align="center"
-        prop="nurseStationName"
-      />
-      <el-table-column
-        label="护理员姓名"
-        align="center"
-        prop="nursePersonName"
-      />
       <el-table-column label="订单编号" align="center" prop="trainingOrderNo" />
-      <el-table-column
+      <el-table-column property="trainingItemTitle" label="培训课程名称" align="center" />
-        property="trainingItemTitle"
+      <el-table-column label="订单状态" align="center" prop="trainingOrderStatus">
-        label="培训课程名称"
-        align="center"
-      />
-      <el-table-column
-        label="订单状态"
-        align="center"
-        prop="trainingOrderStatus"
-      >
         <template slot-scope="scope">
-          <el-button v-if="scope.row.trainingOrderStatus == 'WAIT_PAY'"
+          <el-button v-if="scope.row.trainingOrderStatus == 'WAIT_PAY'">待付款</el-button>
-            >待付款</el-button
+          <el-button type="primary" v-if="scope.row.trainingOrderStatus == 'PAY'">已付款</el-button>
-          >
+          <el-button type="danger" v-if="scope.row.trainingOrderStatus == 'CANCEL'">已取消</el-button>
-          <el-button
+          <el-button type="success" v-if="scope.row.trainingOrderStatus == 'REFUNDED'">已退款</el-button>
-            type="primary"
-            v-if="scope.row.trainingOrderStatus == 'PAY'"
-            >已付款</el-button
-          >
-          <el-button
-            type="warning"
-            v-if="scope.row.trainingOrderStatus == 'WAIT_REFUND'"
-            >退款中</el-button
-          >
-
-          <el-button
-            type="danger"
-            v-if="scope.row.trainingOrderStatus == 'CANCEL'"
-            >已取消</el-button
-          >
-          <el-button
-            type="success"
-            v-if="scope.row.trainingOrderStatus == 'REFUNDED'"
-            >已退款</el-button
-          >
         </template>
       </el-table-column>
 
-      <el-table-column
+      <el-table-column label="订单金额" align="center" prop="trainingOrderAmount" />
-        label="订单金额"
+      <el-table-column label="下单方式" align="center" prop="trainingOrderChannel">
-        align="center"
-        prop="trainingOrderAmount"
-      />
-      <el-table-column
-        label="下单方式"
-        align="center"
-        prop="trainingOrderChannel"
-      >
         <template slot-scope="scope">
           {{ scope.row.trainingOrderChannel == "MOBILE_APP" ? "手机App" : "" }}
           {{
             scope.row.trainingOrderChannel == "WECHAT_APPLET"
-              ? "微信小程序"
+            ? "微信小程序"
-              : ""
+            : ""
           }}
           {{
             scope.row.trainingOrderChannel == "ALI_PAY_APPLET"
-              ? "支付宝小程序"
+            ? "支付宝小程序"
-              : ""
+            : ""
           }}
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column label="下单时间" align="center" prop="trainingOrderTime" width="180">
-        label="下单时间"
-        align="center"
-        prop="trainingOrderTime"
-        width="180"
-      >
       </el-table-column>
       <!-- <el-table-column label="备注信息" align="center" prop="remark" /> -->
-      <el-table-column
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
         <template slot-scope="scope">
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handleUpdate(scope.row)">查看</el-button>
-            size="mini"
-            type="text"
-            icon="el-icon-zoom-in"
-            @click="handleUpdate(scope.row)"
-            >查看</el-button
-          >
 
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-error" @click="cencel(scope.row)"
-            size="mini"
+            v-if="scope.row.trainingOrderStatus == 'PAY'">退款</el-button>
-            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
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      v-show="total > 0"
+      @pagination="getList" />
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
     <!-- 退款弹框 -->
-    <el-dialog
+    <el-dialog title="退款" :visible.sync="innerrefund" append-to-body width="500px">
-      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
+          <el-input style="width: 260px" v-model="query.trainingOrderNo" clearable :disabled="true" />
-            style="width: 260px"
-            v-model="query.trainingOrderNo"
-            clearable
-            :disabled="true"
-          />
         </el-form-item>
         <el-form-item label="培训课程名" prop="trainingItemTitle">
-          <el-input
+          <el-input style="width: 260px" v-model="query.trainingItemTitle" clearable :disabled="true" />
-            style="width: 260px"
-            v-model="query.trainingItemTitle"
-            clearable
-            :disabled="true"
-          />
         </el-form-item>
         <el-form-item label="护理站名称" prop="nurseStationName">
-          <el-input
+          <el-input style="width: 260px" v-model="query.nurseStationName" clearable :disabled="true" />
-            style="width: 260px"
-            v-model="query.nurseStationName"
-            clearable
-            :disabled="true"
-          />
         </el-form-item>
         <el-form-item label="退款金额" prop="trainingOrderAmount">
-          <el-input
+          <el-input v-model="query.trainingOrderAmount" style="width: 260px" clearable :disabled="true" />
-            v-model="query.trainingOrderAmount"
-            style="width: 260px"
-            clearable
-            :disabled="true"
-          />
         </el-form-item>
         <el-form-item label="护理员姓名" prop="nursePersonName">
-          <el-input
+          <el-input v-model="query.nursePersonName" style="width: 260px" clearable :disabled="true" />
-            v-model="query.nursePersonName"
-            style="width: 260px"
-            clearable
-            :disabled="true"
-          />
         </el-form-item>
         <!-- <el-form-item label="退款原因" prop="cancelAppointmentReason">
           <el-input
@@ -255,19 +117,8 @@
       </div>
     </el-dialog>
     <!-- 查看学习培训订单主对话框 -->
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body>
-      :title="title"
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px" :inline="true">
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-    >
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="100px"
-        :inline="true"
-      >
         <el-form-item label="护理员姓名" prop="nursePersonName">
           <div class="text">{{ form.nursePersonName }}</div>
         </el-form-item>
@@ -283,249 +134,126 @@
         <el-form-item label="下单时间" prop="trainingOrderTime">
           <div class="text">{{ form.trainingOrderTime }}</div>
         </el-form-item>
-        <el-table
+        <el-table :data="form.trainingOrderDetailsList" align="center" v-loading="loading"
-          :data="form.trainingOrderDetailsList"
+          style="margin: 10px 0 20px 0; padding-bottom: 20px">
-          align="center"
+          <el-table-column prop="trainingItemTitle" label="培训课程名称" align="center"></el-table-column>
-          v-loading="loading"
+          <el-table-column prop="trainingItemType" label="课程类型" align="center">
-          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 == "GRAPHIC_LEARNING"
-                  ? "图文学习"
+                ? "图文学习"
-                  : ""
+                : ""
               }}
               {{
                 scope.row.trainingItemType == "LIVE_COURSES" ? "直播课程" : ""
               }}
               {{
                 scope.row.trainingItemType == "OFFLINE_TRAINING"
-                  ? "线下培训"
+                ? "线下培训"
-                  : ""
+                : ""
               }}
               {{
                 scope.row.trainingItemType == "LEARNING_ITEM_GROUP"
-                  ? "学习培训课程组"
+                ? "学习培训课程组"
-                  : ""
+                : ""
               }}
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
             <template slot-scope="scope">
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handlelook(scope.row)">查看</el-button>
-                size="mini"
-                type="text"
-                icon="el-icon-zoom-in"
-                @click="handlelook(scope.row)"
-                >查看</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
       </el-form>
     </el-dialog>
     <!-- 查看图文 -->
-    <el-dialog
+    <el-dialog title="查看图文" :visible.sync="innerrefundvideo" append-to-body width="1000px">
-      title="查看图文"
+      <el-form :inline="true" :rules="rules" label-width="130px" :model="formlist">
-      :visible.sync="innerrefundvideo"
+        <el-form-item label="培训课程详情" prop="trainingItemDetails" v-if="
-      append-to-body
+          formlist.trainingItemType == 'VIDEO_LEARNING' ||
-      width="1000px"
+          formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
-    >
+        ">
-      <el-form
-        :inline="true"
-        :rules="rules"
-        label-width="130px"
-        :model="formlist"
-      >
-        <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 == 'GRAPHIC_LEARNING'
-              ? '培训课程内容'
+            ? '培训课程内容'
-              : formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
+            : formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
               ? '培训课程介绍'
               : ''
-          "
+        " prop="trainingItemContent" v-if="
-          prop="trainingItemContent"
+  formlist.trainingItemType == 'GRAPHIC_LEARNING' ||
-          v-if="
+  formlist.trainingItemType == 'LEARNING_ITEM_GROUP'
-            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 />
         </el-form-item>
         <el-form-item label="培训课程海报图片" prop="trainingItemPosterUrl">
-          <img
+          <img class="img" :src="baseurl + formlist.trainingItemPosterUrl" alt />
-            class="img"
-            :src="baseurl + formlist.trainingItemPosterUrl"
-            alt
-          />
         </el-form-item>
-        <el-table
+        <el-table ref="list" v-if="formlist.trainingItemType == 'VIDEO_LEARNING'" v-loading="loading"
-          ref="list"
+          style="margin-top: 20px; width: 1250px" :data="formlist.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
+              <video class="img" :src="baseurl + scope.row.itemDirectoryUrl" controls="controls"></video>
-                class="img"
-                :src="baseurl + scope.row.itemDirectoryUrl"
-                controls="controls"
-              ></video>
             </template>
           </el-table-column>
           <el-table-column label="章节名称" align="center">
             <template slot-scope="scope">
-              <el-input
+              <el-input v-model="scope.row.itemDirectoryName" placeholder="请输入章节名称"></el-input>
-                v-model="scope.row.itemDirectoryName"
-                placeholder="请输入章节名称"
-              ></el-input>
             </template>
           </el-table-column>
           <el-table-column label="章节标题" align="center">
             <template slot-scope="scope">
-              <el-input
+              <el-input v-model="scope.row.itemDirectoryTitle" placeholder="请输入章节标题"></el-input>
-                v-model="scope.row.itemDirectoryTitle"
-                placeholder="请输入章节标题"
-              ></el-input>
             </template>
           </el-table-column>
         </el-table>
       </el-form>
     </el-dialog>
     <!-- 护理站 -->
-    <el-dialog
+    <el-dialog title="选择护理站" :visible.sync="nurseStationshow" width="1100px" append-to-body
-      title="选择护理站"
+      :before-close="clicknurseStationshow">
-      :visible.sync="nurseStationshow"
+      <el-form ref="form" :model="getListByUserquery" label-width="110px" :inline="true">
-      width="1100px"
-      append-to-body
-      :before-close="clicknurseStationshow"
-    >
-      <el-form
-        ref="form"
-        :model="getListByUserquery"
-        label-width="110px"
-        :inline="true"
-      >
         <el-form-item label="护理站编码" prop="nurseStationCode">
-          <el-input
+          <el-input v-model="getListByUserquery.nurseStationCode" placeholder="请输入护理站编码" />
-            v-model="getListByUserquery.nurseStationCode"
-            placeholder="请输入护理站编码"
-          />
         </el-form-item>
         <el-form-item label="护理站名称" prop="nurseStationName">
-          <el-input
+          <el-input v-model="getListByUserquery.nurseStationName" placeholder="请输入护理站名称" />
-            v-model="getListByUserquery.nurseStationName"
-            placeholder="请输入护理站名称"
-          />
         </el-form-item>
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="info">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="stationcancel">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="info"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="stationcancel"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
-      <el-table
+      <el-table v-loading="loading" :data="nurseStationlist" @cell-dblclick="choicestationid">
-        v-loading="loading"
-        :data="nurseStationlist"
-        @cell-dblclick="choicestationid"
-      >
         <el-table-column label="请选择" width="70" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" circle @click="choicestationid(scope.row)"
-              type="primary"
+              v-if="queryParams.nurseStationId == scope.row.id"></el-button>
-              style="width: 15px; height: 15px"
-              circle
-              @click="choicestationid(scope.row)"
-              v-if="queryParams.nurseStationId == scope.row.id"
-            ></el-button>
 
-            <el-button
+            <el-button style="width: 15px; height: 15px" circle v-else @click="choicestationid(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
-              circle
-              v-else
-              @click="choicestationid(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="nurseStationCode" label="护理站编码" align="center"></el-table-column>
-          property="nurseStationCode"
+        <el-table-column property="nurseStationName" label="护理站名称" align="center"></el-table-column>
-          label="护理站编码"
+        <el-table-column property="phone" label="联系电话" align="center"></el-table-column>
-          align="center"
+        <el-table-column property="address" label="护理站地址" align="center" :show-overflow-tooltip="true"></el-table-column>
-        ></el-table-column>
-        <el-table-column
-          property="nurseStationName"
-          label="护理站名称"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          property="phone"
-          label="联系电话"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          property="address"
-          label="护理站地址"
-          align="center"
-          :show-overflow-tooltip="true"
-        ></el-table-column>
       </el-table>
 
-      <pagination
+      <pagination v-show="stationtotal > 0" :total="stationtotal" :page.sync="getListByUserquery.pageNum"
-        v-show="stationtotal > 0"
+        :limit.sync="getListByUserquery.pageSize" @pagination="info" />
-        :total="stationtotal"
-        :page.sync="getListByUserquery.pageNum"
-        :limit.sync="getListByUserquery.pageSize"
-        @pagination="info"
-      />
     </el-dialog>
   </div>
 </template>
-  <script>
+<script>
 import {
   listTrainingOrder,
   getTrainingOrder,
@@ -554,10 +282,6 @@ export default {
           value: "PAY",
           label: "已付款",
         },
-        {
-          value: "WAIT_REFUND",
-          label: "退款中",
-        },
         {
           value: "REFUNDED",
           label: "已退款",
@@ -706,7 +430,7 @@ export default {
         });
       }
     },
-    imgUrl4(imgUrl) {},
+    imgUrl4(imgUrl) { },
     // 取消按钮
     cencelbtn() {
       this.innerrefund = false;
@@ -873,7 +597,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -888,12 +612,13 @@ export default {
   },
 };
 </script>
-  <style lang="scss">
+<style lang="scss">
 .img {
   width: 150px;
   height: 150px;
   margin-left: 10px;
 }
+
 .text {
   width: 250px;
   height: 36px;
@@ -904,6 +629,7 @@ export default {
   padding: 0 15px;
   border: 1px solid #e6ebf5;
 }
+
 .textdetail {
   width: 550px;
   // height: 600px;
@@ -914,6 +640,7 @@ export default {
   padding: 0 15px;
   border: 1px solid #e6ebf5;
 }
+
 .stationbtn {
   width: 208px;
   text-align: left;
@@ -921,6 +648,7 @@ export default {
   overflow: hidden;
   font-size: 14px;
 }
+
 .textdetails {
   width: 600px;
   // height: 300px;
@@ -931,12 +659,14 @@ export default {
   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%);
 }