上传图片

sections/service.html

       }
       #uploadFile {
         display: inline-block;
-        width: 100px;
-        height: 100px;
+      }
+      .upimg {
+        width: 180px;
+        height: 180px;
+        border: 1px solid #ccc;
+        margin-bottom: 10px;
+      }
+      .upimg img {
+        width: 100%;
+        height: 100%;
       }
     </style>
   </head>
                   />
                 </div>
               </div>
+              <div class="form-group">
+                <label for="scorderInput" class="col-sm-2 control-label"
+                  >排序</label
+                >
+                <div class="col-sm-10">
+                  <input
+                    type="number"
+                    class="form-control"
+                    id="scorderInput"
+                    name="scorder"
+                    placeholder="请输入排序"
+                  />
+                </div>
+              </div>
               <div class="form-group">
                 <label for="loginnameInput" class="col-sm-2 control-label"
                   >上传图片</label
                 >
                 <div class="col-sm-10">
+                  <div class="upimg addimg"></div>
                   <input type="file" id="uploadFile" />
                 </div>
               </div>
             </form>
           </div>
           <div class="modal-footer">
-            <div type="button" class="btn btn-default" data-dismiss="modal">
+            <div
+              type="button"
+              class="btn btn-default add_cancel"
+              data-dismiss="modal"
+            >
               取消
             </div>
             <div type="button" class="btn btn-primary add_save">确定</div>
             <form class="form-horizontal" id="userModifyForm">
               <div class="form-group">
                 <label for="m_scnameInput" class="col-sm-2 control-label"
-                  >用户姓名</label
+                  >服务名称</label
                 >
                 <div class="col-sm-10">
                   <input
                     class="form-control"
                     id="m_scnameInput"
                     name="scname"
-                    placeholder="请输入用户姓名"
+                    placeholder="请输入服务名称"
                   />
                 </div>
               </div>
             </form>
           </div>
           <div class="modal-footer">
-            <div type="button" class="btn btn-default" data-dismiss="modal">
+            <div
+              type="button"
+              class="btn btn-default mo_cancel"
+              data-dismiss="modal"
+            >
               取消
             </div>
             <div type="button" class="btn btn-primary modify_save">确定</div>
           </div>
           <div class="modal-body">确定删除选中信息？</div>
           <div class="modal-footer">
-            <div type="button" class="btn btn-default" data-dismiss="modal">
+            <div
+              type="button"
+              class="btn btn-default del_cancel"
+              data-dismiss="modal"
+            >
               取消
             </div>
             <div type="button" class="btn btn-primary del_save">保存</div>
           ltype: Number($.getQueryletiable("ltype")) || 1,
           scname: $.getQueryletiable("scname") || "",
           total: 0,
-          list: []
+          list: [],
+          scpic: "",
+          scorder: 0,
+          createid: 0
         };
         //默认中英文单选框 1
         $('.header_left input:radio[name="user_radio"]').each(function (
               if (data.code === 0) {
                 Search.total = data.obj.total;
                 Search.list = data.obj.list;
+                Search.scorder = data.obj.total;
                 console.log(Search);
                 setTableHtml();
                 setPageList();
         //添加弹窗
         $(".user_main .header_box .user_add_btn").click(function () {
           $("#userAddModal").modal("show");
+          Search.scorder++;
+          $("#scorderInput").val(Search.scorder);
         });
         //获取图片地址
         $("#uploadFile").on("change", function () {
             alert("图片太大，不能超过10M！");
             return false;
           }
-          var formData = new FormData();
-          formData.append("file", file);
-          formData.append("savefolder", "servicecase");
-          console.log(formData);
+          const form = new FormData();
+          form.append("file", file);
+          form.append("savefolder", "servicecase");
           $.ajax({
             type: "POST",
             url: $.baseUrl + "file/upload",
-            dataType: "json",
-            contentType: "application/json; charset=utf-8",
-            data: JSON.stringify(formData),
+            contentType: false,
+            processData: false,
+            data: form,
             success: function (data) {
               if (data.code === 0) {
-                console.log(data);
+                Search.scpic = data.obj;
+                $(".addimg").html("<img src='" + $.showImageUrl + scpic + "'>");
               } else {
                 alert(data.msg);
               }
             }
           });
         });
-
+        //添加 取消add_cancel
+        $(".add_cancel").on("click", function () {
+          console.log(1);
+        });
         //确定添加
         $("#userAddModal .add_save").on("click", function () {
           // 添加表单验证
               scname: {
                 validators: {
                   notEmpty: {
-                    message: "请输入用户姓名"
+                    message: "请输入服务名称"
                   }
                 }
               },
-              loginname: {
+              scorder: {
                 validators: {
                   notEmpty: {
-                    message: "请输入登录账号"
-                  },
-                  stringLength: {
-                    //长度限制
-                    min: 4,
-                    max: 18,
-                    message: "登录账号长度必须在4~18个字符之间"
-                  }
-                }
-              },
-              loginpwd: {
-                validators: {
-                  notEmpty: {
-                    message: "请输入登录密码"
-                  },
-                  stringLength: {
-                    //长度限制
-                    min: 6,
-                    max: 16,
-                    message: "登录密码长度必须在6~16个字符之间"
-                  }
-                }
-              },
-              userphone: {
-                validators: {
-                  // notEmpty: {
-                  //   message: "请输入手机号",
-                  // },
-                  regexp: {
-                    regexp: /^1\d{10}$/,
-                    message: "请输入正确的11位手机号"
+                    message: "请输入排序"
                   }
                 }
               }
           $("#UserAddForm").data("bootstrapValidator").validate();
           //校验表单是否通过
           let flag = $("#UserAddForm").data("bootstrapValidator").isValid();
+          if (!Search.scpic) {
+            //请上传图片
+            alert("请上传图片!");
+            return;
+          }
           if (flag) {
-            let _url = $.baseUrl + "user/save";
+            let _url = $.baseUrl + "sc/save";
             $.ajax({
               type: "POST",
               url: _url,
               dataType: "json",
               contentType: "application/json; charset=utf-8",
               data: JSON.stringify({
-                scname: $("#UserAddForm #scnameInput").val(),
-                loginname: $("#UserAddForm #loginnameInput").val(),
-                loginpwd: $("#UserAddForm #loginpwdInput").val(),
+                scname: Search.scname,
+                scpic: Search.scpic,
+                ltype: Search.ltype,
                 createid: $.userInfo.userid,
-                userphone: $("#UserAddForm #userphoneInput").val()
+                scorder: Search.scorder
               }),
               success: function (data) {
                 if (data.code === 0) {
                   window.location.href =
-                    "/index.html?page=1&ltype=" +
+                    "/sections/service.html?page=" +
+                    Search.page +
+                    "&ltype=" +
                     Search.ltype +
                     "&scname=" +
                     Search.scname;

utils/index.js

     return year + "-" + month + "-" + day;
   },
   // 秒时间转换为yyyy-MM-dd HH:mm:ss
-  dateFormat: function(unixtimestamp) {
+  dateFormat: function (unixtimestamp) {
     unixtimestamp = new Date(unixtimestamp * 1000);
     let year = 1900 + unixtimestamp.getYear();
     let month = "0" + (unixtimestamp.getMonth() + 1);
     );
   },
   // 读取url参数
-  getQueryletiable: function(letiable) {
+  getQueryletiable: function (letiable) {
     let query = window.location.search.substring(1);
     query = decodeURI(query);
     let lets = query.split("&");