政策超市

app/mobile/controller/Jfm.php

@@ -59,6 +59,15 @@ class Jfm extends MobileBaseController
         ]);
     }
 
+    public function policy1()
+    {
+        $list = PolicyModel::where('status', PolicyModel::STATUS_PUBLISH)->select();
+
+        return view('', [
+            'list' => $list,
+        ]);
+    }
+
     public function policyDetail()
     {
         $id = input('id', 0);

app/mobile/view/jfm/policy1.html

@@ -0,0 +1,54 @@
+{extend name="public/base_jfm"/}
+{block name="css"}
+<style>
+    .policy-item{width:90%;border:1px solid #eee;margin:20px auto 0 auto;padding:10px 10px;border-radius:10px;box-shadow: 0 0 10px #ccc;box-sizing: border-box;}
+    .policy-header {font-size:15px;font-weight:bold;padding-bottom:10px;}
+    .policy-footer {font-size:12px;display:flex;color:#8C8C8C;border-top:1px solid #ccc;padding-top:10px;}
+    .policy-footer-left {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:calc(100% - 110px);}
+    .policy-footer-right {margin-left:auto;width:100px;text-align:right;}
+</style>
+{/block}
+{block name="body"}
+<van-nav-bar
+        class="nav-theme"
+        :fixed="true"
+        :placeholder="true"
+        left-text="返回"
+        left-arrow
+        @click-left="onBack"
+>
+    <template #title>
+        <span class="text-white">政策超市</span>
+    </template>
+</van-nav-bar>
+<div class="policy-list">
+    <div class="policy-item" v-for="item in list" @click="toDetail(item.id)">
+        <div class="policy-header">
+            <van-image src="__MIMAGES__/icon_policy.png" height="14px" width="13px"></van-image>
+            {{item.title}}
+        </div>
+        <div class="policy-footer">
+            <div class="policy-footer-left">{{item.government}}</div>
+            <div class="policy-footer-right">{{item.publish_time}}</div>
+        </div>
+    </div>
+</div>
+{/block}
+{block name="script"}
+<script>
+    function v_setup() {
+        let base = {};
+
+        base.list = {$list};
+        base.toDetail = (id) => {
+            location.href = "{:url('jfm/policyDetail')}?id="+id;
+        };
+
+        base.onBack = () => {
+            history.back();
+        };
+
+        return base;
+    }
+</script>
+{/block}