更新选择staff组件

src/assets/scss/c/function.scss

@@ -57,13 +57,13 @@
 	transform: translate(-50%, -50%);
 }
 // 已知高度的容器在页面中水平垂直居中
-@mixin hub($w, $h) {
+@mixin hub {
 	position: absolute;
-	top: 50%;
+	top: 0;
-	left: 50%;
+	bottom: 0;
-	width: $w;
+	left: 0;
-	height: $h;
+	right: 0;
-	margin: -$h * 0.5 0 0 -$w * 0.5;
+	margin: auto;
 }
 // 未知高度容器在页面居中,父元素必须相对定位
 @mixin hub2($sel, $w, $h) {

src/utils/deepClone.js

@@ -0,0 +1,10 @@
+/**
+ * 深度克隆
+ */
+export default function(arg) {
+	if (typeof arg == 'object' || typeof arg == 'array') {
+		return JSON.parse(JSON.stringify(arg));
+	} else {
+		return arg;
+	}
+}

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

@@ -100,7 +100,7 @@
                 </el-radio-group>
               </el-form-item>
 
-              <el-form-item label="处理部门：" prop="projectStaffId">
+              <el-form-item label="您的身份：" prop="projectStaffId">
                 <el-select
                   v-model.trim="fmData.projectStaffId"
                   placeholder="请选择"
@@ -116,6 +116,37 @@
                 </el-select>
               </el-form-item>
 
+              <el-form-item
+                v-if="fmData.operateType == 'turn'"
+                label="处理部门："
+                prop="publicReply"
+              >
+                <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="协办单位："
@@ -338,6 +369,7 @@
 <script>
 import { requestPost } from "@/js/dai/request";
 import foldText from "@/views/components/foldText";
+import selectStaff from "@/views/components/selectStaff";
 import issueInfo from "./issue-info";
 import eventInfo from "./event-info";
 import projectEvaluation from "./project-evaluation";
@@ -370,7 +402,10 @@ function iniData() {
       projectProcessId: "",
 
       closedStatus: "",
+
+      staffList: "",
     },
+    visibleStaffPanel: false,
 
     myDepartmentList: [],
     assistanceUnitList: [],
@@ -470,6 +505,7 @@ export default {
     issueInfo,
     eventInfo,
     projectEvaluation,
+    selectStaff,
   },
 
   data: iniData,
@@ -485,7 +521,7 @@ export default {
             { required: true, message: "处理方式不能为空", trigger: "blur" },
           ],
           projectStaffId: [
-            { required: true, message: "请选择处理部门", trigger: "blur" },
+            { required: true, message: "请选择您的身份", trigger: "blur" },
           ],
         };
       })();
@@ -497,6 +533,10 @@ export default {
           obj.closedStatus = [
             { required: true, message: "请选择结案状态", trigger: "blur" },
           ];
+        } else if (operateType == "turn") {
+          obj.staffList = [
+            { required: true, message: "请选择处理部门", trigger: "blur" },
+          ];
         } else {
           obj.internalRemark = [
             { required: true, message: "请填写内部备注", trigger: "blur" },
@@ -610,7 +650,7 @@ export default {
         this.submitDispose();
       } else if (operateType == "close") {
         this.submitClose();
-      } else if (operateType == "trun") {
+      } else if (operateType == "turn") {
         this.submitTurn();
       } else if (operateType == "back") {
         this.submitBack();
@@ -690,7 +730,7 @@ export default {
 
     //加载组织数据
     async submitTurn() {
-      const url = "/gov/project/trace/return-v2";
+      const url = "/gov/project/trace/transfer-v2";
       const { fmData } = this;
 
       const loading = this.$loading({
@@ -708,6 +748,7 @@ export default {
         projectStaffId: fmData.projectStaffId,
         publicReply: fmData.publicReply,
         internalFile: fmData.internalFile,
+        staffList: fmData.staffList,
       });
 
       loading.close();