|
@@ -19,7 +19,8 @@
|
|
|
background-color: white;
|
|
|
padding-left: 3px;
|
|
|
}
|
|
|
- .processText{
|
|
|
+
|
|
|
+ .processText {
|
|
|
margin-top: 6px;
|
|
|
}
|
|
|
|
|
@@ -27,7 +28,8 @@
|
|
|
padding: 10px;
|
|
|
margin-right: 15px;
|
|
|
}
|
|
|
- .imgsContent{
|
|
|
+
|
|
|
+ .imgsContent {
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
flex-direction: row;
|
|
@@ -38,11 +40,12 @@
|
|
|
width: 150px;
|
|
|
height: auto;
|
|
|
}
|
|
|
- .imgItem{
|
|
|
+
|
|
|
+ .imgItem {
|
|
|
margin: 0 10px;
|
|
|
}
|
|
|
|
|
|
- .option {
|
|
|
+ .option {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-direction: row;
|
|
@@ -67,13 +70,6 @@
|
|
|
<div class="layui-card-body" pad15>
|
|
|
<form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
<div class="layui-row layui-col-space10 layui-form-item">
|
|
|
- <div>
|
|
|
- <label class="layui-form-label"><font color='red' size="4">*</font>终止:</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="checkbox" name="end" lay-skin="switch" lay-text="是|否" checked=""
|
|
|
- value="1">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div>
|
|
|
<label class="layui-form-label">当前进度:</label>
|
|
|
<div class="layui-input-block processText" id="current_process"></div>
|
|
@@ -85,12 +81,13 @@
|
|
|
<div>
|
|
|
<label class="layui-form-label">备注:</label>
|
|
|
<div class="layui-input-block">
|
|
|
- <textarea type="text" name="notes" class="layui-textarea" placeholder="请输入备注"/></textarea>
|
|
|
+ <textarea type="text" name="notes" class="layui-textarea"
|
|
|
+ placeholder="请输入备注"/></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <label class="layui-form-label"><font color='red' size="4">*</font>上传图片:</label>
|
|
|
- <div class="imgsContent">
|
|
|
+ <label class="layui-form-label"><font color='red' size="4">*</font>上传图片:</label>
|
|
|
+ <div class="imgsContent">
|
|
|
<div class="layui-upload-drag" id="upload_img">
|
|
|
<div id="upload_img">
|
|
|
<p style="padding-bottom: 10px">多选,最多选6张</p>
|
|
@@ -119,9 +116,9 @@
|
|
|
var imgsList = [];
|
|
|
|
|
|
//渲染待上传的图片列表
|
|
|
- var renderImgsList = function(list){
|
|
|
+ var renderImgsList = function (list) {
|
|
|
var html = "";
|
|
|
- list.forEach((item, index)=>{
|
|
|
+ list.forEach((item, index) => {
|
|
|
html += "<div class='imgItem'>\n";
|
|
|
html += "<img src='" + item + "' class='image'>\n";
|
|
|
html += '<div class="option">\n';
|
|
@@ -134,11 +131,11 @@
|
|
|
}
|
|
|
|
|
|
var showImg = function (index) {
|
|
|
- var newPage=window.open();
|
|
|
- newPage.document.write("<img src="+imgsList[index]+" />")
|
|
|
+ var newPage = window.open();
|
|
|
+ newPage.document.write("<img src=" + imgsList[index] + " />")
|
|
|
};
|
|
|
|
|
|
- var deleteImg = function(index){
|
|
|
+ var deleteImg = function (index) {
|
|
|
filesList.splice(index, 1);
|
|
|
imgsList.splice(index, 1);
|
|
|
renderImgsList(imgsList);
|
|
@@ -155,13 +152,36 @@
|
|
|
, admin = layui.admin
|
|
|
, upload = layui.upload
|
|
|
, form = layui.form;
|
|
|
- var id = layui.view.getParameterByName('id');
|
|
|
+
|
|
|
+ var customer_id = layui.view.getParameterByName('customer_id');
|
|
|
//form.render(null, 'component-form-element');
|
|
|
+ var next_process_id = ''
|
|
|
+ admin.req({
|
|
|
+ url: '/order/get_process/?customer_id=' + customer_id
|
|
|
+ , type: 'get'
|
|
|
+ , done: function (res) {
|
|
|
+ if (res.data.error) {
|
|
|
+ layer.open({
|
|
|
+ type: 1
|
|
|
+ , offset: 'auto' //具体配置参考:http://www.layui.com/doc/modules/layer.html#offset
|
|
|
+ , id: 'layerDemo' + customer_id //防止重复弹出
|
|
|
+ , content: '<div style="padding: 20px 100px;">' + res.data.error_message + '</div>'
|
|
|
+ , btn: '关闭'
|
|
|
+ , btnAlign: 'c' //按钮居中
|
|
|
+ , shade: 0 //不显示遮罩
|
|
|
+ , yes: function () {
|
|
|
+ parent.layer.closeAll();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ //当前进度
|
|
|
+ $('#current_process').append(res.data.now_process_text)
|
|
|
+ //下一进度
|
|
|
+ $('#next_process').append(res.data.next_process_text);
|
|
|
+ next_process_id = res.data.next_process_id
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- //当前进度
|
|
|
- $('#current_process').append('<span>已约量房</span>')
|
|
|
- //下一进度
|
|
|
- $('#next_process').append('<span>方案设计</span>');
|
|
|
|
|
|
//拖拽上传
|
|
|
upload.render({
|
|
@@ -173,36 +193,40 @@
|
|
|
, multiple: true
|
|
|
, number: 6
|
|
|
, auto: false
|
|
|
- , choose: function(obj) {
|
|
|
- if(imgsList.length >= 6){
|
|
|
+ , 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)
|
|
|
- }
|
|
|
- });
|
|
|
+ //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
|
|
|
+ obj.preview(function (index, file, result) {
|
|
|
+ filesList.push(file);
|
|
|
+ imgsList.push(result);
|
|
|
+ // 有图片列表的话渲染图片
|
|
|
+ if (imgsList.length > 0) {
|
|
|
+ renderImgsList(imgsList)
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
|
|
|
|
|
|
form.on('submit(component-form-element)', function (data) {
|
|
|
- if(filesList.length === 0) {
|
|
|
+ if (filesList.length === 0) {
|
|
|
layer.msg("请先选择图片!", {icon: 2});
|
|
|
return false
|
|
|
}
|
|
|
+ if (!next_process_id) {
|
|
|
+ layer.msg("下个进度阶段有误,请刷新重试!", {icon: 2});
|
|
|
+ return false
|
|
|
+ }
|
|
|
var formData = new FormData();
|
|
|
- formData.append("end", data.field.end);
|
|
|
+ formData.append("stage_progress", next_process_id);
|
|
|
formData.append("notes", data.field.notes);
|
|
|
- filesList.forEach((item, index)=>{
|
|
|
+ filesList.forEach((item, index) => {
|
|
|
formData.append(`file${index}`, item)
|
|
|
});
|
|
|
- var url = '/agent/agent/' + id + '/';
|
|
|
+ var url = '/customer/new_customer/' + customer_id + '/add_order/';
|
|
|
admin.req({
|
|
|
url: url
|
|
|
, data: formData
|