通用样式

@@ -53,7 +53,7 @@ export const asyncRoutes = [
     parentId: null,
     component: Layout,
     meta: { title: '业务办理', icon: 'fykf' },
-    redirect: '/ywbl/ywsq',
+    redirect: '/ywbl/ywsq/ywsq',
     alwaysShow: true,
     name: 'ywbl',
     children: [
@@ -61,7 +61,7 @@ export const asyncRoutes = [
         path: 'ywsq',
         id: '4',
         parentId: '3',
-        component: () => import('@/views/ywbl/ywsq.vue'),
+        component: () => import('@/views/ywbl/ywsq/ywsq.vue'),
         name: 'ywsq',
         meta: { title: '业务申请' }
       },
@@ -69,7 +69,7 @@ export const asyncRoutes = [
         path: 'dbx',
         id: '5',
         parentId: '3',
-        component: () => import('@/views/ywbl/dbx.vue'),
+        component: () => import('@/views/ywbl/dbx/dbx.vue'),
         name: 'dbx',
         meta: { title: '待办箱' }
       },
@@ -77,7 +77,7 @@ export const asyncRoutes = [
         path: 'ybx',
         id: '6',
         parentId: '3',
-        component: () => import('@/views/ywbl/ybx.vue'),
+        component: () => import('@/views/ywbl/ybx/ybx.vue'),
         name: 'ybx',
         meta: { title: '已办箱' }
       }

+//*****start*通用查询条件，列表样式******//
+.from-clues {
+  padding: 10px;
+  background: #f7f7f7;
+  min-width: 1280px;
+  height: 100%;
+  width: 100%;
+  &-header {
+      width: 100%;
+      padding: 20px 20px 0 20px;
+      box-sizing: border-box;
+      background: #FFFFFF;
+      border-radius: 8px;
+      border: 1px solid #e8edf3;
+  }
+  &-content {
+      width: 100%;
+      padding: 20px;
+      box-sizing: border-box;
+      background: #FFFFFF;
+      border-radius: 8px;
+      margin-top: 10px;
+      border: 1px solid #e8edf3;
+  }
+  .el-form--inline .el-form-item {
+      width: auto;
+      margin-right: 0px;
+      .el-form-item__content {
+          width: auto;
+      }
+  }
+}
+//*****end*通用查询条件，列表样式******//
+
+.width200px{
+    width: 200px;
+}
+

+<template>
+  <keep-alive include="dbx">
+    <div class="from-clues">
+      <!-- 表单部分 -->
+      <div class="from-clues-header">
+        <el-form :model="queryForm" ref="queryForm" label-width="90px">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="业务来源">
+                <el-select
+                  v-model="queryForm.ywly"
+                  filterable
+                  clearable
+                  placeholder="请选择业务来源"
+                >
+                  <el-option
+                    v-for="item in ywlys"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="权利类型">
+                <el-select
+                  v-model="queryForm.qllx"
+                  filterable
+                  clearable
+                  placeholder="请选择权利类型"
+                >
+                  <el-option
+                    v-for="item in qllxs"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="登记类型">
+                <el-select
+                  v-model="queryForm.djlx"
+                  filterable
+                  clearable
+                  placeholder="请选择登记类型"
+                >
+                  <el-option
+                    v-for="item in djlxs"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="业务号">
+                <el-input
+                  placeholder="请输入业务号"
+                  v-model="queryForm.ywh"
+                  clearable
+                  type="number"
+                  class="width200px"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+      <!-- 表格 -->
+    </div>
+  </keep-alive>
+</template>
+<script>
+export default {
+  name: "dbx",
+  components: {},
+  mounted() {},
+  data() {
+    return {
+      queryForm: {
+        ywly: "",
+        qllx: "",
+        djlx: "",
+        ywh: "",
+      },
+
+      commentData: {},
+    };
+  },
+  created() {},
+  methods: {},
+};
+</script>
+
+<style scoped lang="scss">
+@import "~@/styles/public.scss";
+
+</style>

-<template>
-  <div>
-    22222222222222
-  </div>
-</template>
-<script>
-export default {
-  components: {},
-  props: {},
-  name: '该组件名称',
-  data () {
-    return {
-
-    };
-  }
-}
-</script>
-<style scoped lang='scss'>
-</style>
\ No newline at end of file