From b9e79b7a4f93b6fd4b9c6d3bc2a8a35c204a5dbf Mon Sep 17 00:00:00 2001
From: LiuJiaNan <liujianan@zcloudchina.com>
Date: Wed, 24 Jan 2024 09:23:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=85=B1=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |   3 +
 pages/application/dangerous_options/index.vue | 169 ++++++++++++++++++
 2 files changed, 172 insertions(+)
 create mode 100644 pages/application/dangerous_options/index.vue

diff --git a/pages.json b/pages.json
index 53f7c76..46a7e8b 100644
--- a/pages.json
+++ b/pages.json
@@ -585,6 +585,9 @@
     {
       "path": "pages/my/promise/detail",
       "style": {}
+    },
+    {
+      "path": "pages/application/dangerous_options/index"
     }
   ],
   "globalStyle": {
diff --git a/pages/application/dangerous_options/index.vue b/pages/application/dangerous_options/index.vue
new file mode 100644
index 0000000..180e5e2
--- /dev/null
+++ b/pages/application/dangerous_options/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <view>
+    <cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
+      <block slot="backText">返回</block>
+      <block slot="content">安全措施</block>
+    </cu-custom>
+    <view class="form">
+      <view class="wui-form-list">
+        <view class="cu-bar bg-white margin-top">
+          <view class="action">
+            上传图片
+          </view>
+          <view class="action">
+            {{ imgList.length }}/4
+          </view>
+        </view>
+        <view class="cu-form-group">
+          <view class="grid col-4 grid-square flex-sub">
+            <view class="bg-img" v-for="(item,index) in imgList" :key="index" @tap="viewImage(index,'imgList')">
+              <image :src="imgList[index].filePath" mode="aspectFill"></image>
+              <view class="cu-tag bg-red" @tap.stop="delImg" data-type="2" :data-index="index">
+                <text class='cuIcon-close'></text>
+              </view>
+            </view>
+            <view class="solids" @tap="chooseImage()" v-if="imgList.length<4">
+              <text class='cuIcon-cameraadd'></text>
+            </view>
+          </view>
+        </view>
+        <view class="cu-form-group">
+          <view class="title">签字：</view>
+          <button class="cu-btn bg-green shadow" @tap="showModal" data-target="Modal">手写签字</button>
+        </view>
+        <view class="wui-sign-box" v-show="signImgList && signImgList.length > 0">
+          <view class="sign-title">
+            签字照片：
+          </view>
+          <view class="wui-sign-cotent">
+            <view class="sign-img" v-for="(item,index) in signImgList" :key="index" @tap="viewImage(index,'signImgList')">
+              <image :src="signImgList[index].filePath" mode="aspectFit"></image>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="cu-bar btn-group" style="margin-top: 30upx;">
+        <button :loading="buttonloading" class="cu-btn bg-blue margin-tb-sm lg"
+                @click="$noMultipleClicks(goSubmit)">保存</button>
+      </view>
+      <view class="cu-modal" :class="modalName==='Modal'?'show':''">
+        <writing-board @confirm="subCanvas" @cancel="hideModal"></writing-board>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {formatDate} from "@/common/tool";
+import writingBoard from "@/components/writing-board/writing-board.vue"
+
+export default {
+  components: {
+    writingBoard,
+  },
+  data() {
+    return {
+      imgList: [],
+      currentIndex: 0,
+      modalName: null,
+      signImgList: [],
+      buttonloading: false,
+      noClick: true,
+    }
+  },
+  onLoad(event) {
+    this.imgList = event.imgList || [];
+    this.currentIndex = event.index || 0;
+  },
+  methods: {
+    viewImage(index,list) {
+      let files = this[list].map(item => item.filePath);
+      uni.previewImage({
+        urls: files,
+        current: index
+      });
+    },
+    delImg(e) {
+      uni.showModal({
+        title: '秦安双控',
+        content: '确定要删除这张图片吗？',
+        cancelColor: "#000000",
+        cancelText: '取消',
+        confirmText: '确定',
+        success: res => {
+          if (res.confirm) {
+            this.imgList.splice(e.currentTarget.dataset.index, 1)
+          }
+        }
+      })
+    },
+    chooseImage() {
+      var ss = 4 - this.imgList.length;
+      uni.chooseImage({
+        count: ss, //默认9
+        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+        sourceType: ['camera', 'album'], //从相册选择
+        success: (res) => {
+          for (let i = 0; i < res.tempFilePaths.length; i++) {
+            let img = {};
+            img.id = '';
+            img.filePath = res.tempFilePaths[i];
+            this.imgList.push(img)
+          }
+        }
+      });
+    },
+    showModal(e) {
+      this.modalName = e.currentTarget.dataset.target
+    },
+    hideModal(e) {
+      this.modalName = null
+    },
+    //完成
+    subCanvas(e) {
+      this.signImgList.splice(0, this.signImgList.length);
+      this.signImgList.push({
+        SIGNER_TIME: formatDate(new Date(), 'yyyy-MM-dd hh:mm'),
+        filePath: e.filePath
+      });
+      console.log(this.signImgList)
+      this.hideModal()
+    },
+    goSubmit() {
+      if(this.buttonloading) return;
+      if(this.imgList.length === 0) {
+        uni.showToast({
+          title: '请上传图片',
+          icon: 'none'
+        });
+        return;
+      }
+      if(this.signImgList.length === 0) {
+        uni.showToast({
+          title: '请签字',
+          icon: 'none'
+        });
+        return;
+      }
+      this.buttonloading = true;
+      uni.$emit('dangerous_options_submit', {
+        imgList: this.imgList,
+        signImgList: this.signImgList,
+        index: this.currentIndex
+      });
+    //   监听事件
+    //    mounted() {
+    //     uni.$on('dangerous_options_submit', (data) => {})
+    //   },
+    //   取消监听
+    //   beforeDestroy() {
+    //     uni.$off('dangerous_options_submit');
+    //   },
+    }
+  },
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file