修改

src/views/system/playRecordStatistics/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="130px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="130px"
+    >
       <!-- <el-form-item label="学习培训订单id" prop="trainingOrderId">
         <el-input
           v-model="queryParams.trainingOrderId"
@@ -74,13 +81,21 @@
         </el-date-picker>
       </el-form-item> -->
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</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-col :span="1.5">
         <el-button
           type="primary"
           plain
@@ -89,8 +104,8 @@
           @click="handleAdd"
           v-hasPermi="['system:playRecord:add']"
         >新增</el-button>
-      </el-col>
+      </el-col> -->
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -111,7 +126,7 @@
           @click="handleDelete"
           v-hasPermi="['system:playRecord:remove']"
         >删除</el-button>
-      </el-col>
+      </el-col> -->
       <!-- <el-col :span="1.5">
         <el-button
           type="warning"
@@ -122,22 +137,44 @@
           v-hasPermi="['system:playRecord:export']"
         >导出</el-button>
       </el-col> -->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="playRecordList" @selection-change="handleSelectionChange">
+    <el-table
-      <el-table-column type="selection" width="55" align="center" />
+      v-loading="loading"
-      <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
+      :data="playRecordList"
-      <!-- <el-table-column label="学习培训订单id" align="center" prop="trainingOrderId" /> -->
+      @selection-change="handleSelectionChange"
-      <!-- <el-table-column label="培训项目表id，此处id是学习培训订单明细表中的项目id" align="center" prop="trainingItemId" /> -->
+    >
-      <el-table-column label="培训项目标题" align="center" prop="trainingItemTitle" />
+      <el-table-column  width="55" align="center" />
+      <el-table-column
+        label="护理站人员名称"
+        align="center"
+        prop="nursePersonName"
+      />
+      <el-table-column
+        label="培训项目标题"
+        align="center"
+        prop="trainingItemTitle"
+      />
       <!-- <el-table-column label="培训项目章节表id，此处id是学习培训订单章节信息表中的id" align="center" prop="trainingItemDirectoryId" /> -->
-      <el-table-column label="培训项目章节名称" align="center" prop="trainingItemDirectoryName" />
+      <el-table-column
+        label="培训项目章节名称"
+        align="center"
+        prop="trainingItemDirectoryName"
+      />
       <!-- <el-table-column label="护理员信息表id" align="center" prop="nurseStationPersonId" /> -->
-      <el-table-column label="护理站人员名称" align="center" prop="nursePersonName" />
+
       <el-table-column label="播放次数" align="center" prop="playCount" />
-       
+
-      <el-table-column label="播放时间" align="center" prop="playTime" width="180">
+      <el-table-column
+        label="播放时间"
+        align="center"
+        prop="playTime"
+        width="180"
+      >
         <!-- <template slot-scope="scope">
           <span>{{ parseTime(scope.row.playTime, '{y}-{m}-{d}') }}</span>
         </template> -->
@@ -147,7 +184,7 @@
           <span>{{ parseTime(scope.row.playDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column> -->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -164,11 +201,11 @@
             v-hasPermi="['system:playRecord:remove']"
           >删除</el-button>
         </template>
-      </el-table-column>
+      </el-table-column> -->
     </el-table>
-    
+
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -179,40 +216,74 @@
     <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="学习培训订单id" prop="trainingOrderId">
-          <el-input v-model="form.trainingOrderId" placeholder="请输入学习培训订单id" />
+          <el-input
+            v-model="form.trainingOrderId"
+            placeholder="请输入学习培训订单id"
+          />
         </el-form-item>
-        <el-form-item label="培训项目表id，此处id是学习培训订单明细表中的项目id" prop="trainingItemId">
+        <el-form-item
-          <el-input v-model="form.trainingItemId" placeholder="请输入培训项目表id，此处id是学习培训订单明细表中的项目id" />
+          label="培训项目表id，此处id是学习培训订单明细表中的项目id"
+          prop="trainingItemId"
+        >
+          <el-input
+            v-model="form.trainingItemId"
+            placeholder="请输入培训项目表id，此处id是学习培训订单明细表中的项目id"
+          />
         </el-form-item>
         <el-form-item label="培训项目标题" prop="trainingItemTitle">
-          <el-input v-model="form.trainingItemTitle" placeholder="请输入培训项目标题" />
+          <el-input
+            v-model="form.trainingItemTitle"
+            placeholder="请输入培训项目标题"
+          />
         </el-form-item>
-        <el-form-item label="培训项目章节表id，此处id是学习培训订单章节信息表中的id" prop="trainingItemDirectoryId">
+        <el-form-item
-          <el-input v-model="form.trainingItemDirectoryId" placeholder="请输入培训项目章节表id，此处id是学习培训订单章节信息表中的id" />
+          label="培训项目章节表id，此处id是学习培训订单章节信息表中的id"
+          prop="trainingItemDirectoryId"
+        >
+          <el-input
+            v-model="form.trainingItemDirectoryId"
+            placeholder="请输入培训项目章节表id，此处id是学习培训订单章节信息表中的id"
+          />
         </el-form-item>
         <el-form-item label="培训项目章节名称" prop="trainingItemDirectoryName">
-          <el-input v-model="form.trainingItemDirectoryName" placeholder="请输入培训项目章节名称" />
+          <el-input
+            v-model="form.trainingItemDirectoryName"
+            placeholder="请输入培训项目章节名称"
+          />
         </el-form-item>
         <el-form-item label="护理员信息表id" prop="nurseStationPersonId">
-          <el-input v-model="form.nurseStationPersonId" placeholder="请输入护理员信息表id" />
+          <el-input
+            v-model="form.nurseStationPersonId"
+            placeholder="请输入护理员信息表id"
+          />
         </el-form-item>
         <el-form-item label="护理站人员名称" prop="nursePersonName">
-          <el-input v-model="form.nursePersonName" placeholder="请输入护理站人员名称" />
+          <el-input
+            v-model="form.nursePersonName"
+            placeholder="请输入护理站人员名称"
+          />
         </el-form-item>
-        <el-form-item label="播放时间，格式：yyyy-MM-dd HH:mm:ss" prop="playTime">
+        <el-form-item
-          <el-date-picker clearable
+          label="播放时间，格式：yyyy-MM-dd HH:mm:ss"
+          prop="playTime"
+        >
+          <el-date-picker
+            clearable
             v-model="form.playTime"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="请选择播放时间，格式：yyyy-MM-dd HH:mm:ss">
+            placeholder="请选择播放时间，格式：yyyy-MM-dd HH:mm:ss"
+          >
           </el-date-picker>
         </el-form-item>
         <el-form-item label="播放日期，格式：yyyy-MM-dd" prop="playDate">
-          <el-date-picker clearable
+          <el-date-picker
+            clearable
             v-model="form.playDate"
             type="date"
             value-format="yyyy-MM-dd"
-            placeholder="请选择播放日期，格式：yyyy-MM-dd">
+            placeholder="请选择播放日期，格式：yyyy-MM-dd"
+          >
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -225,7 +296,13 @@
 </template>
 
 <script>
-import { listPlayRecord, getPlayRecord, delPlayRecord, addPlayRecord, updatePlayRecord } from "@/api/system/playRecord";
+import {
+  listPlayRecord,
+  getPlayRecord,
+  delPlayRecord,
+  addPlayRecord,
+  updatePlayRecord,
+} from "@/api/system/playRecord";
 
 export default {
   name: "PlayRecord",
@@ -266,8 +343,7 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {
+      rules: {},
-      }
     };
   },
   created() {
@@ -277,7 +353,7 @@ export default {
     /** 查询学习培训项目播放日志记录列表 */
     getList() {
       this.loading = true;
-      listPlayRecord(this.queryParams).then(response => {
+      listPlayRecord(this.queryParams).then((response) => {
         this.playRecordList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -304,7 +380,7 @@ export default {
         createBy: null,
         createTime: null,
         updateBy: null,
-        updateTime: null
+        updateTime: null,
       };
       this.resetForm("form");
     },
@@ -320,9 +396,9 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.id)
+      this.ids = selection.map((item) => item.id);
-      this.single = selection.length!==1
+      this.single = selection.length !== 1;
-      this.multiple = !selection.length
+      this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -333,8 +409,8 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id || this.ids
+      const id = row.id || this.ids;
-      getPlayRecord(id).then(response => {
+      getPlayRecord(id).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改学习培训项目播放日志记录";
@@ -342,16 +418,16 @@ export default {
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.id != null) {
-            updatePlayRecord(this.form).then(response => {
+            updatePlayRecord(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addPlayRecord(this.form).then(response => {
+            addPlayRecord(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -363,19 +439,29 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除学习培训项目播放日志记录编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal
-        return delPlayRecord(ids);
+        .confirm(
-      }).then(() => {
+          '是否确认删除学习培训项目播放日志记录编号为"' + ids + '"的数据项？'
-        this.getList();
+        )
-        this.$modal.msgSuccess("删除成功");
+        .then(function () {
-      }).catch(() => {});
+          return delPlayRecord(ids);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('system/playRecord/export', {
+      this.download(
-        ...this.queryParams
+        "system/playRecord/export",
-      }, `playRecord_${new Date().getTime()}.xlsx`)
+        {
-    }
+          ...this.queryParams,
-  }
+        },
+        `playRecord_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
 </script>