项目管理处理样式

src/assets/scss/modules/shequzhili/project-info.scss

@@ -418,3 +418,35 @@
   box-shadow:none
   
 }
+
+.process-form{
+  margin-top:20px;
+
+  .process-title {
+    margin-bottom: 25px;
+    margin-left: -5px;
+    font-size: 16px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333;
+    line-height: 18px;
+  }
+
+  .process-title-vis{
+    color: #fff;
+  } 
+}
+
+.form-item::v-deep .el-form-item__label {
+  color: #fff;
+}
+.form-item {
+  .el-radio {
+    color: #fff;
+  }
+
+  .el-checkbox {
+    color: #fff;
+  }
+}
+

src/views/modules/shequzhili/xiangmu/cpts/project-info.vue

@@ -173,10 +173,12 @@
 
           </div>
         </el-card>
+        <div class="process-form">
           <el-card :class="{'box-card':source==='visiual'}"
                    v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
-          <h3>处理</h3>
+            <div :class="['process-title',{'process-title-vis':source==='visiual'}]">处理</div>
             <div class="m-fm">
+              <div :class="{'visiual-form':source==='visiual'}">
                 <el-form ref="fm"
                          :inline="false"
                          :model="fmData"
@@ -184,6 +186,7 @@
                          label-position="left"
                          label-width="100px">
                   <el-form-item label="处理方式："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="operateType">
                     <el-radio-group v-model="fmData.operateType">
                       <el-radio label="dispose">处理/响应</el-radio>
@@ -195,6 +198,7 @@
                   </el-form-item>
 
                   <el-form-item label="您的身份："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="projectStaffId"
                                 v-if="myDepartmentList.length > 1">
                     <el-select v-model.trim="fmData.projectStaffId"
@@ -210,6 +214,7 @@
 
                   <el-form-item v-if="fmData.operateType == 'turn'"
                                 label="处理部门："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="staffList">
                     <el-popover placement="bottom"
                                 width="400"
@@ -231,6 +236,7 @@
 
                   <!-- <el-form-item v-if="fmData.operateType != 'back'"
                             label="协办单位："
+                  :class="{'form-item':source==='visiual'}"
                             prop="assistanceUnitIndex">
                 <el-select v-model.trim="fmData.assistanceUnitIndex"
                            placeholder="请选择"
@@ -245,6 +251,7 @@
 
                   <el-form-item v-if="fmData.operateType == 'back'"
                                 label="退回到："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="projectProcessId">
                     <el-select v-model.trim="fmData.projectProcessId"
                                placeholder="请选择"
@@ -259,6 +266,7 @@
 
                   <el-form-item v-if="fmData.operateType == 'close'"
                                 label="结案状态："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="closedStatus">
                     <el-select v-model.trim="fmData.closedStatus"
                                placeholder="请选择"
@@ -273,6 +281,7 @@
 
                   <el-form-item v-if="fmData.operateType == 'close'"
                                 label="结案说明："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="publicReply">
                     <el-input type="textarea"
                               :rows="2"
@@ -282,6 +291,7 @@
                   </el-form-item>
 
                   <el-form-item label="内部备注："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="internalRemark">
                     <el-input type="textarea"
                               :rows="2"
@@ -292,6 +302,7 @@
 
                   <el-form-item v-if="fmData.operateType != 'close'"
                                 label="图片/附件："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="internalFile">
                     <el-upload class="avatar-uploader"
                                :action="uploadUrl"
@@ -306,6 +317,7 @@
 
                   <el-form-item v-if="fmData.operateType != 'close'"
                                 label="公开回复："
+                                :class="{'form-item':source==='visiual'}"
                                 prop="publicReply">
                     <el-input type="textarea"
                               :rows="2"
@@ -315,6 +327,7 @@
                   </el-form-item>
                 </el-form>
               </div>
+            </div>
             <!-- <div class="m-btns">
             <el-button size=""
                        style="margin-right: 50px"
@@ -343,6 +356,7 @@
 
           </el-card>
         </div>
+      </div>
       <div class="g-right">
         <el-card class="m-card"
                  :class="{'box-card':source==='visiual'}"
@@ -1249,6 +1263,10 @@ export default {
 };
 </script>
 
+<style lang='scss' scoped>
+@import "@/assets/scss/modules/visual/a_customize.scss";
+</style>
+
 <style
   lang="scss"
   src="@/assets/scss/modules/shequzhili/project-info.scss"