shouye

pages/demo/lid/formRow.vue

+<template>
+  <div class="mane-b">
+     <Form ref="formInline" :model="formInline" class="form-row">
+        <Row :gutter="16">
+          <Col span="4">
+            <FormItem prop="name">
+              <Select v-model="formInline.name" placeholder="请选择单位">
+                <Option value="beijing">New York</Option>
+                <Option value="shanghai">London</Option>
+                <Option value="shenzhen">Sydney</Option>
+              </Select>
+            </FormItem>
+          </Col>
+          <Col span="4">
+            <FormItem prop="company1">
+              <Select v-model="formInline.company" placeholder="请选择部门">
+                <Option value="beijing">New York</Option>
+                <Option value="shanghai">London</Option>
+                <Option value="shenzhen">Sydney</Option>
+              </Select>
+            </FormItem>
+          </Col>
+          <Col span="4">
+             <FormItem prop="company2">
+              <Select v-model="formInline.company" placeholder="请选择区域">
+                <Option value="beijing">New York</Option>
+                <Option value="shanghai">London</Option>
+                <Option value="shenzhen">Sydney</Option>
+              </Select>
+            </FormItem>
+          </Col>
+          <Col span="4">
+            <FormItem prop="company3">
+             <Select v-model="formInline.company3" placeholder="请选择街道">
+                <Option value="beijing">New York</Option>
+                <Option value="shanghai">London</Option>
+                <Option value="shenzhen">Sydney</Option>
+              </Select>
+            </FormItem>
+          </Col>
+          <Col span="4">
+            <FormItem prop="user">
+              <Select v-model="formInline.company3" placeholder="请选择状态">
+                <Option value="beijing">New York</Option>
+                <Option value="shanghai">London</Option>
+                <Option value="shenzhen">Sydney</Option>
+              </Select></Input>
+            </FormItem>
+          </Col>
+          <Col span="3" style="text-align: left;">
+            <FormItem>
+               <Input type="text" v-model="formInline.user" placeholder="请输入设备编号"></Input>          
+            </FormItem>
+          </Col>
+           <Col span="1" style="text-align: left;">
+            <FormItem> 
+              <Button @click="reset('formInline')">重置</Button>
+            </FormItem>
+          </Col>
+        </Row>
+      </Form>
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data() {
+    return {
+          formInline: {},
+    };
+  },
+  methods: {
+      reset(){
+          
+      }
+  },
+};
+</script>
+<style lang="less" scoped>
+
+</style>

pages/demo/lid/menu.vue

+<template>
+  <div class="mane-b">
+    <Menu>
+      <Submenu name="1">
+        <template slot="title">
+          <Icon type="ios-paper" />功能导航
+        </template>
+      </Submenu>
+      <Submenu name="2">
+        <template slot="title">
+          <Icon type="ios-people" />设备列表
+        </template>
+        <MenuItem name="2-2">活跃用户</MenuItem>
+      </Submenu>
+      <Submenu name="3">
+        <template slot="title">
+          <Icon type="ios-stats" />任务派工
+        </template>
+        <MenuGroup title="留存">
+          <MenuItem name="3-4">用户留存</MenuItem>
+          <MenuItem name="3-5">流失用户</MenuItem>
+        </MenuGroup>
+      </Submenu>
+      <Submenu name="4">
+        <template slot="title">
+          <Icon type="ios-paper" />状态信息
+        </template>
+      </Submenu>
+      <Submenu name="5">
+        <template slot="title">
+          <Icon type="ios-paper" />操作信息
+        </template>
+      </Submenu>
+      <Submenu name="6">
+        <template slot="title">
+          <Icon type="ios-paper" />单位管理
+        </template>
+      </Submenu>
+    </Menu>
+  </div>
+</template>
+<script>
+export default {
+  name: "",
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+<style lang="less" scoped>
+.mane-b {
+  .ivu-menu {
+    border-radius: 5px;
+  }
+}
+</style>