design

pages/workflow/process/design.vue

 <template>
-  <div class="Design">
+<div class="Design">
     <Timeline>
         <TimelineItem v-for="(node,i) in nodes" :key="node.id">
             <Badge :count="i+1" type="primary" slot="dot"></Badge>
@@ -10,7 +10,7 @@
                         &nbsp;(
                         <state code="workflow.form.audit.type" :value="node.operation" />)
                         <Icon type="md-build" />
-              <Icon v-if="node.isFixed" type="ios-lock" color="orange" title="人员固定"/>
+                        <Icon v-if="node.isFixed" type="ios-lock" color="orange" title="人员固定" />
                     </a>
                 </div>
                 <div v-if="node.userIds&&node.userIds.length>0">
@@ -19,10 +19,7 @@
                 </div>
                 <div v-if="node.roleList&&node.roleList.length>0">
                     审批角色：
-            <span
-              v-for="(role,k) in node.roleList"
-              class="mr10"
-            >{{role.name}}({{role.userIdList.length}})</span>
+                    <span v-for="(role,k) in node.roleList" class="mr10">{{role.name}}({{role.userIdList.length}})</span>
                 </div>
             </div>
         </TimelineItem>
@@ -33,8 +30,9 @@
     <Modal v-model="startModal" title="开始节点编辑" footer-hide width="800">
         <StartEdit :eid="startId" @on-close="cancel" @on-ok="addOk" />
     </Modal>
-  </div>
+</div>
 </template>
+
 <script>
 import Api from './api'
 import Edit from './node'
@@ -58,24 +56,29 @@ export default {
     props: {
         eid: String
     },
-  async fetch({ store, params }) {
+    async fetch({
+        store,
+        params
+    }) {
         await store.dispatch('loadDictionary') // 加载数据字典
     },
-  mounted(){
+    mounted() {
         this.load(this.eid)
     },
     methods: {
         load(v) {
-      alert(v)
-      Api.detail({ id: v }).then((r) => {
+            //alert(v)
+            Api.detail({
+                id: v
+            }).then((r) => {
                 this.nodes = r.result.nodes
                 // this.$emit('on-load')
             })
         },
         edit(id, i) {
-      if (i== 0) {
-        this.startModal=true
-        this.startId=id;
+            if (i == 0) {
+                this.startModal = true
+                this.startId = id;
             } else {
                 this.editModal = true
                 this.curId = id
@@ -109,14 +112,17 @@ export default {
     }
 }
 </script>
+
 <style lang="less">
 .Design {
     background: white;
     padding: 20px 50px;
+
     .node {
         .title {
             font-size: 14px;
             font-weight: bold;
+
             .auditedTime {
                 font-size: 12px;
                 color: #ddd;