全局 文件修改

src/styles/variables.scss

@@ -1,2 +1,5 @@
 //main
 $mainBg: #409eff;
+.avue-form__menu--center {
+  text-align: right;
+}

src/views/workManagement/main-items/detais.vue

@@ -0,0 +1,14 @@
+<template>
+  <basic-container> </basic-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style></style>

src/views/workManagement/main-items/list.vue

@@ -0,0 +1,16 @@
+<template>
+  <basic-container>
+    <avue-form></avue-form>
+  </basic-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style></style>

src/views/workManagement/service-items/project.vue

@@ -0,0 +1,14 @@
+<template>
+  <basic-container> </basic-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+  methods: {}
+};
+</script>
+
+<style></style>

src/views/workManagement/service-items/type.vue

@@ -0,0 +1,73 @@
+<template>
+  <basic-container>
+    <avue-form ref="form" v-model="form" :option="option">
+      <template slot="menuForm">
+        <el-button icon="el-icon-search" type="primary" @click="handleSearch"
+          >搜 索</el-button
+        >
+        <el-button icon="el-icon-delete" @click="handleEmpty">清 空</el-button>
+      </template>
+    </avue-form>
+    <avue-crud :data="data" :option="optionTable"></avue-crud>
+  </basic-container>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {},
+      option: {
+        emptyBtn: false,
+        submitBtn: false,
+        menuSpan: 8,
+        column: [
+          {
+            label: "名称",
+            prop: "name",
+            placeholder: "请输入",
+            span: 8
+          },
+          {
+            label: "状态",
+            prop: "status",
+            placeholder: "请输入",
+            span: 8
+          }
+        ]
+      },
+      data:[],
+      optionTable: {
+        align: "center",
+        menuAlign: "center",
+        column: [
+          {
+            label: "类别名称",
+            prop: "name"
+          },
+          {
+            label: "排序",
+            prop: "sex"
+          },
+          {
+            label: "状态",
+            prop: "status"
+          },
+          {
+            label: "创建人",
+            prop: "sex"
+          }
+        ]
+      }
+    };
+  },
+  methods: {
+    handleSearch() {},
+    handleEmpty() {
+      this.$refs.form.resetForm();
+    }
+  }
+};
+</script>
+
+<style></style>