소스 검색

手机端预约看现场

tdj 7 달 전
부모
커밋
604da758d5
3개의 변경된 파일81개의 추가작업 그리고 43개의 파일을 삭제
  1. 28 9
      app/mobile/view/index/appointment_add.html
  2. 52 33
      app/mobile/view/index/detail.html
  3. 1 1
      public/static/mobile/css/detail.css

+ 28 - 9
app/mobile/view/index/appointment_add.html

@@ -38,22 +38,41 @@
             branding: false,
         });
     </script>
+    <style>
+        .layui-laydate-content{
+            display: flex;
+            flex-wrap: nowrap;
+            flex-direction: column;
+        }
+
+        .layui-laydate .layui-laydate-list{
+            position: relative;
+        }
+
+        .laydate-theme-fullpanel .layui-laydate-main{
+            width: 300px;
+        }
+
+        .laydate-theme-fullpanel .layui-laydate-list{
+            width: 280px;
+            left: 0;
+        }
+    </style>
 </head>
 
 <body>
 <div class="top-return">
-    <a href="{:url('mobile/index/kan_list')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
-                style="width: 5vw;"></span></a><span style="font-size: 4.7vw;">编辑文档</span>
+    <a href="{:url('mobile/index/detail?id=655')}"><span><img src="{__MOBILE__}/img/left.png" alt=""
+                style="width: 5vw;"></span></a><span style="font-size: 4.7vw;">新增预约</span>
 </div>
 <form class="layui-form layui-form-pane" action="" style="padding: 4vw 3vw 0 3vw;margin-top: 14vw;">
-    <div class="layui-form-item" style="display: flex;">
-        <div class="edit-title">预约时间<font style="color:red;"> *</font></div>
-        <input type="text" class="layui-input" lay-verify="required" readonly name="appointment_time" id="ID-laydate-type-datetime-1" placeholder="请选择预约时间">
-
+    <div class="layui-form-item" style="display: flex;align-items: flex-end;">
+        <div class="edit-title" style="width: 21%;">预约时间<font style="color:red;"> *</font></div>
+        <input style="width: 80%;" type="text" class="layui-input" lay-verify="required" readonly name="appointment_time" id="ID-laydate-type-datetime-1" placeholder="请选择预约时间">
     </div>
-    <div class="layui-form-item">
-        <div class="edit-title">派遣人数<font style="color:red;"> *</font></div>
-        <input type="text" name="dispatch_num" lay-verify="required" class="layui-input" placeholder="请添加派遣人数">
+    <div class="layui-form-item" style="display: flex;align-items: flex-end;">
+        <div class="edit-title" style="width: 21%;">派遣人数<font style="color:red;"> *</font></div>
+        <input style="width: 80%;" type="text" name="dispatch_num" lay-verify="required" class="layui-input" placeholder="请添加派遣人数">
     </div>
 
     <div class="layui-form-item">

+ 52 - 33
app/mobile/view/index/detail.html

@@ -69,7 +69,7 @@
         <li data-id="7">项目动态</li>
         {/if}
 
-        <li data-id="8">预约看现场</li>
+        <li data-id="8" style="padding-right: 30px;">预约看现场</li>
     </ul>
 
     <div class="layui-tab-content">
@@ -699,50 +699,69 @@
                         <form class="layui-form" lay-filter="barsearchform">
                             <input type="hidden" value="{$vo.id}"  name="id">
                             <input type="hidden" value="{$vo.project_id}" name="project_id">
-                        <div class="report-top">
-                            <span style="font-size: 2vh;width:70vw;"><b>发起人:{$vo.sponsor_name}</b></span>
+                        <div class="report-top" style="justify-content: normal;margin-bottom: 2.5vw;">
+                            <img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;">
+                            <span style="font-size: 2vh;"><b>预约看现场申请</b></span>
                         </div>
 
-                        <div class="report-content" style="margin-bottom: 1.5vw;">
-                            <span class="report-overdue">
+                        <div class="report-content" style="margin-bottom: 2vw;">
+                            <span class="report-overdue" style="margin-bottom: 2vw;">
+                                <span >发起人:{$vo.sponsor_name}</span>
                                 <span>审批人:{$vo.approval_name}</span>
+                                
+                            </span>
+
+                            <span class="report-overdue" style="margin-bottom: 2vw;width: 100% !important;">
+                                <span style="width: 100% !important;">预约时间:{$vo.appointment_time}</span>
+                            </span>
+
+                            <span class="report-overdue" style="margin-bottom: 2vw;">
                                 <span>派遣人数:{$vo.dispatch_num}</span>
                             </span>
+
+                            <span class="report-overdue" style="margin-bottom: 2vw;width: 100% !important;">
+                                <span style="width: 100% !important;">地址/备注:{$vo.address_or_remark}</span>
+                            </span>
+
+                            <span class="report-overdue" style="margin-bottom: 2.5vw;width: 100% !important;">
+                                <span style="width: 100% !important;">回执:{$vo.audit_remark}</span>
+                            </span>
+                            
                         </div>
+                        
                         <div class="report-content"
-                             style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5vw;">
-                            <span style="color: darkgray;"><b>预约时间:{$vo.appointment_time}</b></span>
-                            <span style="color: darkgray;"><b>派遣人数:{$vo.dispatch_num}</b></span>
+                             style="display: flex;align-items: center;margin-bottom: 2vw;">
+                             {if $unit_type != 1}
+                             {switch $vo.audit_status}
+                             {case 0}
+                             {if $vo.operate}
+                             <button type="button" class="layui-btn layui-btn-normal " lay-submit lay-filter="appointmentAgree" style="background-color:#67c23a;border-radius: 5px;padding: 0 20px;font-size: 14px;">通 过</button>
+                             <button type="button" class="layui-btn layui-bg-red layui-btn-normal" lay-submit lay-filter="appointmentDisagree" style="background-color:#f56c6c !important;border-radius: 5px;padding: 0 20px;font-size: 14px;">拒 绝</button>
+                             {else}
+                             <span style="border: 2px solid #faecd8;border-radius: 5px;padding: 5px 10px;background-color: #fdf6ec;color: #e6a23c;">待审核</span>
+                             {/if}
+                             {/case}
+                             {case 1}<span style="border: 2px solid #e1f3d8;border-radius: 5px;padding: 5px 10px;background-color: #f0f9eb;color: #67c23a;">已通过</span>{/case}
+                             {case 2}<span style="border: 2px solid #fde2e2;border-radius: 5px;padding: 5px 10px;background-color: #fef0f0;color: #f56c6c;">已拒绝</span>{/case}
+                             {default /}未知
+                             {/switch}
+                         {else}
+                             {switch $vo.audit_status}
+                             {case 0}
+                             <span style="border: 2px solid #faecd8;border-radius: 5px;padding: 5px 10px;background-color: #fdf6ec;color: #e6a23c;">待审核</span>
+                             {/case}
+                             {case 1}<span style="border: 2px solid #e1f3d8;border-radius: 5px;padding: 5px 10px;background-color: #f0f9eb;color: #67c23a;">已通过</span>{/case}
+                             {case 2}<span style="border: 2px solid #fde2e2;border-radius: 5px;padding: 5px 10px;background-color: #fef0f0;color: #f56c6c;">已拒绝</span>{/case}
+                             {default /}未知
+                             {/switch}
+                         {/if}
                         </div>
-                            {if $unit_type != 1}
-                                {switch $vo.audit_status}
-                                {case 0}
-                                {if $vo.operate}
-                                <button type="button" class="layui-btn layui-btn-normal " lay-submit lay-filter="appointmentAgree" style="background-color:rgb(146,208,80);">通过</button>
-                                <button type="button" class="layui-btn layui-bg-red layui-btn-normal" lay-submit lay-filter="appointmentDisagree">拒绝</button>
-                                {else}
-                                待审核
-                                {/if}
-                                {/case}
-                                {case 1}通过{/case}
-                                {case 2}拒绝{/case}
-                                {default /}未知
-                                {/switch}
-                            {else}
-                                {switch $vo.audit_status}
-                                {case 0}
-                                待审核
-                                {/case}
-                                {case 1}通过{/case}
-                                {case 2}拒绝{/case}
-                                {default /}未知
-                                {/switch}
-                            {/if}
+                            
                         </form>
                     </div>
                 {/volist}
             </div>
-            <div class="record-add">
+            <div class="record-add" style="position: fixed;">
                 <a href="{:url('mobile/index/appointment_add')}?project_id={$project_id}">
                     <img src="{__MOBILE__}/img/add.png" alt="">
                 </a>

+ 1 - 1
public/static/mobile/css/detail.css

@@ -340,7 +340,7 @@ body {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin-bottom: 1vw;
+    margin-bottom: 1.5vw;
 }
 
 .layui-tab-content {