流程管理样式

src/views/system/processManage/processDeployment/index.vue

@@ -30,7 +30,7 @@
       <ul class="process-list">
         <li v-for="(item,index) in flowableList" :key="index" :class="isActive === index ? 'active-li': ''" @click="selectProcess(item,index)">
           <p>{{ item.deployName }}</p>
-          <i @click="settingModle(item.modelId)">设置</i>
+          <i class="iconfont icon-shezhi" style="font-size: 16px;color: #0348f3; margin-right: 6px;" @click="settingModle(item.modelId)" />
           <span :class="item.suspensionState === 1 ? 'process-on': 'process-off'" />
         </li>
       </ul>

src/views/system/processManage/runningProcess/module/detail.vue

@@ -3,7 +3,7 @@
     <div class="setting-dialog">
       <ul class="detail-info">
         <li><span>流程名称：</span>{{ selectRow.flowableName }}</li>
-        <li><span>流程结果：</span><p class="row-state">{{ !isHistroy ? '进行中' : ( selectRow.endTime ? '已完成' : '已取消') }}</p></li>
+        <li><span>流程结果：</span><p :class="['row-state', !isHistroy?'ing-state':(selectRow.endTime?'end-state':'cancel-state')]">{{ !isHistroy ? '进行中' : ( selectRow.endTime ? '已完成' : '已取消') }}</p></li>
         <li><span>所属全宗：</span>全宗A</li>
         <li v-if="selectRow.endTime"><span>结束时间：</span>{{ selectRow.endTime | parseTime }}</li>
         <li v-else><span>结束时间：</span>-</li>
@@ -156,8 +156,12 @@ export default {
         text-align: right;
         color: #0C0E1E;
       }
-      p{
-
+      p.row-state{
+        display: block;
+        font-size: 14px;
+        height: 26px;
+        line-height: 26px;
+        margin-top: 2px;
       }
     }
   }