|
@@ -98,37 +98,6 @@
|
|
|
</div>
|
|
|
<script src="../../layuiadmin/layui/layui.js"></script>
|
|
|
<script>
|
|
|
- //即将上传的文件数组
|
|
|
- var filesList = [];
|
|
|
- //渲染的图片列表
|
|
|
- var imgsList = [];
|
|
|
-
|
|
|
- //渲染待上传的图片列表
|
|
|
- var renderImgsList = function (list) {
|
|
|
- var html = "";
|
|
|
- list.forEach((item, index) => {
|
|
|
- html += "<div class='imgItem'>\n";
|
|
|
- html += "<img src='" + item + "' class='image'>\n";
|
|
|
- html += '<div class="option">\n';
|
|
|
- html += '<div onclick="showImg(' + index + ')" class="optionItem">查看</div>\n';
|
|
|
- html += '<div onclick="deleteImg(' + index + ')" class="optionItem">删除</div>\n';
|
|
|
- html += '</div>\n';
|
|
|
- html += '</div>\n';
|
|
|
- })
|
|
|
- layui.$('#imgsList').html(html);
|
|
|
- }
|
|
|
-
|
|
|
- var showImg = function (index) {
|
|
|
- var newPage = window.open();
|
|
|
- newPage.document.write("<img src=" + imgsList[index] + " />")
|
|
|
- };
|
|
|
-
|
|
|
- var deleteImg = function (index) {
|
|
|
- filesList.splice(index, 1);
|
|
|
- imgsList.splice(index, 1);
|
|
|
- renderImgsList(imgsList);
|
|
|
- };
|
|
|
-
|
|
|
layui.link('../../../layuiadmin/style/autocomplete.css');
|
|
|
layui.config({
|
|
|
base: '../../../layuiadmin/' //静态资源所在路径
|
|
@@ -138,7 +107,6 @@
|
|
|
}).use(['index', 'form', 'autocomplete', 'upload'], function () {
|
|
|
var $ = layui.$
|
|
|
, admin = layui.admin
|
|
|
- , upload = layui.upload
|
|
|
, form = layui.form;
|
|
|
|
|
|
var customer_id = layui.view.getParameterByName('customer_id');
|
|
@@ -166,58 +134,21 @@
|
|
|
$('#current_process').append(res.data.now_process_text)
|
|
|
//下一进度
|
|
|
$('#next_process').append(res.data.next_process_text);
|
|
|
- next_process_id = res.data.next_process_id
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- //拖拽上传
|
|
|
- upload.render({
|
|
|
- elem: '#upload_img'
|
|
|
- , accept: 'file'
|
|
|
- , exts: 'jpg|png|jpeg|bmp'
|
|
|
- , acceptMime: '.jpg,.png,.jpeg,.bmp'
|
|
|
- , data: {}
|
|
|
- , multiple: true
|
|
|
- , number: 6
|
|
|
- , auto: false
|
|
|
- , choose: function (obj) {
|
|
|
- if (imgsList.length >= 6) {
|
|
|
- layer.msg("图片最多只允许上传6张", {icon: 2});
|
|
|
- return
|
|
|
- }
|
|
|
- //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
|
|
|
- obj.preview(function (index, file, result) {
|
|
|
- filesList.push(file);
|
|
|
- imgsList.push(result);
|
|
|
- // 有图片列表的话渲染图片
|
|
|
- if (imgsList.length > 0) {
|
|
|
- renderImgsList(imgsList)
|
|
|
- }
|
|
|
- });
|
|
|
+ next_process_id = res.data.next_process_id;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
form.on('submit(component-form-element)', function (data) {
|
|
|
- if (filesList.length === 0) {
|
|
|
- layer.msg("请先选择图片!", {icon: 2});
|
|
|
- return false
|
|
|
- }
|
|
|
+ var submitData = data.field;
|
|
|
if (!next_process_id) {
|
|
|
layer.msg("下个进度阶段有误,请刷新重试!", {icon: 2});
|
|
|
return false
|
|
|
}
|
|
|
- var formData = new FormData();
|
|
|
- formData.append("stage_progress", next_process_id);
|
|
|
- formData.append("notes", data.field.notes);
|
|
|
- filesList.forEach((item, index) => {
|
|
|
- formData.append(`file${index}`, item)
|
|
|
- });
|
|
|
var url = '/customer/new_customer/' + customer_id + '/add_order/';
|
|
|
admin.req({
|
|
|
url: url
|
|
|
- , data: formData
|
|
|
+ , data: submitData
|
|
|
, contentType: false
|
|
|
, processData: false
|
|
|
, type: 'post'
|