From 844e336420ffa627322b6f85a47cc345a256eb38 Mon Sep 17 00:00:00 2001
From: chenhaozhe <cgz@hz-kingdee.com>
Date: 星期日, 30 十一月 2025 16:49:18 +0800
Subject: [PATCH] 添加 车辆行驶证照片和车辆照片上传功能
---
WebTM/views/基础资料/公用基础资料/Add_Edit_Gy_Car.html | 221 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 216 insertions(+), 5 deletions(-)
diff --git "a/WebTM/views/\345\237\272\347\241\200\350\265\204\346\226\231/\345\205\254\347\224\250\345\237\272\347\241\200\350\265\204\346\226\231/Add_Edit_Gy_Car.html" "b/WebTM/views/\345\237\272\347\241\200\350\265\204\346\226\231/\345\205\254\347\224\250\345\237\272\347\241\200\350\265\204\346\226\231/Add_Edit_Gy_Car.html"
index 8693fda..c8bcb17 100644
--- "a/WebTM/views/\345\237\272\347\241\200\350\265\204\346\226\231/\345\205\254\347\224\250\345\237\272\347\241\200\350\265\204\346\226\231/Add_Edit_Gy_Car.html"
+++ "b/WebTM/views/\345\237\272\347\241\200\350\265\204\346\226\231/\345\205\254\347\224\250\345\237\272\347\241\200\350\265\204\346\226\231/Add_Edit_Gy_Car.html"
@@ -114,8 +114,18 @@
<label class="layui-form-label">杞﹁締琛岄┒璇佺収鐗�</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="HCarCardIDPic"
- name="HCarCardIDPic">
+ style="color: blue;cursor: default;" name="HCarCardIDPic" readonly>
</div>
+ <button type="button" lay-submit="" class="layui-btn"
+ id="HCarCardIDPic-BT-ChooseFile"
+ lay-filter="HCarCardIDPic-BT-ChooseFile" style="width:6rem;">
+ 閫夋嫨鏂囦欢
+ </button>
+ <button type="button" lay-submit="" class="layui-btn"
+ id="HCarCardIDPic_BT_UploadFile"
+ lay-filter="HCarCardIDPic_BT_UploadFile" style="width:6rem;">
+ 涓婁紶鏂囦欢
+ </button>
</div>
<div class="layui-inline layui-col-xs4">
<label class="layui-form-label">杞﹁締骞存鏃ユ湡</label>
@@ -131,7 +141,7 @@
<label class="layui-form-label">杞﹁締鐓х墖</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="HCarPric" name="HCarPric"
- readonly>
+ style="color: blue;cursor: default;" readonly>
</div>
<button type="button" lay-submit="" class="layui-btn"
id="HCarPric-BT-ChooseFile" lay-filter="HCarPric-BT-ChooseFile"
@@ -139,7 +149,7 @@
閫夋嫨鏂囦欢
</button>
<button type="button" lay-submit="" class="layui-btn"
- id="HCarPric-BT-UploadFile" lay-filter="HCarPric-BT-UploadFile"
+ id="HCarPric_BT_UploadFile" lay-filter="HCarPric_BT_UploadFile"
style="width:6rem;">
涓婁紶鏂囦欢
</button>
@@ -487,6 +497,117 @@
set_CheckBill(data);
});
+ // 杞﹁締琛岄┒璇佺収鐗囦笂浼�
+ form.on('submit(HCarCardIDPic_BT_UploadFile)', function (data) {
+ // 鏂囦欢涓婁紶鍓嶅垽鏂槸鍚﹀～鍐欒溅鐗屽彿锛屼笉濉啓鏃犳硶涓婁紶鏂囦欢
+ if (!$("#HNumber").val()) {
+ layer.alert("杩樻湭濉啓杞︾墝鍙凤紝鏃犳硶涓婁紶鍥剧墖!", { icon: 5 });
+ return false
+ }
+ if (!(uploadFiles.HCarCardIDPic)) {
+ layer.alert("杞﹁締琛岄┒璇佹枃浠朵负绌猴紝鏃犳硶涓婁紶!", { icon: 5 });
+ return false
+ }
+
+ var ajaxLoad = layer.load();
+
+ var formData = new FormData();
+ formData.append("file", uploadFiles.HCarCardIDPic, uploadFiles.HCarCardIDPic.name);
+ formData.append("HNumber", $("#HNumber").val());
+ formData.append("HPrefix", "/HCarCardIDPic");
+ formData.append("HUserName", sessionStorage['HUserName']);
+
+ $.ajax({
+ url: GetWEBURL() + "/Gy_Car/Gy_Car_UploadFile",
+ type: 'POST',
+ data: formData,
+ processData: false,
+ contentType: false,
+ dataType: 'json',
+ success: function (data) {
+ if (data.count == 1) { // 璇存槑楠岃瘉鎴愬姛浜嗭紝
+ layer.msg(data.Message, { icon: 1 });
+ }
+ else {
+ layer.alert(data.Message, { icon: 5 });
+ }
+ layer.closeAll("loading");
+ },
+ error: function (err) {
+ layer.alert("閿欒:" + err, { icon: 5 });
+ console.log("Reason" + sMainStr);
+ },
+ compelete: function () {
+ layer.close(ajaxLoad)
+ }
+ },
+ )
+
+ })
+
+ // 杞﹁締鐓х墖涓婁紶
+ form.on('submit(HCarPric_BT_UploadFile)', function (data) {
+ // 鏂囦欢涓婁紶鍓嶅垽鏂槸鍚﹀～鍐欒溅鐗屽彿锛屼笉濉啓鏃犳硶涓婁紶鏂囦欢
+ if (!$("#HNumber").val()) {
+ layer.alert("杩樻湭濉啓杞︾墝鍙凤紝鏃犳硶涓婁紶鍥剧墖!", { icon: 5 });
+ return false
+ }
+ if (!(uploadFiles.HCarPric)) {
+ layer.alert("杞︾墝鐓х墖鏂囦欢涓虹┖锛屾棤娉曚笂浼�!", { icon: 5 });
+ return false
+ }
+
+ var formData = new FormData();
+ formData.append("file", uploadFiles.HCarPric, uploadFiles.HCarPric.name);
+ formData.append("HNumber", $("#HNumber").val());
+ formData.append("HPrefix", "/HCarPric");
+ formData.append("HUserName", sessionStorage['HUserName']);
+
+ $.ajax({
+ url: GetWEBURL() + "/Gy_Car/Gy_Car_UploadFile",
+ type: 'POST',
+ data: formData,
+ processData: false,
+ contentType: false,
+ dataType: 'json',
+ success: function (data) {
+ if (data.count == 1) { // 璇存槑楠岃瘉鎴愬姛浜嗭紝
+ layer.msg(data.Message, { icon: 1 });
+ }
+ else {
+ layer.alert(data.Message, { icon: 5 });
+ }
+ layer.closeAll("loading");
+ },
+ error: function (err) {
+ layer.alert("閿欒:" + err, { icon: 5 });
+ console.log("Reason" + sMainStr);
+ },
+ compelete: function () {
+ layer.close(ajaxLoad)
+ }
+ },
+ )
+ })
+
+
+ //#region 灞曠ず鍥剧墖棰勮 閫氳繃layui鑷畾涔変簨浠�
+ layui.onevent('showImageReview', 'click(showImageReview)', function (data) {
+ layer.photos({
+ photos: {
+ "title": data.name,
+ "start": 0,
+ "data": [
+ {
+ "alt": data.name,
+ "pid": 1,
+ "src": data.src,
+ },
+ ]
+ }
+ });
+ });
+ //#endregion
//#endregion
@@ -546,7 +667,7 @@
url: '', // 涓婁紶鎺ュ彛
auto: false,
// multiple: true,
- bindAction: '#HCarPric-BT-UploadFile',
+ // bindAction: '#HCarPric-BT-UploadFile',
autoPreview: false,
choose: function (obj) {
// 閫夋嫨鏂囦欢鍚庯紝灏嗘枃浠惰В鏋愪负base64鍥剧墖鏍煎紡锛岄�氳繃瓒呴摼鎺ユ枃鏈瑙堝浘鐗�
@@ -554,7 +675,69 @@
console.log(index); // 寰楀埌鏂囦欢绱㈠紩
console.log(file); // 寰楀埌鏂囦欢瀵硅薄
console.log(result); // 寰楀埌鏂囦欢base64缂栫爜锛屾瘮濡傚浘鐗�
+
+ // 灏嗘枃浠朵繚瀛樺埌鏈湴缂撳瓨锛岀瓑寰呬笂浼�
+ uploadFiles.HCarPric = file
+ // base64鏍煎紡鍥剧墖浣滀负棰勮椤硅緭鍑哄埌杈撳叆妗嗕腑
+ $("#HCarPric").val(file.name)
+ $("#HCarPric").css("cursor", "pointer")
+ $("#HCarPric").closest("div").click(function () {
+ console.log("瑙﹀彂浜嗙偣鍑讳簨浠�")
+ layui.event('showImageReview', 'click(showImageReview)', {
+ name: file.name,
+ src: result,
+ });
+ })
+
})
+ },
+ before: function (obj) {
+ // 鏂囦欢涓婁紶鍓嶅垽鏂槸鍚﹀～鍐欒溅鐗屽彿锛屼笉濉啓鏃犳硶涓婁紶鏂囦欢
+ if (!$("#HNumber").val()) {
+ layer.alert("杩樻湭濉啓杞︾墝鍙凤紝鏃犳硶涓婁紶鍥剧墖!", { icon: 5 });
+ return false
+ }
+ },
+ done: function (res) {
+ layer.msg('涓婁紶鎴愬姛');
+ console.log(res)
+ }
+ });
+ upload.render({
+ elem: '#HCarCardIDPic-BT-ChooseFile',
+ url: '', // 涓婁紶鎺ュ彛
+ auto: false,
+ // multiple: true,
+ // bindAction: '#HCarCardIDPic_BT_UploadFile',
+ autoPreview: false,
+ choose: function (obj) {
+ // 閫夋嫨鏂囦欢鍚庯紝灏嗘枃浠惰В鏋愪负base64鍥剧墖鏍煎紡锛岄�氳繃瓒呴摼鎺ユ枃鏈瑙堝浘鐗�
+ obj.preview(function (index, file, result) {
+ console.log(index); // 寰楀埌鏂囦欢绱㈠紩
+ console.log(file); // 寰楀埌鏂囦欢瀵硅薄
+ console.log(result); // 寰楀埌鏂囦欢base64缂栫爜锛屾瘮濡傚浘鐗�
+
+ // 灏嗘枃浠朵繚瀛樺埌鏈湴缂撳瓨锛岀瓑寰呬笂浼�
+ uploadFiles.HCarCardIDPic = file
+ // base64鏍煎紡鍥剧墖浣滀负棰勮椤硅緭鍑哄埌杈撳叆妗嗕腑
+ $("#HCarCardIDPic").val(file.name)
+ $("#HCarCardIDPic").css("cursor", "pointer")
+ $("#HCarCardIDPic").closest("div").click(function () {
+ console.log("瑙﹀彂浜嗙偣鍑讳簨浠�")
+ layui.event('showImageReview', 'click(showImageReview)', {
+ name: file.name,
+ src: result,
+ });
+ })
+
+ })
+ },
+ before: function (obj) {
+ // 鏂囦欢涓婁紶鍓嶅垽鏂槸鍚﹀～鍐欒溅鐗屽彿锛屼笉濉啓鏃犳硶涓婁紶鏂囦欢
+ if (!$("#HNumber").val()) {
+ layer.alert("杩樻湭濉啓杞︾墝鍙凤紝鏃犳硶涓婁紶鍥剧墖!", { icon: 5 });
+ return false
+ }
},
done: function (res) {
layer.msg('涓婁紶鎴愬姛');
@@ -597,7 +780,7 @@
"HCarTypeID": data.杞﹀瀷,
"HCarTypeName": data.杞﹀瀷鍚嶇О || "",
"HCarPric": data.杞﹁締鐓х墖,
- "HCarCardIDPic": data.杞﹁締琛岄┒鐓х墖,
+ "HCarCardIDPic": data.杞﹁締琛岄┒璇佺収鐗�,
"HCompID": data.HCompID,
"HCompName": data.鎵�灞炲叕鍙�,
"HModel": data.杞﹁締鍨嬪彿,
@@ -614,6 +797,32 @@
"HModifyEmp": data.淇敼浜�,
"HModifyTime": data.淇敼鏃堕棿 ? util.toDateString(data.淇敼鏃堕棿, 'yyyy-MM-dd') : ""
});
+
+ // 鑾峰彇鏈嶅姟鍣ㄥ熀鍦板潃
+ var apiIndex = GetWEBURL().indexOf("/API/");
+ var filePath = GetWEBURL().slice(0, apiIndex) + "/"
+ if (data['杞﹁締鐓х墖']) {
+ $("#HCarPric").css("cursor", "pointer")
+ $("#HCarPric").closest("div").click(function () {
+ console.log("瑙﹀彂浜嗙偣鍑讳簨浠�")
+ layui.event('showImageReview', 'click(showImageReview)', {
+ name: data.杞﹁締鐓х墖,
+ src: filePath + 'Files/Gy_Car/' + data["杞︾墝鍙�"] + "/HCarPric/" + data['杞﹁締鐓х墖'],
+ });
+ })
+ }
+
+ if (data['杞﹁締琛岄┒璇佺収鐗�']) {
+ $("#HCarCardIDPic").css("cursor", "pointer")
+ $("#HCarCardIDPic").closest("div").click(function () {
+ console.log("瑙﹀彂浜嗙偣鍑讳簨浠�")
+ layui.event('showImageReview', 'click(showImageReview)', {
+ name: data['杞﹁締琛岄┒璇佺収鐗�'],
+ src: filePath + 'Files/Gy_Car/' + data["杞︾墝鍙�"] + "/HCarCardIDPic/" + data['杞﹁締琛岄┒璇佺収鐗�'],
+ });
+ })
+ }
+
layer.close(ajaxLoad);
} else {
layer.close(ajaxLoad);
@@ -655,6 +864,8 @@
})
}
+
+
//#region 淇濆瓨鏂规硶
function set_SaveBill(data) {
if ($("#HNumber").val() == "") {
--
Gitblit v1.9.1