健康报告删除

oms/oms-h5/src/views/member/health/add.vue

@@ -15,7 +15,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="报告日期" prop="date">
-        <el-date-picker class="filter-item" v-model="form.date" type="date"  placeholder="选择报告日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
+        <el-date-picker class="filter-item" v-model="form.docDate" type="date"  placeholder="选择报告日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd"></el-date-picker>
       </el-form-item>
       <el-form-item label="健康报告" prop="avatar">
         <el-upload
@@ -47,7 +47,7 @@ export default {
         memberId: undefined,
         docName: '',
         docType: '',
-        date: '',
+        docDate: '',
         docPath: ''
       },
       options: {
@@ -70,7 +70,7 @@ export default {
         docType: [
          { required: true, message: '请输入报告类型', trigger: 'blur' }
         ],
-        date: [
+        docDate: [
           { required: true, message: '请选择报告日期', trigger: 'blur' }
         ]
       }

oms/oms-h5/src/views/member/health/index.vue

@@ -33,13 +33,14 @@
       <!-- 报告时间 -->
       <el-table-column align="center" label="报告时间">
         <template scope="scope">
-          <span>{{scope.row.date | parseTime('{y}-{m}-{d}')}}</span>
+          <span>{{scope.row.docDate | parseTime('{y}-{m}-{d}')}}</span>
         </template>
       </el-table-column>
 
       <el-table-column label="操作" align="center" width="150">
         <template scope="scope">
-          <el-button size="small" type="text" @click="handleEdit(scope.row.docPath)">查看</el-button>
+          <el-button size="small" type="text" @click="showFile(scope.row.docPath)">查看</el-button>
+          <el-button size="small" type="text" @click="deleteFile(scope.row.id)">删除</el-button>
         </template>
       </el-table-column>
   </Pagination>
@@ -102,6 +103,24 @@ export default {
       this.$router.push({ path: '/member/health/edit', query: { id: id }})
     },
 
+    /**
+     * 编辑健康报告
+     */
+    showFile(id) {
+      this.$router.push({ path: '/member/health/show', query: { docPath: id }})
+    },
+
+    /**
+     * 删除
+     */
+    deleteFile(id) {
+      this.$confirm('确认删除该报告？').then(_ => {
+        remove(id).then(response => {
+          this.$refs.pagination.removeItem(id)
+        })
+      }).catch(_ => {})
+    },
+
     /**
      * 创建用户会员卡
      */

oms/oms-h5/src/views/member/health/show.vue

@@ -1,14 +1,10 @@
 <template>
-<div class="app-container calendar-list-container">
-  <el-form class="small-space" :model="form" :rules="rules" ref="form" label-position="right">
-    <el-form-item>
-      <el-button style="float: right;margin-top: -25px;" @click="handleCancel">返回</el-button>
-    </el-form-item>
-  </el-form>
-  <div id="iframe-container">
-    <iframe :src="search_eq_docPath" scrolling="auto" frameborder="0" id="iframe"></iframe>
+  <div class="filter-container">
+    <el-button class="filter-item" type="primary" v-waves icon="search" @click="handleCancel">返回</el-button>
+    <div>
+      <iframe :src="docPath" scrolling="auto" frameborder="0" id="iframe"></iframe>
+    </div>
   </div>
-</div>
 </template>
 
 <script>
@@ -20,12 +16,22 @@ export default {
   },
   data() {
     return {
-      search_eq_docPath: undefined
+      docPath: undefined
     }
   },
   created() {
     // 初始化
-    this.search_eq_docPath = this.$route.query.docPath
+    this.docPath = this.$route.query.docPath
+  },
+  mounted() {
+    /**
+     * iframe-宽高自适应显示
+     */
+    const oIframe = document.getElementById('iframe')
+    const deviceWidth = document.documentElement.clientWidth
+    const deviceHeight = document.documentElement.clientHeight
+    oIframe.style.width = (Number(deviceWidth) - 220) + 'px'
+    oIframe.style.height = (Number(deviceHeight) - 120) + 'px'
   },
   methods: {
     /**

oms/oms-h5/src/views/member/index.vue

@@ -96,7 +96,7 @@
         <el-button size="small" type="text" @click="showUploadFace(scope.row.id)">上传人脸</el-button>
         <el-button size="small" type="text" @click="showimg(scope.row.id)">送卡</el-button>
         <el-button size="small" type="text" @click="miniMoney(scope.row.id,scope.row.money)">扣费</el-button>
-        <el-button size="small" type="text" @click="handleHealthDocs(scope.row.id)">上传健康文档</el-button>
+        <el-button size="small" type="text" @click="handleHealthDocs(scope.row.id)">健康报告</el-button>
         <el-button v-if="hasEditPermission() && scope.row.status === 0" size="small" type="text" @click="handleAddEdit(scope.row.id)">编辑</el-button>
       </template>
     </el-table-column>