From 750e751513bf9953e4ff2f555db06f8ad058fe40 Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Wed, 2 Mar 2022 14:40:42 +0800
Subject: [PATCH] yemianqunaxiananniutinajia

---
 hb_client/src/views/inm/fifo.vue            |  551 ++++----
 hb_client/src/views/inm/product.vue         |   58 +-
 hb_client/src/views/inm/warehouse.vue       |  327 ++---
 hb_client/src/views/procurement/puorder.vue |  353 ++---
 hb_client/src/views/procurement/vendor.vue  |   43 +-
 hb_client/src/views/workflow/index.vue      |  606 ++++----
 hb_client/src/views/workflow/ticket.vue     | 1413 +++++++++----------
 7 files changed, 1695 insertions(+), 1656 deletions(-)

diff --git a/hb_client/src/views/inm/fifo.vue b/hb_client/src/views/inm/fifo.vue
index c8ab286..699ae25 100644
--- a/hb_client/src/views/inm/fifo.vue
+++ b/hb_client/src/views/inm/fifo.vue
@@ -2,12 +2,22 @@
   <div class="app-container">
     <el-card>
       <div>
-        <el-button type="primary" icon="el-icon-plus" @click="handlecgCreate"
-          >新增采购入库</el-button
+        <el-button
+          v-if="checkPermission(['fifo_in_pur'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handlecgCreate"
         >
-        <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
-          >新增其他入库</el-button
+          新增采购入库
+        </el-button>
+        <el-button
+          v-if="checkPermission(['fifo_in_other'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
         >
+          新增其他入库
+        </el-button>
         <el-input
           v-model="listQuery.search"
           placeholder="仓库名称/仓库编号"
@@ -20,15 +30,17 @@
           type="primary"
           icon="el-icon-search"
           @click="handleFilter"
-          >搜索</el-button
         >
+          搜索
+        </el-button>
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-refresh-left"
           @click="resetFilter"
-          >重置</el-button
         >
+          重置
+        </el-button>
       </div>
     </el-card>
     <el-card>
@@ -42,18 +54,15 @@
         height="100"
         v-el-height-adaptive-table="{ bottomOffset: 42 }"
       >
-        <el-table-column type="index" width="50" />
-
-        <el-table-column label="记录编号">
-          <template slot-scope="scope">{{ scope.row.number }}</template>
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="记录编号" prop="number">
         </el-table-column>
         <el-table-column label="操作人员">
-          <template slot-scope="scope" v-if="scope.row.create_by">{{
-            scope.row.create_by_.name
-          }}</template>
+          <template slot-scope="scope" v-if="scope.row.create_by">
+            {{scope.row.create_by_.name}}
+          </template>
         </el-table-column>
-        <el-table-column label="出/入库时间">
-          <template slot-scope="scope">{{ scope.row.inout_date }}</template>
+        <el-table-column label="出/入库时间" prop="inout_date">
         </el-table-column>
         <el-table-column label="出/入库类型">
           <template slot-scope="scope">{{ types_[scope.row.type] }}</template>
@@ -64,35 +73,38 @@
             <el-tag v-else>已审核</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        <el-table-column label="创建时间" prop="create_time">
         </el-table-column>
         <el-table-column align="center" label="操作" width="220px">
           <template slot-scope="scope">
             <el-link
-              v-if="scope.row.type==2"
+              v-if="checkPermission(['fifo_pack'])&&scope.row.type==2"
               type="primary"
               @click="handlePack(scope)"
-              >装箱</el-link
             >
-             <el-link
-              v-if="checkPermission(['warehouse_update'])"
+              装箱
+            </el-link>
+            <el-link
+              v-if="checkPermission(['fifo_pack'])"
               type="primary"
               @click="handleDetail(scope)"
-              >查看</el-link
             >
+              查看
+            </el-link>
             <el-link
-              v-if="scope.row.is_audited == false"
+              v-if="checkPermission(['fifo_hear'])&&scope.row.is_audited == false"
               type="primary"
               @click="handleAudit(scope)"
-              >审核</el-link
             >
+              审核
+            </el-link>
             <el-link
-              v-if="checkPermission(['warehouse_delete'])"
+              v-if="checkPermission(['fifo_delete'])"
               type="danger"
               @click="handleDelete(scope)"
-              >删除</el-link
             >
+              删除
+            </el-link>
           </template>
         </el-table-column>
       </el-table>
@@ -116,7 +128,7 @@
         label-position="right"
         :rules="rule1"
       >
-        <el-form-item label="采购订单" >
+        <el-form-item label="采购订单">
           <el-select v-model="inpur.pu_order">
             <el-option
               v-for="item in puorderoptions"
@@ -129,12 +141,18 @@
         </el-form-item>
       </el-form>
       <div style="text-align: right">
-        <el-button type="danger" @click="dialogVisibles = false"
-          >取消</el-button
+        <el-button
+          type="danger"
+          @click="dialogVisibles = false"
         >
-        <el-button type="primary" @click="confirminpur('Form1')"
-          >确认</el-button
+          取消
+        </el-button>
+        <el-button
+          type="primary"
+          @click="confirminpur('Form1')"
         >
+          确认
+        </el-button>
       </div>
     </el-dialog>
     <el-dialog
@@ -150,7 +168,7 @@
         label-position="right"
         :rules="rule1"
       >
-        <el-form-item class="warehouse" label="供应商" >
+        <el-form-item class="warehouse" label="供应商">
           <el-select v-model="inventory.vendor" size="small">
             <el-option
               v-for="item in vendoroptions"
@@ -180,7 +198,6 @@
                 </el-select>
               </el-form-item>
             </el-col>
-
             <el-col :span="5" style="margin-right: 10px">
               <el-form-item
                 class="material"
@@ -198,7 +215,6 @@
                 </el-select>
               </el-form-item>
             </el-col>
-
             <el-col :span="5" style="margin-right: 10px">
               <el-form-item
                 class="count"
@@ -220,24 +236,22 @@
                 <el-input v-model="item.batch" placeholder="批次号"></el-input>
               </el-form-item>
             </el-col>
-             <el-col :span="5" style="margin-right: 10px">
+            <el-col :span="5" style="margin-right: 10px">
               <el-form-item
                 class="expiration_date"
                 label="有效期"
                 :prop="'details.' + index + '.expiration_date'"
               >
-               <el-date-picker
-            v-model="item.expiration_date"
-            type="date"
-            placeholder="选择日期"
-            value-format="yyyy-MM-dd"
-            style="width:100%"
-          >
-          </el-date-picker>
-             
+                <el-date-picker
+                  v-model="item.expiration_date"
+                  type="date"
+                  placeholder="选择日期"
+                  value-format="yyyy-MM-dd"
+                  style="width:100%"
+                >
+                </el-date-picker>
               </el-form-item>
             </el-col>
-            
             <!-- 删除按钮 -->
             <el-col :span="1">
               <el-tooltip
@@ -295,234 +309,233 @@
   </div>
 </template>
 <script>
-import {
-  getfifoList,
-  createInventory,
-  createInother,
-  getWarehouseList,
-  deleteFifoitem,
-  deleteFifo,
-  audit,
-} from "@/api/inm";
-import { getPuorderList } from "@/api/pum";
-import checkPermission from "@/utils/permission";
-import { getpVendorList } from "@/api/vendor";
-import { getMaterialList } from "@/api/mtm";
-import { getUserList } from "@/api/user";
-import { genTree } from "@/utils";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
-const defaulteinventory = {
-  vendor: null,
-  details: [
-    {
-      warehouse: "", //仓库
-      material: "", // 物料
-      count: "", //数量
-      batch: "", //批次
+  import {
+    getfifoList,
+    createInventory,
+    createInother,
+    getWarehouseList,
+    deleteFifoitem,
+    deleteFifo,
+    audit,
+  } from "@/api/inm";
+  import {getPuorderList} from "@/api/pum";
+  import checkPermission from "@/utils/permission";
+  import {getpVendorList} from "@/api/vendor";
+  import {getMaterialList} from "@/api/mtm";
+  import {getUserList} from "@/api/user";
+  import {genTree} from "@/utils";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaulteinventory = {
+    vendor: null,
+    details: [
+      {
+        warehouse: "", //仓库
+        material: "", // 物料
+        count: "", //数量
+        batch: "", //批次
+      },
+    ],
+  };
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        inventory: defaulteinventory,
+        fifoList: {
+          count: 0,
+        },
+        types_: {
+          1: "生产领料",
+          2: "销售提货",
+          3: "采购入库",
+          4: "生产入库",
+          5: "其他入库",
+        },
+        inpur: {},
+        listQuery: {
+          page: 1,
+          page_size: 20,
+        },
+        puorderoptions: [],
+        warehouseData: [],
+        materialoptions: [],
+        vendoroptions: [],
+        listLoading: true,
+        dialogVisible: false,
+        dialogType: "new",
+        dialogVisibles: false,
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+        },
+      };
     },
-  ],
-};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      inventory: defaulteinventory,
-      fifoList: {
-        count: 0,
-      },
-      types_: {
-        1: "生产领料",
-        2: "销售提货",
-        3: "采购入库",
-        4: "生产入库",
-        5: "其他入库",
-      },
-      inpur: {},
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      puorderoptions: [],
-      warehouseData: [],
-      materialoptions: [],
-      vendoroptions: [],
-      listLoading: true,
-      dialogVisible: false,
-      dialogType: "new",
-      dialogVisibles: false,
-      rule1: {
-        name: [{ required: true, message: "请输入", trigger: "blur" }],
-      },
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getlists();
-    this.getList();
-    this.getListgys();
-    this.getmaterialList();
-    this.getpuorderList();
-  },
-  methods: {
-    checkPermission,
+    computed: {},
+    watch: {},
+    created() {
+      this.getlists();
+      this.getList();
+      this.getListgys();
+      this.getmaterialList();
+      this.getpuorderList();
+    },
+    methods: {
+      checkPermission,
 
-    getList() {
-      this.listLoading = true;
+      getList() {
+        this.listLoading = true;
 
-      getfifoList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.fifoList = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    //出入库详情
-    handleDetail(scope) {
-      this.$router.push({
-        name: "fifodetail",
-        params: { id: scope.row.id, pu_order: scope.row.pu_order},
-      });
-    },
-
-    //供应商列表
-    getListgys() {
-      getpVendorList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.vendoroptions = response.data;
-        }
-      });
-    },
-    //采购订单
-    getpuorderList() {
-      getPuorderList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.puorderoptions = response.data;
-        }
-      });
-    },
-    //采购入库提交
-    confirminpur() {
-      createInventory(this.inpur).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisibles = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-    //仓库
-    getlists() {
-      getWarehouseList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.warehouseData = genTree(response.data);
-        }
-        this.listLoading = false;
-      });
-    },
-    handlecgCreate() {
-      this.dialogVisibles = true;
-    },
-    addConditions() {
-      if (this.inventory.details.length <= 10) {
-        this.inventory.details.push({
-          warehouse: "", //仓库
-          material: "", // 物料
-          count: "", //数量
-          batch: "", // 批次
+        getfifoList(this.listQuery).then((response) => {
+          if (response.data) {
+            this.fifoList = response.data;
+          }
+          this.listLoading = false;
         });
-      } else {
-        this.$message("最多可添加十项条件");
+      },
+      //出入库详情
+      handleDetail(scope) {
+        this.$router.push({
+          name: "fifodetail",
+          params: {id: scope.row.id, pu_order: scope.row.pu_order},
+        });
+      },
+
+      //供应商列表
+      getListgys() {
+        getpVendorList({page: 0}).then((response) => {
+          if (response.data) {
+            this.vendoroptions = response.data;
+          }
+        });
+      },
+      //采购订单
+      getpuorderList() {
+        getPuorderList({page: 0}).then((response) => {
+          if (response.data) {
+            this.puorderoptions = response.data;
+          }
+        });
+      },
+      //采购入库提交
+      confirminpur() {
+        createInventory(this.inpur).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisibles = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+      //仓库
+      getlists() {
+        getWarehouseList({page: 0}).then((response) => {
+          if (response.data) {
+            this.warehouseData = genTree(response.data);
+          }
+          this.listLoading = false;
+        });
+      },
+      handlecgCreate() {
+        this.dialogVisibles = true;
+      },
+      addConditions() {
+        if (this.inventory.details.length <= 10) {
+          this.inventory.details.push({
+            warehouse: "", //仓库
+            material: "", // 物料
+            count: "", //数量
+            batch: "", // 批次
+          });
+        } else {
+          this.$message("最多可添加十项条件");
+        }
+      },
+      deleteItem(index) {
+        this.inventory.details.splice(index, 1);
+      },
+      //物料
+      getmaterialList() {
+        this.listLoading = true;
+        getMaterialList({pageoff: true}).then((response) => {
+          if (response.data) {
+            this.materialoptions = genTree(response.data);
+          }
+          this.listLoading = false;
+        });
+      },
+      handleCreate() {
+        this.inventory.details = [
+          {
+            warehouse: "", // 仓库
+            material: "", // 物料
+            count: "", //数量
+            batch: "", //批次
+          },
+        ];
+        this.inventory = Object.assign({}, defaulteinventory);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      //审核
+      handleAudit(scope) {
+        this.$confirm("是否通过?", "提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "success",
+        })
+          .then(async () => {
+            await audit(scope.row.id);
+            this.getList();
+            this.$message.success("已审核");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        };
+        this.getList();
+      },
+
+      async confirm(form) {
+        console.log(this.inventory);
+
+        createInother(this.inventory).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisible = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteFifo(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      //装箱
+      handlePack(scope) {
+        this.$router.push({name: "salesdetail", params: {id: scope.row.sale},})
       }
     },
-    deleteItem(index) {
-      this.inventory.details.splice(index, 1);
-    },
-    //物料
-    getmaterialList() {
-      this.listLoading = true;
-      getMaterialList({ pageoff: true }).then((response) => {
-        if (response.data) {
-          this.materialoptions = genTree(response.data);
-        }
-        this.listLoading = false;
-      });
-    },
-    handleCreate() {
-      this.inventory.details = [
-        {
-          warehouse: "", // 仓库
-          material: "", // 物料
-          count: "", //数量
-          batch: "", //批次
-        },
-      ];
-      this.inventory = Object.assign({}, defaulteinventory);
-      this.dialogType = "new";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    //审核
-    handleAudit(scope) {
-      this.$confirm("是否通过?", "提示", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "success",
-      })
-        .then(async () => {
-          await audit(scope.row.id);
-          this.getList();
-          this.$message.success("已审核");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    handleFilter() {
-      this.listQuery.page = 1;
-      this.getList();
-    },
-    resetFilter() {
-      this.listQuery = {
-        page: 1,
-        page_size: 20,
-      };
-      this.getList();
-    },
-
-    async confirm(form) {
-      console.log(this.inventory);
-
-      createInother(this.inventory).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisible = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-    handleDelete(scope) {
-      this.$confirm("确认删除?", "警告", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          await deleteFifo(scope.row.id);
-          this.getList();
-          this.$message.success("成功");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    //装箱
-    handlePack(scope)
-    {
-       this.$router.push({name: "salesdetail", params: { id: scope.row.sale }, })
-    }
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/inm/product.vue b/hb_client/src/views/inm/product.vue
index 0c4d093..7391079 100644
--- a/hb_client/src/views/inm/product.vue
+++ b/hb_client/src/views/inm/product.vue
@@ -1,13 +1,18 @@
 <template>
   <div class="app-container">
     <el-card>
-      <el-button type="primary" icon="el-icon-plus" @click="handleorder"
-      >选择订单
+      <el-button
+        v-if="checkPermission(['wp_to_order'])"
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleorder"
+      >
+        选择订单
       </el-button>
       <el-table
+        ref="multipleTable"
         v-loading="listLoading"
         :data="iproductData.results"
-        ref="multipleTable"
         border
         fit
         stripe
@@ -17,12 +22,9 @@
       >
         <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column type="index" width="50"/>
-        <el-table-column label="成品编号">
-          <template slot-scope="scope">{{ scope.row.number }}</template>
+        <el-table-column label="成品编号" prop="number">
         </el-table-column>
-
-        <el-table-column label="成品批次">
-          <template slot-scope="scope">{{ scope.row.batch }}</template>
+        <el-table-column label="成品批次" prop="batch">
         </el-table-column>
         <el-table-column label="成品名称" min-width="100" show-overflow-tooltip>
           <template slot-scope="scope">{{ scope.row.material_.name }}</template>
@@ -30,13 +32,10 @@
         <el-table-column label="所在仓库">
           <template slot-scope="scope">{{scope.row.warehouse_.name}}</template>
         </el-table-column>
-
         <el-table-column label="订单">
           <template slot-scope="scope">
             <span v-if="scope.row.to_order_">{{scope.row.to_order_.number}}</span>
-            <el-tag
-              v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"
-            >
+            <el-tag v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
               需要确定订单
             </el-tag>
             <span v-else></span>
@@ -45,9 +44,7 @@
         <el-table-column label="合同">
           <template slot-scope="scope">
             <span v-if="scope.row.to_order_">{{scope.row.to_order_.contract_.name}}</span>
-            <span
-              v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"
-            >
+            <span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
             </span>
             <span v-else></span>
           </template>
@@ -55,9 +52,7 @@
         <el-table-column label="客户">
           <template slot-scope="scope">
             <span v-if="scope.row.to_order_">{{scope.row.to_order_.customer_.name}}</span>
-            <span
-              v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"
-            >
+            <span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
             </span>
             <span v-else></span>
           </template>
@@ -69,13 +64,9 @@
             <span v-else></span>
           </template>
         </el-table-column>
-
-   <el-table-column label="销售状态">
+        <el-table-column label="销售状态">
           <template slot-scope="scope">{{state_[scope.row.state]}}</template>
         </el-table-column>
-
-
-
         <!-- <el-table-column align="center" label="操作" width="220px">
            <template slot-scope="scope">
              <el-link
@@ -150,7 +141,8 @@
               <el-link
                 v-if="checkPermission(['warehouse_update'])"
                 @click="toorders(scope)"
-              >确认
+              >
+                确认
               </el-link>
             </template>
           </el-table-column>
@@ -167,7 +159,7 @@
   import checkPermission from "@/utils/permission";
   import {getOrderList} from "@/api/sam";
   import {mtest, toorder} from "@/api/wpm";
-  import {genTree} from "@/utils";
+  // import {genTree} from "@/utils";
   import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
 
   export default {
@@ -188,12 +180,12 @@
         mtestform: {
           is_mtestok: false,
         },
-         state_: {
-        10: "可出售",
-        20: "销售锁定",
-        30: "已售出",
-      },
-         
+        state_: {
+          10: "可出售",
+          20: "销售锁定",
+          30: "已售出",
+        },
+
         form1: {},
         dialogFormVisibleorder: false,
         orderList: [],
@@ -225,10 +217,12 @@
           this.listLoading = false;
         });
       },
+
       handleMtest(scope) {
         this.saleproduct = scope.row.id;
         this.dialogVisible = true;
       },
+
       submtest() {
         mtest(this.saleproduct, this.mtestform).then((res) => {
           if (res.code >= 200) {
@@ -237,6 +231,7 @@
           }
         });
       },
+
       //批量选择成品发给谋订单
       handleorder() {
         this.dialogFormVisibleorder = true;
@@ -261,6 +256,7 @@
           }
         );
       },
+
       //提交批量产品选择的订单
       toorders(scope) {
         toorder({
diff --git a/hb_client/src/views/inm/warehouse.vue b/hb_client/src/views/inm/warehouse.vue
index ebff072..fbe1a69 100644
--- a/hb_client/src/views/inm/warehouse.vue
+++ b/hb_client/src/views/inm/warehouse.vue
@@ -2,9 +2,14 @@
   <div class="app-container">
     <el-card>
       <div>
-          <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
-          >新增仓库</el-button
+        <el-button
+          v-if="checkPermission(['warehouse_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
         >
+          新增仓库
+        </el-button>
         <el-input
           v-model="listQuery.search"
           placeholder="仓库名称/仓库编号"
@@ -17,19 +22,20 @@
           type="primary"
           icon="el-icon-search"
           @click="handleFilter"
-          >搜索</el-button
         >
+          搜索
+        </el-button>
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-refresh-left"
           @click="resetFilter"
-          >重置</el-button
         >
+          重置
+        </el-button>
       </div>
-     
     </el-card>
-    <el-card >
+    <el-card>
       <el-table
         v-loading="listLoading"
         :data="warehouseList.results"
@@ -37,45 +43,41 @@
         fit
         stripe
         highlight-current-row
-      
-          height="100"
+        height="100"
         v-el-height-adaptive-table="{bottomOffset: 42}"
       >
-        <el-table-column type="index" width="50" />
-        <el-table-column label="仓库名称">
-          <template slot-scope="scope">{{ scope.row.name }}</template>
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="仓库名称" prop="name">
         </el-table-column>
-
-        <el-table-column label="仓库编号">
-          <template slot-scope="scope">{{ scope.row.number }}</template>
+        <el-table-column label="仓库编号" prop="number">
         </el-table-column>
-        <el-table-column label="具体地点">
-          <template slot-scope="scope">{{ scope.row.place }}</template>
+        <el-table-column label="具体地点" prop="place">
         </el-table-column>
-
-        <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        <el-table-column label="创建时间" prop="create_time">
         </el-table-column>
         <el-table-column align="center" label="操作" width="220px">
           <template slot-scope="scope">
             <el-link
               v-if="checkPermission(['warehouse_update'])"
-               type="primary"
+              type="primary"
               @click="handleMaterial(scope)"
-              >查看物料</el-link
             >
+              查看物料
+            </el-link>
             <el-link
               v-if="checkPermission(['warehouse_update'])"
-               type="primary"
+              type="primary"
               @click="handleEdit(scope)"
-              >编辑</el-link
             >
+              编辑
+            </el-link>
             <el-link
               v-if="checkPermission(['warehouse_delete'])"
               type="danger"
               @click="handleDelete(scope)"
-              >删除</el-link
             >
+              删除
+            </el-link>
           </template>
         </el-table-column>
       </el-table>
@@ -100,13 +102,13 @@
         :rules="rule1"
       >
         <el-form-item label="仓库名称" prop="name">
-          <el-input v-model="warehouse.name" placeholder="仓库名称" />
+          <el-input v-model="warehouse.name" placeholder="仓库名称"/>
         </el-form-item>
         <el-form-item label="仓库编号" prop="number">
-          <el-input v-model="warehouse.number" placeholder="仓库编号" />
+          <el-input v-model="warehouse.number" placeholder="仓库编号"/>
         </el-form-item>
         <el-form-item label="具体地点" prop="place">
-          <el-input v-model="warehouse.place" placeholder="具体地点" />
+          <el-input v-model="warehouse.place" placeholder="具体地点"/>
         </el-form-item>
       </el-form>
       <div style="text-align: right">
@@ -117,146 +119,151 @@
   </div>
 </template>
 <script>
-import {
-  getWarehouseList,
-  createWarehouse,
-  updateWarehouse,
-  deleteWarehouse,
-} from "@/api/inm";
-import checkPermission from "@/utils/permission";
+  import {
+    getWarehouseList,
+    createWarehouse,
+    updateWarehouse,
+    deleteWarehouse,
+  } from "@/api/inm";
+  import checkPermission from "@/utils/permission";
 
-import { genTree } from "@/utils";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
-const defaultewarehouse = {};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      warehouse: defaultewarehouse,
-      warehouseList: {
-        count: 0,
-      },
-      options: [
-        {
-          value: 0,
-          label: "运转正常",
+  // import {genTree} from "@/utils";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaultewarehouse = {};
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        warehouse: defaultewarehouse,
+        warehouseList: {
+          count: 0,
         },
-        {
-          value: 1,
-          label: "停用",
+        options: [
+          {
+            value: 0,
+            label: "运转正常",
+          },
+          {
+            value: 1,
+            label: "停用",
+          },
+          {
+            value: 2,
+            label: "报废",
+          },
+        ],
+        listQuery: {
+          page: 1,
+          page_size: 20,
         },
-        {
-          value: 2,
-          label: "报废",
+        keeperOptions: [],
+        depOptions: [],
+        listLoading: true,
+        dialogVisible: false,
+        dialogType: "new",
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+          number: [{required: true, message: "请输入", trigger: "blur"}],
+          place: [{required: true, message: "请输入", trigger: "blur"}],
         },
-      ],
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      keeperOptions: [],
-      depOptions: [],
-      listLoading: true,
-      dialogVisible: false,
-      dialogType: "new",
-      rule1: {
-        name: [{ required: true, message: "请输入", trigger: "blur" }],
-        number: [{ required: true, message: "请输入", trigger: "blur" }],
-        place: [{ required: true, message: "请输入", trigger: "blur" }],
-      },
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getList();
-  },
-  methods: {
-    checkPermission,
-    //设备列表
-    getList() {
-      this.listLoading = true;
-      getWarehouseList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.warehouseList = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    //跳转到该仓库的物料表
-    handleMaterial(scope) {
-      this.$router.push({ name: "inventory", params: { id: scope.row.id } });
-    },
-    handleFilter() {
-      this.listQuery.page = 1;
-      this.getList();
-    },
-    resetFilter() {
-      this.listQuery = {
-        page: 1,
-        page_size: 20,
       };
+    },
+    computed: {},
+    watch: {},
+    created() {
       this.getList();
     },
-    handleCreate() {
-      this.warehouse = Object.assign({}, defaultewarehouse);
-      this.dialogType = "new";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-
-    handleEdit(scope) {
-      this.warehouse = Object.assign({}, scope.row); // copy obj
-      this.dialogType = "edit";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    handleDelete(scope) {
-      this.$confirm("确认删除?", "警告", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          await deleteWarehouse(scope.row.id);
-          this.getList();
-          this.$message.success("成功");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-
-    async confirm(form) {
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          const isEdit = this.dialogType === "edit";
-          if (isEdit) {
-            updateWarehouse(this.warehouse.id, this.warehouse).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
-          } else {
-            createWarehouse(this.warehouse).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
+    methods: {
+      checkPermission,
+      //设备列表
+      getList() {
+        this.listLoading = true;
+        getWarehouseList(this.listQuery).then((response) => {
+          if (response.data) {
+            this.warehouseList = response.data;
           }
-        } else {
-          return false;
-        }
-      });
+          this.listLoading = false;
+        });
+      },
+
+      //跳转到该仓库的物料表
+      handleMaterial(scope) {
+        this.$router.push({name: "inventory", params: {id: scope.row.id}});
+      },
+
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        };
+        this.getList();
+      },
+
+      handleCreate() {
+        this.warehouse = Object.assign({}, defaultewarehouse);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+
+      handleEdit(scope) {
+        this.warehouse = Object.assign({}, scope.row); // copy obj
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteWarehouse(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            this.$message.error(err);
+          });
+      },
+
+      async confirm(form) {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = this.dialogType === "edit";
+            if (isEdit) {
+              updateWarehouse(this.warehouse.id, this.warehouse).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            } else {
+              createWarehouse(this.warehouse).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/procurement/puorder.vue b/hb_client/src/views/procurement/puorder.vue
index fb908c2..47ae8bd 100644
--- a/hb_client/src/views/procurement/puorder.vue
+++ b/hb_client/src/views/procurement/puorder.vue
@@ -2,10 +2,14 @@
   <div class="app-container">
     <el-card>
       <div>
-        <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
-          >新增采购订单</el-button
+        <el-button
+          v-if="checkPermission(['puorder_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
         >
-
+          新增采购订单
+        </el-button>
         <el-input
           v-model="listQuery.search"
           placeholder="采购订单编号、供应商名称"
@@ -18,15 +22,17 @@
           type="primary"
           icon="el-icon-search"
           @click="handleFilter"
-          >搜索</el-button
         >
+          搜索
+        </el-button>
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-refresh-left"
           @click="resetFilter"
-          >重置</el-button
         >
+          重置
+        </el-button>
       </div>
     </el-card>
     <el-card style="margin-top: 2px">
@@ -41,14 +47,13 @@
         height="100"
         v-el-height-adaptive-table="{ bottomOffset: 43 }"
       >
-        <el-table-column type="index" width="50" />
-        <el-table-column label="采购订单编号">
-          <template slot-scope="scope">{{ scope.row.number }}</template>
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="采购订单编号" prop="number">
         </el-table-column>
         <el-table-column label="供应商">
-          <template slot-scope="scope" v-if="scope.row.vendor_">{{
-            scope.row.vendor_.name
-          }}</template>
+          <template slot-scope="scope" v-if="scope.row.vendor_">
+            {{scope.row.vendor_.name}}
+          </template>
         </el-table-column>
         <el-table-column label="审核情况" width="150">
           <template slot-scope="scope">
@@ -56,38 +61,38 @@
             <el-tag v-else-if="scope.row.is_audited == true">已审核</el-tag>
           </template>
         </el-table-column>
-  <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        <el-table-column label="创建时间" prop="create_time">
         </el-table-column>
         <el-table-column align="center" label="操作" width="220px">
           <template slot-scope="scope">
             <el-link
-              v-if="checkPermission(['vendor_update'])"
-                type="primary"
+              v-if="checkPermission(['puorder_update'])"
+              type="primary"
               @click="handlePuOrderItem(scope)"
-              >订单项</el-link
             >
+              订单项
+            </el-link>
             <el-link
-              v-if="
-                checkPermission(['vendor_update']) &&
-                scope.row.is_audited == false
-              "
-                type="primary"
+              v-if="checkPermission(['puorder_hear']) &&scope.row.is_audited == false"
+              type="primary"
               @click="handleAudit(scope)"
-              >审核</el-link
             >
+              审核
+            </el-link>
             <el-link
-              v-if="checkPermission(['vendor_update'])"
-                type="primary"
+              v-if="checkPermission(['puorder_update'])"
+              type="primary"
               @click="handleEdit(scope)"
-              >编辑</el-link
             >
+              编辑
+            </el-link>
             <el-link
-              v-if="checkPermission(['vendor_delete'])"
+              v-if="checkPermission(['puorder_delete'])"
               type="danger"
               @click="handleDelete(scope)"
-              >删除</el-link
             >
+              删除
+            </el-link>
           </template>
         </el-table-column>
       </el-table>
@@ -111,13 +116,13 @@
         :rules="rule1"
       >
         <el-form-item label="订单编号" prop="number">
-          <el-input v-model="puorder.number" placeholder="订单编号" />
+          <el-input v-model="puorder.number" placeholder="订单编号"/>
         </el-form-item>
 
         <el-form-item label="供应商" prop="vendor">
           <el-select
-            style="width: 100%"
             v-model="puorder.vendor"
+            style="width: 100%"
             placeholder="请选择"
           >
             <el-option
@@ -138,157 +143,157 @@
   </div>
 </template>
 <script>
-import { getpVendorList } from "@/api/vendor";
-import { getUserList } from "@/api/user";
-import {
-  getPuorderList,
-  createPuorder,
-  updatePuorder,
-  deletePuorder,
-  createPuorderAudit,
-  createPuorderItem,
-  deletePuorderItem,
-} from "@/api/pum";
-import checkPermission from "@/utils/permission";
+  import {getpVendorList} from "@/api/vendor";
+  import {getUserList} from "@/api/user";
+  import {
+    getPuorderList,
+    createPuorder,
+    updatePuorder,
+    deletePuorder,
+    createPuorderAudit,
+    createPuorderItem,
+    deletePuorderItem,
+  } from "@/api/pum";
+  import checkPermission from "@/utils/permission";
 
-import { genTree } from "@/utils";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
-const defaultpuorder = {
-  number: "",
-};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      puorder: defaultpuorder,
-      puorderList: {
-        count: 0,
-      },
+  import {genTree} from "@/utils";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaultpuorder = {
+    number: "",
+  };
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        puorder: defaultpuorder,
+        puorderList: {
+          count: 0,
+        },
 
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      vendorList: [],
-      dialogVisible: false,
-      dialogType: "new",
-      rule1: {
-        number: [{ required: true, message: "请输入", trigger: "blur" }],
-        vendor: [
-          { required: true, message: "请选择供应商", trigger: "change" },
-        ],
-      },
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getList();
-    this.getVendorList();
-  },
-  methods: {
-    checkPermission,
-    //采购订单
-    getList() {
-      this.listLoading = true;
-      getPuorderList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.puorderList = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    //供应商列表
-    getVendorList() {
-      getpVendorList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.vendorList = response.data;
-        }
-      });
-    },
-    handleFilter() {
-      this.listQuery.page = 1;
-      this.getList();
-    },
-    resetFilter() {
-      this.listQuery = {
-        page: 1,
-        page_size: 20,
+        listQuery: {
+          page: 1,
+          page_size: 20,
+        },
+        vendorList: [],
+        dialogVisible: false,
+        dialogType: "new",
+        rule1: {
+          number: [{required: true, message: "请输入", trigger: "blur"}],
+          vendor: [
+            {required: true, message: "请选择供应商", trigger: "change"},
+          ],
+        },
       };
+    },
+    computed: {},
+    watch: {},
+    created() {
       this.getList();
+      this.getVendorList();
     },
-    handleCreate() {
-      this.puorder = Object.assign({}, defaultpuorder);
-      this.dialogType = "new";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-
-    handleEdit(scope) {
-      this.puorder = Object.assign({}, scope.row); // copy obj
-      this.dialogType = "edit";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    handleDelete(scope) {
-      this.$confirm("确认删除?", "警告", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          await deletePuorder(scope.row.id);
-          this.getList();
-          this.$message.success("成功");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-
-    async confirm(form) {
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          const isEdit = this.dialogType === "edit";
-          if (isEdit) {
-            updatePuorder(this.puorder.id, this.puorder).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
-          } else {
-            createPuorder(this.puorder).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
+    methods: {
+      checkPermission,
+      //采购订单
+      getList() {
+        this.listLoading = true;
+        getPuorderList(this.listQuery).then((response) => {
+          if (response.data) {
+            this.puorderList = response.data;
           }
-        } else {
-          return false;
-        }
-      });
-    },
-    handlePuOrderItem(scope) {
-      this.$router.push({ name: "puorderitem", params: { id: scope.row.id } });
-    },
-    handleAudit(scope) {
+          this.listLoading = false;
+        });
+      },
+      //供应商列表
+      getVendorList() {
+        getpVendorList({page: 0}).then((response) => {
+          if (response.data) {
+            this.vendorList = response.data;
+          }
+        });
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        };
+        this.getList();
+      },
+      handleCreate() {
+        this.puorder = Object.assign({}, defaultpuorder);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
 
-      createPuorderAudit(scope.row.id).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-         
-          this.$message.success("审核成功!");
-        }
-      });
+      handleEdit(scope) {
+        this.puorder = Object.assign({}, scope.row); // copy obj
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deletePuorder(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+
+      async confirm(form) {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = this.dialogType === "edit";
+            if (isEdit) {
+              updatePuorder(this.puorder.id, this.puorder).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            } else {
+              createPuorder(this.puorder).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+      handlePuOrderItem(scope) {
+        this.$router.push({name: "puorderitem", params: {id: scope.row.id}});
+      },
+      handleAudit(scope) {
+
+        createPuorderAudit(scope.row.id).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+
+            this.$message.success("审核成功!");
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/procurement/vendor.vue b/hb_client/src/views/procurement/vendor.vue
index 33b1e5a..5213d8b 100644
--- a/hb_client/src/views/procurement/vendor.vue
+++ b/hb_client/src/views/procurement/vendor.vue
@@ -2,7 +2,12 @@
   <div class="app-container">
     <el-card>
       <div>
-        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">
+        <el-button
+          v-if="checkPermission(['vendor_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
+        >
           新增供应商
         </el-button>
         <el-input
@@ -43,27 +48,19 @@
         v-el-height-adaptive-table="{bottomOffset: 50}"
       >
         <el-table-column type="index" width="50"/>
-        <el-table-column label="供应商名">
-          <template slot-scope="scope">{{ scope.row.name }}</template>
+        <el-table-column label="供应商名" prop="name">
         </el-table-column>
-
-        <el-table-column label="联系人">
-          <template slot-scope="scope">{{ scope.row.contact }}</template>
+        <el-table-column label="联系人" prop="contact">
         </el-table-column>
-        <el-table-column label="联系电话">
-          <template slot-scope="scope">{{ scope.row.contact_phone }}</template>
+        <el-table-column label="联系电话" prop="contact_phone">
         </el-table-column>
-        <el-table-column label="地址" min-width="120" show-overflow-tooltip>
-          <template slot-scope="scope">{{ scope.row.address }}</template>
+        <el-table-column label="地址" prop="address" min-width="120" show-overflow-tooltip>
         </el-table-column>
-        <el-table-column label="供应物料">
-          <template slot-scope="scope">{{ scope.row.material }}</template>
+        <el-table-column label="供应物料" prop="material">
         </el-table-column>
-        <el-table-column label="备注">
-          <template slot-scope="scope">{{ scope.row.description }}</template>
+        <el-table-column label="备注" prop="description">
         </el-table-column>
-        <el-table-column label="创建时间" width="160">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        <el-table-column label="创建时间" prop="create_time" width="160">
         </el-table-column>
         <el-table-column
           align="center"
@@ -124,9 +121,9 @@
         </el-form-item>
         <el-form-item label="备注" prop="description">
           <el-input
+            v-model="vendor.description"
             type="textarea"
             :rows="4"
-            v-model="vendor.description"
             placeholder="备注"
           />
         </el-form-item>
@@ -140,10 +137,9 @@
 </template>
 <script>
   import {getpVendorList, createVendor, updateVendor, deleteVendor} from "@/api/vendor";
-  import {getUserList} from "@/api/user";
+  // import {getUserList} from "@/api/user";
   import checkPermission from "@/utils/permission";
-
-  import {genTree} from "@/utils";
+  // import {genTree} from "@/utils";
   import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
   const defaultvendor = {
     name: "",
@@ -205,13 +201,15 @@
         this.listQuery.page = 1;
         this.getList();
       },
+
       resetFilter() {
         this.listQuery = {
           page: 1,
           page_size: 20,
-        }
+        };
         this.getList();
       },
+
       handleCreate() {
         this.vendor = Object.assign({}, defaultvendor);
         this.dialogType = "new";
@@ -229,6 +227,7 @@
           this.$refs["Form"].clearValidate();
         });
       },
+
       handleDelete(scope) {
         this.$confirm("确认删除?", "警告", {
           confirmButtonText: "确认",
@@ -241,7 +240,7 @@
             this.$message.success("成功");
           })
           .catch((err) => {
-            console.error(err);
+            this.$message.error(err);
           });
       },
 
diff --git a/hb_client/src/views/workflow/index.vue b/hb_client/src/views/workflow/index.vue
index 1694c63..cc750d8 100644
--- a/hb_client/src/views/workflow/index.vue
+++ b/hb_client/src/views/workflow/index.vue
@@ -2,30 +2,37 @@
   <div class="app-container">
     <el-card>
       <div>
+        <el-button
+          v-if="checkPermission(['workflow_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
+        >
+          新增
+        </el-button>
         <el-input
-                v-model="listQuery.search"
-                placeholder="名称"
-                style="width: 300px"
-                class="filter-item"
-                @keyup.enter.native="handleFilter"
-              />
+          v-model="listQuery.search"
+          placeholder="名称"
+          style="width: 300px"
+          class="filter-item"
+          @keyup.enter.native="handleFilter"
+        />
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-search"
           @click="handleFilter"
-          >搜索</el-button
         >
+          搜索
+        </el-button>
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-refresh-left"
           @click="resetFilter"
-          >重置</el-button
         >
-      </div>
-      <div style="margin-top: 2px">
-        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增</el-button>
+          重置
+        </el-button>
       </div>
     </el-card>
     <el-card style="margin-top: 2px">
@@ -38,20 +45,17 @@
         highlight-current-row
         v-el-height-adaptive-table="{bottomOffset: 50}"
       >
-        <el-table-column type="index" width="50" />
-        <el-table-column label="名称">
-          <template slot-scope="scope">{{ scope.row.name }}</template>
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="名称" prop="name">
         </el-table-column>
-        <el-table-column label="描述">
-          <template slot-scope="scope">{{ scope.row.description }}</template>
+        <el-table-column label="描述" prop="description">
         </el-table-column>
         <el-table-column label="工单查看权限校验">
           <template slot-scope="scope">
             {{ !!(scope.row.view_permission_check)?'是':'否' }}
           </template>
         </el-table-column>
-        <el-table-column width="180" label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        <el-table-column width="180" prop="create_time" label="创建时间">
         </el-table-column>
         <el-table-column
           align="center"
@@ -62,24 +66,36 @@
             <el-link
               v-if="checkPermission(['workflow_update'])"
               @click="handlecfgt(scope)"
-            >配置</el-link>
+            >
+              配置
+            </el-link>
             <el-link
               v-if="checkPermission(['workflow_update'])"
               @click="handleEdit(scope)"
-            >编辑</el-link>
+            >
+              编辑
+            </el-link>
             <el-link
               v-if="checkPermission(['workflow_delete'])"
               type="danger"
               @click="handleDelete(scope)"
-            >删除</el-link>
+            >
+              删除
+            </el-link>
             <el-link
+              v-if="checkPermission(['workflow_update'])"
               type="primary"
               @click="handleTicket(scope)"
-            >查看工单</el-link>
+            >
+              查看工单
+            </el-link>
             <el-link
+              v-if="checkPermission(['workflow_update'])"
               type="primary"
               @click="handleWatch(scope)"
-            >查看流程图</el-link>
+            >
+              查看流程图
+            </el-link>
           </template>
         </el-table-column>
       </el-table>
@@ -116,18 +132,19 @@
         :model="workflow"
         label-width="100px"
         label-position="right"
-        :rules="rule1">
+        :rules="rule1"
+      >
         <el-form-item label="名称" prop="name">
-          <el-input v-model="workflow.name" placeholder="名称" />
+          <el-input v-model="workflow.name" placeholder="名称"/>
         </el-form-item>
         <el-form-item label="流水号前缀">
-          <el-input v-model="workflow.sn_prefix " placeholder="流水号前缀" />
+          <el-input v-model="workflow.sn_prefix " placeholder="流水号前缀"/>
         </el-form-item>
         <el-form-item label="描述" prop="description">
           <el-input
+            v-model="workflow.description"
             type="textarea"
             :rows="4"
-            v-model="workflow.description"
             placeholder="描述"
           />
         </el-form-item>
@@ -147,10 +164,10 @@
           />
         </el-form-item>
         <el-form-item label="标题模板" prop="title_template">
-          <el-input v-model="workflow.title_template" placeholder="你有一个待办工单:{title}" />
+          <el-input v-model="workflow.title_template" placeholder="你有一个待办工单:{title}"/>
         </el-form-item>
         <el-form-item label="内容模板" prop="content_template">
-          <el-input v-model="workflow.content_template" placeholder="标题:{title}, 创建时间:{create_time}" />
+          <el-input v-model="workflow.content_template" placeholder="标题:{title}, 创建时间:{create_time}"/>
         </el-form-item>
       </el-form>
       <div style="text-align: right">
@@ -162,253 +179,274 @@
 </template>
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script>
-  import { getWfTransitionList,getWorkflowList, createWorkflow,updateWorkflow,deleteWorkflow,getWfCustomfieldList,getWfStateList } from "@/api/workflow";
+  import {
+    getWfTransitionList,
+    getWorkflowList,
+    createWorkflow,
+    updateWorkflow,
+    deleteWorkflow,
+    getWfCustomfieldList,
+    getWfStateList
+  } from "@/api/workflow";
   import checkPermission from "@/utils/permission";
   // import vueJsonEditor from 'vue-json-editor'
   import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
   import dagreD3 from 'dagre-d3'
   import * as d3 from 'd3'
-const defaultworkflow = {
-  name: "",
-  number: "",
-};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      // workflow: defaultworkflow,
-      workflow:{
-        name:'',
-        sn_prefix:'',
-        description:'',
-        view_permission_check:'',
-        display_form_str:'',
-        title_template:'',
-        content_template:'',
-      },
-      limitedWatch:false,
-      view_permission_check:false,
-       hasJsonFlag:true,  // json是否验证通过
-         hasJsonFlag1:true,  // json是否验证通过
-      workflowList: {
-        count: 0,
-      },
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      choiceOption:[],
-      display_form_str:[],
-      limit_expression:[],
-      listLoading: true,
-      dialogVisible: false,
-      dialogType: "new",
-      watchedName:'',
-      watchedCreateTime:'',
-      rule1: {
-        name: [{ required: true, message: "请输入", trigger: "blur" }],
-        description: [{ required: true, message: "请输入", trigger: "blur" }]
-      },
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getList();
-  },
-  methods: {
-    checkPermission,
-    getList() {
-      this.listLoading = true;
-      getWorkflowList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.workflowList = response.data;
-        }
-        this.listLoading = false;
-      });
+
+  const defaultworkflow = {
+    name: "",
+    number: "",
+  };
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        // workflow: defaultworkflow,
+        workflow: {
+          name: '',
+          sn_prefix: '',
+          description: '',
+          view_permission_check: '',
+          display_form_str: '',
+          title_template: '',
+          content_template: '',
+        },
+        limitedWatch: false,
+        view_permission_check: false,
+        hasJsonFlag: true,  // json是否验证通过
+        hasJsonFlag1: true,  // json是否验证通过
+        workflowList: {
+          count: 0,
+        },
+        listQuery: {
+          page: 1,
+          page_size: 20,
+        },
+        choiceOption: [],
+        display_form_str: [],
+        limit_expression: [],
+        listLoading: true,
+        dialogVisible: false,
+        dialogType: "new",
+        watchedName: '',
+        watchedCreateTime: '',
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+          description: [{required: true, message: "请输入", trigger: "blur"}]
+        },
+      };
     },
-    handleFilter() {
-      this.listQuery.page = 1;
+    computed: {},
+    watch: {},
+    created() {
       this.getList();
     },
-    resetFilter() {
-      this.listQuery = {
-        page: 1,
-        page_size: 20,
-      }
-      this.getList();
-    },
-    handleCreate() {
-      this.workflow = Object.assign({}, defaultworkflow);
-      this.dialogType = "new";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    handleEdit(scope) {
-      this.workflow = Object.assign({}, scope.row); // copy obj
-      this.dialogType = "edit";
-      this.dialogVisible = true;
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-      getWfCustomfieldList(scope.row.id).then((response) => {
-        if (response.data) {
-          this.choiceOption = response.data;
-        }
-
-      });
-    },
-    handlecfgt(scope)
-    {
-      this.$router.push({name:"configuration",params:{workflow:scope.row.id}})
-    },
-    handleDelete(scope) {
-      this.$confirm("确认删除?", "警告", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "error",
-      })
-        .then(async () => {
-          await deleteWorkflow(scope.row.id);
-          this.getList();
-          this.$message.success("成功");
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
-    handleTicket(scope){
-      this.$router.push({name:"workFlowTickets",params:{workflow:scope.row.id}})
-    },
-    async confirm(form) {
-      debugger;
-      console.log(this.workflow.display_form_str)
-
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          const isEdit = this.dialogType === "edit";
-          if (isEdit) {
-            this.checkJson();
-             this.checkJson2();
-            updateWorkflow(this.workflow.id, this.workflow).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
-          } else {
-            this.checkJson();
-             this.checkJson2();
-            createWorkflow(this.workflow).then((res) => {
-              if (res.code >= 200) {
-                this.getList();
-                 this.dialogVisible = false;
-                this.$message.success("成功");
-              }
-            });
-          }
-        } else {
-          return false;
-        }
-      });
-    },
-    handleWatch(scope){
-      let that = this;
-      let workFlow = scope.row.id;
-      that.watchedName = scope.row.name;
-      that.watchedCreateTime = scope.row.create_time;
-      that.limitedWatch = true;
-      that.$nextTick(()=>{
-        var g = new dagreD3.graphlib.Graph().setGraph({
-          rankdir: 'DL',
-          nodesep: 100,
-          edgesep: 10,//两条线之间的距离
-          ranksep: 50,//节点之间的距离
-          marginx: 160,
-          marginy: 20,
-        });
-        //获取state得到节点
-        getWfStateList(workFlow).then((response) => {
+    methods: {
+      checkPermission,
+      getList() {
+        this.listLoading = true;
+        getWorkflowList(this.listQuery).then((response) => {
           if (response.data) {
-            let nodes = response.data;
-            // 添加节点
-            nodes.forEach((item) => {
-              g.setNode(item.id, {
-                // 节点标签
-                label: item.name,
-                // 节点形状
-                shape: 'rect',
-                toolText: item.name,
-                //节点样式
-                style: "fill:#fff;stroke:#000",
-                labelStyle: "fill:#000;",
-                rx :5,//矩形节点圆角度
-                ry :5
-              });
-            });
-            g.nodes().forEach(function (v) {
-              console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
-            });
-            //获取流转得到线  链接关系
-            getWfTransitionList(workFlow).then((res)=>{
-              if(res.data){
-                let transitionList = res.data;
-                transitionList.forEach((transition0)=>{
-                  if (transition0.condition_expression.length>0){
-                    debugger;
-                    g.setNode(transition0.source_state_.id+100000, {label: "条件表达式",style: "stroke: #000;fill: #afa", shape: "diamond"});
-                    g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
-                      // 边标签
-                      label: transition0.name,
-                      style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
-                    });
-                    let condition_expression = transition0.condition_expression;
-                    condition_expression.forEach(condition_expression0=>{
-                      g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
-                        label: condition_expression0.label,
-                        style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
-                      })
-                    })
-                  }else{
-                    g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
-                      // 边标签
-                      label: transition0.name,
-                      // 边样式
-                      style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
-                    });
-                  }
-                })
-                g.nodes().length-1
-                g.nodes().forEach(function (v) {
-                  console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
-                });
-                // 创建渲染器
-                let render = new dagreD3.render();
-                // 选择 svg 并添加一个g元素作为绘图容器.
-                let svg = d3.select('#mySvg');
-                let svgGroup = svg.append('g');
-                // 在绘图容器上运行渲染器生成流程图.
-                render(d3.select("svg g"), g);
-              }else{}
-            });
+            this.workflowList = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
 
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        }
+        this.getList();
+      },
+
+      handleCreate() {
+        this.workflow = Object.assign({}, defaultworkflow);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+
+      handleEdit(scope) {
+        this.workflow = Object.assign({}, scope.row); // copy obj
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+        getWfCustomfieldList(scope.row.id).then((response) => {
+          if (response.data) {
+            this.choiceOption = response.data;
           }
         });
+      },
 
-      })
-    },
-    closeMark(){
-      this.limitedWatch = false;
-    },
-   onJsonChange (value) {
+      handlecfgt(scope) {
+        this.$router.push({name: "configuration", params: {workflow: scope.row.id}})
+      },
+
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteWorkflow(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+
+      handleTicket(scope) {
+        this.$router.push({name: "workFlowTickets", params: {workflow: scope.row.id}})
+      },
+
+      async confirm(form) {
+        // console.log(this.workflow.display_form_str)
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = this.dialogType === "edit";
+            if (isEdit) {
+              this.checkJson();
+              this.checkJson2();
+              updateWorkflow(this.workflow.id, this.workflow).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            } else {
+              this.checkJson();
+              this.checkJson2();
+              createWorkflow(this.workflow).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+
+      handleWatch(scope) {
+        let that = this;
+        let workFlow = scope.row.id;
+        that.watchedName = scope.row.name;
+        that.watchedCreateTime = scope.row.create_time;
+        that.limitedWatch = true;
+        that.$nextTick(() => {
+          var g = new dagreD3.graphlib.Graph().setGraph({
+            rankdir: 'DL',
+            nodesep: 100,
+            edgesep: 10,//两条线之间的距离
+            ranksep: 50,//节点之间的距离
+            marginx: 160,
+            marginy: 20,
+          });
+          //获取state得到节点
+          getWfStateList(workFlow).then((response) => {
+            if (response.data) {
+              let nodes = response.data;
+              // 添加节点
+              nodes.forEach((item) => {
+                g.setNode(item.id, {
+                  // 节点标签
+                  label: item.name,
+                  // 节点形状
+                  shape: 'rect',
+                  toolText: item.name,
+                  //节点样式
+                  style: "fill:#fff;stroke:#000",
+                  labelStyle: "fill:#000;",
+                  rx: 5,//矩形节点圆角度
+                  ry: 5
+                });
+              });
+              g.nodes().forEach(function (v) {
+                console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+              });
+              //获取流转得到线  链接关系
+              getWfTransitionList(workFlow).then((res) => {
+                if (res.data) {
+                  let transitionList = res.data;
+                  transitionList.forEach((transition0) => {
+                    if (transition0.condition_expression.length > 0) {
+                      debugger;
+                      g.setNode(transition0.source_state_.id + 100000, {
+                        label: "条件表达式",
+                        style: "stroke: #000;fill: #afa",
+                        shape: "diamond"
+                      });
+                      g.setEdge(transition0.source_state_.id, transition0.source_state_.id + 100000, {
+                        // 边标签
+                        label: transition0.name,
+                        style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                      });
+                      let condition_expression = transition0.condition_expression;
+                      condition_expression.forEach(condition_expression0 => {
+                        g.setEdge(transition0.source_state_.id + 100000, condition_expression0.target_state, {
+                          label: condition_expression0.label,
+                          style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                        })
+                      })
+                    } else {
+                      g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                        // 边标签
+                        label: transition0.name,
+                        // 边样式
+                        style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                      });
+                    }
+                  })
+                  g.nodes().length - 1
+                  g.nodes().forEach(function (v) {
+                    console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                  });
+                  // 创建渲染器
+                  let render = new dagreD3.render();
+                  // 选择 svg 并添加一个g元素作为绘图容器.
+                  let svg = d3.select('#mySvg');
+                  let svgGroup = svg.append('g');
+                  // 在绘图容器上运行渲染器生成流程图.
+                  render(d3.select("svg g"), g);
+                } else {
+                }
+              });
+
+            }
+          });
+
+        })
+      },
+
+      closeMark() {
+        this.limitedWatch = false;
+      },
+
+      onJsonChange(value) {
         // console.log('更改value:', value);
         // 实时保存
         this.onJsonSave(value)
       },
-      onJsonSave (value) {
+      onJsonSave(value) {
         // console.log('保存value:', value);
         this.limit_expression = value
         this.hasJsonFlag = true
@@ -416,20 +454,21 @@ export default {
       onError(value) {
         this.hasJsonFlag = false
       },
-       onJsonChange1 (value) {
+      onJsonChange1(value) {
         // 实时保存
         this.onJsonSave1(value)
       },
-      onJsonSave1 (value) {
+      onJsonSave1(value) {
         this.display_form_str = value
         this.hasJsonFlag1 = true
       },
       onError1(value) {
         this.hasJsonFlag1 = false
       },
+
       // 检查json
-      checkJson(){
-        if (this.hasJsonFlag == false){
+      checkJson() {
+        if (this.hasJsonFlag == false) {
           // alert("限制表达式json验证失败")
           return false
         } else {
@@ -437,9 +476,10 @@ export default {
           return true
         }
       },
-       // 检查json
-      checkJson2(){
-        if (this.hasJsonFlag1 == false){
+
+      // 检查json
+      checkJson2() {
+        if (this.hasJsonFlag1 == false) {
           // alert("展现表单字段json验证失败")
           return false
         } else {
@@ -447,24 +487,27 @@ export default {
           return true
         }
       },
-  },
-};
+    },
+  };
 </script>
 <style scoped>
   ::-webkit-scrollbar {
     width: 15px;
   }
-  ::-webkit-scrollbar-track{
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
+
+  ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
     background-color: #fefefe;
     border-radius: 7px;
   }
-  ::-webkit-scrollbar-thumb{
+
+  ::-webkit-scrollbar-thumb {
     border-radius: 7px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
     background-color: #f5f5f5;
   }
-  .svgMark{
+
+  .svgMark {
     width: 100%;
     height: 100%;
     position: fixed;
@@ -475,9 +518,10 @@ export default {
     overflow: auto;
     margin: 0;
     z-index: 2000;
-    background: rgba(0,0,0,.3);
+    background: rgba(0, 0, 0, .3);
   }
-  .svgWrapper{
+
+  .svgWrapper {
     background: #fff;
     width: 800px;
     margin: 10vh auto 0;
@@ -486,30 +530,36 @@ export default {
     max-height: 80vh;
     overflow-y: scroll;
   }
-  .svgItem{
-    padding: 20px 40px 0 ;
+
+  .svgItem {
+    padding: 20px 40px 0;
     font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
     font-size: 18px;
     display: flex;
     justify-content: space-between;
   }
+
   svg {
     font-size: 14px;
   }
+
   .node rect {
     stroke: #606266;
     fill: #fff;
   }
+
   .edgePath path {
     stroke: #606266;
     fill: #333;
     stroke-width: 1.5px;
   }
+
   g.conditions > rect {
     fill: #00ffd0;
     stroke: #000;
   }
-  .el-icon-close{
+
+  .el-icon-close {
     cursor: pointer;
   }
 </style>
diff --git a/hb_client/src/views/workflow/ticket.vue b/hb_client/src/views/workflow/ticket.vue
index 14971fd..e22613a 100644
--- a/hb_client/src/views/workflow/ticket.vue
+++ b/hb_client/src/views/workflow/ticket.vue
@@ -2,7 +2,22 @@
   <div class="app-container">
     <el-card style="margin-bottom: 10px">
       <div>
-        <el-select v-model="pageForm.workflow" placeholder="工作流" clearable style="width: 200px" class="filter-item" @change="handleFilter">
+        <el-button
+          v-if="checkPermission(['ticket_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
+        >
+          新增
+        </el-button>
+        <el-select
+          v-model="pageForm.workflow"
+          placeholder="工作流"
+          clearable
+          style="width: 200px"
+          class="filter-item"
+          @change="handleFilter"
+        >
           <el-option
             v-for="item in workflows"
             :key="item.id"
@@ -15,216 +30,126 @@
           type="primary"
           icon="el-icon-refresh-left"
           @click="resetFilter"
-        >重置</el-button>
+        >
+          重置
+        </el-button>
         <el-button
           class="filter-item"
           type="primary"
           icon="el-icon-search"
           @click="handleFilter"
-        >搜索</el-button>
-      </div>
-      <div style="margin-top: 2px">
-        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增</el-button>
+        >
+          搜索
+        </el-button>
       </div>
     </el-card>
-    <el-tabs v-model="pageForm.category" type="border-card" @tab-click="handleClick">
-      <el-tab-pane label="待处理" name="duty">
-        <el-table
-          v-loading="listLoading"
-          :data="tickets"
-          border fit stripe
-          style="width: 100%"
-          height="100"
-          highlight-current-row
-          v-el-height-adaptive-table="{bottomOffset: 100}"
-        >
-          <el-table-column label="工单标题" min-width="100" prop="title">
-          </el-table-column>
-          <el-table-column label="当前状态"  min-width="100">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
-              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="进行状态"  min-width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
-              <span v-else>已{{scope.row.state_.name}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="类型"  min-width="100">
-            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
-          </el-table-column>
-          <el-table-column label="创建时间"  min-width="100" prop="create_time">
-          </el-table-column>
-          <el-table-column align="center" label="操作">
-            <template slot-scope="scope">
-              <el-link v-if="scope.row.state_.distribute_type==1&&scope.row.participant_type==2" type="danger" @click="handleGetTicket(scope)">接单</el-link>
-              <el-link v-else-if="(scope.row.act_state==1||scope.row.act_state==3)&&scope.row.participant_type!==2&&scope.row.state_.type===0" type="primary" @click="handleDetail(scope)">处理</el-link>
-              <el-link v-if="scope.row.state_.type==1&&userId==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
-              <!--如果state_.retreat为可退回，则显示撤回按钮 state_.type==1处于草稿状态 -->
-              <el-link v-if="scope.row.state_.enable_retreat&&userId==scope.row.create_by&&scope.row.state_.type!==1" type="danger" @click="handleClose(scope,'1')">撤回</el-link>
-              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
-              <el-link type="success" @click="handleDelete(scope)">删除</el-link>
-              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
-              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          :total="total"
-          :page.sync="pageForm.page"
-          :limit.sync="pageForm.page_size"
-          @pagination="getList"
-        />
-      </el-tab-pane>
-      <el-tab-pane label="我处理" name="worked">
-        <el-table :data="tickets"
-                  border fit stripe
-                  style="width: 100%"
-                  height="100"
-                  highlight-current-row
-                  v-el-height-adaptive-table="{bottomOffset: 60}">
-          <el-table-column label="工单标题" min-width="100" prop="title">
-          </el-table-column>
-          <el-table-column label="当前状态"  min-width="100">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
-              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="进行状态"  min-width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
-              <span v-else>已{{scope.row.state_.name}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="类型"  min-width="100">
-            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
-          </el-table-column>
-          <el-table-column label="创建时间"  min-width="100" prop="create_time">
-          </el-table-column>
-          <el-table-column align="center" label="操作">
-            <template slot-scope="scope">
-             <!-- <el-link v-if="scope.row.state_.distribute_type==1&&scope.row.participant_type==2" type="danger" @click="handleGetTicket(scope)">接单</el-link>
-              <el-link v-else-if="(scope.row.act_state==1||scope.row.act_state==3)&&scope.row.participant_type!==2&&scope.row.state_.type===0" type="primary" @click="handleDetail(scope)">处理</el-link>
-              -->
-              <el-link v-if="scope.row.state_.type==1&&userId==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
-              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
-              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
-              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          :total="total"
-          :page.sync="pageForm.page"
-          :limit.sync="pageForm.page_size"
-          @pagination="getList"
-        />
-      </el-tab-pane>
-      <el-tab-pane label="我发起" name="owner">
-        <el-table :data="tickets"
-                  border fit stripe
-                  style="width: 100%"
-                  height="100"
-                  highlight-current-row
-                  v-el-height-adaptive-table="{bottomOffset: 60}">
-          <el-table-column label="工单标题" min-width="100" prop="title">
-          </el-table-column>
-          <el-table-column label="当前状态"  min-width="100">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
-              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="进行状态"  min-width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
-              <span v-else>已{{scope.row.state_.name}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="类型"  min-width="100">
-            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
-          </el-table-column>
-          <el-table-column label="创建时间"  min-width="100" prop="create_time">
-          </el-table-column>
-          <el-table-column align="center" label="操作">
-            <template slot-scope="scope" v-if="scope.row.state_">
-              <el-link v-if="scope.row.state_.enable_retreat&&scope.row.state_.type!==1" type="danger" @click="handleClose(scope,'1')">撤回</el-link>
-              <el-link v-if="scope.row.state_.type==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
-              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
-              <el-link type="success" @click="handleDelete(scope)">删除</el-link>
-              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
-              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          :total="total"
-          :page.sync="pageForm.page"
-          :limit.sync="pageForm.page_size"
-          @pagination="getList"
-        />
-      </el-tab-pane>
-      <el-tab-pane label="抄送我" name="cc">
-        <el-table :data="tickets"
-                  border fit stripe
-                  style="width: 100%"
-                  height="100"
-                  highlight-current-row
-                  v-el-height-adaptive-table="{bottomOffset: 60}">
-          <el-table-column label="工单标题" min-width="100" prop="title">
-          </el-table-column>
-          <el-table-column label="当前状态"  min-width="100">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
-              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
-              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
-              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="进行状态"  min-width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
-              <span v-else>已{{scope.row.state_.name}}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="类型"  min-width="100">
-            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
-          </el-table-column>
-          <el-table-column label="创建时间"  min-width="100" prop="create_time">
-          </el-table-column>
-          <el-table-column align="center" label="操作">
-            <template slot-scope="scope">
-              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
-              <el-link type="danger" @click="handlePicture(scope)">查看流程图</el-link>
-              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          :total="total"
-          :page.sync="pageForm.page"
-          :limit.sync="pageForm.page_size"
-          @pagination="getList"
-        />
-      </el-tab-pane>
-    </el-tabs>
+    <el-card>
+      <el-tabs v-model="pageForm.category" type="card" @tab-click="handleClick">
+        <el-tab-pane label="待处理" name="duty"></el-tab-pane>
+        <el-tab-pane label="我处理" name="worked"></el-tab-pane>
+        <el-tab-pane label="我发起" name="owner"></el-tab-pane>
+        <el-tab-pane label="抄送我" name="cc"></el-tab-pane>
+      </el-tabs>
+      <el-table
+        v-loading="listLoading"
+        :data="tickets"
+        border
+        fit
+        stripe
+        style="width: 100%"
+        height="100"
+        highlight-current-row
+        v-el-height-adaptive-table="{bottomOffset: 80}"
+      >
+        <el-table-column label="工单标题" min-width="100" prop="title">
+        </el-table-column>
+        <el-table-column label="当前状态" min-width="100">
+          <template slot-scope="scope">
+            <el-tag>{{states[scope.row.act_state]}}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="进行状态" min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+            <span v-else>已{{scope.row.state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型" min-width="100">
+          <template slot-scope="scope">
+            {{scope.row.workflow_.name}}
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" min-width="100" prop="create_time">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['ticket_handle'])&&scope.row.state_.distribute_type===1&&scope.row.participant_type===2"
+              type="danger"
+              @click="handleGetTicket(scope)"
+            >
+              接单
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])&&(scope.row.act_state===1||scope.row.act_state===3)&&scope.row.participant_type!==2&&scope.row.state_.type===0"
+              type="primary"
+              @click="handleDetail(scope)"
+            >
+              处理
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])&&scope.row.state_.type===1&&userId===1"
+              type="danger"
+              @click="handleClose(scope,'2')"
+            >
+              关闭
+            </el-link>
+            <!--如果state_.retreat为可退回，则显示撤回按钮 state_.type==1处于草稿状态 -->
+            <el-link
+              v-if="checkPermission(['ticket_handle'])&&scope.row.state_.enable_retreat&&userId===scope.row.create_by&&scope.row.state_.type!==1"
+              type="danger"
+              @click="handleClose(scope,'1')"
+            >
+              撤回
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])"
+              type="primary"
+              @click="handleDetails(scope)"
+            >
+              详情
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])"
+              type="success"
+              @click="handleDelete(scope)"
+            >
+              删除
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])"
+              type="success"
+              @click="handlePicture(scope)"
+            >
+              查看流程图
+            </el-link>
+            <el-link
+              v-if="checkPermission(['ticket_handle'])"
+              type="success"
+              @click="handleLogs(scope)"
+            >
+              工单日志
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        :total="total"
+        :page.sync="pageForm.page"
+        :limit.sync="pageForm.page_size"
+        @pagination="getList"
+      />
+    </el-card>
     <div class="svgMark" v-if="dialogVisible" @click="closeMark">
       <div class="svgWrapper">
         <div class="svgItem">工单流程图<i class="el-dialog__close el-icon el-icon-close" @click="closeMark"></i></div>
@@ -237,14 +162,17 @@
           </el-col>
         </el-row>
         <el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
-          <el-step :title="item.name" v-for="item in flowSteps " :key="item.id">
+          <el-step
+            v-for="item in flowSteps "
+            :key="item.id"
+            :title="item.name"
+          >
           </el-step>
         </el-steps>
         <div style="width: 90%;margin: auto;">
           <svg height=1000 id="mySvg" style="width:100%!important;">
           </svg>
         </div>
-
       </div>
     </div>
     <el-dialog :visible.sync="limitedRetreat" :title="handleTitle">
@@ -266,7 +194,7 @@
     <el-dialog :visible.sync="limitedAdd" title="新增工单">
       <el-form ref="Form" :model="addForm" label-width="100px" label-position="right" :rules="rule1">
         <el-form-item label="名称" prop="title">
-          <el-input v-model="addForm.title" placeholder="工单名称" />
+          <el-input v-model="addForm.title" placeholder="工单名称"/>
         </el-form-item>
         <el-form-item label="工作流">
           <el-select v-model="addForm.workflow" placeholder="工作流" @change="handleWorkflowChange">
@@ -280,13 +208,14 @@
         </el-form-item>
         <el-form-item :label="item.field_name" v-for="item in customfields" :key="item.id">
           <template v-if="item.field_type=='string'">
-            <el-input v-model="item.default_value" :placeholder="item.description" />
+            <el-input v-model="item.default_value" :placeholder="item.description"/>
           </template>
           <template v-if="item.field_type==='int'">
-            <el-input v-model="item.default_value" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description"
+                      oninput="value=value.replace(/[^\d]/g,'')"/>
           </template>
           <template v-if="item.field_type==='float'">
-            <el-input v-model="item.default_value" type="number" :placeholder="item.description" />
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description"/>
           </template>
           <template v-if="item.field_type==='date'">
             <el-date-picker
@@ -320,7 +249,7 @@
             </el-select>
           </template>
           <template v-if="item.field_type==='selects'">
-            <el-select  style="width: 100%" multiple v-model="item.default_value" placeholder="请选择">
+            <el-select style="width: 100%" multiple v-model="item.default_value" placeholder="请选择">
               <el-option
                 v-for="item1 in item.field_choice"
                 :key="item1.id"
@@ -331,7 +260,7 @@
             </el-select>
           </template>
           <template v-if="item.field_type==='textarea'">
-            <el-input type="textarea"  :rows="3" v-model="item.default_value" placeholder="内容" />
+            <el-input type="textarea" :rows="3" v-model="item.default_value" placeholder="内容"/>
           </template>
           <template v-if="item.field_type==='file'">
             <el-upload
@@ -356,38 +285,32 @@
       </div>
     </el-dialog>
     <el-dialog :visible.sync="limitedFlowLogs" title="工单日志">
-      <el-table :data="floeLogs"  fit stripe
-                style="width: 100%;border-top:1px solid #EBEEF5;"
-                height="100"
-                highlight-current-row
-                v-el-height-adaptive-table="{bottomOffset: 60}">
+      <el-table
+        :data="floeLogs"
+        fit
+        stripe
+        style="width: 100%;border-top:1px solid #EBEEF5;"
+        height="100"
+        highlight-current-row
+        v-el-height-adaptive-table="{bottomOffset: 60}"
+      >
         <el-table-column label="工单标题" min-width="100">
           <template slot-scope="scope" v-if="scope.row.ticket_data">
             <span>{{scope.row.ticket_data.title}}中</span>
           </template>
         </el-table-column>
-        <!-- <el-table-column label="当前状态"  min-width="100">
-           <template slot-scope="scope">
-             <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
-             <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
-             <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
-             <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
-             <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
-             <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
-           </template>
-         </el-table-column>-->
-        <el-table-column label="进行状态"  min-width="100">
+        <el-table-column label="进行状态" min-width="100">
           <template slot-scope="scope" v-if="scope.row.state_">
             <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
             <span v-else>已{{scope.row.state_.name}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作人"  min-width="100">
+        <el-table-column label="操作人" min-width="100">
           <template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
         </el-table-column>
         <el-table-column label="操作意见" min-width="100" prop="suggestion">
         </el-table-column>
-        <el-table-column label="更新时间"  min-width="100" prop="update_time">
+        <el-table-column label="更新时间" min-width="100" prop="update_time">
         </el-table-column>
       </el-table>
     </el-dialog>
@@ -395,542 +318,579 @@
 </template>
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script>
-  import { upUrl, upHeaders } from "@/api/file";
-  import {getWorkflowList,getWfCustomfieldList,createTicket,getWfStateList,getTickets,ticketAccpet,getWfTransitionList,
-    ticketHandle,getWfFlowSteps,getTicketDetail,getTicketTransitions,getTicketFlowlog,ticketRetreat,ticketClose,ticketDestory} from "@/api/workflow";
+  import {upUrl, upHeaders} from "@/api/file";
+  import checkPermission from "@/utils/permission";
+  import {
+    getWorkflowList,
+    getWfCustomfieldList,
+    createTicket,
+    getWfStateList,
+    getTickets,
+    ticketAccpet,
+    getWfTransitionList,
+    ticketHandle,
+    getWfFlowSteps,
+    getTicketDetail,
+    getTicketTransitions,
+    getTicketFlowlog,
+    ticketRetreat,
+    ticketClose,
+    ticketDestory
+  } from "@/api/workflow";
   import Pagination from "@/components/Pagination";
   import dagreD3 from 'dagre-d3'
   import * as d3 from 'd3'
+
   export default {
-  name: "ticket",
-  components: { Pagination },
-    inject:['reload'],
-  data(){
-    return{
-      step:4,
-      sort:0,
-      total:0,
-      actives:4,
-      ticketId:0,
-      pageForm:{
-        page:1,
-        page_size:20,
-        workflow:'',
-        category:'duty',
-      },
-      addForm:{
-        title:'',
-        workflow:'',
-        ticket_data:{},
-        transition:''
-      },
-      handleForm:{
-        suggestion:'',
-      },
-      handleRule:{},
-      upUrl: upUrl(),
-      upHeaders: upHeaders(),
-      keyword:'',
-      workflow:'',
-      watchedName:'',
-      watchedCreateTime:'',
-      logs:[],
-      tickets:[],
-      workflows:[],
-      ticketDetail:{},
-      dialogVisible:false,
-      listLoading:false,
-      limitedStep:false,
-      limitedAdd:false,
-      limitedRetreat:false,
-      limitedFlowLogs:false,
-      floeLogs:[],
-      nodes: [],
-      tooltip:null,
-      edges: [],
-      fileList:[],
-      flowSteps:[],
-      operationBtn:[],
-      customfields:[],
-      transitions:[],
-      handleLabel:'撤回原因',
-      handleTitle:'工单撤回',
-      rule1:{
-        title: [{ required: true, message: "请输入", trigger: "blur" }],
-        workflow: [{ required: true, message: "选择", trigger: "blur" }]
+    name: "ticket",
+    components: {Pagination},
+    inject: ['reload'],
+    data() {
+      return {
+        step: 4,
+        sort: 0,
+        total: 0,
+        actives: 4,
+        ticketId: 0,
+        pageForm: {
+          page: 1,
+          page_size: 20,
+          workflow: '',
+          category: 'duty',
+        },
+        addForm: {
+          title: '',
+          workflow: '',
+          ticket_data: {},
+          transition: ''
+        },
+        handleForm: {
+          suggestion: '',
+        },
+        handleRule: {},
+        upUrl: upUrl(),
+        upHeaders: upHeaders(),
+        keyword: '',
+        workflow: '',
+        watchedName: '',
+        watchedCreateTime: '',
+        logs: [],
+        tickets: [],
+        workflows: [],
+        ticketDetail: {},
+        dialogVisible: false,
+        listLoading: false,
+        limitedStep: false,
+        limitedAdd: false,
+        limitedRetreat: false,
+        limitedFlowLogs: false,
+        floeLogs: [],
+        nodes: [],
+        tooltip: null,
+        edges: [],
+        fileList: [],
+        flowSteps: [],
+        operationBtn: [],
+        customfields: [],
+        transitions: [],
+        handleLabel: '撤回原因',
+        handleTitle: '工单撤回',
+        rule1: {
+          title: [{required: true, message: "请输入", trigger: "blur"}],
+          workflow: [{required: true, message: "选择", trigger: "blur"}]
+        },
+        states: {
+          0: "草稿中",
+          1: "进行中",
+          2: "被退回",
+          3: "被撤回",
+          4: "已完成",
+          5: "已关闭",
+        },
       }
-      ,
-    }
-  },
-    mounted(){
-    debugger;
-    this.userId = sessionStorage.getItem('userId')
+    },
+    mounted() {
+      debugger;
+      this.userId = sessionStorage.getItem('userId')
       this.workflow = this.$route.params.workflow;
-      if(this.workflow){//有传参
+      if (this.workflow) {//有传参
         this.pageForm.workflow = parseInt(this.workflow);
       }
       this.getList();
       this.getStates();
       this.getWorkFlow();
     },
-  methods:{
-    getList(){
-      this.listLoading = true;
-      getTickets( this.pageForm).then((res)=>{
-        if(res.data.results){
-          this.total = res.data.count;
-          this.tickets = res.data.results;
-          this.listLoading = false;
-        }
-      })
-    },
-    getTicketFlowlogs(id){
-      getTicketFlowlog(id).then(res=>{
-        if(res.data){
-          this.logs = res.data;
-        }
-      })
-    },
-    handleClick(tab, event) {
-      console.log(tab, event);
-      this.getList();
-    },
-    //获取工作流所有状态
-    getStates(){
-      if(this.pageForm.workflow!==''){
-        getWfStateList(this.pageForm.workflow).then((response) => {
-          if (response.data) {
-            let nodes = [];
-            let res = response.data;
-            for(let i=0;i<res.length;i++){
-              let obj = new Object();
-              obj.id = res[i].id;
-              obj.label = res[i].name;
-              obj.shape = res[i].type===0? 'diamond':'rect';
-              nodes.push(obj)
+    methods: {
+      checkPermission,
+
+      getList() {
+        this.listLoading = true;
+        getTickets(this.pageForm).then((res) => {
+          if (res.data.results) {
+            this.total = res.data.count;
+            this.tickets = res.data.results;
+            this.listLoading = false;
+          }
+        })
+      },
+      getTicketFlowlogs(id) {
+        getTicketFlowlog(id).then(res => {
+          if (res.data) {
+            this.logs = res.data;
+          }
+        })
+      },
+      handleClick(tab, event) {
+        console.log(tab, event);
+        this.getList();
+      },
+      //获取工作流所有状态
+      getStates() {
+        if (this.pageForm.workflow !== '') {
+          getWfStateList(this.pageForm.workflow).then((response) => {
+            if (response.data) {
+              let nodes = [];
+              let res = response.data;
+              for (let i = 0; i < res.length; i++) {
+                let obj = new Object();
+                obj.id = res[i].id;
+                obj.label = res[i].name;
+                obj.shape = res[i].type === 0 ? 'diamond' : 'rect';
+                nodes.push(obj)
+              }
+              this.nodes = nodes;
+              this.getEdges(nodes);
             }
-            this.nodes = nodes;
-            this.getEdges(nodes);
+          });
+        }
+      },
+      //获取工作流
+      getWorkFlow() {
+        let listForm = {page: 0};
+        getWorkflowList(listForm).then((response) => {
+          if (response.data) {
+            this.workflows = response.data;
           }
         });
-      }
-    },
-    //获取工作流
-    getWorkFlow(){
-      let listForm = {page:0};
-      getWorkflowList(listForm).then((response) => {
-        if (response.data) {
-          this.workflows = response.data;
-        }
-      });
-    },
-    //获取过程标记
-    getEdges(nodes){
+      },
+      //获取过程标记
+      getEdges(nodes) {
         let edge = [];
-        for(let i=1;i<nodes.length;i++){
+        for (let i = 1; i < nodes.length; i++) {
           let obj = new Object();
-          obj.source = nodes[i-1].id;
+          obj.source = nodes[i - 1].id;
           obj.target = nodes[i].id;
-          obj.label = i>1?'同意':'';
+          obj.label = i > 1 ? '同意' : '';
           edge.push(obj);
         }
         this.edges = edge;
-    },
-    handleFilter(){
-      this.pageForm.page=1;
-      this.getList();
-      this.getStates();
-    },
-    resetFilter(){
-      this.pageForm.workflow = '',
+      },
+      handleFilter() {
+        this.pageForm.page = 1;
         this.getList();
-    },
-    handleCreate(){
-      this.limitedAdd = true;
-      this.addForm.title = '';
-      this.addForm.workflow = '';
-      this.addForm.ticket_data = {};
-      this.addForm.transition = '';
-      this.customfields = [];
-      this.$nextTick(() => {
-        this.$refs["Form"].clearValidate();
-      });
-    },
-    handleWorkflowChange(){
-      //获取字段
-      getWfCustomfieldList(this.addForm.workflow).then((res)=>{
-        this.customfields = res.data;
-      })
-      //获取流转
-      getWfTransitionList(this.addForm.workflow).then((res)=>{
-        for (let i=0;i<res.data.length;i++){
-          if(res.data[i].source_state_.type ===1){
-            debugger;
-            this.addForm.transition = res.data[i].id;
-          }
-        }
-      })
-    },
-    handlePreview(file) {
-      if ("url" in file) {
-        window.open(file.url);
-      } else {
-        window.open(file.response.data.path);
-      }
-    },
-    handleUpSuccess(res, file, filelist) {
-      this.process.instruction = res.data.id;
-    },
-    handleRemove(file, filelist){
-      this.process.instruction = null;
-    },
-    confirm(form){
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          let fields = this.customfields;
-          let obj = new Object();
-          for(let i=0;i<fields.length;i++){
-            obj[fields[i].field_key] = fields[i].default_value
-          }
-          this.addForm.ticket_data = obj;
-          debugger;
-          console.log(this.addForm)
-          createTicket(this.addForm).then((res) => {
-            if (res.code >= 200) {
-              this.getList();
-              this.limitedAdd = false;
-              this.$message.success("成功");
-            }
-          });
-        } else {
-          return false;
-        }
-      });
-    },
-    handleCancel(){
-      this.limitedRetreat = false;
-    },
-    handleSubmit(){
-      debugger;
-      if(this.handleTitle === '撤回工单'){
-        this.$confirm("确认撤回工单吗?", "温馨提示", {
-          confirmButtonText: "确认",
-          cancelButtonText: "取消",
-          type: "warning",
+        this.getStates();
+      },
+      resetFilter() {
+        this.pageForm.workflow = '',
+          this.getList();
+      },
+      handleCreate() {
+        this.limitedAdd = true;
+        this.addForm.title = '';
+        this.addForm.workflow = '';
+        this.addForm.ticket_data = {};
+        this.addForm.transition = '';
+        this.customfields = [];
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      handleWorkflowChange() {
+        //获取字段
+        getWfCustomfieldList(this.addForm.workflow).then((res) => {
+          this.customfields = res.data;
         })
-          .then(async () => {
-            ticketRetreat(this.retreatId,this.handleForm).then(res=>{
-              this.limitedRetreat = false;
-              this.getList();
-              this.$store.dispatch("user/getCount", {})
-              this.$message.success("成功");
-            })
-          })
-          .catch((err) => {
-            console.error(err);
-          });
-      }else{
-        this.$confirm("确认关闭工单吗?", "温馨提示", {
-          confirmButtonText: "确认",
-          cancelButtonText: "取消",
-          type: "warning",
-        })
-          .then(async () => {
-            ticketClose(this.retreatId,this.handleForm).then(res=>{
-              this.limitedRetreat = false;
-              this.getList();
-              this.$store.dispatch("user/getCount", {})
-              this.$message.success("成功");
-            })
-          })
-          .catch((err) => {
-            console.error(err);
-          });
-      }
-
-    },
-    handleClose(scope,index){
-      if(index==='1'){
-        this.handleTitle = '撤回工单';
-        this.handleLabel='撤回原因';
-      }else{
-        this.handleTitle = '关闭工单';
-        this.handleLabel='关闭原因';
-      }
-      this.limitedRetreat = true;
-      this.retreatId = scope.row.id;
-    },
-    handleLogs(){},
-    handlePicture(scope){
-      let that = this;
-      that.dialogVisible = true;
-      that.watchedName = scope.row.title;
-      that.watchedCreateTime = scope.row.create_time;
-      that.pageForm.workflow = scope.row.workflow;
-      let ticketId = scope.row.id;
-      getWfFlowSteps( ticketId).then((res)=>{
-        if(res.data){
-          debugger;
-          //流程步骤数组
-          that.flowSteps = res.data;
-          getTicketDetail( ticketId).then((res)=>{
-            if(res.data){
+        //获取流转
+        getWfTransitionList(this.addForm.workflow).then((res) => {
+          for (let i = 0; i < res.data.length; i++) {
+            if (res.data[i].source_state_.type === 1) {
               debugger;
-              that.tooltip = that.createTooltip();
-              that.ticketDetail = res.data;
-              let state = res.data.state;
-              let dat = that.flowSteps.filter((item)=>{
-                return item.id==state;
-              })
-              that.sort = dat[0].sort;
-              that.actives = that.flowSteps.indexOf(dat[0]);
-              if( that.flowSteps.length-that.actives >1){}else{
-                that.actives =that.flowSteps.length;
+              this.addForm.transition = res.data[i].id;
+            }
+          }
+        })
+      },
+      handlePreview(file) {
+        if ("url" in file) {
+          window.open(file.url);
+        } else {
+          window.open(file.response.data.path);
+        }
+      },
+      handleUpSuccess(res, file, filelist) {
+        this.process.instruction = res.data.id;
+      },
+      handleRemove(file, filelist) {
+        this.process.instruction = null;
+      },
+      confirm(form) {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            let fields = this.customfields;
+            let obj = new Object();
+            for (let i = 0; i < fields.length; i++) {
+              obj[fields[i].field_key] = fields[i].default_value
+            }
+            this.addForm.ticket_data = obj;
+            debugger;
+            console.log(this.addForm)
+            createTicket(this.addForm).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.limitedAdd = false;
+                this.$message.success("成功");
               }
-              var g = new dagreD3.graphlib.Graph().setGraph({
-                rankdir: 'DL',
-                nodesep: 100,
-                edgesep: 10,//两条线之间的距离
-                ranksep: 50,//节点之间的距离
-                marginx: 60,
-                marginy: 20,
-              });
-              //获取state得到节点
-              getWfStateList(that.pageForm.workflow).then((response) => {
-                if (response.data) {
-                  let nodes = response.data;
-                  // 添加节点
-                  nodes.forEach((item) => {
-                    if(item.sort==that.sort){
-                      g.setNode(item.id, {
-                        // 节点标签
-                        label: item.name,
-                        // 节点形状
-                        shape: 'rect',
-                        toolText: item.name,
-                        //节点样式
-                        style: "fill:#409EFF;stroke:#000",
-                        labelStyle: "fill:#000;",
-                        rx :5,//矩形节点圆角度
-                        ry :5
-                      });
-                    }else{
-                      g.setNode(item.id, {
-                        // 节点标签
-                        label: item.name,
-                        // 节点形状
-                        shape: 'rect',
-                        toolText: item.name,
-                        //节点样式
-                        style: "fill:#fff;stroke:#000",
-                        labelStyle: "fill:#000;",
-                        rx :5,//矩形节点圆角度
-                        ry :5
-                      });
-                    }
-                  });
-                  g.nodes().forEach(function (v) {
-                    console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
-                  });
-                  //获取流转得到线  链接关系
-                  getWfTransitionList(that.pageForm.workflow).then((res)=>{
-                    if(res.data){
-                      let transitionList = res.data;
-                      transitionList.forEach((transitions)=>{
-                        let transition0 = transitions;
-                        debugger;
-                        console.log(transition0.condition_expression.length)
-                        if (transition0.condition_expression.length>0){
-                          g.setNode(transition0.source_state_.id+100000, {label: "条件表达式", style: "fill: #a4d088", shape: "diamond"});
-                          g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
-                            // 边标签
-                            label: transition0.name,
-                            // curve: d3.curveBasis,
-                            style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
-                          });
-                          let condition_expression = transition0.condition_expression;
-                          condition_expression.forEach(condition_expression0=>{
-                            g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
-                              label: condition_expression0.label,
+            });
+          } else {
+            return false;
+          }
+        });
+      },
+      handleCancel() {
+        this.limitedRetreat = false;
+      },
+      handleSubmit() {
+        debugger;
+        if (this.handleTitle === '撤回工单') {
+          this.$confirm("确认撤回工单吗?", "温馨提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+            .then(async () => {
+              ticketRetreat(this.retreatId, this.handleForm).then(res => {
+                this.limitedRetreat = false;
+                this.getList();
+                this.$store.dispatch("user/getCount", {})
+                this.$message.success("成功");
+              })
+            })
+            .catch((err) => {
+              console.error(err);
+            });
+        } else {
+          this.$confirm("确认关闭工单吗?", "温馨提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+            .then(async () => {
+              ticketClose(this.retreatId, this.handleForm).then(res => {
+                this.limitedRetreat = false;
+                this.getList();
+                this.$store.dispatch("user/getCount", {})
+                this.$message.success("成功");
+              })
+            })
+            .catch((err) => {
+              console.error(err);
+            });
+        }
+
+      },
+      handleClose(scope, index) {
+        if (index === '1') {
+          this.handleTitle = '撤回工单';
+          this.handleLabel = '撤回原因';
+        } else {
+          this.handleTitle = '关闭工单';
+          this.handleLabel = '关闭原因';
+        }
+        this.limitedRetreat = true;
+        this.retreatId = scope.row.id;
+      },
+      handleLogs() {
+      },
+      handlePicture(scope) {
+        let that = this;
+        that.dialogVisible = true;
+        that.watchedName = scope.row.title;
+        that.watchedCreateTime = scope.row.create_time;
+        that.pageForm.workflow = scope.row.workflow;
+        let ticketId = scope.row.id;
+        getWfFlowSteps(ticketId).then((res) => {
+          if (res.data) {
+            debugger;
+            //流程步骤数组
+            that.flowSteps = res.data;
+            getTicketDetail(ticketId).then((res) => {
+              if (res.data) {
+                debugger;
+                that.tooltip = that.createTooltip();
+                that.ticketDetail = res.data;
+                let state = res.data.state;
+                let dat = that.flowSteps.filter((item) => {
+                  return item.id == state;
+                })
+                that.sort = dat[0].sort;
+                that.actives = that.flowSteps.indexOf(dat[0]);
+                if (that.flowSteps.length - that.actives > 1) {
+                } else {
+                  that.actives = that.flowSteps.length;
+                }
+                var g = new dagreD3.graphlib.Graph().setGraph({
+                  rankdir: 'DL',
+                  nodesep: 100,
+                  edgesep: 10,//两条线之间的距离
+                  ranksep: 50,//节点之间的距离
+                  marginx: 60,
+                  marginy: 20,
+                });
+                //获取state得到节点
+                getWfStateList(that.pageForm.workflow).then((response) => {
+                  if (response.data) {
+                    let nodes = response.data;
+                    // 添加节点
+                    nodes.forEach((item) => {
+                      if (item.sort == that.sort) {
+                        g.setNode(item.id, {
+                          // 节点标签
+                          label: item.name,
+                          // 节点形状
+                          shape: 'rect',
+                          toolText: item.name,
+                          //节点样式
+                          style: "fill:#409EFF;stroke:#000",
+                          labelStyle: "fill:#000;",
+                          rx: 5,//矩形节点圆角度
+                          ry: 5
+                        });
+                      } else {
+                        g.setNode(item.id, {
+                          // 节点标签
+                          label: item.name,
+                          // 节点形状
+                          shape: 'rect',
+                          toolText: item.name,
+                          //节点样式
+                          style: "fill:#fff;stroke:#000",
+                          labelStyle: "fill:#000;",
+                          rx: 5,//矩形节点圆角度
+                          ry: 5
+                        });
+                      }
+                    });
+                    g.nodes().forEach(function (v) {
+                      console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                    });
+                    //获取流转得到线  链接关系
+                    getWfTransitionList(that.pageForm.workflow).then((res) => {
+                      if (res.data) {
+                        let transitionList = res.data;
+                        transitionList.forEach((transitions) => {
+                          let transition0 = transitions;
+                          debugger;
+                          console.log(transition0.condition_expression.length)
+                          if (transition0.condition_expression.length > 0) {
+                            g.setNode(transition0.source_state_.id + 100000, {
+                              label: "条件表达式",
+                              style: "fill: #a4d088",
+                              shape: "diamond"
+                            });
+                            g.setEdge(transition0.source_state_.id, transition0.source_state_.id + 100000, {
+                              // 边标签
+                              label: transition0.name,
                               // curve: d3.curveBasis,
                               style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                            });
+                            let condition_expression = transition0.condition_expression;
+                            condition_expression.forEach(condition_expression0 => {
+                              g.setEdge(transition0.source_state_.id + 100000, condition_expression0.target_state, {
+                                label: condition_expression0.label,
+                                // curve: d3.curveBasis,
+                                style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                              })
                             })
-                          })
-                        }else{
-                          g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
-                            // 边标签
-                            label: transition0.name,
-                            // curve: d3.curveBasis,
-                            // 边样式
-                            style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
-                          });
-                        }
-                      })
-                      g.nodes().length-1
-                      g.nodes().forEach(function (v) {
-                        console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
-                      });
-                      console.log("1111111111111");
-                      g.edges().forEach(function (e) {
-                        console.log("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(g.edge(e)));
-                      });
-                      // 创建渲染器
-                      let render = new dagreD3.render();
-                      // 选择 svg 并添加一个g元素作为绘图容器.
-                      let svg = d3.select('#mySvg');
-                      let svgGroup = svg.append('g');
-                      let zoom = d3.zoom()
-                        .on("zoom", function() {
-                          svgGroup.attr("transform", d3.event.transform);
+                          } else {
+                            g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                              // 边标签
+                              label: transition0.name,
+                              // curve: d3.curveBasis,
+                              // 边样式
+                              style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                            });
+                          }
+                        })
+                        g.nodes().length - 1
+                        g.nodes().forEach(function (v) {
+                          console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
                         });
-                      svg.call(zoom);
-                      // 在绘图容器上运行渲染器生成流程图.
-                      render(d3.select("svg g"), g);
-                      getTicketFlowlog(ticketId).then(res=> {
-                        if (res.data) {
-                          that.logs = res.data;
-                          svgGroup
-                            .selectAll('g.node')
-                            .on('mouseover', (v) => {
-                              // 假如当前toolText为"",则不展示
-                              //这里就是自定义tooltip的内容
-                              let filList = [],strList = [];
-                              filList = nodes.filter((ii) => {
-                                return ii.name === g.node(v).label
-                              })
-                              if (!filList.length) {
-                                return
-                              }
-                              debugger;
-                              console.log(filList)
-                              filList.map((k) => {
-                                let filte = that.logs.filter(item=>{
-                                  return item.state == k.id;
+                        console.log("1111111111111");
+                        g.edges().forEach(function (e) {
+                          console.log("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(g.edge(e)));
+                        });
+                        // 创建渲染器
+                        let render = new dagreD3.render();
+                        // 选择 svg 并添加一个g元素作为绘图容器.
+                        let svg = d3.select('#mySvg');
+                        let svgGroup = svg.append('g');
+                        let zoom = d3.zoom()
+                          .on("zoom", function () {
+                            svgGroup.attr("transform", d3.event.transform);
+                          });
+                        svg.call(zoom);
+                        // 在绘图容器上运行渲染器生成流程图.
+                        render(d3.select("svg g"), g);
+                        getTicketFlowlog(ticketId).then(res => {
+                          if (res.data) {
+                            that.logs = res.data;
+                            svgGroup
+                              .selectAll('g.node')
+                              .on('mouseover', (v) => {
+                                // 假如当前toolText为"",则不展示
+                                //这里就是自定义tooltip的内容
+                                let filList = [], strList = [];
+                                filList = nodes.filter((ii) => {
+                                  return ii.name === g.node(v).label
                                 })
+                                if (!filList.length) {
+                                  return
+                                }
                                 debugger;
-                                console.log(filte)
-                                //每个
-                                let str = '处理人：'+filte[0].participant_.name;
-                                strList.push(str)
+                                console.log(filList)
+                                filList.map((k) => {
+                                  let filte = that.logs.filter(item => {
+                                    return item.state == k.id;
+                                  })
+                                  debugger;
+                                  console.log(filte)
+                                  //每个
+                                  let str = '处理人：' + filte[0].participant_.name;
+                                  strList.push(str)
+                                })
+                                that.tipVisible(strList)
                               })
-                              that.tipVisible(strList)
-                            })
-                            .on('mouseout', () => {
-                              this.tipHidden()
-                            })
-                        }
-                      })
+                              .on('mouseout', () => {
+                                this.tipHidden()
+                              })
+                          }
+                        })
 
-                    }else{}
-                  });
-                }
-              });
-            }
-          });
-        }
-      });
-    },
-    // 创建提示框
-    createTooltip() {
-      return d3
-        .select('body')
-        .append('div')
-        .classed('tooltip', true)
-        .style('opacity', 0)
-        .style('display', 'none')
-    },
-    // tooltip显示
-    tipVisible(textContent) {
-      this.tooltip
-        .transition()
-        .duration(400)
-        .style('opacity', 1)
-        .style('display', 'block')
-        .style('color', '#ffffff')
-        .style('z-index', '3999')
-        .style('padding', '20px 30px')
-        .style('border-radius', '5px')
-        .style('position', 'fixed')
-        .style('background', 'rgba(0,0,0,.7)')
-      this.tooltip
-        .html(textContent)
-        .style('left', `${d3.event.pageX + 20}px`)
-        .style('top', `${d3.event.pageY-10}px`)
-    },
+                      } else {
+                      }
+                    });
+                  }
+                });
+              }
+            });
+          }
+        });
+      },
+      // 创建提示框
+      createTooltip() {
+        return d3
+          .select('body')
+          .append('div')
+          .classed('tooltip', true)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      // tooltip显示
+      tipVisible(textContent) {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 1)
+          .style('display', 'block')
+          .style('color', '#ffffff')
+          .style('z-index', '3999')
+          .style('padding', '20px 30px')
+          .style('border-radius', '5px')
+          .style('position', 'fixed')
+          .style('background', 'rgba(0,0,0,.7)')
+        this.tooltip
+          .html(textContent)
+          .style('left', `${d3.event.pageX + 20}px`)
+          .style('top', `${d3.event.pageY - 10}px`)
+      },
 
-    // tooltip隐藏
-    tipHidden() {
-      this.tooltip
-        .transition()
-        .duration(400)
-        .style('opacity', 0)
-        .style('display', 'none')
-    },
-    //处理工单
-    handleDetail(scope){
-      this.$router.push({name:"ticketHandle",params:{ticketId:scope.row.id,workflow:scope.row.workflow}})
-    },
-    //工单详情
-    handleDetails(scope){
-      this.$router.push({name:"ticketDetail",params:{ticketId:scope.row.id,workflow:scope.row.workflow}})
-    },
-    //接单
-    handleGetTicket(scope){
-      let ticketId = scope.row.id;
-      ticketAccpet(ticketId,{}).then(res=>{
-        if(res.code===200){
-          this.getList();
-        }
-      })
-    },
-    handleLogs(scope){
-      let id = scope.row.id;
-      this.limitedFlowLogs = true;
-      getTicketFlowlog(id).then(res=>{
-        if(res.data){
-          this.floeLogs = res.data;
-        }
-      })
-    },
-    handleDelete(scope){
-      let data = new Object(),ids=[];
-      ids.push(scope.row.id);
-      data.ids = ids;
-      this.$confirm("确认删除该工单吗?", "温馨提示", {
-        confirmButtonText: "确认",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(async () => {
-          ticketDestory(data).then(res=>{
-            if(res.code==200){
+      // tooltip隐藏
+      tipHidden() {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      //处理工单
+      handleDetail(scope) {
+        this.$router.push({name: "ticketHandle", params: {ticketId: scope.row.id, workflow: scope.row.workflow}})
+      },
+      //工单详情
+      handleDetails(scope) {
+        this.$router.push({name: "ticketDetail", params: {ticketId: scope.row.id, workflow: scope.row.workflow}})
+      },
+      //接单
+      handleGetTicket(scope) {
+        let ticketId = scope.row.id;
+        ticketAccpet(ticketId, {}).then(res => {
+          if (res.code === 200) {
+            this.getList();
+          }
+        })
+      },
+      handleLogs(scope) {
+        let id = scope.row.id;
+        this.limitedFlowLogs = true;
+        getTicketFlowlog(id).then(res => {
+          if (res.data) {
+            this.floeLogs = res.data;
+          }
+        })
+      },
+      handleDelete(scope) {
+        let data = new Object(), ids = [];
+        ids.push(scope.row.id);
+        data.ids = ids;
+        this.$confirm("确认删除该工单吗?", "温馨提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning",
+        }).then(async () => {
+          ticketDestory(data).then(res => {
+            if (res.code == 200) {
               this.getList();
             }
           })
         })
-    },
-    stepclick(){},
-    closeMark(){
-      this.dialogVisible = false;
+      },
+      stepclick() {
+      },
+      closeMark() {
+        this.dialogVisible = false;
+      }
     }
   }
-  }
 </script>
 
 <style scoped>
   ::-webkit-scrollbar {
     width: 15px;
   }
-  ::-webkit-scrollbar-track{
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
+
+  ::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
     background-color: #fefefe;
     border-radius: 7px;
   }
-  ::-webkit-scrollbar-thumb{
+
+  ::-webkit-scrollbar-thumb {
     border-radius: 7px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
     background-color: #f5f5f5;
   }
-  .svgMark{
+
+  .svgMark {
     width: 100%;
     height: 100%;
     position: fixed;
@@ -941,9 +901,10 @@
     overflow: auto;
     margin: 0;
     z-index: 2000;
-    background: rgba(0,0,0,.3);
+    background: rgba(0, 0, 0, .3);
   }
-  .svgWrapper{
+
+  .svgWrapper {
     background: #fff;
     width: 800px;
     margin: 10vh auto 0;
@@ -952,33 +913,40 @@
     max-height: 80vh;
     overflow-y: scroll;
   }
-  .svgItem{
-    padding: 20px 40px 0 ;
+
+  .svgItem {
+    padding: 20px 40px 0;
     font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
     font-size: 18px;
     display: flex;
     justify-content: space-between;
   }
+
   svg {
     font-size: 14px;
   }
+
   .node rect {
     stroke: #606266;
     fill: #fff;
   }
+
   .edgePath path {
     stroke: #606266;
     fill: #333;
     stroke-width: 1.5px;
   }
-  .el-icon-close{
+
+  .el-icon-close {
     cursor: pointer;
   }
-  .listItem{
+
+  .listItem {
     margin-top: 15px;
     font-size: 16px;
   }
-  .listItem>span{
+
+  .listItem > span {
     width: 100px;
     text-align: right;
     margin-right: 10px;
@@ -986,7 +954,6 @@
   }
 
 
-
   .tooltip {
     position: absolute;
     font-size: 12px;
@@ -1004,10 +971,12 @@
   .tooltip > div {
     padding: 10px;
   }
+
   .node rect {
     stroke: #333;
     fill: #999;
   }
+
   .node {
     cursor: pointer;
   }