diff --git a/src/api/maintenance/task.js b/src/api/maintenance/task.js
new file mode 100644
index 0000000..a7bda9c
--- /dev/null
+++ b/src/api/maintenance/task.js
@@ -0,0 +1,34 @@
+import request from '@/router/axios';
+const prefix = '/api/blade-workflow/taskInfo'
+// 查询
+export const getList = () => {
+  return request({
+    url: `${prefix}/list`,
+    method: 'get'
+  })
+}
+export const add = (row) => {
+  return request({
+    url: `${prefix}/save`,
+    method: 'post',
+    data: row
+  })
+}
+export const update = (row) => {
+  return request({
+    url: `${prefix}/update`,
+    method: 'post',
+    data: row
+  })
+}
+export const remove = (ids) => {
+  return request({
+    url: `${prefix}/remove`,
+    method: 'post',
+    params: {
+      ids,
+    }
+  })
+}
+
+
diff --git a/src/const/maintenance/task.js b/src/const/maintenance/task.js
new file mode 100644
index 0000000..266edb6
--- /dev/null
+++ b/src/const/maintenance/task.js
@@ -0,0 +1,84 @@
+export const tableOption = {
+  index: true,
+  indexLabel: "序号",
+  indexWidth:120,
+  labelPosition: "top",
+  selection: true,
+  border: false,
+  headerAlign: "left",
+  align: "left",
+  menuAlign:'left',
+  menuHeaderAlign:'left',
+  menuBtn: true,
+  editBtn: false,
+  delBtn: false,
+  addBtn: false,
+  tip: false,
+  searchMenuSpan: 3, //控制搜索按钮
+  columnBtn: false,
+  refreshBtn: false,
+  header: false,
+  menuWidth:220,
+  dialogCustomClass:"custom",
+  column: [
+    {
+      type: "select",
+      label: "任务父类",
+      prop: "taskParentId",
+      align: "left",
+      overHidden: true,
+      dicUrl:'/api/blade-system/dict-biz/dictionary?code=task_parent',
+      props: {
+        label: "dictValue",
+        value: "id",
+      },
+      rules: [{ required: true, message: "请选择任务父类" }],
+      span:8
+
+    },
+    {
+      type: "input",
+      label: "任务种类",
+      prop: "taskTypeName",
+      align: "left",
+      overHidden: true,
+      rules: [{ required: true, message: "请输入任务种类" }],
+      span:8
+    },
+  
+    {
+      type: "select",
+      label: "任务等级",
+      prop: "taskLevel",
+      align: "left",
+      overHidden: true,
+      dicUrl:'/api/blade-system/dict-biz/dictionary?code=task_level',
+      props: {
+        label: "dictValue",
+        value: "id",
+      },
+      rules: [{ required: true, message: "请选择任务等级" }],
+      span:8
+    },
+    {
+      type: "input",
+      label: "创建人",
+      prop: "createUser",
+      align: "left",
+      overHidden: true,
+      addDisplay:false,
+      editDisplay: false
+    },
+   
+    {
+      label: "创建时间",
+      type: "datetime",
+      overHidden: true,
+      prop: "createTime",
+      format: "yyyy-MM-dd HH:mm",
+      valueFormat: "yyyy-MM-dd HH:mm:ss",
+      addDisplay:false,
+      editDisplay: false
+    },
+  ],
+}
diff --git a/src/const/workflow/workorder.js b/src/const/workflow/workorder.js
new file mode 100644
index 0000000..591921c
--- /dev/null
+++ b/src/const/workflow/workorder.js
@@ -0,0 +1,80 @@
+export const tableOption = {
+  selection: true,
+  border: false,
+  gutter: 60, //设置input的大小
+  headerAlign: "left",
+  align: "left",
+  menuAlign:'left',
+  menuHeaderAlign:'left',
+  menuBtn: true,
+  editBtn: false,
+  delBtn: false,
+  addBtn: false,
+  tip: false,
+  searchMenuSpan: 3, //控制搜索按钮
+  columnBtn: false,
+  refreshBtn: false,
+  // dialogCustomClass: "custom",
+  header: false,
+  menuWidth:120,
+  column: [
+    {
+      type: "input",
+      label: "任务名称",
+      prop: "year",
+      align: "left",
+      overHidden: true,
+    },
+    {
+      type: "input",
+      label: "当前责任人",
+      prop: "userStatusAnalysis",
+      align: "left",
+      overHidden: true,
+    },
+    {
+      type: "input",
+      label: "公司名称",
+      prop: "count",
+      align: "left",
+      overHidden: true,
+    },
+    {
+      type: "input",
+      label: "发起人",
+      prop: "count",
+      align: "left",
+      overHidden: true,
+    },
+    {
+      type: "input",
+      label: "状态",
+      prop: "status",
+      align: "left",
+      overHidden: true,
+    },
+    {
+      label: "创建时间",
+      type: "datetime",
+      overHidden: true,
+      prop: "startTime",
+      format: "yyyy-MM-dd HH:mm",
+      valueFormat: "yyyy-MM-dd HH:mm:ss",
+    },
+    {
+      label: "结束时间",
+      type: "datetime",
+      overHidden: true,
+      prop: "startTime",
+      format: "yyyy-MM-dd HH:mm",
+      valueFormat: "yyyy-MM-dd HH:mm:ss",
+    },
+    {
+      type: "input",
+      label: "处理状态",
+      prop: "status",
+      align: "left",
+      overHidden: true,
+    },
+  ],
+}
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 306ed2c..9325f37 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -1,5 +1,5 @@
 export default {
-  title: 'Saber企业管理平台',
+  title: '工单系统',
   logoutTip: '退出系统, 是否继续?',
   submitText: '确定',
   cancelText: '取消',
diff --git a/src/styles/custom/custom.scss b/src/styles/custom/custom.scss
index 08b04cf..6de1de3 100644
--- a/src/styles/custom/custom.scss
+++ b/src/styles/custom/custom.scss
@@ -1,8 +1,6 @@
 // // input输入框
 // .el-input--small .el-input__inner {
-//   width: 420px;
-//   height: 50px;
-//   line-height: 50px;
+
 //   border-radius: 3px 3px 3px 3px;
 //   color: #333;
 //   position: relative;
@@ -14,6 +12,7 @@
 //   color: #273240;
 //   padding: 0!important;
 // }
+
 // 包裹容器
 .cus-container {
   margin: 0 38px;
@@ -21,3 +20,86 @@
   height: 100%;
   width: calc(100% - 76px);
 }
+#avue-id {
+  // .el-table {
+  //   height: 776px;
+  //   min-height: 776px;
+  // }
+  .el-table thead {
+    background: #fff;
+    height: 80px;
+    font-size: 16px;
+  }
+  .el-table th {
+    background: #fff;
+    font-weight: 600;
+  }
+  .el-table tr {
+    height: 80px;
+    color: #374454;
+  }
+}
+// 分页
+.avue-crud__pagination {
+  text-align: left;
+  background: #F0F2F5;
+}
+// 自定义弹框样式，只有父类包含 custom类才可使用
+.custom {
+  width: 920px !important;
+  // 表单输入框
+  .avue-crud .el-input--small input,
+  .avue-form .el-input--small input {
+    height: 40px;
+    line-height: 40px;
+    border-radius: 0px;
+    padding-left: 16px;
+    border-color: #e4e7ec;
+  }
+  .el-input--small {
+    width: 240px!important;
+  }
+  .avue-form .el-date-editor.el-input {
+    width: 240px!important;
+  }
+
+  .avue-form,
+  .avue-form__group .el-col {
+    position: relative;
+    padding: 0 !important;
+    margin: 0;
+  }
+
+  // 下拉
+  .avue-select {
+    width: 240px !important;
+  }
+  // label
+  .el-form--label-top .el-form-item__label {
+    padding: 0;
+    margin-bottom: 5px;
+  }
+
+  // 时间选择器
+  .avue-crud .el-range-editor--small,
+  .avue-form .el-range-editor--small {
+    height: 40px;
+    line-height: 40px;
+    border-radius: 0px;
+  }
+
+  // 上下距离
+  .el-form-item--mini.el-form-item,
+  .el-form-item--small.el-form-item {
+    margin-bottom: 21px;
+  }
+  .el-col-8 {
+    width: 240px;    
+  }
+  .el-col-8:nth-child(3n-1) {
+    margin: 0 45px;
+  }
+  .el-col-8:nth-child(3n+1) {
+    margin-left: 35px;
+  }
+}
\ No newline at end of file
diff --git a/src/views/maintenance/task.vue b/src/views/maintenance/task.vue
new file mode 100644
index 0000000..c1de919
--- /dev/null
+++ b/src/views/maintenance/task.vue
@@ -0,0 +1,247 @@
+<template>
+  <div class="cus-container">
+    <el-form :model="searchForm">
+      <div class="search">
+        <div>
+          <el-select
+            v-model="searchForm.taskParentId"
+            placeholder="任务父类"
+            class="search-select"
+          >
+            <el-option
+              v-for="item in conpanyList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+          <el-select
+            v-model="searchForm.taskTypeName"
+            placeholder="任务种类"
+            class="search-select"
+          >
+            <el-option
+              v-for="item in conpanyList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+          <el-select
+            v-model="searchForm.taskLevel"
+            placeholder="任务等级"
+            class="search-select"
+          >
+            <el-option
+              v-for="item in conpanyList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+          <el-date-picker
+            style="width: 180px"
+            v-model="searchForm.createTime"
+            type="datetime"
+            placeholder="创建日期"
+            format="yyyy-MM-dd HH:mm"
+            valueFormat="yyyy-MM-dd HH:mm:ss"
+          >
+          </el-date-picker>
+        </div>
+        <div style="display: flex">
+          <el-input
+            :rows="18"
+            v-model="searchForm.name"
+            placeholder="请输入创建人"
+            class="search-input"
+          ></el-input>
+          <el-button class="search-btn" @click="searchHandle(1)"
+            >查询</el-button
+          >
+          <el-button
+            class="search-btn"
+            style="margin: 0; background: #2ee27c"
+            @click="addHandle"
+            >新增</el-button
+          >
+          <div class="search-reset" @click="searchHandle(2)">
+            <i class="el-icon-refresh-right" style="font-size: 20px"></i>
+          </div>
+        </div>
+      </div>
+    </el-form>
+    <div style="margin-top: 30px">
+      <avue-crud
+        id="avue-id"
+        ref="crud"
+        :option="option"
+        :data="tableData"
+        :page.sync="page"
+        :table-loading="loading"
+        @row-save="rowSave"
+        @row-update="rowUpdate"
+        @row-del="rowDel"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+      >
+        <template slot-scope="scope" slot="menu">
+          <el-button type="primary" @click="editHandle(scope.row)"
+            >编辑
+          </el-button>
+          <el-button type="danger" @click="rowDel(scope.row)">删除 </el-button>
+        </template>
+      </avue-crud>
+    </div>
+  </div>
+</template>
+<script>
+import { getList, add, update, remove } from "@/api/maintenance/task.js";
+import { tableOption } from "@/const/maintenance/task.js";
+export default {
+  data() {
+    return {
+      searchForm: {},
+      conpanyList: [{ label: "运维公司", value: 1 }],
+      option: tableOption,
+      page: {
+        current: 1,
+        total: 0,
+        size: 10,
+      },
+      // 表格数据
+      tableData: [],
+      loading: false,
+    };
+  },
+  created() {
+    this.onLoad();
+  },
+  methods: {
+    // 列表
+    onLoad() {
+      this.loading = true;
+      const { current, size } = this.page;
+      getList(Object.assign({ current, size })).then((res) => {
+        const { total, records } = res.data.data;
+        this.page.total = total;
+        this.tableData = records;
+        this.loading = false;
+      });
+    },
+    // 分页
+    currentChange(currentPage) {
+      this.page.current = currentPage;
+      this.onLoad();
+    },
+    sizeChange(pageSize) {
+      this.page.size = pageSize;
+      this.onLoad();
+    },
+    // 查询重置
+    searchHandle(index) {
+      if (index === 1) {
+        // 查询
+      } else {
+        // 重置
+      }
+      this.onLoad();
+    },
+    // 新增
+    addHandle() {
+      this.$refs.crud.rowAdd();
+    },
+    editHandle(row) {
+      this.$refs.crud.rowEdit(row);
+    },
+    // 新增
+    rowSave(row, done, loading) {
+      add(row).then(
+        (res) => {
+          const data = res.data.data;
+          row.id = data.id;
+          this.$message({ type: "success", message: "新增成功!" });
+          this.onLoad();
+          // 数据回调进行刷新
+          done(row);
+        },
+        (error) => {
+          window.console.log(error);
+          loading();
+        }
+      );
+    },
+    // 编辑
+    rowUpdate(row, index, done, loading) {
+      update(row).then(
+        () => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "修改成功!",
+          });
+          done();
+        },
+        (error) => {
+          window.console.log(error);
+          loading();
+        }
+      );
+    },
+    // 行删除
+    rowDel(row) {
+      this.$confirm("此操作会删除该数据，且无法恢复，确定删除数据?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          remove(row.id).then((res) => {
+            // 测试用的假方法
+            console.log(res);
+            this.$message.success("删除成功!");
+            this.onLoad(this.page[0]);
+          });
+        })
+        .catch(() => {
+          // this.$message({ type: "info", message: "已取消删除" });
+        });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.search {
+  display: flex;
+  justify-content: space-between;
+}
+.search-select {
+  width: 150px;
+  margin-right: 20px;
+}
+.search-input {
+  width: 288px;
+}
+.search-btn {
+  width: 130px;
+  height: 46px !important;
+  background: #2e92f6;
+  color: #fff;
+  margin: 0 20px;
+}
+.search-reset {
+  width: 46px;
+  height: 46px !important;
+  background: #ff9130;
+  margin-left: 20px;
+  color: #fff;
+  text-align: center;
+  line-height: 46px;
+}
+/deep/ .el-input__inner {
+  height: 46px;
+}
+</style>
diff --git a/src/views/plugin/workflow/process/components/examForm.vue b/src/views/plugin/workflow/process/components/examForm.vue
index e7dd3eb..1c4e3c1 100644
--- a/src/views/plugin/workflow/process/components/examForm.vue
+++ b/src/views/plugin/workflow/process/components/examForm.vue
@@ -64,20 +64,22 @@ export default {
           action: '/api/blade-resource/oss/endpoint/put-file',
           span: 24,
           display: true
-        }, {
-          label: '抄送人',
-          prop: '$copyUser',
-          placeholder: '请选择 抄送人',
-          readonly: true,
-          append: '+',
-          span: 24,
-          event: {
-            click: () => {
-              this.$emit('user-select', { type: 'copy', checkType: 'checkbox' })
-            }
-          },
-          display: true
-        }, {
+        }, 
+        // {
+        //   label: '抄送人',
+        //   prop: '$copyUser',
+        //   placeholder: '请选择 抄送人',
+        //   readonly: true,
+        //   append: '+',
+        //   span: 24,
+        //   event: {
+        //     click: () => {
+        //       this.$emit('user-select', { type: 'copy', checkType: 'checkbox' })
+        //     }
+        //   },
+        //   display: true
+        // }, 
+        {
           label: '指定审批人',
           prop: '$assignee',
           placeholder: '指定下一级审批人，如不选择则使用默认处理人，驳回时无效。多选时若下一节点为多实例并行则会进行动态加减签，若不是则只有第一个生效。',
diff --git a/src/views/plugin/workflow/process/components/form.vue b/src/views/plugin/workflow/process/components/form.vue
index ee44b71..c988bfb 100644
--- a/src/views/plugin/workflow/process/components/form.vue
+++ b/src/views/plugin/workflow/process/components/form.vue
@@ -1,81 +1,124 @@
 <template>
   <basic-container>
-    <avue-skeleton :loading="waiting"
-                   avatar
-                   :rows="8">
-      <avue-title style="margin-bottom: 20px; "
-                  :styles="{fontSize: '20px'}"
-                  :value="process.name"></avue-title>
-      <el-card shadow="never"
-               style="margin-top: 20px">
-        <avue-form v-if="option && ((option.column && option.column.length > 0) || (option.group && option.group.length > 0))"
-                   v-model="form"
-                   ref="form"
-                   :option="option"
-                   :defaults.sync="defaults"
-                   :upload-preview="handleUploadPreview">
+    <avue-skeleton :loading="waiting" avatar :rows="8">
+      <avue-title
+        style="margin-bottom: 20px"
+        :styles="{ fontSize: '20px' }"
+        :value="process.name"
+      ></avue-title>
+      <el-card shadow="never" style="margin-top: 20px">
+        <avue-form
+          v-if="
+            option &&
+            ((option.column && option.column.length > 0) ||
+              (option.group && option.group.length > 0))
+          "
+          v-model="form"
+          ref="form"
+          :option="option"
+          :defaults.sync="defaults"
+          :upload-preview="handleUploadPreview"
+          :upload-after="uploadAfter"
+        >
+          <template slot="uploadrecord">
+            <el-table
+              v-if="tableData.length > 0"
+              :data="tableData"
+              style="width: 100%"
+            >
+              <el-table-column prop="name" label="附件名称" width="180">
+                <template slot-scope="scope">
+                  <span style="color: blue; cursor: pointer">{{
+                    scope.row.name
+                  }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="path" label="地址" width="180">
+              </el-table-column>
+              <el-table-column label="操作">
+                <template slot-scope="scope">
+                  <i class="el-icon-delete"></i>
+                </template>
+              </el-table-column>
+            </el-table>
+            <span v-else></span>
+          </template>
         </avue-form>
       </el-card>
 
-      <el-card shadow="never"
-               style="margin-top: 20px"
-               v-if="showExamForm">
-        <wf-examine-form ref="examineForm"
-                         :process="process"
-                         @user-select="handleUserSelect"></wf-examine-form>
+      <el-card shadow="never" style="margin-top: 20px" v-if="showExamForm">
+        <wf-examine-form
+          ref="examineForm"
+          :process="process"
+          @user-select="handleUserSelect"
+        ></wf-examine-form>
       </el-card>
-      <div style="height: 120px;"></div>
-      <el-row class="foot-item avue-affix"
-              :style="{width: isCollapse? 'calc(100% - 80px)': 'calc(100% - 260px)' }"
-              id="avue-view">
-        <el-button type="primary"
-                   size="medium"
-                   v-loading="loading"
-                   @click="handleStartProcess">提 交</el-button>
-        <el-button v-if="permission.wf_process_draft"
-                   type="success"
-                   size="medium"
-                   v-loading="loading"
-                   @click="handleDraft(process.id, process.formKey, form)">存为草稿</el-button>
+      <div style="height: 120px"></div>
+      <el-row
+        class="foot-item avue-affix"
+        :style="{
+          width: isCollapse ? 'calc(100% - 80px)' : 'calc(100% - 260px)',
+        }"
+        id="avue-view"
+      >
+        <el-button
+          type="primary"
+          size="medium"
+          v-loading="loading"
+          @click="handleStartProcess"
+          >提 交</el-button
+        >
+        <el-button
+          v-if="permission.wf_process_draft"
+          type="success"
+          size="medium"
+          v-loading="loading"
+          @click="handleDraft(process.id, process.formKey, form)"
+          >存为草稿</el-button
+        >
       </el-row>
     </avue-skeleton>
 
     <!-- 人员选择弹窗 -->
-    <wf-user-select ref="user-select"
-                    :check-type="checkType"
-                    :default-checked="defaultChecked"
-                    @onConfirm="handleUserSelectConfirm"></wf-user-select>
+    <wf-user-select
+      ref="user-select"
+      :check-type="checkType"
+      :default-checked="defaultChecked"
+      @onConfirm="handleUserSelectConfirm"
+    ></wf-user-select>
   </basic-container>
 </template>
 
 <script>
-import WfExamineForm from './examForm.vue'
-import WfUserSelect from './user-select'
-import exForm from '../../mixins/ex-form'
-import draft from '../../mixins/draft'
+import WfExamineForm from "./examForm.vue";
+import WfUserSelect from "./user-select";
+import exForm from "../../mixins/ex-form";
+import draft from "../../mixins/draft";
 
 export default {
   components: {
-    WfUserSelect, WfExamineForm
+    WfUserSelect,
+    WfExamineForm,
   },
   mixins: [exForm, draft],
   watch: {
-    '$route.params.params': {
+    "$route.params.params": {
       handler(val) {
         if (val) {
-          const param = JSON.parse(Buffer.from(val, 'base64').toString())
-          const { processId, processDefKey } = param
-          if (processId || processDefKey) this.getForm(processId, processDefKey)
+          const param = JSON.parse(Buffer.from(val, "base64").toString());
+          const { processId, processDefKey } = param;
+          if (processId || processDefKey)
+            this.getForm(processId, processDefKey);
         }
       },
-      immediate: true
-    }
+      immediate: true,
+    },
   },
   computed: {
     showExamForm() {
-      const { hideComment, hideCopy, hideExamine } = this.process
-      return !hideComment || !hideCopy || !hideExamine
-    }
+      const { hideComment, hideCopy, hideExamine } = this.process;
+      return !hideComment || !hideCopy || !hideExamine;
+    },
   },
   data() {
     return {
@@ -83,57 +126,76 @@ export default {
       form: {},
       option: {},
       process: {},
-      loading: false
-    }
+      loading: false,
+      tableData: [],
+    };
   },
   methods: {
+    uploadAfter(file, column) {
+      this.tableData.push({
+        name: "文件流",
+        path: "/d:/sgh",
+      });
+      console.log(file);
+      console.log(column);
+    },
     getForm(processId, processDefKey) {
-      let param
-      let method
+      let param;
+      let method;
       if (processId) {
-        param = processId
-        method = 'getStartForm'
+        param = processId;
+        method = "getStartForm";
       } else if (processDefKey) {
-        param = processDefKey
-        method = 'getStartFormByProcessDefKey'
+        param = processDefKey;
+        method = "getStartFormByProcessDefKey";
       }
-      this[method](param).then(res => {
-        let { process, form, startForm } = res
-        this.form.processId = process.id
+      this[method](param).then((res) => {
+        let { process, form, startForm } = res;
+        this.form.processId = process.id;
         if (form) {
-          const option = { ...eval('(' + form + ')'), menuBtn: false }
-          const { column, group } = option
+          const option = { ...eval("(" + form + ")"), menuBtn: false };
+          const { column, group } = option;
 
-          const groupArr = []
-          const columnArr = this.filterAvueColumn(column, startForm).column
-          if (group && group.length > 0) { // 处理group
-            group.forEach(gro => {
-              gro.column = this.filterAvueColumn(gro.column, startForm).column
-              if (gro.column.length > 0) groupArr.push(gro)
-            })
+          const groupArr = [];
+          const columnArr = this.filterAvueColumn(column, startForm).column;
+          if (group && group.length > 0) {
+            // 处理group
+            group.forEach((gro) => {
+              gro.column = this.filterAvueColumn(gro.column, startForm).column;
+              if (gro.column.length > 0) groupArr.push(gro);
+            });
           }
 
-          option.column = columnArr
-          option.group = groupArr
-          this.option = option
+          option.column = columnArr;
+          option.group = groupArr;
+          this.option = option;
+          console.log(this.option)
           // this.findObject(this.option.column, 'yunweigongsi').disabled = true
-
+          // 输入框禁用
+          // const gongshimingcheng = this.findObject(
+          //   this.option.column,
+          //   "gongshimingcheng"
+          // );
+          // if(gongshimingcheng.dicData.length === 1) {
+          //   gongshimingcheng.disabled = true;
+          //   gongshimingcheng.value = gongshimingcheng.dicData[0].dictKey;
+          // }
           if (this.permission.wf_process_draft) {
             // 查询是否有草稿箱
-            this.initDraft(process.id).then(data => {
-              this.$confirm('是否恢复之前保存的草稿？', '提示', {
-              }).then(() => {
-                this.form = JSON.parse(data)
-              }).catch(() => {
-              })
-            })
+            this.initDraft(process.id).then((data) => {
+              this.$confirm("是否恢复之前保存的草稿？", "提示", {})
+                .then(() => {
+                  this.form = JSON.parse(data);
+                })
+                .catch(() => {});
+            });
           }
         }
-        this.waiting = false
-      })
+        this.waiting = false;
+      });
     },
-  }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -153,4 +215,11 @@ export default {
   -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
-</style>
\ No newline at end of file
+.aaa {
+//   .avue-crud .el-input--small input, .avue-form .el-input--small input {
+//   width: 420px;
+//   height: 50px;
+//   line-height: 50px;
+// }
+}
+</style>
diff --git a/src/views/plugin/workflow/process/start.vue b/src/views/plugin/workflow/process/start.vue
index 9fd7f53..27876a0 100644
--- a/src/views/plugin/workflow/process/start.vue
+++ b/src/views/plugin/workflow/process/start.vue
@@ -22,10 +22,6 @@
                      @refresh-change="onLoad(page, query)">
             <template #menuLeft
                       v-if="isDev">
-              <el-tag type="warning"
-                      effect="dark"
-                      size="medium"><i class="el-icon-warning"></i> 部署的流程不显示？请查看使用文档或到 模型设计 中配置权限。
-              </el-tag>
             </template>
             <template #menuRight>
               <el-button size="mini"
@@ -94,24 +90,19 @@ export default {
         searchMenuSpan: 6,
         searchSize: 'mini',
         column: [
-          {
-            label: "图标",
-            prop: "icon",
-            type: 'upload',
-            width: 80
-          },
+         
           {
             label: "流程名称",
             prop: "name",
             overHidden: true,
             search: true
           },
-          {
-            label: "流程标识",
-            prop: "key",
-            overHidden: true,
-            search: true
-          },
+          // {
+          //   label: "流程标识",
+          //   prop: "key",
+          //   overHidden: true,
+          //   search: true
+          // },
           {
             label: "流程分类",
             row: true,
diff --git a/src/views/monitoring/index.vue b/src/views/plugin/workflow/process/workorder.vue
similarity index 51%
rename from src/views/monitoring/index.vue
rename to src/views/plugin/workflow/process/workorder.vue
index 40a2a7a..c1c795a 100644
--- a/src/views/monitoring/index.vue
+++ b/src/views/plugin/workflow/process/workorder.vue
@@ -7,7 +7,6 @@
             v-model="searchForm.company"
             placeholder="公司"
             class="search-select"
-            
           >
             <el-option
               v-for="item in conpanyList"
@@ -57,32 +56,103 @@
             </el-option>
           </el-select>
         </div>
-        <div style="display:flex;">
+        <div style="display: flex">
           <el-input
-          :rows="18"
+            :rows="18"
             v-model="searchForm.name"
             placeholder="请输入"
             class="search-input"
           ></el-input>
-           <el-button class="search-btn">查询</el-button>
-           <el-button class="search-btn" style="margin:0;background:#2EE27C;">导出</el-button>
-           <div class="search-reset">
-            <i class="el-icon-refresh-right" style="font-size:20px;"></i>
-           </div>
+          <el-button class="search-btn" @click="searchHandle(1)"
+            >查询</el-button
+          >
+          <el-button
+            class="search-btn"
+            style="margin: 0; background: #2ee27c"
+            @click="exportHandle"
+            >导出</el-button
+          >
+          <div class="search-reset" @click="searchHandle(2)">
+            <i class="el-icon-refresh-right" style="font-size: 20px"></i>
+          </div>
         </div>
       </div>
     </el-form>
-    <div>1</div>
+    <div style="margin-top:30px;">
+      <avue-crud
+        id="avue-id"
+        ref="crud"
+        :option="option"
+        :data="tableData"
+        :page.sync="page"
+        :table-loading="loading"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+      >
+        <template slot-scope="scope" slot="menu">
+          <el-button @click="detailsHandle(scope.row)">查看详情 </el-button>
+        </template>
+        <!-- <template slot-scope="scope" slot="status">
+        
+      </template> -->
+      </avue-crud>
+    </div>
   </div>
 </template>
 <script>
+import { tableOption } from "@/const/workflow/workorder.js";
 export default {
   data() {
     return {
       searchForm: {},
       conpanyList: [{ label: "运维公司", value: 1 }],
+      option: tableOption,
+      page: {
+        current: 1,
+        total: 0,
+        size: 10,
+      },
+      // 表格数据
+      tableData: [],
+      loading: false,
     };
   },
+  created() {
+    this.onLoad();
+  },
+  methods: {
+    // 列表
+    onLoad() {
+      // this.loading = true;
+      // const { current, size } = this.page;
+      // getList(Object.assign({ current, size })).then((res) => {
+      //   const { total, records } = res.data.data;
+      //   this.page.total = total;
+      //   this.tableData = records;
+      //   this.loading = false;
+      // });
+    },
+    // 分页
+    currentChange(currentPage) {
+      this.page.current = currentPage;
+      this.onLoad();
+    },
+    sizeChange(pageSize) {
+      this.page.size = pageSize;
+      this.onLoad();
+    },
+    // 查询重置
+    searchHandle(index) {
+      if(index === 1) {
+        // 查询
+      }else {
+        // 重置
+      }
+      this.onLoad()
+    },
+    // 导出
+    exportHandle() {},
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -100,20 +170,20 @@ export default {
 .search-btn {
   width: 130px;
   height: 46px !important;
-  background: #2E92F6;
-  color:#fff;
+  background: #2e92f6;
+  color: #fff;
   margin: 0 20px;
 }
 .search-reset {
   width: 46px;
   height: 46px !important;
-  background: #FF9130;
-  margin-left:20px;
-  color:#fff;
+  background: #ff9130;
+  margin-left: 20px;
+  color: #fff;
   text-align: center;
   line-height: 46px;
 }
-/deep/ .el-input__inner{
-    height: 46px;
+/deep/ .el-input__inner {
+  height: 46px;
 }
 </style>
diff --git a/src/views/system/user.vue b/src/views/system/user.vue
index 80ff0ef..cfbd2f3 100644
--- a/src/views/system/user.vue
+++ b/src/views/system/user.vue
@@ -308,12 +308,12 @@
               slot: true,
               display: false
             },
-            {
-              label: "用户平台",
-              prop: "userTypeName",
-              slot: true,
-              display: false
-            },
+            // {
+            //   label: "用户平台",
+            //   prop: "userTypeName",
+            //   slot: true,
+            //   display: false
+            // },
             {
               label: "用户平台",
               type: "select",