From f822dbb3a5202be4cb944fba2da311398eda981e Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Fri, 12 Aug 2022 14:14:53 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E7=AE=A1=E7=90=86=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scss/modules/shequzhili/project-info.scss |  32 ++
 .../shequzhili/xiangmu/cpts/project-info.vue  | 310 +++++++++---------
 2 files changed, 196 insertions(+), 146 deletions(-)

diff --git a/src/assets/scss/modules/shequzhili/project-info.scss b/src/assets/scss/modules/shequzhili/project-info.scss
index fab73c410..ae6f55d5a 100644
--- a/src/assets/scss/modules/shequzhili/project-info.scss
+++ b/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;
+  }
+}
+
diff --git a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
index 28e4ffcfc..e14e171ef 100644
--- a/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
+++ b/src/views/modules/shequzhili/xiangmu/cpts/project-info.vue
@@ -173,64 +173,70 @@
 
           </div>
         </el-card>
-        <el-card :class="{'box-card':source==='visiual'}"
-                 v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
-          <h3>处理</h3>
-          <div class="m-fm">
-            <el-form ref="fm"
-                     :inline="false"
-                     :model="fmData"
-                     :rules="dataRule"
-                     label-position="left"
-                     label-width="100px">
-              <el-form-item label="处理方式："
-                            prop="operateType">
-                <el-radio-group v-model="fmData.operateType">
-                  <el-radio label="dispose">处理/响应</el-radio>
-                  <el-radio label="close">结案</el-radio>
-                  <el-radio label="turn">转其他机关/科室</el-radio>
-                  <el-radio label="back"
-                            v-if="projectInfo.returnable">退回</el-radio>
-                </el-radio-group>
-              </el-form-item>
-
-              <el-form-item label="您的身份："
-                            prop="projectStaffId"
-                            v-if="myDepartmentList.length > 1">
-                <el-select v-model.trim="fmData.projectStaffId"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in myDepartmentList"
-                             :key="item.projectStaffId"
-                             :label="item.departmentName"
-                             :value="item.projectStaffId">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-
-              <el-form-item v-if="fmData.operateType == 'turn'"
-                            label="处理部门："
-                            prop="staffList">
-                <el-popover placement="bottom"
-                            width="400"
-                            height="400"
-                            v-model="visibleStaffPanel">
-                  <div class="f">
-                    <select-staff @confirm="(ret) => (fmData.staffList = ret)"
-                                  @close="visibleStaffPanel = false" />
-                  </div>
-
-                  <div slot="reference">
-                    <a v-if="fmData.staffList.length == 0"
-                       style="cursor: pointer">点击选择</a>
-                    <a v-else
-                       style="cursor: pointer">已选 {{ fmData.staffList.length }} 人</a>
-                  </div>
-                </el-popover>
-              </el-form-item>
-
-              <!-- <el-form-item v-if="fmData.operateType != 'back'"
+        <div class="process-form">
+          <el-card :class="{'box-card':source==='visiual'}"
+                   v-if="projectInfo.processable && projectInfo.projectStatus == 'pending'">
+            <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"
+                         :rules="dataRule"
+                         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>
+                      <el-radio label="close">结案</el-radio>
+                      <el-radio label="turn">转其他机关/科室</el-radio>
+                      <el-radio label="back"
+                                v-if="projectInfo.returnable">退回</el-radio>
+                    </el-radio-group>
+                  </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"
+                               placeholder="请选择"
+                               class="resi-cell-select">
+                      <el-option v-for="item in myDepartmentList"
+                                 :key="item.projectStaffId"
+                                 :label="item.departmentName"
+                                 :value="item.projectStaffId">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item v-if="fmData.operateType == 'turn'"
+                                label="处理部门："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="staffList">
+                    <el-popover placement="bottom"
+                                width="400"
+                                height="400"
+                                v-model="visibleStaffPanel">
+                      <div class="f">
+                        <select-staff @confirm="(ret) => (fmData.staffList = ret)"
+                                      @close="visibleStaffPanel = false" />
+                      </div>
+
+                      <div slot="reference">
+                        <a v-if="fmData.staffList.length == 0"
+                           style="cursor: pointer">点击选择</a>
+                        <a v-else
+                           style="cursor: pointer">已选 {{ fmData.staffList.length }} 人</a>
+                      </div>
+                    </el-popover>
+                  </el-form-item>
+
+                  <!-- <el-form-item v-if="fmData.operateType != 'back'"
                             label="协办单位："
+                  :class="{'form-item':source==='visiual'}"
                             prop="assistanceUnitIndex">
                 <el-select v-model.trim="fmData.assistanceUnitIndex"
                            placeholder="请选择"
@@ -243,79 +249,86 @@
                 </el-select>
               </el-form-item> -->
 
-              <el-form-item v-if="fmData.operateType == 'back'"
-                            label="退回到："
-                            prop="projectProcessId">
-                <el-select v-model.trim="fmData.projectProcessId"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in returnableList"
-                             :key="item.projectProcessId"
-                             :label="item.processor"
-                             :value="item.projectProcessId">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-
-              <el-form-item v-if="fmData.operateType == 'close'"
-                            label="结案状态："
-                            prop="closedStatus">
-                <el-select v-model.trim="fmData.closedStatus"
-                           placeholder="请选择"
-                           class="resi-cell-select">
-                  <el-option v-for="item in resolveTypeList"
-                             :key="item.closedStatus"
-                             :label="item.name"
-                             :value="item.value">
-                  </el-option>
-                </el-select>
-              </el-form-item>
-
-              <el-form-item v-if="fmData.operateType == 'close'"
-                            label="结案说明："
-                            prop="publicReply">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="您输入的结案说明会向居民公开展示"
-                          v-model="fmData.publicReply">
-                </el-input>
-              </el-form-item>
-
-              <el-form-item label="内部备注："
-                            prop="internalRemark">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="请输入内容"
-                          v-model="fmData.internalRemark">
-                </el-input>
-              </el-form-item>
-
-              <el-form-item v-if="fmData.operateType != 'close'"
-                            label="图片/附件："
-                            prop="internalFile">
-                <el-upload class="avatar-uploader"
-                           :action="uploadUrl"
-                           :data="{ customerId: customerId }"
-                           :show-file-list="true"
-                           :on-success="handleImgSuccess"
-                           :on-remove="handleImgRemove"
-                           :before-upload="beforeImgUpload">
-                  <i class="el-icon-plus avatar-uploader-icon"></i>
-                </el-upload>
-              </el-form-item>
-
-              <el-form-item v-if="fmData.operateType != 'close'"
-                            label="公开回复："
-                            prop="publicReply">
-                <el-input type="textarea"
-                          :rows="2"
-                          placeholder="请输入内容"
-                          v-model="fmData.publicReply">
-                </el-input>
-              </el-form-item>
-            </el-form>
-          </div>
-          <!-- <div class="m-btns">
+                  <el-form-item v-if="fmData.operateType == 'back'"
+                                label="退回到："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="projectProcessId">
+                    <el-select v-model.trim="fmData.projectProcessId"
+                               placeholder="请选择"
+                               class="resi-cell-select">
+                      <el-option v-for="item in returnableList"
+                                 :key="item.projectProcessId"
+                                 :label="item.processor"
+                                 :value="item.projectProcessId">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item v-if="fmData.operateType == 'close'"
+                                label="结案状态："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="closedStatus">
+                    <el-select v-model.trim="fmData.closedStatus"
+                               placeholder="请选择"
+                               class="resi-cell-select">
+                      <el-option v-for="item in resolveTypeList"
+                                 :key="item.closedStatus"
+                                 :label="item.name"
+                                 :value="item.value">
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+
+                  <el-form-item v-if="fmData.operateType == 'close'"
+                                label="结案说明："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="publicReply">
+                    <el-input type="textarea"
+                              :rows="2"
+                              placeholder="您输入的结案说明会向居民公开展示"
+                              v-model="fmData.publicReply">
+                    </el-input>
+                  </el-form-item>
+
+                  <el-form-item label="内部备注："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="internalRemark">
+                    <el-input type="textarea"
+                              :rows="2"
+                              placeholder="请输入内容"
+                              v-model="fmData.internalRemark">
+                    </el-input>
+                  </el-form-item>
+
+                  <el-form-item v-if="fmData.operateType != 'close'"
+                                label="图片/附件："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="internalFile">
+                    <el-upload class="avatar-uploader"
+                               :action="uploadUrl"
+                               :data="{ customerId: customerId }"
+                               :show-file-list="true"
+                               :on-success="handleImgSuccess"
+                               :on-remove="handleImgRemove"
+                               :before-upload="beforeImgUpload">
+                      <i class="el-icon-plus avatar-uploader-icon"></i>
+                    </el-upload>
+                  </el-form-item>
+
+                  <el-form-item v-if="fmData.operateType != 'close'"
+                                label="公开回复："
+                                :class="{'form-item':source==='visiual'}"
+                                prop="publicReply">
+                    <el-input type="textarea"
+                              :rows="2"
+                              placeholder="请输入内容"
+                              v-model="fmData.publicReply">
+                    </el-input>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </div>
+            <!-- <div class="m-btns">
             <el-button size=""
                        style="margin-right: 50px"
                        @click="handleClose">关闭</el-button>
@@ -324,24 +337,25 @@
                        @click="handleSubmit">确定</el-button>
           </div> -->
 
-          <div v-if="source==='manage'"
-               class="m-btns ">
-            <el-button size="small"
-                       @click="handleClose">关闭</el-button>
-            <el-button size=""
-                       type="danger"
-                       @click="handleSubmit">确定</el-button>
-          </div>
-          <div v-else
-               class="m-btns">
-            <div class="item_btn"
-                 @click="handleClose">关闭</div>
-            <div class="item_btn mgl"
-                 @click="handleSubmit">确定</div>
+            <div v-if="source==='manage'"
+                 class="m-btns ">
+              <el-button size="small"
+                         @click="handleClose">关闭</el-button>
+              <el-button size=""
+                         type="danger"
+                         @click="handleSubmit">确定</el-button>
+            </div>
+            <div v-else
+                 class="m-btns">
+              <div class="item_btn"
+                   @click="handleClose">关闭</div>
+              <div class="item_btn mgl"
+                   @click="handleSubmit">确定</div>
 
-          </div>
+            </div>
 
-        </el-card>
+          </el-card>
+        </div>
       </div>
       <div class="g-right">
         <el-card class="m-card"
@@ -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"