修改已结束流程页面

src/views/activiti/processFinishManage.vue

@@ -18,7 +18,7 @@
                 />
               </a-form-item>
             </a-col>
-            <a-col :md="6" :sm="8">
+<!--            <a-col :md="6" :sm="8">
               <a-form-item label="标识Key" prop="name">
                 <a-input
                   type="text"
@@ -27,7 +27,7 @@
                   clearable
                 />
               </a-form-item>
-            </a-col>
+            </a-col>-->
             <a-col :md="6" :sm="8">
               <a-form-item label="结束时间">
                 <a-range-picker
@@ -48,7 +48,7 @@
         </a-form>
       </div>
       <a-row>
-        <a-table :scroll="{x:1680,y:innerHeight/2}" bordered
+        <a-table :scroll="{x:1200,y:innerHeight/2}" bordered
           :loading="loading"
           rowKey="id"
           :dataSource="data"
@@ -56,39 +56,38 @@
           @change="handleTableChange"
           ref="table"
         >
-          <a-table-column title="#"  :width="50" fixed="left">
+          <a-table-column title="序号"  :width="50" align="center">
             <template slot-scope="t,r,i" >
               <span> {{i+1}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="流程实例ID" dataIndex="id" :width="150" fixed="left">
-            <template slot-scope="t,r,i" >
-              <span> {{t}} </span>
-            </template>
-          </a-table-column>
-          <a-table-column title="流程名称" dataIndex="name" :width="150" fixed="left">
+          <a-table-column title="流程实例ID" dataIndex="id" :width="100" align="center">
             <template slot-scope="t,r,i" >
               <span> {{t}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="申请人" dataIndex="applyer"  :ellipsis= "true" :width="150" fixed="left">
+          <a-table-column title="流程名称" dataIndex="name" :width="150" align="center">
             <template slot-scope="t,r,i" >
               <span> {{t}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="标识Key" dataIndex="key" :width="150" >
+          <a-table-column title="申请人" dataIndex="applyer"  :ellipsis= "true" :width="80"  align="center">
             <template slot-scope="t,r,i" >
               <span> {{t}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="版本" dataIndex="version" :width="80">
-            <template slot-scope="t,r,i" >
-              <span> v.{{t}} </span>
-            </template>
-          </a-table-column>
-          <a-table-column title="审批结果" dataIndex="result" :width="150"
-                          key="result" :sorter="(a,b)=>a.result - b.result"
-          >
+<!--          <a-table-column title="标识Key" dataIndex="key" :width="150" >-->
+<!--            <template slot-scope="t,r,i" >-->
+<!--              <span> {{t}} </span>-->
+<!--            </template>-->
+<!--          </a-table-column>-->
+<!--          <a-table-column title="版本" dataIndex="version" :width="80">-->
+<!--            <template slot-scope="t,r,i" >-->
+<!--              <span> v.{{t}} </span>-->
+<!--            </template>-->
+<!--          </a-table-column>-->
+          <a-table-column title="审批结果" dataIndex="result" :width="80"
+                          key="result" :sorter="(a,b)=>a.result - b.result" align="center">
             <template slot-scope="t,r,i" >
               <span v-if="t==4" style="color: #999999"> 发起人撤回 </span>
               <span v-else-if="t==5" style="color: orange"> 已删除 </span>
@@ -97,30 +96,29 @@
               <span v-else > 未知 </span>
             </template>
           </a-table-column>
-          <a-table-column title="原因详情" dataIndex="deleteReason" :width="150">
+         <!-- <a-table-column title="原因详情" dataIndex="deleteReason" :width="150">
             <template slot-scope="t,r,i" >
              <j-ellipsis :value="t" :length="10"></j-ellipsis>
             </template>
-          </a-table-column>
+          </a-table-column>-->
           <a-table-column title="总耗时" dataIndex="duration" :width="100"
-                          key="duration" :sorter="(a,b)=>a.duration - b.duration"
-          >
+                          key="duration" :sorter="(a,b)=>a.duration - b.duration" align="center">
             <template slot-scope="t,r,i" >
               <span > {{millsToTime(t)}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="开始时间" dataIndex="startTime" :width="150">
+          <a-table-column title="开始时间" dataIndex="startTime" :width="150" align="center">
             <template slot-scope="t,r,i" >
               <span > {{t}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="结束时间" dataIndex="endTime" :width="150">
+          <a-table-column title="结束时间" dataIndex="endTime" :width="150" align="center">
             <template slot-scope="t,r,i" >
               <span > {{t}} </span>
             </template>
           </a-table-column>
-          <a-table-column title="操作" dataIndex="" :width="250" fixed="right">
-            <template slot-scope="t,r,i" >
+          <a-table-column title="操作" dataIndex="" :width="200" align="center" >
+            <template slot-scope="t,r,i"  >
               <!--<a href="javascript:void(0);" style="color: green;" @click="history(r)" >审批历史</a>
               <a-divider type="vertical" />-->
               <a href="javascript:void(0);" style="color: blue;" @click="detail(r)" >流程数据</a>