农业执法移动端切图

src/permission.js

@@ -52,6 +52,9 @@ const whiteList = [
   '/lawEnforcement/feedback',
   '/lawEnforcement/feedbackForm',
   '/lawEnforcement/agreement',
+  '/lawEnforcement/work',
+  '/lawEnforcement/workDetail',
+  '/lawEnforcement/caseDetail',
 ]
 
 router.beforeEach((to, from, next) => {

src/router/index.js

@@ -1581,6 +1581,33 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/agreement/index'], resolve)
   },
+  {
+    path: '/lawEnforcement/work',
+    name: 'work',
+    meta: {
+      title: '工作动态',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/workDynamics/workList'], resolve)
+  },
+  {
+    path: '/lawEnforcement/workDetail',
+    name: 'workDetail',
+    meta: {
+      title: '工作动态',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/workDynamics/workDetail'], resolve)
+  },
+  {
+    path: '/lawEnforcement/caseDetail',
+    name: 'caseDetail',
+    meta: {
+      title: '案件详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/case/caseDetail'], resolve)
+  },
 ];
 
 

src/views/lawEnforcement/case/caseDetail.vue

@@ -0,0 +1,756 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="案件详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <van-tabs type="card" :duration="0.2" animated background="transparent">
+      <van-tab>
+        <template #title>
+          <div class="finish">
+            <p>登记</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">登记<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
+          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field label="案件编码" value="123456789" input-align="right" label-width="auto"/>
+          <van-field label="案件名称" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+          <van-field
+            readonly
+            clickable
+            name="picker"
+            value="2021-11-08"
+            label="登记日期"
+            placeholder="点击选择开始日期"
+            @click="showPicker = true"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-popup v-model="showPicker" position="bottom">
+            <van-datetime-picker
+              v-model="showPicker"
+              type="date"
+              title="选择年月日"
+              :min-date="minDate"
+              :max-date="maxDate"
+            />
+          </van-popup>
+          <van-field label="执法类别" value="农药" input-align="right" label-width="auto"/>
+          <van-field label="当事人类型" value="企业" input-align="right" label-width="auto"/>
+          <van-field label="企业名称" value="企业名称名称名称" input-align="right" label-width="auto"/>
+          <van-field label="法人/负责人" value="李四" input-align="right" label-width="auto"/>
+          <van-field label="所在地区" value="埇桥区三里湾街道淮河路社区居委会" input-align="right" label-width="auto" readonly/>
+          <van-field label="联系地址" value="龙泉花园91号701室" input-align="right" label-width="auto" readonly/>
+          <van-field label="联系电话" value="13006311234" input-align="right" label-width="auto" readonly/>
+          <van-field label="统一社会信用代码" value="467245653FG324642" input-align="right" label-width="auto" readonly/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">执行人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-model="fileList" multiple />
+        </div>
+      </van-tab>
+      <van-tab>
+        <template #title>
+          <div class="finish">
+            <p>勘察</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">勘察<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
+          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+        </div>
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">执行人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="4">1</van-col>
+              <van-col :span="10">张薇</van-col>
+              <van-col :span="10">456444666123A0FW</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="4">2</van-col>
+              <van-col :span="10">张薇</van-col>
+              <van-col :span="10">456444666123A0FW</van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">询问信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field
+            readonly
+            value="2021-11-08"
+            label="询问开始时间"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-field
+            readonly
+            value="2021-11-08"
+            label="讯问结束时间"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-field label="询问地点" value="环翠区世昌大道15号" input-align="right" label-width="auto"/>
+          <van-field label="询问记录人" value="胡明" input-align="right" label-width="auto"/>
+          <van-field label="被询问人姓名" value="张三" input-align="right" label-width="auto"/>
+          <van-field label="被询问人电话" value="13006311234" input-align="right" label-width="auto"/>
+          <van-field label="身份证号" value="371481199001011213" input-align="right" label-width="auto"/>
+          <van-field label="性别" value="男" input-align="right" label-width="auto"/>
+          <van-field label="工作单位" value="农燊高科信息技术有限公司" input-align="right" label-width="auto" readonly/>
+          <van-field label="职务" value="程序员" input-align="right" label-width="auto" readonly/>
+          <van-field label="住址" value="环翠区文化路92号" input-align="right" label-width="auto" readonly/>
+          <van-field label="询问问题" value="问题名字问题名字" input-align="right" label-width="auto" readonly/>
+          <van-field label="被询问人员证件是否清楚" value="是" input-align="right" label-width="auto" readonly/>
+          <van-field label="是否申请调查人员回避" value="是" input-align="right" label-width="auto" readonly/>
+          <van-field label="被询问人回答内容" input-align="right" label-width="auto" readonly/>
+          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xccj.png" size="20"></van-icon>
+              <span class="custom-title">现场抽检选项<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field name="radio" label="是否公开" input-align="right">
+          <template #input>
+            <van-radio-group v-model="radio" direction="horizontal">
+              <van-radio name="1">是</van-radio>
+              <van-radio name="2">否</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field
+            readonly
+            clickable
+            name="picker"
+            value="2021-11-08"
+            label="受理时间"
+            placeholder="点击选择开始日期"
+            @click="showPicker = true"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-popup v-model="showPicker" position="bottom">
+            <van-datetime-picker
+              v-model="showPicker"
+              type="date"
+              title="选择年月日"
+              :min-date="minDate"
+              :max-date="maxDate"
+            />
+          </van-popup>
+          <van-field
+            readonly
+            clickable
+            name="picker"
+            value="2021-11-08"
+            label="受案时间"
+            placeholder="点击选择开始日期"
+            @click="showPicker = true"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-popup v-model="showPicker" position="bottom">
+            <van-datetime-picker
+              v-model="showPicker"
+              type="date"
+              title="选择年月日"
+              :min-date="minDate"
+              :max-date="maxDate"
+            />
+          </van-popup>
+          <van-field label="简要案情及立案（不予立案）理由" input-align="right" label-width="auto" readonly/>
+          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+          <van-field name="radio" label="是否审批" input-align="right">
+            <template #input>
+              <van-radio-group v-model="radio" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="2">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field label="审批程序设置" value="一般程序" input-align="right" label-width="auto" readonly/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-model="fileList" multiple />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row>
+            <van-col :span="4">
+              <p class="index">1</p>
+              <div class="indexBorder">
+                <p class="yq"></p>
+                <p class="ss"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell title="开始" :value="22222" center :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>2021.10.01-2021.10.02</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,111,233,0.2);color:#1D6FE9">提交申请</span></p>
+                  <p style="color: #999999;">1天0时0分0秒</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">
+              <p class="index">2</p>
+              <div class="indexBorder indexCenter">
+                <p class="ssT"></p>
+                <p class="yq"></p>
+                <p class="ss"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell title="执法队长审批" :value="22222" center :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>2021.10.01-2021.10.02</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
+                  <p style="color: #999999;">1天0时0分0秒</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">
+              <p class="index">3</p>
+              <div class="indexBorder indexCenter">
+                <p class="ssT"></p>
+                <p class="yq"></p>
+                <p class="ss"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell title="执法队长负责人审批" :value="22222" center :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>2021.10.01-2021.10.02</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
+                  <p style="color: #999999;">1天0时0分0秒</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+          <van-row>
+            <van-col :span="4">
+              <p class="index">4</p>
+              <div class="indexBorder indexCenter">
+                <p class="ssT"></p>
+                <p class="yq"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell title="结束" :value="22222" center :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>2021.10.01-2021.10.02</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(255,166,62,0.2);color:#FFA63E">自动结束</span></p>
+                  <p style="color: #999999;">1天0时0分0秒</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+        </div>
+      </van-tab>
+      <van-tab>
+        <template #title>
+          <div class="finish">
+            <p>立案</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">立案<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
+          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+        </div>
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">办理人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="4">1</van-col>
+              <van-col :span="10">张薇</van-col>
+              <van-col :span="10">456444666123A0FW</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="4">2</van-col>
+              <van-col :span="10">张薇</van-col>
+              <van-col :span="10">456444666123A0FW</van-col>
+            </van-row>
+          </div>
+        </div>
+      </van-tab>
+      <van-tab>
+        <template #title>
+          <div class="ongoing">
+            <p>取证</p>
+            <p><van-icon name="circle" /></p>
+          </div>
+        </template>
+        内容 2
+      </van-tab>
+      <van-tab>
+        <template #title>
+          <div class="notStarted">
+            <p>处理</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        内容 2
+      </van-tab>
+      <van-tab>
+        <template #title>
+          <div class="notStarted">
+            <p>裁决</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        内容 2
+      </van-tab>
+      <van-tab title="执行">
+        <template #title>
+          <div class="notStarted">
+            <p>执行</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        内容 2
+      </van-tab>
+      <van-tab title="结案">
+        <template #title>
+          <div class="notStarted">
+            <p>结案</p>
+            <p><van-icon name="success" /></p>
+          </div>
+        </template>
+        内容 2
+      </van-tab>
+    </van-tabs>
+
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      showBankType:false,
+      showPayeeType:false,
+      showPicker:false,
+      form:{},
+
+      bankType:'',
+      payeeType:'',
+      value:'',
+
+      bankTypeOptions:[],
+      payeeTypeOptions:[],
+      minDate: new Date(2020, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(2021, 0, 17),
+      fileList: [
+        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
+        // Uploader 根据文件后缀来判断是否为图片文件
+        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
+        { url: 'https://cloud-image', isImage: true },
+      ],
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0;
+}
+.van-uploader {
+  padding: 15PX;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/ .van-nav-bar .van-icon{
+  color: #ffffff;
+}
+/deep/ .van-nav-bar__title{
+  color: #ffffff;
+}
+/deep/ .van-tabs__nav--complete{
+  padding: 0;
+  border: none;
+  height: auto;
+}
+/deep/ .van-tabs__nav--card .van-tab{
+  border: none;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: auto;
+  margin-top: 10PX;
+}
+/deep/ .van-tabs__nav--card .van-tab.van-tab--active{
+  background: transparent;
+  .van-tab__text{
+    width: 56PX;
+    height: 56PX;
+    line-height: 56PX;
+  }
+  .finish,.ongoing,.notStarted{
+    padding: 15PX 0;
+  }
+}
+/deep/ .van-tab__text{
+  display: block;
+  width: 44PX;
+  height: 44PX;
+  background: #FFF;
+  border-radius: 50%;
+  border: 1px solid #C9C9C9;
+  color: #C9C9C9;
+  text-align: center;
+  padding: 0;
+  p{
+    line-height: 1;
+  }
+}
+.finish{
+  border-radius: 50%;
+  border: 1px solid #1DCC80;
+  color: #1DCC80;
+  padding: 10PX 0;
+  height: 100%;
+}
+.ongoing{
+  border-radius: 50%;
+  border: 1px solid #1D6FE9;
+  color: #1D6FE9;
+  padding: 10PX 0;
+  height: 100%;
+}
+.notStarted{
+  padding: 10PX 0;
+  height: 100%;
+}
+.typeBox{
+  width: 44PX;
+  height: 44PX;
+  background: #ffffff;
+  text-align: center;
+  font-size: 14PX;
+  border-radius: 50%;
+  border: 1px solid #1DCC80;
+  color: #1DCC80;
+  margin: 0 auto;
+  padding: 10PX 0px;
+  line-height: 1;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.noActive{
+  border: 1px solid #1D6FE9;
+  color: #1D6FE9;
+}
+.doActive{
+  border: 1px solid #C9C9C9;
+  color: #C9C9C9;
+}
+.active{
+  width: 56PX;
+  height: 56PX;
+  padding: 15PX 0px;
+}
+/deep/ .van-radio--horizontal{
+  margin-left: 0.32rem;
+  margin-right: 0;
+}
+.peopleList{
+  padding-right: 3%;
+  margin-top: 10px;
+  .van-row{
+    margin-bottom: 10PX;
+    .van-col{
+      text-align: center;
+      font-size: 14PX;
+    }
+    &:first-child{
+      .van-col{
+        color: #1D6FE9;
+      }
+    }
+  }
+}
+.main_title{
+  font-size: 0.4rem;
+  color: #1D6FE9;
+  margin: 0.2rem 6%;
+  margin-top: 0;
+  position: relative;
+}
+.main_box{
+  width: 96%;
+  margin: 0 auto;
+  border-radius: 6PX;
+  box-shadow: 0PX 3PX 6PX 0PX rgba(0,0,0,0.16);
+  overflow: hidden;
+  background-color: #FFF;
+  margin-top: 10PX;
+  .van-icon{
+    vertical-align: middle;
+  }
+  .custom-title{
+    font-size: 17PX;
+    color: #333333;
+    vertical-align: middle;
+    line-height: 1;
+    position: relative;
+    margin-left: 5PX;
+  }
+  .tap{
+    color: #1D6FE9;
+  }
+  .bgBlue{
+    display: block;
+    position: absolute;
+    width: 17PX;
+    height: 17PX;
+    border-radius: 50%;
+    background-color: rgba(29,111,233,0.26);
+    top: -2PX;
+    right: -8PX;
+  }
+}
+.submitButton{
+  width: 80%;
+  margin: 0 auto;
+  background-color: #1D6FE9;
+}
+
+.addFamily{
+  position: absolute;
+  top: -2px;
+  right: 0;
+  border-radius: 50%;
+}
+.main_box2{
+  width: 96%;
+  margin: 0 auto;
+  background: #ffffff;
+  border-radius: 6PX;
+  overflow: hidden;
+  margin-top: 10PX;
+  margin-bottom: 20PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  .van-col{
+    height: 76PX;
+    position: relative;
+  }
+  .van-row:nth-child(2n){
+    background: rgba(29,111,233,0.1);
+  }
+  /deep/ .van-cell{
+    background: transparent;
+  }
+  .bq{
+    display: inline-block;
+    padding: 4PX 10PX;
+    border-radius: 5PX;
+  }
+  .index{
+    background: #1D6FE9;
+    color: #ffffff;
+    text-align: center;
+    width: 20PX;
+    height: 20PX;
+    line-height: 20PX;
+    border-radius: 50%;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+  }
+  .indexCenter{
+    top: 0!important;
+  }
+  .indexBorder{
+    width: 10PX;
+    position: absolute;
+    right: 0;
+    top: calc(50% - 5PX);
+    .yq{
+      height: 10PX;
+      width: 10PX;
+      background: #C9C9C9;
+      border-radius: 50%;
+    }
+    .ss{
+      height: 33PX;
+      width: 2PX;
+      background: #C9C9C9;
+      position: relative;
+      left: 4PX;
+    }
+    .ssT{
+      height: 33PX;
+      width: 2PX;
+      background: #C9C9C9;
+      position: relative;
+      left: 4PX;
+    }
+  }
+}
+.splcTit{
+  font-size: 17PX;
+  text-align: center;
+  margin-top: 25PX;
+  margin-bottom: 5PX;
+}
+</style>

src/views/lawEnforcement/case/caseList.vue

@@ -1,19 +1,23 @@
 <template>
   <div class="app-container">
     <van-nav-bar title="案件" fixed placeholder />
-      <div style="display: flex;padding: 0 3% 0.2rem;">
-        <form action="#" style="flex: 0.75;">
-          <van-search
-            v-model="value"
-            placeholder="请输入搜索关键词"
-          >
-          </van-search>
-        </form>
-        <van-button type="info" @click="sheetShow = true"  style="flex: 0.25;border-radius: 30PX;height: 0.95rem;">
-          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ssbt.png" size="17" style="vertical-align: middle;margin-right: 5px;" />筛选
-        </van-button>
-      </div>
-      <van-action-sheet v-model="sheetShow" title="筛选" duration="0.2" close-icon="arrow-down">
+    <div style="display: flex;padding: 0 3% 0.2rem;">
+      <form action="#" style="flex: 0.75;">
+        <van-search
+          v-model="value"
+          placeholder="请输入搜索关键词"
+        >
+        </van-search>
+      </form>
+      <van-button type="info" @click="sheetShow = true"  style="flex: 0.25;border-radius: 30PX;height: 0.95rem;">
+        <van-icon name="../../../static/images/lawEnforcement/icon/icon_ssbt.png" size="17" style="vertical-align: middle;margin-right: 5px;" />筛选
+      </van-button>
+    </div>
+    <van-row style="padding: 0.2rem 3%;">
+      <van-col :span="20"><p style="line-height: 20px;font-size: 14px;color: #878787;">筛选条件:企业 进行中  登记</p></van-col>
+      <van-col :span="4" align="right"><van-icon name="close" size="20" /></van-col>
+    </van-row>
+    <van-action-sheet v-model="sheetShow" title="筛选" duration="0.2" close-icon="arrow-down">
         <div class="sheetContent">
           <p class="sheetTitle">当事人类型</p>
           <van-row>
@@ -55,7 +59,7 @@
       finished-text="没有更多了"
     >
       <van-swipe-cell v-for="(item,index) in 10" :key="index">
-        <van-cell title="案件名称名称名称" :value="22222" center>
+        <van-cell title="案件名称名称名称" :value="22222" center to="/lawEnforcement/caseDetail">
           <template #icon>
             <van-icon name="../../../static/images/lawEnforcement/icon/icon_aj.png" size="30" color="#539FFD" style="margin-right: 10px;" />
           </template>

src/views/lawEnforcement/index.vue

@@ -19,6 +19,7 @@
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="查看更多>" style="text-align: center" to="/lawEnforcement/work" />
         </van-cell-group>
       </van-tab>
       <van-tab title="通知公告">
@@ -32,6 +33,7 @@
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="查看更多>" style="text-align: center" />
         </van-cell-group>
       </van-tab>
       <van-tab title="执法依据">
@@ -45,6 +47,7 @@
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
           <van-cell title="标题标题标题标题标" value="2021.11.12" />
+          <van-cell title="查看更多>" style="text-align: center" />
         </van-cell-group>
       </van-tab>
     </van-tabs>
@@ -106,7 +109,7 @@
       <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
       <van-cell title="标题标题标题标题标" value="2021.11.12"></van-cell>
     </van-cell-group>
-    <div style="height: 50PX"></div>
+    <div style="height: 20PX"></div>
     <law></law>
   </div>
 </template>
@@ -245,6 +248,7 @@ export default {
 /deep/ .van-tabs__content{
   width: 96%;
   margin: 0 auto;
+  box-shadow: 0px 5px 5px #ccc;
 }
 /deep/ van-tab__pane-wrapper{
   padding: 0 2%;

src/views/lawEnforcement/programme/programmeDetail.vue

@@ -11,7 +11,7 @@
       <van-cell>
         <template #title>
           <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
-          <span class="custom-title">投诉建议<i class="bgBlue"></i></span>
+          <span class="custom-title">案件信息<i class="bgBlue"></i></span>
         </template>
       </van-cell>
       <van-field name="radio" label="是否公开" input-align="right">

src/views/lawEnforcement/workDynamics/workDetail.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="工作动态"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <div class="listBox">
+      <p class="title">持续整治“庸懒散粗拖浮”等</p>
+      <p class="wordForm">巴彦淖尔市政委<span>2021-09-01 发布</span></p>
+
+      <p style="font-size: 14px;line-height: 25px;text-indent: 2em;">会议全面分析了“庸懒散粗拖浮”等作风问题存在的表现形式和原因，对持续推进整治“庸懒散粗浮”等作风问题进行了安排部署。</p>
+
+      <img src="../../../../static/images/lawEnforcement/banner.png" style="width: 100%;margin: 15px 0;">
+
+      <p style="font-size: 14px;line-height: 25px;text-indent: 2em;">会议强调，要把转变理念作为解决庸懒散粗拖浮作风问题的前提，以精益求精的态度、严谨务实的作风认真负责的责任心，促进检察办案由“办得对”向“办得好”转变。要把依法依规作为解决“庸懒散粗拖浮”等作风问题的基础，树立“制定制度重要、落实制度更重要”的观念，切实抓好各项既定规章制度的执行实。要浮”等作风问题的引领，将创新创优作为破解难题、推</p>
+    </div>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 10PX ;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/ .van-nav-bar .van-icon{
+  color: #ffffff;
+}
+/deep/ .van-nav-bar__title{
+  color: #ffffff;
+}
+.title{
+  font-size: 22PX;
+  font-family: SourceHanSansCNBold;
+  text-align: center;
+}
+.wordForm{
+  text-align: center;
+  margin: 15PX 0 20PX;
+  span{
+    color: #C9C9C9;
+    margin-left: 10PX;
+  }
+}
+.listBox{
+  border-radius: 8Px;
+  overflow: hidden;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  background: #ffffff;
+  padding: 30PX 10PX;
+}
+</style>

src/views/lawEnforcement/workDynamics/workList.vue

@@ -0,0 +1,244 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="工作动态"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+
+    <van-cell-group class="listBox">
+      <van-cell title="标题标题标题标题标" value="2021.11.12" to="/lawEnforcement/workDetail" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+      <van-cell title="标题标题标题标题标" value="2021.11.12" />
+    </van-cell-group>
+  </div>
+</template>
+<script>
+import { newList } from "@/api/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+        number:2
+      },
+      //新闻集合
+      newList:[],
+      //轮播图集合
+      bannerList:''
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    getList(){
+      this.loading = true;
+      this.queryParams.number = 2 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          this.newList.push(response.rows[i]);
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        console.log(this.newList)
+        if(this.newList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    getBanner(){
+      this.loading = true;
+      this.queryParams.number = 1 ;
+      this.queryParams.pageSize = 5 ;
+      newList(this.queryParams).then(response => {
+        this.bannerList = response.rows;
+        for (var i = 0; i < response.rows.length; i++) {
+          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
+          if (imgStrs != null && imgStrs != '') {
+            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+          }
+        }
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 10PX ;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/ .van-nav-bar .van-icon{
+  color: #ffffff;
+}
+/deep/ .van-nav-bar__title{
+  color: #ffffff;
+}
+.van-cell__title{
+  color: #666666;
+}
+.listBox{
+  border-radius: 8Px;
+  overflow: hidden;
+  box-shadow: 0PX 5PX 5PX #cccccc;
+  .van-icon{
+    vertical-align: middle;
+  }
+  .custom-title{
+    font-size: 17PX;
+    color: #333333;
+    vertical-align: middle;
+    line-height: 1;
+    position: relative;
+  }
+  .tap{
+    color: #1D6FE9;
+  }
+  .bgBlue{
+    display: block;
+    position: absolute;
+    width: 17PX;
+    height: 17PX;
+    border-radius: 50%;
+    background-color: rgba(29,111,233,0.26);
+    top: -2PX;
+    right: -8PX;
+  }
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+  box-shadow: 0px 5px 5px #ccc;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>