录入病例

src/components/uploadFile/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index",
     "van-uploader": "@vant/weapp/uploader/index"
   }
 }

src/components/uploadFile/index.scss

@@ -7,3 +7,24 @@
     outline: none;
   }
 }
+
+.popup1 {
+  position: relative;
+  width: 580rpx;
+  height: 590rpx;
+  box-sizing: border-box;
+  .bg {
+    width: 100%;
+    height: 100%;
+  }
+  .sure {
+    position: absolute;
+    width: 100%;
+    bottom: 40rpx;
+    left: 0;
+    text-align: center;
+    font-size: 32rpx;
+    color: rgba(0, 180, 197, 1);
+    line-height: 48rpx;
+  }
+}

src/components/uploadFile/index.ts

@@ -22,12 +22,17 @@ Component({
       type: Boolean,
       value: false,
     },
+    edit: {
+      type: Boolean,
+      value: false,
+    },
   },
 
   /**
    * 组件的初始数据
    */
   data: {
+    show1: false,
     fileTypeList: {
       doc: 5,
       docx: 5,
@@ -36,6 +41,7 @@ Component({
       xlsx: 6,
       ppt: 7,
     },
+    cacheEditParams: {},
   },
 
   /**
@@ -50,7 +56,14 @@ Component({
       const arr2 = lastString.split("."); //   再以"."作为分隔符
       return arr2[arr2.length - 1]; //将后缀名返回出来
     },
-    handleAfterRead(e) {
+    handleAfterRead(e, editEnd = false) {
+      if (this.data.edit && !editEnd) {
+        this.setData({
+          show1: true,
+          cacheEditParams: e,
+        });
+        return;
+      }
       if (this.data.obscure) {
         wx.editImage({
           src: e.detail.file.url || e.detail.file.tempFilePath,
@@ -62,6 +75,11 @@ Component({
               this.triggerEvent("file", res as object);
             });
           },
+          fail: () => {
+            this.uploadFile(e.detail.file).then((res) => {
+              this.triggerEvent("file", res as object);
+            });
+          },
         });
       } else {
         this.uploadFile(e.detail.file).then((res) => {
@@ -69,6 +87,12 @@ Component({
         });
       }
     },
+    handleEditEnd() {
+      this.setData({
+        show1: false,
+      });
+      this.handleAfterRead(this.data.cacheEditParams, true);
+    },
     handleChooseAvatar(e) {
       this.uploadFile({
         fileType: "image",
@@ -121,6 +145,7 @@ Component({
           success: (res) => {
             wx.hideLoading();
             const data = JSON.parse(res.data);
+            const suffix = this.GetExtensionFileName(data.data.Url);
             const expandJson = {
               fileId: "",
               name: data.data.Url,
@@ -129,13 +154,17 @@ Component({
               suffix: this.GetExtensionFileName(data.data.Url),
               type: item.fileType,
               imgUrl: "",
+              duration: 0,
+              fileType: this.data.fileTypeList[suffix] || 99,
             };
             if (item.fileType === "image") {
               expandJson.imgUrl = data.data.Url;
-            }
-            if (item.fileType === "video") {
+            } else if (item.fileType === "video") {
               expandJson.imgUrl = data.data.SnapshotUrl;
+            } else if (item.fileType === "audio") {
+              expandJson.duration = Number.parseInt(String(item.duration / 1000));
             }
+            console.log(expandJson);
             resolve(expandJson);
           },
           fail() {

src/components/uploadFile/index.wxml

@@ -7,3 +7,13 @@
 <van-uploader wx:else accept="{{accept}}" max-count="{{1}}" bind:after-read="handleAfterRead">
   <slot></slot>
 </van-uploader>
+
+<van-popup show="{{ show1 }}" bind:close="onClose" round>
+  <view class="popup1">
+    <image class="bg" src="{{imageUrl}}daub.gif?t={{Timestamp}}"></image>
+    <view class="sure" bind:tap="handleEditEnd">
+      我知道了 去涂抹
+      <van-icon name="arrow" />
+    </view>
+  </view>
+</van-popup>

src/module1/pages/entryCases/index.scss

@@ -2,7 +2,7 @@ page {
   background-color: rgba(246, 246, 246, 1);
 }
 .page {
-  padding: 24rpx 32rpx 200rpx;
+  padding: 24rpx 32rpx 300rpx;
   .card {
     margin-bottom: 24rpx;
     padding: 32rpx;
@@ -397,24 +397,3 @@ page {
     text-align: center;
   }
 }
-
-.popup3 {
-  position: relative;
-  width: 580rpx;
-  height: 590rpx;
-  box-sizing: border-box;
-  .bg {
-    width: 100%;
-    height: 100%;
-  }
-  .sure {
-    position: absolute;
-    width: 100%;
-    bottom: 40rpx;
-    left: 0;
-    text-align: center;
-    font-size: 32rpx;
-    color: rgba(0, 180, 197, 1);
-    line-height: 48rpx;
-  }
-}

src/module1/pages/entryCases/index.ts

@@ -1,17 +1,47 @@
-const _app = getApp<IAppOption>();
+const app = getApp<IAppOption>();
 
 Page({
   data: {
     show1: false,
     show2: false,
-    show3: false,
+
+    deptList: [] as any,
+    labelList: [] as any,
 
     images: [] as any,
     description: "",
     audios: [] as any,
     files: [] as any,
+    deptId: "",
+    labelIds: [] as any,
+  },
+  onLoad() {
+    app.waitLogin().then(() => {
+      this.getDoctorDict();
+    });
+  },
+  getDoctorDict() {
+    wx.ajax({
+      method: "GET",
+      url: "?r=takeda/reg/doctor-dict",
+      data: {},
+    }).then((res) => {
+      this.setData({
+        deptList: res.DoctorSpecialtyLabel,
+      });
+    });
+  },
+  formatParams() {
+    const { images, description, audios, files, deptId, labelIds } = this.data;
+    return {
+      images: JSON.stringify(images),
+      description,
+      audios: JSON.stringify(audios),
+      files: JSON.stringify(files),
+      deptId,
+      labelIds: JSON.stringify(labelIds),
+    };
   },
-  onLoad() {},
   handleSubmit() {
     wx.navigateTo({
       url: "/module1/pages/entryCasesResult/index",
@@ -61,7 +91,7 @@ Page({
       files: [
         ...this.data.files,
         {
-          fileType: 99,
+          fileType: e.detail.fileType,
           name: e.detail.name,
           url: e.detail.fileUrl,
           size: e.detail.size,
@@ -70,6 +100,24 @@ Page({
       ],
     });
   },
+  handleDept(e) {
+    const { params } = e.currentTarget.dataset;
+    this.setData({
+      deptId: params.value,
+      labelList: params.options,
+      labelIds: [],
+    });
+  },
+  handleLabel(e) {
+    const { params } = e.currentTarget.dataset;
+    const labelIds = this.data.labelIds;
+    const newLabelId = labelIds.includes(params.value)
+      ? labelIds.filter((item: any) => item !== params.value)
+      : [...labelIds, ...params.value];
+    this.setData({
+      labelIds: newLabelId,
+    });
+  },
 });
 
 export {};

src/module1/pages/entryCases/index.wxml

@@ -1,3 +1,4 @@
+<wxs src="/utils/util.wxs" module="tools" />
 <view class="page">
   <view class="card">
     <view class="card-title required">
@@ -15,7 +16,7 @@
           <view class="r-title">重复图片</view>
         </view> -->
       </view>
-      <uploadFile obscure bind:file="handlePhoto">
+      <uploadFile obscure edit bind:file="handlePhoto">
         <view class="upload-file">
           <van-icon class="add" name="plus" />
         </view>
@@ -45,7 +46,7 @@
             bind:tap="handleDelAudio"
             data-index="{{index}}"
           ></image>
-          <view class="trans">转文字</view>
+          <!-- <view class="trans">转文字</view> -->
         </view>
       </view>
     </view>
@@ -62,9 +63,9 @@
       </uploadFile>
     </view>
     <view class="file-list" wx:if="{{files.length}}">
-      <view class="fl-row" wx:for="{{files}}">
+      <view class="fl-row" wx:for="{{files}}" wx:key="name">
         <view class="wrap">
-          <image class="icon" src="{{imageUrl}}icon-file.png?t={{Timestamp}}"></image>
+          <image class="icon" src="{{imageUrl}}icon-file{{item.fileType}}.png?t={{Timestamp}}"></image>
           <view class="name">{{item.name}}</view>
         </view>
         <view class="option">
@@ -83,14 +84,26 @@
     <view class="label">标签</view>
     <view class="wrap">
       <view class="tag-wrap">
-        <view class="tag">消化科</view>
-        <view class="tag">消化科</view>
+        <view
+          class="tag {{deptId === item.value && 'active'}}"
+          wx:for="{{deptList}}"
+          wx:key="value"
+          bind:tap="handleDept"
+          data-params="{{item}}"
+        >
+          {{item.label}}
+        </view>
       </view>
-      <view class="sub-tag-wrap">
-        <view class="sub-tag active">心衰</view>
-        <view class="sub-tag">心衰</view>
-        <view class="sub-tag">心衰</view>
-        <view class="sub-tag">心衰</view>
+      <view class="sub-tag-wrap" wx:if="{{labelList.length}}">
+        <view
+          class="sub-tag {{tools.include(item.value,labelIds) && 'active'}}"
+          wx:for="{{labelList}}"
+          wx:key="value"
+          data-params="{{item}}"
+          bind:tap="handleLabel"
+        >
+          {{item.label}}
+        </view>
       </view>
     </view>
   </view>
@@ -122,13 +135,3 @@
     <view class="cancel">返回</view>
   </view>
 </van-popup>
-
-<van-popup show="{{ show3 }}" bind:close="onClose" round>
-  <view class="popup3">
-    <image class="bg" src="{{imageUrl}}daub.gif?t={{Timestamp}}"></image>
-    <view class="sure">
-      我知道了 去涂抹
-      <van-icon name="arrow" />
-    </view>
-  </view>
-</van-popup>

src/pages/cases/index.ts

@@ -307,11 +307,11 @@ Page({
   handleLabel(e) {
     const { params } = e.currentTarget.dataset;
     const labelId = this.data.labelId;
-    const newDeptId = labelId.includes(params.value)
+    const newLabelId = labelId.includes(params.value)
       ? labelId.filter((item) => item !== params.value)
       : [...labelId, ...params.value];
     this.setData({
-      labelId: newDeptId,
+      labelId: newLabelId,
     });
   },
   handleTagSubmit() {

typings/index.d.ts

@@ -25,6 +25,7 @@ interface IAgaxParams extends WechatMiniprogram.RequestOption {
 declare namespace WechatMiniprogram {
   export interface Wx {
     ajax: (arg0: IAgaxParams) => Promise<any>;
+    editImage: any;
   }
 }