农业执法移动端切图

src/views/lawEnforcement/case/caseDetail.vue

@@ -347,6 +347,7 @@
           <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>
@@ -374,6 +375,181 @@
             </van-row>
           </div>
         </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.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"/>
+          <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="1" 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/>
+          <div class="peopleList cf">
+            <van-row>
+              <van-col :span="5">财务名称</van-col>
+              <van-col :span="3">规格</van-col>
+              <van-col :span="3">数量</van-col>
+              <van-col :span="6">生产日期</van-col>
+              <van-col :span="7">生产经营单位</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="5">张薇</van-col>
+              <van-col :span="3">张薇</van-col>
+              <van-col :span="3">11</van-col>
+              <van-col :span="6">2021-11-12</van-col>
+              <van-col :span="7">单位名称</van-col>
+            </van-row>
+
+            <van-row>
+              <van-col :span="5">张薇</van-col>
+              <van-col :span="3">张薇</van-col>
+              <van-col :span="3">11</van-col>
+              <van-col :span="6">2021-11-12</van-col>
+              <van-col :span="7">单位名称</van-col>
+            </van-row>
+          </div>
+
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>证据先行</p>
+                <p>保存通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>查封扣押</p>
+                <p>现场笔录</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>查封扣押</p>
+                <p>决定书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.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
+            readonly
+            value="2021-11-08"
+            label="抽样时间"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <van-field label="抽样地点" value="内容内容内容" input-align="right" label-width="auto"/>
+          <van-field label="联系人" value="1" 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"/>
+          <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="单位单位单位单位" input-align="right" label-width="auto" readonly/>
+          <van-field
+            readonly
+            value="2021-11-08"
+            label="生产日期"
+            input-align="right"
+            right-icon="calendar-o"
+          />
+          <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="产品确认期限" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
+          <van-field label="抽样产品附件" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
+
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>产品确认</p>
+                <p>通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>抽样取证</p>
+                <p>凭证</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </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 label="案件进展" input-align="right" label-width="auto" readonly/>
+          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;margin-bottom: 20PX;">
+          <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>
@@ -402,7 +578,7 @@
         </template>
         内容 2
       </van-tab>
-      <van-tab title="执行">
+      <van-tab>
         <template #title>
           <div class="notStarted">
             <p>执行</p>
@@ -418,7 +594,99 @@
             <p><van-icon name="success" /></p>
           </div>
         </template>
-        内容 2
+        <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_cfky.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"/>
+          <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="131213123123" input-align="right" label-width="auto"/>
+          <van-field label="处理物品" value="46456546456" input-align="right" label-width="auto"/>
+          <van-field label="处理来源" value="798789789879" input-align="right" label-width="auto"/>
+          <van-field label="处理情况" value="" input-align="right" label-width="auto"/>
+          <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_ajxx.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"/>
+          <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="131213123123" input-align="right" label-width="auto"/>
+          <van-field label="分期缴纳期数" value="46456546456" input-align="right" label-width="auto"/>
+          <van-field label="缴纳时间" value="798789789879" input-align="right" label-width="auto"/>
+          <van-field label="每期缴纳金额" value="1111" input-align="right" label-width="auto"/>
+          <van-field label="案件结果" value="" input-align="right" label-width="auto"/>
+          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+        </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-tabs>
 
@@ -614,7 +882,7 @@ export default {
 }
 .peopleList{
   padding-right: 3%;
-  margin-top: 10px;
+  margin-top: 10PX;
   .van-row{
     margin-bottom: 10PX;
     .van-col{
@@ -628,6 +896,25 @@ export default {
     }
   }
 }
+.cf{
+  padding: 0 3%;
+  margin-top: 20PX;
+  margin-bottom: 20PX;
+  .van-row{
+    background: #F0F3F5;
+    .van-col{
+      padding: 5PX 0;
+      font-size: 12PX!important;
+      text-align: center;
+      p{
+        color: #1D6FE9;
+      }
+    }
+    &:first-child{
+      background: transparent;
+    }
+  }
+}
 .main_title{
   font-size: 0.4rem;
   color: #1D6FE9;

src/views/lawEnforcement/products/productsList.vue

@@ -13,6 +13,10 @@
           <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>