moliparty/peko-admin-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复资料卡编辑异常问题

Browse Source
This commit is contained in:
dragon
2024-11-26 15:46:51 +08:00
parent 8a548f9a69
commit 38bffe26dc
1 changed files with 51 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/views/infocard/InfocardManageView.vue
View File

@@ -192,23 +192,30 @@
/> />
</div> </div>
</div> </div>
<div class="form-group"> <form class="form-horizontal" id="addForm1">
<label class="col-sm-4 control-label">图片:</label> <div class="form-group">
<div class="col-sm-6"> <label class="col-sm-4 control-label">图片:</label>
<img src="" id="addIconPicUrl" style="height: 44px" alt="" /> <div class="col-sm-6">
<input <img src="" id="addIconPicUrl" style="height: 44px" alt="" />
type="file" <input
id="addUploadIconPic" type="file"
name="uploadFile" id="addUploadIconPic"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,.mp4" name="uploadFile"
/> accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,.mp4"
<button class="btn btn-success" type="button" id="uploadBtn"> />
上传 <button class="btn btn-success" type="button" id="uploadBtn">
</button> 上传
<input type="hidden" id="pic" name="pic" class="form-control" /> </button>
<a href="javascript:void(0)" id="removeIconPic">清除</a> <input
type="hidden"
id="pic"
name="pic"
class="form-control"
/>
<a href="javascript:void(0)" id="removeIconPic">清除</a>
</div>
</div> </div>
</div> </form>
<div class="form-group"> <div class="form-group">
<label for="effectType" class="col-sm-4 control-label" <label for="effectType" class="col-sm-4 control-label"
>装扮动效图片类型:</label >装扮动效图片类型:</label
@@ -225,23 +232,30 @@
</select> </select>
</div> </div>
</div> </div>
<div class="form-group"> <form class="form-horizontal" id="addForm2">
<label class="col-sm-4 control-label">装扮动效图片:</label> <div class="form-group">
<div class="col-sm-6"> <label class="col-sm-4 control-label">装扮动效图片:</label>
<img src="" id="addIconPicUrl2" style="height: 44px" alt="" /> <div class="col-sm-6">
<input <img src="" id="addIconPicUrl2" style="height: 44px" alt="" />
type="file" <input
id="addEffect" type="file"
name="uploadFile" id="addEffect"
accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,.mp4" name="uploadFile"
/> accept="image/gif,image/jpeg,image/jpg,image/png,image/svg,.mp4"
<button class="btn btn-success" type="button" id="uploadBtn2"> />
上传 <button class="btn btn-success" type="button" id="uploadBtn2">
</button> 上传
<input type="hidden" id="effect" name="effect" class="form-control" /> </button>
<a href="javascript:void(0)" id="removeIconPic2">清除</a> <input
type="hidden"
id="effect"
name="effect"
class="form-control"
/>
<a href="javascript:void(0)" id="removeIconPic2">清除</a>
</div>
</div> </div>
</div> </form>
<div class="form-group"> <div class="form-group">
<label for="status" class="col-sm-4 control-label" <label for="status" class="col-sm-4 control-label"
>装扮状态:</label >装扮状态:</label
@@ -677,7 +691,7 @@ export default {
} }
}, },
}; };
$("#addForm").ajaxSubmit(options); $("#addForm1").ajaxSubmit(options);
}); });
$("#uploadBtn2").on("click", function () { $("#uploadBtn2").on("click", function () {
var options = { var options = {
@@ -694,7 +708,7 @@ export default {
} }
}, },
}; };
$("#addForm").ajaxSubmit(options); $("#addForm2").ajaxSubmit(options);
}); });
$("#removeIconPic").on("click", function () { $("#removeIconPic").on("click", function () {
@@ -775,6 +789,9 @@ export default {
} }
formData.partitionFlag = partitionFlag; formData.partitionFlag = partitionFlag;
// 将修改后的对象转换回序列化字符串 // 将修改后的对象转换回序列化字符串
formData.pic = $('#addIconPicUrl').attr('src');
formData.effect = $('#addIconPicUrl2').attr('src');
console.log(formData,2222222222222);
let newSerializeStr = $.param(formData); let newSerializeStr = $.param(formData);
$.ajax({ $.ajax({
type: "post", type: "post",