电子签名

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-09-15 09:32:40
+ * @LastEditTime: 2024-05-16 09:23:43
  */
  */
 import request from '@/utils/request'
 import request from '@/utils/request'
-import { log } from 'bpmn-js-token-simulation'
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 /**
 /**
  * @description: 添加补录记录
  * @description: 添加补录记录

 /*
 /*
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-05-16 13:36:44
+ * @LastEditTime: 2024-05-16 09:23:47
  */
  */
-
+import request from '@/utils/request'
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
-export function uploadUrl () {
-    return process.env.VUE_APP_BASE_API + SERVER.SERVERAPI + '/system/dzqm/upload'
-}
-
-
 /**
 /**
  * @description: 上传电子签名
  * @description: 上传电子签名
  * @param {*} data
  * @param {*} data
  * @author: renchao
  * @author: renchao
  */
  */
- export function uploaddzqm (data) {
+export function dzqmUpload (data) {
   return request({
   return request({
-    url: SERVER.SERVERAPI + '/rest/system/dzqm',
+    url: SERVER.SERVERAPI + '/rest/system/dzqm/upload',
     method: 'post',
     method: 'post',
     data
     data
   })
   })
 }
 }
\ No newline at end of file
-
-/**
- * @description: 电子签名信息
- * @param {*} data
- * @author: renchao
- */
-
-/**
- * @description: 删除电子签名
- * @param {*} data
- * @author: renchao
- */
-
-

@@ -6,7 +6,7 @@
         <el-row>
         <el-row>
           <el-col :span="5">
           <el-col :span="5">
             <el-form-item label="电子签名">
             <el-form-item label="电子签名">
-                <el-input></el-input>
+              <el-input v-model="ruleForm.dzqm"></el-input>
             </el-form-item>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="19" class="btnColRight">
           <el-col :span="19" class="btnColRight">
@@ -17,85 +17,63 @@
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
-
-      <di>
     <el-upload
     <el-upload
       class="upload-demo"
       class="upload-demo"
-          :action="requestUrl"
-          :on-success="handleSuccess"
-          :on-error="handleError"
+      action=""
+      :limit="1"
+      multiple
+      :auto-upload="false"
+      accept=".jpg, .png"
+      :on-change="handleChange"
       :before-upload="beforeUpload"
       :before-upload="beforeUpload"
       :file-list="fileList"
       :file-list="fileList"
-          :limit="limitCount"
-          :on-exceed="handleExceed"
       list-type="picture"
       list-type="picture"
-          drag
-        >
+      drag>
       <i class="el-icon-upload"></i>
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">将图片拖到此处，或<em>点击上传</em></div>
       <div class="el-upload__text">将图片拖到此处，或<em>点击上传</em></div>
-          <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过2MB</div>
+      <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过5MB</div>
     </el-upload>
     </el-upload>
-
-      </di>
     <!-- 表格 -->
     <!-- 表格 -->
   </div>
   </div>
-  </template>
-    <script>
-    import { uploadUrl } from '@/api/dzqm'
-
+</template>
+<script>
+  import { dzqmUpload } from '@/api/dzqm'
   export default {
   export default {
     name: "dzqm",
     name: "dzqm",
-      components: {},
-      mounted () {
-      },
     data () {
     data () {
       return {
       return {
-          dialogImageUrl: '',
-          dialogVisible: false,
-          disabled: false,
-
-          yourHeaders: { /* 你的请求头信息 */ },
+        ruleForm: {
+          dzqm: ""
+        },
         fileList: [], // 已上传文件列表
         fileList: [], // 已上传文件列表
-          limitCount: 3, // 限制上传文件的个数
-
-
-          requestUrl: uploadUrl(),
-
       }
       }
     },
     },
     methods: {
     methods: {
-        handleSuccess(response, file, fileList) {
-          // 文件上传成功后的回调
-          console.log('上传成功:', response);
-          this.fileList = fileList; // 更新已上传文件列表
-        },
-        handleError(error, file, fileList) {
-          // 文件上传失败后的回调
-          console.error('上传失败:', error);
-        },
-        beforeUpload(file) {
+      beforeUpload (file) {
         // 上传文件之前的钩子，返回false则停止上传
         // 上传文件之前的钩子，返回false则停止上传
         const isJPGorPNG = file.type === 'image/jpeg' || file.type === 'image/png';
         const isJPGorPNG = file.type === 'image/jpeg' || file.type === 'image/png';
-          const isLt2M = file.size / 1024 / 1024 < 2;
+        const isLt2M = file.size / 1024 / 1024 < 5;
         if (!isJPGorPNG) {
         if (!isJPGorPNG) {
           this.$message.error('上传图片只能是 JPG/PNG 格式!');
           this.$message.error('上传图片只能是 JPG/PNG 格式!');
           return false;
           return false;
         }
         }
         if (!isLt2M) {
         if (!isLt2M) {
-            this.$message.error('上传图片大小不能超过 2MB!');
+          this.$message.error('上传图片大小不能超过 5MB!');
           return false;
           return false;
         }
         }
         return true;
         return true;
       },
       },
-        handleExceed(files, fileList) {
-          // 文件超出个数限制时的回调
-          this.$message.warning(`当前限制选择 ${this.limitCount} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
-        },
-
-      },
+      async handleChange (file) {
+        var formdata = new FormData();
+        formdata.append("file", file.raw);
+        dzqmUpload(formdata).then(res => {
+          console.log(res);
+        })
+      }
+    }
   };
   };
   </script>
   </script>
-    <style scoped lang="scss">
+<style scoped lang="scss">
   @import "~@/styles/public.scss";
   @import "~@/styles/public.scss";
-  </style>
+</style>
     
     
\ No newline at end of file