From cd7f36279618d70b320a2333feaad89b5024e8fb 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:42 +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 | 322 +++++++++++++++--------
 1 file changed, 219 insertions(+), 103 deletions(-)

diff --git a/src/views/system/trainingOrder/index.vue b/src/views/system/trainingOrder/index.vue
index d9568cf..4eb0ed5 100644
--- a/src/views/system/trainingOrder/index.vue
+++ b/src/views/system/trainingOrder/index.vue
@@ -1,18 +1,35 @@
 <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-button type class="stationbtn" @click="ParamsStation(true)">
-          {{ queryParams.nurseStationName }}
-        </el-button>
+        <el-button
+          type
+          class="stationbtn"
+          @click="ParamsStation(true)"
+        >{{ queryParams.nurseStationName }}</el-button>
       </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
@@ -21,11 +38,15 @@
           clearable
           @keyup.enter.native="handleQuery"
         />
-      </el-form-item> -->
+      </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>
       <el-form-item>
@@ -36,7 +57,11 @@
     <el-row :gutter="10" class="mb8">
       <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" />
@@ -54,48 +79,87 @@
         <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>
-      <el-table-column label="下单时间" align="center" prop="trainingOrderTime" width="180">
-      </el-table-column>
+      <el-table-column label="下单时间" align="center" prop="trainingOrderTime" width="180"></el-table-column>
       <!-- <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-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-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
@@ -107,7 +171,7 @@
             :rows="5"
             disabled
           />
-        </el-form-item> -->
+        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="cencelbtn">取 消</el-button>
@@ -132,37 +196,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>
@@ -171,24 +244,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 />
@@ -196,8 +282,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>
@@ -217,8 +308,13 @@
       </el-form>
     </el-dialog>
     <!-- 护理站 -->
-    <el-dialog title="选择护理站" :visible.sync="nurseStationshow" width="1100px" append-to-body
-      :before-close="clicknurseStationshow">
+    <el-dialog
+      title="选择护理站"
+      :visible.sync="nurseStationshow"
+      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 v-model="getListByUserquery.nurseStationCode" placeholder="请输入护理站编码" />
@@ -234,20 +330,40 @@
       <el-table v-loading="loading" :data="nurseStationlist" @cell-dblclick="choicestationid">
         <el-table-column label="请选择" width="70" align="center">
           <template slot-scope="scope">
-            <el-button type="primary" style="width: 15px; height: 15px" circle @click="choicestationid(scope.row)"
-              v-if="queryParams.nurseStationId == scope.row.id"></el-button>
+            <el-button
+              type="primary"
+              style="width: 15px; height: 15px"
+              circle
+              @click="choicestationid(scope.row)"
+              v-if="queryParams.nurseStationId == scope.row.id"
+            ></el-button>
 
-            <el-button style="width: 15px; height: 15px" circle v-else @click="choicestationid(scope.row)"></el-button>
+            <el-button
+              style="width: 15px; height: 15px"
+              circle
+              v-else
+              @click="choicestationid(scope.row)"
+            ></el-button>
           </template>
         </el-table-column>
         <el-table-column property="nurseStationCode" label="护理站编码" align="center"></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-column
+          property="address"
+          label="护理站地址"
+          align="center"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
       </el-table>
 
-      <pagination v-show="stationtotal > 0" :total="stationtotal" :page.sync="getListByUserquery.pageNum"
-        :limit.sync="getListByUserquery.pageSize" @pagination="info" />
+      <pagination
+        v-show="stationtotal > 0"
+        :total="stationtotal"
+        :page.sync="getListByUserquery.pageNum"
+        :limit.sync="getListByUserquery.pageSize"
+        @pagination="info"
+      />
     </el-dialog>
   </div>
 </template>
@@ -260,7 +376,7 @@ import {
   delTrainingOrder,
   xylWeChatRefundNotify,
   addTrainingOrder,
-  updateTrainingOrder,
+  updateTrainingOrder
 } from "@/api/system/trainingOrder";
 import stationAcatar from "../stationAvatar/index.vue";
 import editor from "@/components/Editor";
@@ -274,20 +390,20 @@ export default {
       trainingOrderStatusoptions: [
         {
           value: "WAIT_PAY",
-          label: "待付款",
+          label: "待付款"
         },
         {
           value: "PAY",
-          label: "已付款",
+          label: "已付款"
         },
         {
           value: "REFUNDED",
-          label: "已退款",
+          label: "已退款"
         },
         {
           value: "CANCEL",
-          label: "已取消",
-        },
+          label: "已取消"
+        }
       ],
       nurseStationshow: false,
       // 遮罩层
@@ -299,46 +415,46 @@ export default {
       trainingItemTypeoptions: [
         {
           value: "GRAPHIC_LEARNING",
-          label: "图文学习",
+          label: "图文学习"
         },
         {
           value: "LEARNING_ITEM_GROUP",
-          label: "学习培训项目组",
+          label: "学习培训项目组"
         },
         {
           value: "VIDEO_LEARNING",
-          label: "视频学习",
-        },
+          label: "视频学习"
+        }
       ],
       // 选中数组
       ids: [],
       optiondeflag: [
         {
           value: 0,
-          label: "否",
+          label: "否"
         },
         {
           value: 1,
-          label: "是",
-        },
+          label: "是"
+        }
       ],
       options: [
         {
           value: "MOBILE_APP",
-          label: "手机App",
+          label: "手机App"
         },
         {
           value: "WECHAT_APPLET",
-          label: "微信小程序",
+          label: "微信小程序"
         },
         {
           value: "ALI_PAY_APPLET",
-          label: "支付宝小程序",
-        },
+          label: "支付宝小程序"
+        }
       ],
       getListByUserquery: {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       },
       // 非单个禁用
       single: true,
@@ -374,7 +490,7 @@ export default {
       nurseStationlist: [],
       trainingOrderDetailsList: [],
       // 表单校验
-      rules: {},
+      rules: {}
     };
   },
   created() {
@@ -388,7 +504,7 @@ export default {
     },
     //护理站list
     info() {
-      getListByUser(this.getListByUserquery).then((res) => {
+      getListByUser(this.getListByUserquery).then(res => {
         this.nurseStationlist = res.rows;
         this.stationtotal = res.total;
       });
@@ -400,7 +516,7 @@ export default {
     stationcancel() {
       this.getListByUserquery = {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       };
       this.info();
     },
@@ -415,20 +531,20 @@ export default {
       let items = JSON.parse(item);
       console.log(items);
       if (items.idd && !items.trainingItemDirectoryId) {
-        this.form.trainingItemDirectoryList.forEach((e) => {
+        this.form.trainingItemDirectoryList.forEach(e => {
           if (e.idd == items.idd) {
             e.itemDirectoryUrl = items.itemDirectoryUrl;
           }
         });
       } else if (!items.idd && items.attributeDetailsId) {
-        this.form.trainingItemDirectoryList.forEach((e) => {
+        this.form.trainingItemDirectoryList.forEach(e => {
           if (e.attributeDetailsId == items.attributeDetailsId) {
             e.itemDirectoryUrl = items.itemDirectoryUrl;
           }
         });
       }
     },
-    imgUrl4(imgUrl) { },
+    imgUrl4(imgUrl) {},
     // 取消按钮
     cencelbtn() {
       this.innerrefund = false;
@@ -436,7 +552,7 @@ export default {
     // // 确认退款
     cencel(row) {
       console.log(row);
-      refundInformation(row.id).then((response) => {
+      refundInformation(row.id).then(response => {
         this.query = response.data;
         this.innerrefund = true;
       });
@@ -450,9 +566,9 @@ export default {
       var obj = {
         orderNo: this.query.trainingOrderNo,
         refundPrice: this.query.trainingOrderAmount,
-        trainingOrderFlag: "TRAINING",
+        trainingOrderFlag: "TRAINING"
       };
-      xylWeChatRefundNotify(obj).then((res) => {
+      xylWeChatRefundNotify(obj).then(res => {
         if (res.code == 200) {
           this.$modal.msgSuccess("退款有延迟，请耐心等待");
         }
@@ -463,7 +579,7 @@ export default {
     /** 查询学习培训订单主列表 */
     getList() {
       this.loading = true;
-      listTrainingOrder(this.queryParams).then((response) => {
+      listTrainingOrder(this.queryParams).then(response => {
         this.trainingOrderList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -484,7 +600,7 @@ export default {
       this.formlist.trainingItemDetails = row.trainingItemDetails;
       this.formlist.trainingItemContent = row.trainingItemContent;
       this.formlist.trainingItemType = row.trainingItemType;
-      orderItemDirectory(row.trainingOrderDetailsId).then((response) => {
+      orderItemDirectory(row.trainingOrderDetailsId).then(response => {
         this.formlist.list = response.rows;
         this.loading = false;
       });
@@ -507,7 +623,7 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null,
+        updateTime: null
       };
       this.resetForm("form");
     },
@@ -521,13 +637,13 @@ export default {
       this.resetForm("queryForm");
       this.queryParams = {
         pageNum: 1,
-        pageSize: 10,
+        pageSize: 10
       };
       this.handleQuery();
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
+      this.ids = selection.map(item => item.id);
       this.single = selection.length !== 1;
       this.multiple = !selection.length;
     },
@@ -541,7 +657,7 @@ export default {
     handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids;
-      getTrainingOrder(id).then((response) => {
+      getTrainingOrder(id).then(response => {
         this.form = response.data;
         this.form.trainingOrderDetailsList =
           response.data.trainingOrderDetailsList;
@@ -561,10 +677,10 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate((valid) => {
+      this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-            updateTrainingOrder(this.form).then((response) => {
+            updateTrainingOrder(this.form).then(response => {
               if (response.code == 200) {
                 this.$modal.msgSuccess("修改成功");
                 this.open = false;
@@ -572,7 +688,7 @@ export default {
               }
             });
           } else {
-            addTrainingOrder(this.form).then((response) => {
+            addTrainingOrder(this.form).then(response => {
               if (response.code == 200) {
                 this.$modal.msgSuccess("新增成功");
                 this.open = false;
@@ -588,26 +704,26 @@ 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() {
       this.download(
         "system/trainingOrder/export",
         {
-          ...this.queryParams,
+          ...this.queryParams
         },
         `trainingOrder_${new Date().getTime()}.xlsx`
       );
-    },
-  },
+    }
+  }
 };
 </script>
 <style lang="scss">