add file

2023-03-06 17:57:39 +08:00
parent 3794faceae
commit 1066e37c96
4230 changed files with 193453 additions and 0 deletions
@@ -0,0 +1,75 @@
+// commpents/textarea-cell/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    upload_cell_name: {
+      type: String,
+      value: '示例标题',
+    },
+    required: {
+      type: Boolean,
+      value: true,
+    },
+    upload_cell_note: {
+      type: String,
+      value: '示例备注',
+    },
+    upload_cell_desc: {
+      type: String,
+      value: '示例描述',
+    },
+    t_icon_name: {
+      type: String,
+      value: 'heart',
+    },
+    t_icon_size: {
+      type: String,
+      value: '32rpx',
+    },
+    has_error: {
+      type: Boolean,
+      value: false,
+    },
+    fileList:{
+      type: Array,
+      value: [],
+    },
+    max_count:{
+      type: Number,
+      value: 1
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    afterRead(event) {
+      console.log("upload cell: ", event)
+      const { file } = event.detail;
+      this.triggerEvent('UploadFile', event.detail);
+    },
+    delete(event) {
+      console.log("delete cell : ", event)
+      const { file } = event.detail;
+      this.triggerEvent('DeleteFile', event.detail);
+    },
+
+    onshowNote: function(e){
+      console.log(e);
+      var myEventDetail = {} // detail对象，提供给事件监听函数
+      var myEventOption = {} // 触发事件的选项
+      this.triggerEvent('showNote', myEventDetail, myEventOption)
+    }
+    
+  }
+})
@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "usingComponents": {
+    "t-icon": "tdesign-miniprogram/icon/icon",
+    "van-uploader": "@vant/weapp/uploader/index",
+    "van-button": "@vant/weapp/button/index",
+    "van-image": "@vant/weapp/image/index"
+  }
+}
@@ -0,0 +1,21 @@
+<view class="upload-cell">
+  <view class="upload-cell-top">
+    <view class="upload-cell-name">{{ upload_cell_name }}<text wx:if="{{ required }}" class="required"> *</text></view>
+    <view class="upload-cell-note t-cell__note" bindtap="onshowNote">
+      <view><t-icon name="{{ t_icon_name }}" size="{{ t_icon_size}}" data-name="{{ t_icon_name }}" /></view>
+      <text>{{ upload_cell_note }}</text>
+    </view>
+  </view>
+  <view class="upload-cell-desc">
+    <text>{{ upload_cell_desc }}</text>
+  </view>
+  <view class="upload-cell-input">
+    <van-uploader preview-full-image="{{false}}" file-list="{{ fileList }}" max-count="{{max_count}}" deletable="{{ true }}" bind:after-read="afterRead" bind:delete="delete" >
+      <van-image width="100" height="100" src="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/yishi/upload_button.png" />
+    </van-uploader>
+  </view>
+  <view class="error_box" wx:if="{{ has_error }}" >
+    <t-icon color="red" name="close-circle-filled" size="48rpx" data-name="close-circle-filled" />
+    <text class="error_msg">拒绝原因照片不清晰</text>
+  </view>
+</view>
@@ -0,0 +1,73 @@
+.t-cell__note{
+  font-size: 25rpx !important;
+  letter-spacing: 2rpx;
+}
+.required{
+  color: #e34d59;
+}
+.upload-cell{
+  position: relative;
+  padding: 32rpx;
+  display: flex;
+  flex-direction: column;
+}
+.upload-cell-top{
+  display: flex;
+  justify-content: space-between;
+  font-size: 32rpx;
+  font-weight: 400;
+}
+.upload-cell-note{
+  color: var(--td-cell-note-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+  display: flex;
+  align-items: center;
+}
+.upload-cell::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  pointer-events: none;
+  right: 0;
+  left: 32rpx;
+  bottom: 0;
+  border-bottom: 1px solid var(--td-cell-border-color, var(--td-gray-color-3, #e7e7e7));
+  transform: scaleY(0.5);
+  left: 32rpx;
+}
+.upload-cell-desc{
+  color: #999999;
+  margin: 20rpx 0;
+}
+.error_box{
+  position: relative;
+  display: flex;
+  background-color: #FEF1F1;
+  width: calc(95vw - 64rpx);
+  height: 100rpx;
+  margin: 30rpx auto 0 auto;
+  align-items: center;
+  padding-left: 32rpx;
+  border-radius: 10rpx;
+}
+.error_box::after{
+  border-radius: 5rpx;
+  position: absolute;
+  width: 0px;
+  height: 0px;
+  border-width: 16rpx;
+  border-style: solid;
+  border-color: transparent transparent #FEF1F1 transparent;
+  content: ' ';
+  left: 50rpx;
+  top: -30rpx;
+}
+.error_msg{
+  position: relative;
+  margin-left: 10rpx;
+  color: #FF0000;
+  letter-spacing: 3rpx;
+  font-weight: 600;
+}
+.upload-cell-name{
+  font-size: 30rpx;
+}