diff --git a/src/api/duty/projectNew.js b/src/api/duty/projectNew.js
index 4e2b24c..e5261af 100644
--- a/src/api/duty/projectNew.js
+++ b/src/api/duty/projectNew.js
@@ -124,7 +124,7 @@ export function gettargetreport(data) {
   // 添加部门指标
   export function add_department_target(data) {
     return request({
-      url: '/department_pc/add_department_target',
+      url: '/department_pc/new_add_depar_target',
       method: 'post',
       data
     })
diff --git a/src/api/people/peopledata.js b/src/api/people/peopledata.js
index e238222..b82325d 100644
--- a/src/api/people/peopledata.js
+++ b/src/api/people/peopledata.js
@@ -539,4 +539,46 @@ export function calcHeightx(value, wappered = true) {
     }
     return res;
 };
-  
\ No newline at end of file
+
+//计算表格合并行
+/**
+ * 
+ * @param {*} dataAry      //表格数据数组
+ * @param {*} mergeArr     //要合并的字段
+ * @returns mergeObj       //处理后的数据
+ */
+export function tableMergeTrade(dataAry = Array,mergeArr = Array,lastname ='endtable'){
+    
+    // console.log("计算表格合并行------->dataAry===>",dataAry,dataAry.length)
+    // console.log("计算表格合并行------->mergeArr===>",mergeArr,mergeArr.length)
+    
+    let mergeObj = {};
+    let endObj = new Array
+    //循环遍历要合并的字段
+    mergeArr.forEach((key, index1) => {
+        let count = 0; // 用来记录需要合并行的起始位置
+        mergeObj[key] = []; // 记录每一列的合并信息
+        //数据列表循环
+        dataAry.forEach((item, index) => {
+            // index == 0表示数据为第一行，直接 push 一个 1
+            if(index === 0) {
+                mergeObj[key].push(1); 
+            }else{
+                // 判断当前行是否与上一行其值相等 如果相等 在 count 记录的位置其值 +1 表示当前行需要合并 并push 一个 0 作为占位
+                if(item[key] === dataAry[index - 1][key]) { 
+                    mergeObj[key][count] += 1;
+                    mergeObj[key].push(0);
+                } else {
+                    // 如果当前行和上一行其值不相等 
+                    count = index; // 记录当前位置 
+                    mergeObj[key].push(1); // 重新push 一个 1
+                }
+            }
+        });
+        if(index1 == 0){
+            endObj =  mergeObj[key]
+        }
+    });
+    mergeObj[lastname] = endObj;
+    return mergeObj
+}
\ No newline at end of file
diff --git a/src/api/personnel/post.js b/src/api/personnel/post.js
index 090e4c2..ad15067 100644
--- a/src/api/personnel/post.js
+++ b/src/api/personnel/post.js
@@ -357,3 +357,20 @@ export const newAddPeopleCont = (data) => {
   })
 }
 
+//获取当前行政组织的所有主行政部门
+export const getCompanyDeparment = (data) => {
+  return request({
+    url: '/org/getcompanydeparment',
+    method: 'post',
+    data: data
+  })
+}
+
+//获取指定行政组织列表
+export const getAppointOrg = (data) => {
+  return request({
+    url: '/org/getappointorg',
+    method: 'post',
+    data: data
+  })
+}
\ No newline at end of file
diff --git a/src/api/preload.js b/src/api/preload.js
new file mode 100644
index 0000000..7bb0020
--- /dev/null
+++ b/src/api/preload.js
@@ -0,0 +1,157 @@
+function All() { }
+All.prototype = {
+    timer: "",
+    debounce(fn, delay = 500) {
+        var _this = this;
+        return function (arg) {
+            //获取函数的作用域和变量
+            let that = this;
+            let args = arg;
+            clearTimeout(_this.timer) // 清除定时器
+            _this.timer = setTimeout(function () {
+                fn.call(that, args)
+            }, delay)
+        }
+    },
+    setCookie(val) { //cookie设置[{key:value}]、获取key、清除['key1','key2']
+        for (var i = 0, len = val.length; i < len; i++) {
+            for (var key in val[i]) {
+                document.cookie = key + '=' + encodeURIComponent(val[i][key]) + "; path=/";
+            }
+        }
+    },
+    getCookie(name) {
+        var strCookie = document.cookie;
+        var arrCookie = strCookie.split("; ");
+        for (var i = 0, len = arrCookie.length; i < len; i++) {
+            var arr = arrCookie[i].split("=");
+            if (name == arr[0]) {
+                return decodeURIComponent(arr[1]);
+            }
+        }
+    },
+    clearCookie(name) {
+        var myDate = new Date();
+        myDate.setTime(-1000); //设置时间    
+        for (var i = 0, len = name.length; i < len; i++) {
+            document.cookie = "" + name[i] + "=''; path=/; expires=" + myDate.toGMTString();
+        }
+    },
+    arrToStr(arr) {
+        if (arr) {
+            return arr.map(item => item.name).toString()
+        }
+    },
+    toggleClass(arr, elem, key = 'id') {
+        return arr.some(item => item[key] == elem[key]);
+    },
+    toChecked(arr, elem, key = 'id') {
+        var isIncludes = this.toggleClass(arr, elem, key);
+        !isIncludes ? arr.push(elem) : this.removeEle(arr, elem, key);
+    },
+    removeEle(arr, elem, key = 'id') {
+        var includesIndex;
+        arr.map((item, index) => {
+            if (item[key] == elem[key]) {
+                includesIndex = index
+            }
+        });
+        arr.splice(includesIndex, 1);
+    },
+    setApproverStr(nodeConfig) {
+        if (nodeConfig.settype == 1) {
+            if (nodeConfig.nodeUserList.length == 1) {
+                return nodeConfig.nodeUserList[0].name
+            } else if (nodeConfig.nodeUserList.length > 1) {
+                if (nodeConfig.examineMode == 1) {
+                    return this.arrToStr(nodeConfig.nodeUserList)
+                } else if (nodeConfig.examineMode == 2) {
+                    return nodeConfig.nodeUserList.length + "人会签"
+                }
+            }
+        } else if (nodeConfig.settype == 2) {
+            let level = nodeConfig.directorLevel == 1 ? '直接主管' : '第' + nodeConfig.directorLevel + '级主管'
+            if (nodeConfig.examineMode == 1) {
+                return level
+            } else if (nodeConfig.examineMode == 2) {
+                return level + "会签"
+            }
+        } else if (nodeConfig.settype == 4) {
+            if (nodeConfig.selectRange == 1) {
+                return "发起人自选"
+            } else {
+                if (nodeConfig.nodeUserList.length > 0) {
+                    if (nodeConfig.selectRange == 2) {
+                        return "发起人自选"
+                    } else {
+                        return '发起人从' + nodeConfig.nodeUserList[0].name + '中自选'
+                    }
+                } else {
+                    return "";
+                }
+            }
+        } else if (nodeConfig.settype == 5) {
+            return "发起人自己"
+        } else if (nodeConfig.settype == 7) {
+            return '从直接主管到通讯录中级别最高的第' + nodeConfig.examineEndDirectorLevel + '个层级主管'
+        }
+    },
+    dealStr(str, obj) {
+        let arr = [];
+        let list = str.split(",");
+        for (var elem in obj) {
+            list.map(item => {
+                if (item == elem) {
+                    arr.push(obj[elem].value)
+                }
+            })
+        }
+        return arr.join("或")
+    },
+    conditionStr(nodeConfig, index) {
+        var { conditionList, nodeUserList } = nodeConfig.conditionNodes[index];
+        if (conditionList.length == 0) {
+            return (index == nodeConfig.conditionNodes.length - 1) && nodeConfig.conditionNodes[0].conditionList.length != 0 ? '其他条件进入此流程' : '请设置条件'
+        } else {
+            let str = ""
+            for (var i = 0; i < conditionList.length; i++) {
+                var { columnId, columnType, showType, showName, optType, zdy1, opt1, zdy2, opt2, fixedDownBoxValue } = conditionList[i];
+                if (columnId == 0) {
+                    if (nodeUserList.length != 0) {
+                        str += '发起人属于：'
+                        str += nodeUserList.map(item => item.name).join("或") + " 并且 "
+                    }
+                }
+                if (columnType == "String" && showType == "checkBox") {
+                    if (zdy1) {
+                        str += showName + '属于：' + this.dealStr(zdy1, JSON.parse(fixedDownBoxValue)) + " 并且 "
+                    }
+                }
+                if (columnType == "Double") {
+                    if (optType != 6 && zdy1) {
+                        var optTypeStr = ["", "<", ">", "≤", "=", "≥"][optType]
+                        str += `${showName} ${optTypeStr} ${zdy1} 并且 `
+                    } else if (optType == 6 && zdy1 && zdy2) {
+                        str += `${zdy1} ${opt1} ${showName} ${opt2} ${zdy2} 并且 `
+                    }
+                }
+            }
+            return str ? str.substring(0, str.length - 4) : '请设置条件'
+        }
+    },
+    copyerStr(nodeConfig) {
+        if (nodeConfig.nodeUserList.length != 0) {
+            return this.arrToStr(nodeConfig.nodeUserList)
+        } else {
+            if (nodeConfig.ccSelfSelectFlag == 1) {
+                return "发起人自选"
+            }
+        }
+    },
+    toggleStrClass(item, key) {
+        let a = item.zdy1 ? item.zdy1.split(",") : []
+        return a.some(item => item == key);
+    },
+}
+
+export default new All();
\ No newline at end of file
diff --git a/src/api/systemaccredit/systemapi.js b/src/api/systemaccredit/systemapi.js
index b0afe11..9184d8f 100644
--- a/src/api/systemaccredit/systemapi.js
+++ b/src/api/systemaccredit/systemapi.js
@@ -148,6 +148,13 @@ export const getorgary = (data) => {
         data: data
     })
 } 
+export const getOrgAndPostAry = (data) => {
+    return request({
+        url: '/postpc/get_organdpost_ary',
+        method: 'post',
+        data: data
+    })
+} 
 //添加岗位
 export const newAddPostTarget = (data) => {
     return request({
@@ -164,4 +171,275 @@ export const getQuantitativeTasks = (data) => {
         method: 'post',
         data: data
     })
-} 
\ No newline at end of file
+} 
+
+//删除部门指标
+export const deltarget = (data) => {
+    return request({
+        url: '/department_pc/deltarget',
+        method: 'post',
+        data: data
+    })
+} 
+
+
+//获取部门指标（新版）
+export const newDepartTarList = (data) => {
+    return request({
+        url: '/department_pc/new_depart_tar_list',
+        method: 'post',
+        data: data
+    })
+} 
+
+//指标改变状态（启用、禁用、软删除、硬删除）
+export const targetEditState = (data) => {
+    return request({
+        url: '/department_pc/new_del_target',
+        method: 'post',
+        data: data
+    })
+} 
+// 编辑单一部门指标(新版)
+export function new_edit_one_target(data) {
+  return request({
+    url: '/department_pc/new_edit_one_target',
+    method: 'post',
+    data
+  })
+}
+// 指标关联岗位（新版）
+export function new_dep_tar_post(data) {
+    return request({
+      url: '/department_pc/new_dep_tar_post',
+      method: 'post',
+      data
+    })
+}
+// 获取指标已关联岗位
+export function get_target_relevant_post_Report(data) {
+    return request({
+      url: '/department_pc/get_target_relevant_post_Report',
+      method: 'post',
+      data
+    })
+}
+
+// 获取岗位指标列表
+export function get_posttarget_list(data) {
+    return request({
+      url: '/postpc/get_posttarget_list',
+      method: 'post',
+      data
+    })
+}
+// 编辑岗位指标状态
+export function setPosttargetState(data) {
+    return request({
+      url: '/postpc/set_posttarget_state',
+      method: 'post',
+      data
+    })
+}
+
+//添加岗位指标
+export const addPostTargetCont = (data) => {
+    return request({
+        url: '/postpc/addposttargetcont',
+        method: 'post',
+        data: data
+    })
+} 
+// 获取岗位指标详情
+export function get_post_target(data) {
+    return request({
+      url: '/postpc/get_post_target',
+      method: 'post',
+      data
+    })
+}
+// 获取岗位指标详情
+export function newEditPostTarget(data) {
+    return request({
+      url: '/postpc/neweditposttarget',
+      method: 'post',
+      data
+    })
+}
+
+// 获取部门指标细则
+export function getTargetDetailsList(data) {
+    return request({
+      url: '/department_pc/get_target_details_list',
+      method: 'post',
+      data
+    })
+}
+// 获取指定指标下的栏目列表
+export function getTargetColumnList(data) {
+    return request({
+      url: '/department_pc/get_target_column_list',
+      method: 'post',
+      data
+    })
+}
+// 添加部门指标细则
+export function newAddDepartDetails(data) {
+    return request({
+      url: '/department_pc/new_add_depart_details',
+      method: 'post',
+      data
+    })
+}
+
+// 编辑指标细则状态
+export function editDetailsState(data) {
+    return request({
+      url: '/department_pc/edit_details_state',
+      method: 'post',
+      data
+    })
+}
+// 获取单一指标细则内容
+export function getonedetailedtarget(data) {
+    return request({
+      url: '/department_pc/getonedetailedtarget',
+      method: 'post',
+      data
+    })
+}
+// 编辑单一指标细则内容（新版）
+export function editDetailsCont(data) {
+    return request({
+      url: '/department_pc/edit_details_cont',
+      method: 'post',
+      data
+    })
+}
+//获取子栏目基础信息
+export function getSonTargetCont(data) {
+    return request({
+      url: '/department_pc/getsontargetcont',
+      method: 'post',
+      data
+    })
+}
+//根据栏目添加细则
+export function tableAddDetailses(data) {
+    return request({
+      url: '/department_pc/table_add_detailses',
+      method: 'post',
+      data
+    })
+}
+//修改栏目名称及关联岗位和提报人
+export function editTableDepartMan(data) {
+    return request({
+      url: '/department_pc/edit_table_depart_man',
+      method: 'post',
+      data
+    })
+}
+
+// 根据指标和部门获取相关岗位
+export function delsontarget(data) {
+    return request({
+      url: '/department_pc/delsontarget',
+      method: 'post',
+      data
+    })
+}
+// 根据指标获取岗位细则
+export function getPostDetailsList(data) {
+    return request({
+      url: '/postpc/getdetailslist',
+      method: 'post',
+      data
+    })
+}
+
+// 获取岗位指标关联部门相关岗位及提报人(新版)
+export function getNewTargetDepartPostMan(data) {
+    return request({
+      url: '/postpc/getnew_target_depart_postman',
+      method: 'post',
+      data
+    })
+}
+// 根据指标获取岗位指标栏目
+export function tableBasePostTarget(data) {
+    return request({
+      url: '/postpc/table_base_post_target',
+      method: 'post',
+      data
+    })
+}
+
+// 根据指标提交岗位细则数据
+export function addDetailsList(data) {
+    return request({
+      url: '/postpc/adddetailslist',
+      method: 'post',
+      data
+    })
+}
+
+// 编辑岗位指标细则状态
+export function eidtPostTardetaiLsstrte(data) {
+    return request({
+      url: '/postpc/eidtposttardetailsstrte',
+      method: 'post',
+      data
+    })
+}
+
+// 获取岗位指标细则内容
+export function getPostDetailsCont(data) {
+    return request({
+      url: '/postpc/getdetailscont',
+      method: 'post',
+      data
+    })
+}
+
+// 编辑岗位指标细则（新版）
+export function editPostDetailscont(data) {
+    return request({
+      url: '/postpc/edit_post_detailscont',
+      method: 'post',
+      data
+    })
+}
+
+// 根据栏目添加细则列表
+export function addTableDetailsList(data) {
+    return request({
+      url: '/postpc/addtabledetailslist',
+      method: 'post',
+      data
+    })
+}
+// 根据栏目添加细则列表
+export function delSonTargetCont(data) {
+    return request({
+      url: '/postpc/del_son_target_cont',
+      method: 'post',
+      data
+    })
+}
+// 获取岗位栏目关联部门相关岗位及提报人(新版)
+export function getNewTableDepartMan(data) {
+    return request({
+      url: '/postpc/get_new_table_departMan',
+      method: 'post',
+      data
+    })
+}
+// 编辑岗位子栏目内容(新版)
+export function editNewsonTargetCont(data) {
+    return request({
+      url: '/postpc/edit_newson_target_cont',
+      method: 'post',
+      data
+    })
+}
\ No newline at end of file
diff --git a/src/api/workflowapi/workflowaip.js b/src/api/workflowapi/workflowaip.js
new file mode 100644
index 0000000..1c95822
--- /dev/null
+++ b/src/api/workflowapi/workflowaip.js
@@ -0,0 +1,58 @@
+import request from '@/utils/requestFile'
+
+//获取流程数值
+export const getShiyanData = (data) => {
+    return request({
+        url: '/workflowapi/shiyan_data',
+        method: 'post',
+        data: data
+    })
+}
+/**
+ * 获取角色
+ * @param {*} data 
+ * @returns 
+ */
+ export const getRoles = (data) => {
+    return request({
+        url: '/workflowapi/shiyan_data',
+        method: 'post',
+        data: data
+    })
+}
+/**
+ * 获取部门
+ * @param {*} data 
+ * @returns 
+ */
+ export const getDepartments = (data) => {
+    return request({
+        url: '/workflowapi/shiyan_data',
+        method: 'post',
+        data: data
+    })
+}
+/**
+ * 获取职员
+ * @param {*} data 
+ * @returns 
+ */
+ export const getEmployees = (data) => {
+    return request({
+        url: '/workflowapi/shiyan_data',
+        method: 'post',
+        data: data
+    })
+}
+/**
+ * 获取条件字段
+ * @param {*} data 
+ * @returns 
+ */
+ export const getConditions = (data) => {
+    return request({
+        url: '/workflowapi/shiyan_data',
+        method: 'post',
+        data: data
+    })
+}
\ No newline at end of file
diff --git a/src/api/workflowapi/workflowhraip.js b/src/api/workflowapi/workflowhraip.js
new file mode 100644
index 0000000..4a59f1a
--- /dev/null
+++ b/src/api/workflowapi/workflowhraip.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request1'
+
+//获取组织及成员
+export const getOrgAndMan = (data) => {
+    return request({
+        url: '/org/basis_org_obtain_sonorg_and_man',
+        method: 'post',
+        data: data
+    })
+}
\ No newline at end of file
diff --git a/src/assets/images/add-close.png b/src/assets/images/add-close.png
new file mode 100644
index 0000000..1c7e4d6
Binary files /dev/null and b/src/assets/images/add-close.png differ
diff --git a/src/assets/images/add-close1.png b/src/assets/images/add-close1.png
new file mode 100644
index 0000000..27e1ebb
Binary files /dev/null and b/src/assets/images/add-close1.png differ
diff --git a/src/assets/images/cancel.png b/src/assets/images/cancel.png
new file mode 100644
index 0000000..2dbe531
Binary files /dev/null and b/src/assets/images/cancel.png differ
diff --git a/src/assets/images/check_box.png b/src/assets/images/check_box.png
new file mode 100644
index 0000000..fb89fe2
Binary files /dev/null and b/src/assets/images/check_box.png differ
diff --git a/src/assets/images/icon_file.png b/src/assets/images/icon_file.png
new file mode 100644
index 0000000..857d35b
Binary files /dev/null and b/src/assets/images/icon_file.png differ
diff --git a/src/assets/images/icon_people.png b/src/assets/images/icon_people.png
new file mode 100644
index 0000000..ae4e7af
Binary files /dev/null and b/src/assets/images/icon_people.png differ
diff --git a/src/assets/images/icon_role.png b/src/assets/images/icon_role.png
new file mode 100644
index 0000000..23bfa15
Binary files /dev/null and b/src/assets/images/icon_role.png differ
diff --git a/src/assets/images/jiaojiao.png b/src/assets/images/jiaojiao.png
new file mode 100644
index 0000000..4e3c7fe
Binary files /dev/null and b/src/assets/images/jiaojiao.png differ
diff --git a/src/assets/images/list_search.png b/src/assets/images/list_search.png
new file mode 100644
index 0000000..01c2f97
Binary files /dev/null and b/src/assets/images/list_search.png differ
diff --git a/src/assets/images/loading.gif b/src/assets/images/loading.gif
new file mode 100644
index 0000000..979d52d
Binary files /dev/null and b/src/assets/images/loading.gif differ
diff --git a/src/assets/images/next_level.png b/src/assets/images/next_level.png
new file mode 100644
index 0000000..53d2837
Binary files /dev/null and b/src/assets/images/next_level.png differ
diff --git a/src/assets/images/next_level_active.png b/src/assets/images/next_level_active.png
new file mode 100644
index 0000000..1a52ae8
Binary files /dev/null and b/src/assets/images/next_level_active.png differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..f3d2503
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/addNode.vue b/src/components/addNode.vue
new file mode 100644
index 0000000..aafe717
--- /dev/null
+++ b/src/components/addNode.vue
@@ -0,0 +1,235 @@
+<template>
+    <div class="add-node-btn-box">
+        <div class="add-node-btn">
+            <el-popover placement="right-start" v-model="visible">
+                <div class="add-node-popover-body">
+                    <a class="add-node-popover-item approver" @click="addType(1)">
+                        <div class="item-wrapper">
+                            <span class="iconfont"></span>
+                        </div>
+                        <p>审批人</p>
+                    </a>
+                    <a class="add-node-popover-item notifier" @click="addType(2)">
+                        <div class="item-wrapper">
+                            <span class="iconfont"></span>
+                        </div>
+                        <p>抄送人</p>
+                    </a>
+                    <a class="add-node-popover-item condition" @click="addType(4)">
+                        <div class="item-wrapper">
+                            <span class="iconfont"></span>
+                        </div>
+                        <p>条件分支</p>
+                    </a>
+                </div>
+                <button class="btn" type="button" slot="reference">
+                    <span class="iconfont"></span>
+                </button>
+            </el-popover>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    props: ["childNodeP"],
+    data() {
+        return {
+            visible: false
+        }
+    },
+    methods: {
+        addType(type) {
+            this.visible = false;
+            if (type != 4) {
+                var data;
+                if (type == 1) {
+                    data = {
+                        "nodeName": "审核人",
+                        "error": true,
+                        "type": 1,
+                        "settype": 1,
+                        "selectMode": 0,
+                        "selectRange": 0,
+                        "directorLevel": 1,
+                        "examineMode": 1,
+                        "noHanderAction": 1,
+                        "examineEndDirectorLevel": 0,
+                        "childNode": this.childNodeP,
+                        "nodeUserList": []
+                    }
+                } else if (type == 2) {
+                    data = {
+                        "nodeName": "抄送人",
+                        "type": 2,
+                        "ccSelfSelectFlag": 1,
+                        "childNode": this.childNodeP,
+                        "nodeUserList": []
+                    }
+                }
+                this.$emit("update:childNodeP", data)
+            } else {
+                this.$emit("update:childNodeP", {
+                    "nodeName": "路由",
+                    "type": 4,
+                    "childNode": null,
+                    "conditionNodes": [{
+                        "nodeName": "条件1",
+                        "error": true,
+                        "type": 3,
+                        "priorityLevel": 1,
+                        "conditionList": [],
+                        "nodeUserList": [],
+                        "childNode": this.childNodeP,
+                    }, {
+                        "nodeName": "条件2",
+                        "type": 3,
+                        "priorityLevel": 2,
+                        "conditionList": [],
+                        "nodeUserList": [],
+                        "childNode": null
+                    }]
+                })
+            }
+        }
+    }
+}
+</script>
+<style scoped lang="less">
+.add-node-btn-box {
+    width: 240px;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -ms-flex-negative: 0;
+    flex-shrink: 0;
+    -webkit-box-flex: 1;
+    -ms-flex-positive: 1;
+    position: relative;
+
+    &:before {
+        content: "";
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        z-index: -1;
+        margin: auto;
+        width: 2px;
+        height: 100%;
+        background-color: #cacaca
+    }
+
+    .add-node-btn {
+        user-select: none;
+        width: 240px;
+        padding: 20px 0 32px;
+        display: flex;
+        -webkit-box-pack: center;
+        justify-content: center;
+        flex-shrink: 0;
+        -webkit-box-flex: 1;
+        flex-grow: 1;
+
+        .btn {
+            outline: none;
+            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
+            width: 30px;
+            height: 30px;
+            background: #3296fa;
+            border-radius: 50%;
+            position: relative;
+            border: none;
+            line-height: 30px;
+            -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
+            transition: all .3s cubic-bezier(.645, .045, .355, 1);
+
+            .iconfont {
+                color: #fff;
+                font-size: 16px
+            }
+
+            &:hover {
+                transform: scale(1.3);
+                box-shadow: 0 13px 27px 0 rgba(0, 0, 0, .1)
+            }
+
+            &:active {
+                transform: none;
+                background: #1e83e9;
+                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
+            }
+        }
+    }
+}
+</style>
+<style lang="less">
+.add-node-popover-body {
+    display: flex;
+
+    .add-node-popover-item {
+        margin-right: 10px;
+        cursor: pointer;
+        text-align: center;
+        flex: 1;
+        color: #191f25 !important;
+
+        .item-wrapper {
+            user-select: none;
+            display: inline-block;
+            width: 80px;
+            height: 80px;
+            margin-bottom: 5px;
+            background: #fff;
+            border: 1px solid #e2e2e2;
+            border-radius: 50%;
+            transition: all .3s cubic-bezier(.645, .045, .355, 1);
+
+            .iconfont {
+                font-size: 35px;
+                line-height: 80px
+            }
+        }
+
+        &.approver {
+            .item-wrapper {
+                color: #ff943e
+            }
+        }
+
+        &.notifier {
+            .item-wrapper {
+                color: #3296fa
+            }
+        }
+
+        &.condition {
+            .item-wrapper {
+                color: #15bc83
+            }
+        }
+
+        &:hover {
+            .item-wrapper {
+                background: #3296fa;
+                box-shadow: 0 10px 20px 0 rgba(50, 150, 250, .4)
+            }
+
+            .iconfont {
+                color: #fff
+            }
+        }
+
+        &:active {
+            .item-wrapper {
+                box-shadow: none;
+                background: #eaeaea
+            }
+
+            .iconfont {
+                color: inherit
+            }
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/dialog/employeesDialog.vue b/src/components/dialog/employeesDialog.vue
new file mode 100644
index 0000000..1779f48
--- /dev/null
+++ b/src/components/dialog/employeesDialog.vue
@@ -0,0 +1,129 @@
+<template>
+   <el-dialog title="选择成员" :visible.sync="visibleDialog" width="600px" append-to-body class="promoter_person">
+      <div class="person_body clear">
+          
+          
+
+
+          <el-row>
+            <el-col :span="12">
+
+              <div class="person_tree l">
+                <input type="text" placeholder="搜索成员" v-model="searchVal" @input="getDebounceData($event)">
+                <p class="ellipsis tree_nav" v-if="!searchVal">
+                    <span @click="getDepartmentList(309)" class="ellipsis">全部</span>
+                    <span v-for="(item,index) in departments.titleDepartments" class="ellipsis" 
+                    :key="index+'a'" @click="getDepartmentList(item.id)">{{item.departmentName}}</span>   
+                </p>
+                <selectBox :list="list"/>
+            </div>
+
+            </el-col>
+            <el-col :span="12">
+
+              <selectResult :total="total" @del="delList" :list="resList"/>
+
+            </el-col>
+          </el-row>
+
+
+
+      </div>
+      <span slot="footer" class="dialog-footer">
+          <el-button @click="$emit('update:visible',false)">取 消</el-button>
+          <el-button type="primary" @click="saveDialog">确 定</el-button>
+      </span>
+  </el-dialog>
+</template>
+
+<script>
+import selectBox from '../selectBox.vue';
+import selectResult from '../selectResult.vue';
+import mixins from './mixins'
+export default {
+  components: { selectBox, selectResult },
+  mixins: [mixins],
+  props: ['visible', 'data', 'isDepartment'],
+  watch: {
+    visible(val) {
+      this.visibleDialog = this.visible
+      if (val) {
+        this.getDepartmentList();
+        this.searchVal = "";
+        if(this.data !== null){
+          this.checkedEmployessList = this.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
+            employeeName: name,
+            id: targetId
+          }));
+          this.checkedDepartmentList = this.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
+            departmentName: name,
+            id: targetId
+          }));
+        }
+      }
+    },
+    visibleDialog(val) {
+      this.$emit('update:visible', val)
+    }
+  },
+  computed: {
+    total() {
+      return this.checkedDepartmentList.length + this.checkedEmployessList.length
+    },
+    list() {
+      return [{
+        isDepartment: this.isDepartment,
+        type: 'department',
+        data: this.departments.childDepartments,
+        isActive: (item) => this.$func.toggleClass(this.checkedDepartmentList, item),
+        change: (item) => this.$func.toChecked(this.checkedDepartmentList, item),
+        next: (item) => this.getDepartmentList(item.id)
+      }, {
+        type: 'employee',
+        data: this.departments.employees,
+        isActive: (item) => this.$func.toggleClass(this.checkedEmployessList, item),
+        change: (item) => this.$func.toChecked(this.checkedEmployessList, item),
+      }]
+    },
+    resList() {
+      let data = [{
+        type: 'employee',
+        data: this.checkedEmployessList,
+        cancel: (item) => this.$func.removeEle(this.checkedEmployessList, item)
+      }]
+      if (this.isDepartment) {
+        data.unshift({
+          type: 'department',
+          data: this.checkedDepartmentList,
+          cancel: (item) => this.$func.removeEle(this.checkedDepartmentList, item)
+        })
+      }
+      return data
+    }
+  },
+  data() {
+    return {
+      checkedDepartmentList: [],
+      checkedEmployessList: [],
+    }
+  },
+  methods: {
+    saveDialog() {
+      let checkedList = [...this.checkedDepartmentList, ...this.checkedEmployessList].map(item => ({
+        type: item.employeeName ? 1 : 3,
+        targetId: item.id,
+        name: item.employeeName || item.departmentName
+      }))
+      this.$emit('change', checkedList)
+    },
+    delList() {
+      this.checkedDepartmentList = [];
+      this.checkedEmployessList = []
+    }
+  }
+}
+</script>
+
+<style>
+@import "../../css/dialog.css";
+</style>
\ No newline at end of file
diff --git a/src/components/dialog/employeesRoleDialog.vue b/src/components/dialog/employeesRoleDialog.vue
new file mode 100644
index 0000000..d08d3f1
--- /dev/null
+++ b/src/components/dialog/employeesRoleDialog.vue
@@ -0,0 +1,146 @@
+<template>
+  <el-dialog title="选择成员" :visible.sync="visibleDialog" width="600px" append-to-body class="promoter_person">
+      <div class="person_body clear">
+          <div class="person_tree l">
+              <input type="text" placeholder="搜索成员" v-model="searchVal" @input="getDebounceData($event,activeName)">
+              <el-tabs v-model="activeName" @tab-click="handleClick">
+                  <el-tab-pane label="组织架构" name="1"></el-tab-pane>
+                  <el-tab-pane label="角色列表" name="2"></el-tab-pane>
+              </el-tabs>
+              <p class="ellipsis tree_nav" v-if="activeName==1&&!searchVal">
+                  <span @click="getDepartmentList(0)" class="ellipsis">天下</span>
+                  <span v-for="(item,index) in departments.titleDepartments" class="ellipsis" 
+                  :key="index+'a'" @click="getDepartmentList(item.id)">{{item.departmentName}}</span>   
+              </p>
+              <selectBox :list="list" style="height: 360px;"/>
+          </div>
+          <selectResult :total="total" @del="delList" :list="resList"/>
+      </div>
+      <span slot="footer" class="dialog-footer">
+          <el-button @click="$emit('update:visible',false)">取 消</el-button>
+          <el-button type="primary" @click="saveDialog">确 定</el-button>
+      </span>
+  </el-dialog>
+</template>
+
+<script>
+import selectBox from '../selectBox.vue';
+import selectResult from '../selectResult.vue';
+import mixins from './mixins'
+export default {
+  components: { selectBox, selectResult },
+  mixins: [mixins],
+  props: ['visible', 'data', 'isDepartment'],
+  watch: {
+    visible(val) {
+      this.visibleDialog = this.visible
+      if (val) {
+        this.activeName = "1";
+        this.getDepartmentList();
+        this.searchVal = "";
+        if(this.data !== null) {
+          this.checkedEmployessList = this.data.filter(item => item.type === 1).map(({ name, targetId }) => ({
+            employeeName: name,
+            id: targetId
+          }));
+          this.checkedRoleList = this.data.filter(item => item.type === 2).map(({ name, targetId }) => ({
+            roleName: name,
+            roleId: targetId
+          }));
+          this.checkedDepartmentList = this.data.filter(item => item.type === 3).map(({ name, targetId }) => ({
+            departmentName: name,
+            id: targetId
+          }));
+        }
+      }
+    },
+    visibleDialog(val) {
+      this.$emit('update:visible', val)
+    }
+  },
+  computed: {
+    total() {
+      return this.checkedEmployessList.length + this.checkedRoleList.length + this.checkedDepartmentList.length
+    },
+    list() {
+      if (this.activeName === '2') {
+        return [{
+          type: 'role',
+          not: false,
+          data: this.roles,
+          isActiveItem: (item) => this.$func.toggleClass(this.checkedRoleList, item, 'roleId'),
+          change: (item) => this.$func.toChecked(this.checkedRoleList, item, 'roleId')
+        }]
+      } else {
+        return [{
+          isDepartment: this.isDepartment,
+          type: 'department',
+          data: this.departments.childDepartments,
+          isActive: (item) => this.$func.toggleClass(this.checkedDepartmentList, item),
+          change: (item) => this.$func.toChecked(this.checkedDepartmentList, item),
+          next: (item) => this.getDepartmentList(item.id)
+        }, {
+          type: 'employee',
+          data: this.departments.employees,
+          isActive: (item) => this.$func.toggleClass(this.checkedEmployessList, item),
+          change: (item) => this.$func.toChecked(this.checkedEmployessList, item),
+        }]
+      }
+    },
+    resList() {
+      let data = [{
+        type: 'role',
+        data: this.checkedRoleList,
+        cancel: (item) => this.$func.removeEle(this.checkedRoleList, item, 'roleId')
+      }, {
+        type: 'employee',
+        data: this.checkedEmployessList,
+        cancel: (item) => this.$func.removeEle(this.checkedEmployessList, item)
+      }]
+      if (this.isDepartment) {
+        data.splice(1, 0, {
+          type: 'department',
+          data: this.checkedDepartmentList,
+          cancel: (item) => this.$func.removeEle(this.checkedDepartmentList, item)
+        })
+      }
+      return data
+    }
+  },
+  data() {
+    return {
+      checkedRoleList: [],
+      checkedEmployessList: [],
+      checkedDepartmentList: []
+    }
+  },
+  methods: {
+    handleClick() {
+      this.searchVal = "";
+      this.conditionRoleSearchName = "";
+      if (this.activeName == 1) {
+        this.getDepartmentList();
+      } else {
+        this.getRoleList();
+      }
+    },
+    saveDialog() {
+      let checkedList = [...this.checkedRoleList, ...this.checkedEmployessList, ...this.checkedDepartmentList].map(item => ({
+        type: item.employeeName ? 1 : (item.roleName ? 2 : 3),
+        targetId: item.id || item.roleId,
+        name: item.employeeName || item.roleName || item.departmentName
+      }))
+      this.$emit('change', checkedList)
+    },
+    delList() {
+      this.checkedEmployessList = [];
+      this.checkedRoleList = [];
+      this.checkedDepartmentList = []
+    }
+  }
+}
+</script>
+
+<style>
+@import "../../css/dialog.css";
+</style>
\ No newline at end of file
diff --git a/src/components/dialog/errorDialog.vue b/src/components/dialog/errorDialog.vue
new file mode 100644
index 0000000..8e2483a
--- /dev/null
+++ b/src/components/dialog/errorDialog.vue
@@ -0,0 +1,72 @@
+<!--
+ * @Date: 2022-08-04 16:29:35
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:16:58
+ * @FilePath: /Workflow/src/components/dialog/errorDialog.vue
+-->
+<template>
+  <el-dialog title="提示" :visible.sync="visibleDialog">
+    <div class="ant-confirm-body">
+      <i class="anticon anticon-close-circle" style="color: #f00;"></i>
+      <span class="ant-confirm-title">当前无法发布</span>
+      <div class="ant-confirm-content">
+        <div>
+          <p class="error-modal-desc">以下内容不完善，需进行修改</p>
+          <div class="error-modal-list">
+            <div class="error-modal-item" v-for="(item,index) in list" :key="index">
+              <div class="error-modal-item-label">流程设计</div>
+              <div class="error-modal-item-content">{{item.name}} 未选择{{item.type}}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visibleDialog = false">我知道了</el-button>
+      <el-button type="primary" @click="visibleDialog = false">前往修改</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  props: ["list", "visible"],
+  data() {
+    return {
+      visibleDialog: false,
+    }
+  },
+  watch: {
+    visible(val) {
+      this.visibleDialog = val
+    },
+    visibleDialog(val) {
+      this.$emit('update:visible', val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ant-confirm-body .ant-confirm-title {
+  color: rgba(0, 0, 0, .85);
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 1.4;
+  display: block;
+  overflow: hidden
+}
+
+.ant-confirm-body .ant-confirm-content {
+  margin-left: 38px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, .65);
+  margin-top: 8px
+}
+
+.ant-confirm-body>.anticon {
+  font-size: 22px;
+  margin-right: 16px;
+  float: left
+}
+</style>
\ No newline at end of file
diff --git a/src/components/dialog/mixins.js b/src/components/dialog/mixins.js
new file mode 100644
index 0000000..b602463
--- /dev/null
+++ b/src/components/dialog/mixins.js
@@ -0,0 +1,48 @@
+import { getRoles, getDepartments, getEmployees } from "@/api/workflowapi/workflowaip"
+import { getOrgAndMan } from "@/api/workflowapi/workflowhraip"
+export default {
+  data() {
+    return {
+      visibleDialog: false,
+      searchVal: "",
+      activeName: "1",
+      departments: {},
+      roles: [],
+    }
+  },
+  methods: {
+    async getRoleList() {
+      let { data: { list } } = await getRoles()
+      this.roles = list;
+    },
+    async getDepartmentList(parentId = 309) {
+      let sendForm = {
+        id:parentId.toString()
+      }
+      let { data } = await getOrgAndMan(sendForm)
+      console.log("获取人员信息------->",data)
+      this.departments = data;
+    },
+    getDebounceData(event, type = 1) {
+      this.$func.debounce(async function () {
+        if (event.target.value) {
+          let data = {
+            searchName: event.target.value,
+            pageNum: 1,
+            pageSize: 30
+          }
+          if (type == 1) {
+            this.departments.childDepartments = [];
+            let res = await getEmployees(data)
+            this.departments.employees = res.data.list
+          } else {
+            let res = await getRoles(data)
+            this.roles = res.data.list
+          }
+        } else {
+          type == 1 ? await this.getDepartmentList() : await this.getRoleList();
+        }
+      }.bind(this))()
+    },
+  }
+}
\ No newline at end of file
diff --git a/src/components/dialog/roleDialog.vue b/src/components/dialog/roleDialog.vue
new file mode 100644
index 0000000..ef71b36
--- /dev/null
+++ b/src/components/dialog/roleDialog.vue
@@ -0,0 +1,92 @@
+<!--
+ * @Date: 2022-08-04 16:29:35
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:25:18
+ * @FilePath: /Workflow/src/components/dialog/roleDialog.vue
+-->
+<template>
+   <el-dialog title="选择角色" :visible.sync="visibleDialog" width="600px" append-to-body class="promoter_person">
+      <div class="person_body clear">
+          <div class="person_tree l">
+              <input type="text" placeholder="搜索角色" v-model="searchVal" @input="getDebounceData($event,2)">
+              <selectBox :list="list" />
+          </div>
+          <selectResult :total="total" @del="delList" :list="resList"/>
+      </div>
+      <span slot="footer" class="dialog-footer">
+          <el-button @click="$emit('update:visible',false)">取 消</el-button>
+          <el-button type="primary" @click="saveDialog">确 定</el-button>
+      </span>
+  </el-dialog>
+</template>
+
+<script>
+import selectBox from '../selectBox.vue';
+import selectResult from '../selectResult.vue';
+import mixins from './mixins'
+export default {
+  components: { selectBox, selectResult },
+  mixins: [mixins],
+  props: ['visible', 'data'],
+  watch: {
+    visible(val) {
+      this.visibleDialog = this.visible
+      if (val) {
+        this.getRoleList();
+        this.searchVal = "";
+        this.checkedRoleList = this.data.map(({ name, targetId }) => ({
+          roleName: name,
+          roleId: targetId
+        }));
+      }
+    },
+    visibleDialog(val) {
+      this.$emit('update:visible', val)
+    }
+  },
+  computed: {
+    total() {
+      return this.checkedRoleList.length
+    },
+    list() {
+      return [{
+        type: 'role',
+        not: true,
+        data: this.roles,
+        isActive: (item) => this.$func.toggleClass(this.checkedRoleList, item, 'roleId'),
+        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+        change: (item) => this.checkedRoleList = [item]
+      }]
+    },
+    resList() {
+      return [{
+        type: 'role',
+        data: this.checkedRoleList,
+        cancel: (item) => this.$func.removeEle(this.checkedRoleList, item, 'roleId')
+      }]
+    }
+  },
+  data() {
+    return {
+      checkedRoleList: [],
+    }
+  },
+  methods: {
+    saveDialog() {
+      let checkedList = this.checkedRoleList.map(item => ({
+        type: 2,
+        targetId: item.roleId,
+        name: item.roleName
+      }))
+      this.$emit('change', checkedList)
+    },
+    delList() {
+      this.checkedRoleList = [];
+    }
+  }
+}
+</script>
+
+<style>
+@import "../../css/dialog.css";
+</style>
\ No newline at end of file
diff --git a/src/components/drawer/approverDrawer.vue b/src/components/drawer/approverDrawer.vue
new file mode 100644
index 0000000..859ec05
--- /dev/null
+++ b/src/components/drawer/approverDrawer.vue
@@ -0,0 +1,234 @@
+<template>
+    <el-drawer :append-to-body="true" title="审批人设置" :visible.sync="approverDrawer" direction="rtl" class="set_promoter" size="550px" :before-close="saveApprover"> 
+        <div class="demo-drawer__content">
+            <div class="drawer_content">
+                <div class="approver_content">
+                    <el-radio-group v-model="approverConfig.settype" class="clear" @change="changeType">
+                        <el-radio :label="1">指定成员</el-radio>
+                        <el-radio :label="2">负责人</el-radio>
+                        <el-radio :label="4">发起人自选</el-radio>
+                        <el-radio :label="5">发起人自己</el-radio>
+                        <el-radio :label="7">连续多负责人</el-radio>
+                    </el-radio-group>
+                    <el-button type="primary" @click="addApprover" v-if="approverConfig.settype==1">添加/修改成员</el-button>
+                    <p class="selected_list" v-if="approverConfig.settype==1">
+                        <span v-for="(item,index) in approverConfig.nodeUserList" :key="index">{{item.name}}
+                            <img src="@/assets/images/add-close1.png" @click="$func.removeEle(approverConfig.nodeUserList,item,'targetId')">
+                        </span>
+                        <a v-if="approverConfig.nodeUserList.length!=0" @click="approverConfig.nodeUserList=[]">清除</a>
+                    </p>
+                </div>
+                <div class="approver_manager" v-if="approverConfig.settype==2">
+                    <p>
+                        <span>发起人的：</span>
+                        <select v-model="approverConfig.directorLevel">
+                            <option v-for="item in directorMaxLevel" :value="item" :key="item">{{item==1?'直接':'第'+item+'级'}}负责人</option>
+                        </select>
+                    </p>
+                    <p class="tip">找不到负责人时，由上级负责人代审批</p>
+                </div>
+                <div class="approver_self" v-if="approverConfig.settype==5">
+                    <p>该审批节点设置“发起人自己”后，审批人默认为发起人</p>
+                </div>
+                <div class="approver_self_select" v-show="approverConfig.settype==4">
+                    <el-radio-group v-model="approverConfig.selectMode" style="width: 100%;">
+                        <el-radio :label="1">选一个人</el-radio>
+                        <el-radio :label="2">选多个人</el-radio>
+                    </el-radio-group>
+                    <h3>选择范围</h3>
+                    <el-radio-group v-model="approverConfig.selectRange" style="width: 100%;" @change="changeRange">
+                        <el-radio :label="1">全公司</el-radio>
+                        <el-radio :label="2">指定成员</el-radio>
+                        <el-radio :label="3">指定角色</el-radio>
+                    </el-radio-group>
+                    <el-button type="primary" size="mini" @click="addApprover" v-if="approverConfig.selectRange==2">添加/修改成员</el-button>
+                    <el-button type="primary" size="mini" @click="addRoleApprover" v-if="approverConfig.selectRange==3">添加/修改角色</el-button>
+                    <p class="selected_list" v-if="approverConfig.selectRange==2||approverConfig.selectRange==3">
+                        <span v-for="(item,index) in approverConfig.nodeUserList" :key="index">{{item.name}}
+                            <img src="@/assets/images/add-close1.png" @click="$func.removeEle(approverConfig.nodeUserList,item,'targetId')">
+                        </span>
+                        <a v-if="approverConfig.nodeUserList.length!=0&&approverConfig.selectRange!=1" @click="approverConfig.nodeUserList=[]">清除</a>
+                    </p>
+                </div>
+                <div class="approver_manager" v-if="approverConfig.settype==7">
+                    <p>审批终点</p>
+                    <p style="padding-bottom:20px">
+                        <span>发起人的：</span>
+                        <select v-model="approverConfig.examineEndDirectorLevel">
+                            <option v-for="item in directorMaxLevel" :value="item" :key="item">{{item==1?'最高':'第'+item}}层级负责人</option>
+                        </select>
+                    </p>
+                </div>
+                <div class="approver_some" v-if="(approverConfig.settype==1&&approverConfig.nodeUserList.length>1)||approverConfig.settype==2||(approverConfig.settype==4&&approverConfig.selectMode==2)">
+                    <p>多人审批时采用的审批方式</p>
+                    <el-radio-group v-model="approverConfig.examineMode" class="clear">
+                        <el-radio :label="1">依次审批</el-radio>
+                        <br/>
+                        <el-radio :label="2" v-if="approverConfig.settype!=2">会签(须所有审批人同意)</el-radio>
+                    </el-radio-group>
+                </div>
+                <div class="approver_some" v-if="approverConfig.settype==2||approverConfig.settype==7">
+                    <p>审批人为空时</p>
+                    <el-radio-group v-model="approverConfig.noHanderAction" class="clear">
+                        <el-radio :label="1">自动审批通过/不允许发起</el-radio>
+                        <br/>
+                        <el-radio :label="2">转交给审核管理员</el-radio>
+                    </el-radio-group>
+                </div>
+            </div>
+            <div class="demo-drawer__footer clear">
+                <el-button type="primary" @click="saveApprover">确 定</el-button>
+                <el-button @click="closeDrawer">取 消</el-button>
+            </div>
+            <employees-dialog 
+                :visible.sync="approverVisible"
+                :data.sync="checkedList"
+                @change="sureApprover"
+            />
+            <role-dialog 
+                :visible.sync="approverRoleVisible"
+                :data.sync="checkedRoleList"
+                @change="sureRoleApprover"
+            />
+        </div>
+    </el-drawer>
+</template>
+<script>
+import employeesDialog from '../dialog/employeesDialog.vue'
+import roleDialog from '../dialog/roleDialog.vue'
+import { mapState, mapMutations } from 'vuex'
+export default {
+    components: { employeesDialog, roleDialog },
+    props: ['directorMaxLevel'],
+    data() {
+        return {
+            approverConfig: {},
+            approverVisible: false,
+            approverRoleVisible: false,
+            approverEmplyessList: [],
+            checkedRoleList: [],
+            checkedList: []
+        }
+    },
+    computed: {
+        ...mapState(['approverConfig1', 'approverDrawer']),
+    },
+    watch: {
+        approverConfig1(val) {
+            this.approverConfig = val.value;
+        }
+    },
+    methods: {
+        ...mapMutations(['setApproverConfig', 'setApprover']),
+        changeRange() {
+            this.approverConfig.nodeUserList = [];
+        },
+        changeType(val) {
+            this.approverConfig.nodeUserList = [];
+            this.approverConfig.examineMode = 1;
+            this.approverConfig.noHanderAction = 2;
+            if (val == 2) {
+                this.approverConfig.directorLevel = 1;
+            } else if (val == 4) {
+                this.approverConfig.selectMode = 1;
+                this.approverConfig.selectRange = 1;
+            } else if (val == 7) {
+                this.approverConfig.examineEndDirectorLevel = 1
+            }
+        },
+        addApprover() {
+            this.approverVisible = true;
+            this.checkedList = this.approverConfig.nodeUserList
+        },
+        addRoleApprover() {
+            this.approverRoleVisible = true;
+            this.checkedRoleList = this.approverConfig.nodeUserList
+        },
+        sureApprover(data) {
+            this.approverConfig.nodeUserList = data;
+            this.approverVisible = false;
+        },
+        sureRoleApprover(data) {
+            this.approverConfig.nodeUserList = data;
+            this.approverRoleVisible = false;
+        },
+        saveApprover() {
+            this.approverConfig.error = !this.$func.setApproverStr(this.approverConfig)
+            this.setApproverConfig({
+                value: this.approverConfig,
+                flag: true,
+                id: this.approverConfig1.id
+            })
+            this.$emit("update:nodeConfig", this.approverConfig);
+            this.closeDrawer()
+        },
+        closeDrawer() {
+            this.setApprover(false)
+        }
+    }
+}
+</script>
+<style lang="less">
+.set_promoter {
+    .approver_content {
+        padding-bottom: 10px;
+        border-bottom: 1px solid #f2f2f2;
+    }
+
+    .approver_self_select .el-button,
+    .approver_content .el-button {
+        margin-bottom: 20px;
+    }
+
+    .approver_content .el-radio,
+    .approver_some .el-radio,
+    .approver_self_select .el-radio {
+        width: 27%;
+        margin-bottom: 20px;
+    }
+
+    .approver_manager p {
+        line-height: 32px;
+    }
+
+    .approver_manager select {
+        width: 420px;
+        height: 32px;
+        background: rgba(255, 255, 255, 1);
+        border-radius: 4px;
+        border: 1px solid rgba(217, 217, 217, 1);
+    }
+
+    .approver_manager p.tip {
+        margin: 10px 0 22px 0;
+        font-size: 12px;
+        line-height: 16px;
+        color: #f8642d;
+    }
+
+    .approver_self {
+        padding: 28px 20px;
+    }
+
+    .approver_self_select,
+    .approver_manager,
+    .approver_content,
+    .approver_some {
+        padding: 20px 20px 0;
+    }
+
+    .approver_manager p:first-of-type,
+    .approver_some p {
+        line-height: 19px;
+        font-size: 14px;
+        margin-bottom: 14px;
+    }
+
+    .approver_self_select h3 {
+        margin: 5px 0 20px;
+        font-size: 14px;
+        font-weight: bold;
+        line-height: 19px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawer/conditionDrawer.vue b/src/components/drawer/conditionDrawer.vue
new file mode 100644
index 0000000..b0fa79b
--- /dev/null
+++ b/src/components/drawer/conditionDrawer.vue
@@ -0,0 +1,362 @@
+<template>
+    <el-drawer :append-to-body="true" title="条件设置" :visible.sync="conditionDrawer" direction="rtl" class="condition_copyer" size="550px" :before-close="saveCondition"> 
+        <select v-model="conditionConfig.priorityLevel" class="priority_level">
+            <option v-for="item in conditionsConfig.conditionNodes.length" :value="item" :key="item">优先级{{item}}</option>
+        </select>
+        <div class="demo-drawer__content">
+            <div class="condition_content drawer_content">
+                <p class="tip">当审批单同时满足以下条件时进入此流程</p>
+                <ul>
+                    <li v-for="(item,index) in conditionConfig.conditionList" :key="index">
+                        <span class="ellipsis">{{item.type==1?'发起人':item.showName}}：</span>
+                        <div v-if="item.type==1">
+                            <p :class="conditionConfig.nodeUserList.length > 0?'selected_list':''" @click.self="addConditionRole" style="cursor:text">
+                                <span v-for="(item1,index1) in conditionConfig.nodeUserList" :key="index1">
+                                    {{item1.name}}<img src="@/assets/images/add-close1.png" @click="$func.removeEle(conditionConfig.nodeUserList,item1,'targetId')">
+                                </span>
+                                <input type="text" placeholder="请选择具体人员/角色/部门" v-if="conditionConfig.nodeUserList.length == 0" @click="addConditionRole">
+                            </p>
+                        </div>
+                        <div v-else-if="item.columnType == 'String' && item.showType == 'checkBox'">
+                            <p class="check_box">
+                                <a :class="$func.toggleStrClass(item,item1.key)&&'active'" @click="toStrChecked(item,item1.key)"
+                                v-for="(item1,index1) in JSON.parse(item.fixedDownBoxValue)" :key="index1">{{item1.value}}</a>
+                            </p>
+                        </div>
+                        <div v-else>
+                            <p>
+                                <select v-model="item.optType" :style="'width:'+(item.optType==6?370:100)+'px'" @change="changeOptType(item)">
+                                    <option value="1">小于</option>
+                                    <option value="2">大于</option>
+                                    <option value="3">小于等于</option>
+                                    <option value="4">等于</option>
+                                    <option value="5">大于等于</option>
+                                    <option value="6">介于两个数之间</option>
+                                </select>
+                                <input v-if="item.optType!=6" type="text" :placeholder="'请输入'+item.showName" v-enter-number="2" v-model="item.zdy1">
+                            </p>
+                            <p v-if="item.optType==6">
+                                <input type="text" style="width:75px;" class="mr_10" v-enter-number="2" v-model="item.zdy1">
+                                <select style="width:60px;" v-model="item.opt1">
+                                    <option value="<">&lt;</option>
+                                    <option value="≤">≤</option>
+                                </select>
+                                <span class="ellipsis" style="display:inline-block;width:60px;vertical-align: text-bottom;">{{item.showName}}</span>
+                                <select style="width:60px;" class="ml_10" v-model="item.opt2">
+                                    <option value="<">&lt;</option>
+                                    <option value="≤">≤</option>
+                                </select>
+                                <input type="text" style="width:75px;" v-enter-number="2" v-model="item.zdy2">
+                            </p>
+                        </div>
+                        <a v-if="item.type==1" @click="conditionConfig.nodeUserList= [];$func.removeEle(conditionConfig.conditionList,item,'columnId')">删除</a>
+                        <a v-if="item.type==2" @click="$func.removeEle(conditionConfig.conditionList,item,'columnId')">删除</a>
+                    </li>
+                </ul>
+                <el-button type="primary" @click="addCondition">添加条件</el-button>
+                <el-dialog title="选择条件" :visible.sync="conditionVisible" width="480px" append-to-body class="condition_list">
+                    <p>请选择用来区分审批流程的条件字段</p>
+                    <p class="check_box">
+                        <a :class="$func.toggleClass(conditionList,{columnId:0},'columnId')&&'active'" @click="$func.toChecked(conditionList,{columnId:0},'columnId')">发起人</a>
+                        <a v-for="(item,index) in conditions" :key="index" :class="$func.toggleClass(conditionList,item,'columnId')&&'active'" 
+                        @click="$func.toChecked(conditionList,item,'columnId')">{{item.showName}}</a>
+                    </p>
+                    <span slot="footer" class="dialog-footer">
+                        <el-button @click="conditionVisible = false">取 消</el-button>
+                        <el-button type="primary" @click="sureCondition">确 定</el-button>
+                    </span>
+                </el-dialog>
+            </div>
+            <employees-role-dialog 
+                :visible.sync="conditionRoleVisible"
+                :data.sync="checkedList"
+                @change="sureConditionRole"
+                :isDepartment="true"
+            />
+            <div class="demo-drawer__footer clear">
+                <el-button type="primary" @click="saveCondition">确 定</el-button>
+                <el-button @click="setCondition(false)">取 消</el-button>
+            </div>
+        </div>
+    </el-drawer>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
+// import { getConditions } from '@/plugins/api.js'
+import { getConditions } from "@/api/workflowapi/workflowaip"
+export default {
+    components: {
+        employeesRoleDialog
+    },
+    data() {
+        return {
+            conditionVisible: false,
+            conditionsConfig: {
+                conditionNodes: [],
+            },
+            conditionConfig: {},
+            PriorityLevel: "",
+            conditions: [],
+            conditionList: [],
+            checkedList: [],
+            conditionRoleVisible: false,
+        }
+    },
+    computed: {
+        ...mapState(['tableId', 'conditionsConfig1', 'conditionDrawer']),
+    },
+    watch: {
+        conditionsConfig1(val) {
+            this.conditionsConfig = val.value;
+            this.PriorityLevel = val.priorityLevel
+            this.conditionConfig = val.priorityLevel
+                ? this.conditionsConfig.conditionNodes[val.priorityLevel - 1]
+                : { nodeUserList: [], conditionList: [] }
+        },
+    },
+    methods: {
+        ...mapMutations(['setCondition', 'setConditionsConfig']),
+        changeOptType(item) {
+            if (item.optType == 1) {
+                item.zdy1 = 2;
+            } else {
+                item.zdy1 = 1;
+                item.zdy2 = 2;
+            }
+        },
+        toStrChecked(item, key) {
+            let a = item.zdy1 ? item.zdy1.split(",") : []
+            var isIncludes = this.$func.toggleStrClass(item, key);
+            if (!isIncludes) {
+                a.push(key)
+                item.zdy1 = a.toString()
+            } else {
+                this.removeStrEle(item, key);
+            }
+        },
+        removeStrEle(item, key) {
+            let a = item.zdy1 ? item.zdy1.split(",") : []
+            var includesIndex;
+            a.map((item, index) => {
+                if (item == key) {
+                    includesIndex = index
+                }
+            });
+            a.splice(includesIndex, 1);
+            item.zdy1 = a.toString()
+        },
+        async addCondition() {
+            this.conditionList = [];
+            this.conditionVisible = true;
+            let { data } = await getConditions({ tableId: this.tableId })
+            this.conditions = data;
+            if (this.conditionConfig.conditionList) {
+                for (var i = 0; i < this.conditionConfig.conditionList.length; i++) {
+                    var { columnId } = this.conditionConfig.conditionList[i]
+                    if (columnId == 0) {
+                        this.conditionList.push({ columnId: 0 })
+                    } else {
+                        this.conditionList.push(this.conditions.filter(item => item.columnId == columnId)[0])
+                    }
+                }
+            }
+        },
+        sureCondition() {
+            //1.弹窗有，外面无+
+            //2.弹窗有，外面有不变
+            for (var i = 0; i < this.conditionList.length; i++) {
+                var { columnId, showName, columnName, showType, columnType, fixedDownBoxValue } = this.conditionList[i];
+                if (this.$func.toggleClass(this.conditionConfig.conditionList, this.conditionList[i], "columnId")) {
+                    continue;
+                }
+                if (columnId == 0) {
+                    this.conditionConfig.nodeUserList == [];
+                    this.conditionConfig.conditionList.push({
+                        "type": 1,
+                        columnId,
+                        "showName": '发起人'
+                    });
+                } else {
+                    if (columnType == "Double") {
+                        this.conditionConfig.conditionList.push({
+                            showType,
+                            columnId,
+                            "type": 2,
+                            showName,
+                            "optType": "1",
+                            "zdy1": "2",
+                            "opt1": "<",
+                            "zdy2": "",
+                            "opt2": "<",
+                            "columnDbname": columnName,
+                            columnType,
+                        })
+                    } else if (columnType == "String" && showType == "checkBox") {
+                        this.conditionConfig.conditionList.push({
+                            showType,
+                            columnId,
+                            "type": 2,
+                            showName,
+                            "zdy1": "",
+                            "columnDbname": columnName,
+                            columnType,
+                            fixedDownBoxValue
+                        })
+                    }
+                }
+            }
+            //3.弹窗无，外面有-
+            for (let i = this.conditionConfig.conditionList.length - 1; i >= 0; i--) {
+                if (!this.$func.toggleClass(this.conditionList, this.conditionConfig.conditionList[i], "columnId")) {
+                    this.conditionConfig.conditionList.splice(i, 1);
+                }
+            }
+            this.conditionConfig.conditionList.sort(function (a, b) { return a.columnId - b.columnId; });
+            this.conditionVisible = false;
+        },
+        saveCondition() {
+            this.setCondition(false)
+            var a = this.conditionsConfig.conditionNodes.splice(this.PriorityLevel - 1, 1)//截取旧下标
+            this.conditionsConfig.conditionNodes.splice(this.conditionConfig.priorityLevel - 1, 0, a[0])//填充新下标
+            this.conditionsConfig.conditionNodes.map((item, index) => {
+                item.priorityLevel = index + 1
+            });
+            for (var i = 0; i < this.conditionsConfig.conditionNodes.length; i++) {
+                this.conditionsConfig.conditionNodes[i].error = this.$func.conditionStr(this.conditionsConfig, i) == "请设置条件" && i != this.conditionsConfig.conditionNodes.length - 1
+            }
+            this.setConditionsConfig({ 
+                value: this.conditionsConfig,
+                flag: true,
+                id: this.conditionsConfig1.id
+            })
+        },
+        addConditionRole() {
+            this.conditionRoleVisible = true;
+            this.checkedList = this.conditionConfig.nodeUserList
+        },
+        sureConditionRole(data) {
+            this.conditionConfig.nodeUserList = data;
+            this.conditionRoleVisible = false;
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.condition_copyer {
+    .el-drawer__body {
+        .priority_level {
+            position: absolute;
+            top: 11px;
+            right: 30px;
+            width: 100px;
+            height: 32px;
+            background: rgba(255, 255, 255, 1);
+            border-radius: 4px;
+            border: 1px solid rgba(217, 217, 217, 1);
+        }
+    }
+
+    .condition_content {
+        padding: 20px 20px 0;
+
+        p.tip {
+            margin: 20px 0;
+            width: 510px;
+            text-indent: 17px;
+            line-height: 45px;
+            background: rgba(241, 249, 255, 1);
+            border: 1px solid rgba(64, 163, 247, 1);
+            color: #46a6fe;
+            font-size: 14px;
+        }
+
+        ul {
+            max-height: 500px;
+            overflow-y: scroll;
+            margin-bottom: 20px;
+
+            li {
+                &>span {
+                    float: left;
+                    margin-right: 8px;
+                    width: 70px;
+                    line-height: 32px;
+                    text-align: right;
+                }
+
+                &>div {
+                    display: inline-block;
+                    width: 370px;
+
+                    &>p:not(:last-child) {
+                        margin-bottom: 10px;
+                    }
+                }
+
+                &:not(:last-child)>div>p {
+                    margin-bottom: 20px;
+                }
+
+                &>a {
+                    float: right;
+                    margin-right: 10px;
+                    margin-top: 7px;
+                }
+
+                select,
+                input {
+                    width: 100%;
+                    height: 32px;
+                    background: rgba(255, 255, 255, 1);
+                    border-radius: 4px;
+                    border: 1px solid rgba(217, 217, 217, 1);
+                }
+
+                select+input {
+                    width: 260px;
+                }
+
+                select {
+                    margin-right: 10px;
+                    width: 100px;
+                }
+
+                p.selected_list {
+                    padding-left: 10px;
+                    border-radius: 4px;
+                    min-height: 32px;
+                    border: 1px solid rgba(217, 217, 217, 1);
+                    word-break: break-word;
+                }
+
+                p.check_box {
+                    line-height: 32px;
+                }
+            }
+        }
+
+        .el-button {
+            margin-bottom: 20px;
+        }
+    }
+}
+
+.condition_list {
+    .el-dialog__body {
+        padding: 16px 26px;
+    }
+
+    p {
+        color: #666666;
+        margin-bottom: 10px;
+
+        &>.check_box {
+            margin-bottom: 0;
+            line-height: 36px;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawer/copyerDrawer.vue b/src/components/drawer/copyerDrawer.vue
new file mode 100644
index 0000000..aaa9939
--- /dev/null
+++ b/src/components/drawer/copyerDrawer.vue
@@ -0,0 +1,99 @@
+<!--
+ * @Date: 2022-08-04 16:29:35
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 14:14:32
+ * @FilePath: /Workflow/src/components/drawer/copyerDrawer.vue
+-->
+<template>
+    <el-drawer :append-to-body="true" title="抄送人设置" :visible.sync="copyerDrawer" direction="rtl" class="set_copyer" size="550px" :before-close="saveCopyer"> 
+        <div class="demo-drawer__content">
+            <div class="copyer_content drawer_content">
+                <el-button type="primary" @click="addCopyer">添加成员</el-button>
+                <p class="selected_list">
+                    <span v-for="(item,index) in copyerConfig.nodeUserList" :key="index">{{item.name}}
+                        <img src="@/assets/images/add-close1.png" @click="$func.removeEle(copyerConfig.nodeUserList,item,'targetId')">
+                    </span>
+                    <a v-if="copyerConfig.nodeUserList&&copyerConfig.nodeUserList.length!=0" @click="copyerConfig.nodeUserList=[]">清除</a>
+                </p>
+                <el-checkbox-group v-model="ccSelfSelectFlag" class="clear">
+                    <el-checkbox :label="1">允许发起人自选抄送人</el-checkbox>
+                </el-checkbox-group>
+            </div>
+            <div class="demo-drawer__footer clear">
+                <el-button type="primary" @click="saveCopyer">确 定</el-button>
+                <el-button @click="closeDrawer">取 消</el-button>
+            </div>
+            <employees-role-dialog 
+                :visible.sync="copyerVisible"
+                :data.sync="checkedList"
+                @change="sureCopyer"
+            />
+        </div>
+    </el-drawer>
+</template>
+<script>
+import employeesRoleDialog from '../dialog/employeesRoleDialog.vue'
+import { mapState, mapMutations } from 'vuex'
+export default {
+    components: {
+        employeesRoleDialog
+    },
+    data() {
+        return {
+            copyerConfig: {},
+            ccSelfSelectFlag: [],
+            copyerVisible: false,
+            checkedList: [],
+        }
+    },
+    computed: {
+        ...mapState(['copyerDrawer', 'copyerConfig1']),
+    },
+    watch: {
+        copyerConfig1(val) {
+            this.copyerConfig = val.value;
+            this.ccSelfSelectFlag = this.copyerConfig.ccSelfSelectFlag == 0 ? [] : [this.copyerConfig.ccSelfSelectFlag]
+        }
+    },
+    methods: {
+        ...mapMutations(['setCopyerConfig', 'setCopyer']),
+        addCopyer() {
+            this.copyerVisible = true;
+            this.checkedList = this.copyerConfig.nodeUserList
+        },
+        sureCopyer(data) {
+            this.copyerConfig.nodeUserList = data;
+            this.copyerVisible = false;
+        },
+        saveCopyer() {
+            this.copyerConfig.ccSelfSelectFlag = this.ccSelfSelectFlag.length == 0 ? 0 : 1;
+            this.copyerConfig.error = !this.$func.copyerStr(this.copyerConfig);
+            this.setCopyerConfig({
+                value: this.copyerConfig,
+                flag: true,
+                id: this.copyerConfig1.id
+            })
+            this.closeDrawer();
+        },
+        closeDrawer() {
+            this.setCopyer(false)
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.set_copyer {
+    .copyer_content {
+        padding: 20px 20px 0;
+
+        .el-button {
+            margin-bottom: 20px;
+        }
+
+        .el-checkbox {
+            margin-bottom: 20px;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawer/promoterDrawer.vue b/src/components/drawer/promoterDrawer.vue
new file mode 100644
index 0000000..9915409
--- /dev/null
+++ b/src/components/drawer/promoterDrawer.vue
@@ -0,0 +1,89 @@
+<!--
+ * @Date: 2022-08-04 16:29:35
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:17:15
+ * @FilePath: /Workflow/src/components/drawer/promoterDrawer.vue
+-->
+<template>
+    <el-drawer :append-to-body="true" title="发起人" :visible.sync="promoterDrawer" direction="rtl" class="set_promoter" size="550px" :before-close="savePromoter"> 
+        <div class="demo-drawer__content">
+            <div class="promoter_content drawer_content">
+                <p>{{$func.arrToStr(flowPermission)?$func.arrToStr(flowPermission):'所有人'}}</p>
+                <el-button type="primary" @click="addPromoter">添加/修改发起人</el-button>
+            </div>
+            <div class="demo-drawer__footer clear">
+                <el-button type="primary" @click="savePromoter">确 定</el-button>
+                <el-button @click="closeDrawer">取 消</el-button>
+            </div>
+            <employees-dialog 
+                :isDepartment="true"
+                :visible.sync="promoterVisible"
+                :data.sync="checkedList"
+                @change="surePromoter"
+            />
+        </div>
+    </el-drawer>
+</template>
+<script>
+import employeesDialog from '../dialog/employeesDialog.vue'
+import { mapState, mapMutations } from 'vuex'
+export default {
+    components: { employeesDialog },
+    data() {
+        return {
+            flowPermission: [],
+            promoterVisible: false,
+            checkedList: [],
+        }
+    },
+    computed: {
+        ...mapState(['promoterDrawer', 'flowPermission1']),
+    },
+    watch: {
+        flowPermission1(val) {
+            this.flowPermission = val.value
+        }
+    },
+    methods: {
+        ...mapMutations(['setPromoter', 'setFlowPermission']),
+        addPromoter() {
+          
+            this.checkedList = this.flowPermission
+            this.promoterVisible = true;
+        },
+        surePromoter(data) {
+            this.flowPermission = data;
+            this.promoterVisible = false;
+        },
+        savePromoter() {
+            this.setFlowPermission({
+                value: this.flowPermission,
+                flag: true,
+                id: this.flowPermission1.id
+            })
+            this.closeDrawer()
+        },
+        closeDrawer() {
+            this.setPromoter(false)
+        }
+    }
+}
+</script>
+<style lang="less" >
+.set_promoter {
+    .promoter_content {
+        padding: 0 20px;
+
+        .el-button {
+            margin-bottom: 20px;
+        }
+
+        p {
+            padding: 18px 0;
+            font-size: 14px;
+            line-height: 20px;
+            color: #000000;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/nodeWrap.vue b/src/components/nodeWrap.vue
new file mode 100644
index 0000000..0a4b0e0
--- /dev/null
+++ b/src/components/nodeWrap.vue
@@ -0,0 +1,296 @@
+<template>
+    <div>
+        <div class="node-wrap" v-if="nodeConfig.type<3">
+            <div class="node-wrap-box" :class="(nodeConfig.type==0?'start-node ':'')+(isTried&&nodeConfig.error?'active error':'')">
+                <div>
+                    <div class="title" :style="`background: rgb(${bgColor});`">
+                        <span v-if="nodeConfig.type==0">{{nodeConfig.nodeName}}</span>
+                        <template v-else>
+                            <span class="iconfont">{{nodeConfig.type==1?'':''}}</span>
+                            <input type="text" 
+                                v-if="isInput"
+                                class="ant-input editable-title-input" 
+                                @blur="blurEvent()" 
+                                @focus="$event.currentTarget.select()" 
+                                v-focus
+                                v-model="nodeConfig.nodeName" 
+                                :placeholder="defaultText"
+                            >
+                            <span v-else class="editable-title" @click="clickEvent()">{{nodeConfig.nodeName}}</span>
+                            <i class="anticon anticon-close close" @click="delNode"></i>
+                        </template>
+                    </div>
+                    <div class="content" @click="setPerson">
+                        <div class="text">
+                            <span class="placeholder" v-if="!showText">请选择{{defaultText}}</span>
+                            {{showText}}
+                        </div>
+                        <i class="anticon anticon-right arrow"></i>
+                    </div>
+                    <div class="error_tip" v-if="isTried&&nodeConfig.error">
+                        <i class="anticon anticon-exclamation-circle"></i>
+                    </div>
+                </div>
+            </div>
+            <addNode :childNodeP.sync="nodeConfig.childNode"></addNode>
+        </div>
+        <div class="branch-wrap" v-if="nodeConfig.type==4">
+            <div class="branch-box-wrap">
+                <div class="branch-box">
+                    <button class="add-branch" @click="addTerm">添加条件</button>
+                    <div class="col-box" v-for="(item,index) in nodeConfig.conditionNodes" :key="index">
+                        <div class="condition-node">
+                            <div class="condition-node-box">
+                                <div class="auto-judge" :class="isTried&&item.error?'error active':''">
+                                    <div class="sort-left" v-if="index!=0" @click="arrTransfer(index,-1)">&lt;</div>
+                                    <div class="title-wrapper">
+                                        <input 
+                                            v-if="isInputList[index]"
+                                            type="text" 
+                                            class="ant-input editable-title-input" 
+                                            @blur="blurEvent(index)" 
+                                            @focus="$event.currentTarget.select()" 
+                                            v-focus v-model="item.nodeName"
+                                        >
+                                        <span  v-else class="editable-title" @click="clickEvent(index)">{{item.nodeName}}</span>
+                                        <span class="priority-title" @click="setPerson(item.priorityLevel)">优先级{{item.priorityLevel}}</span>
+                                        <i class="anticon anticon-close close" @click="delTerm(index)"></i>
+                                    </div>
+                                    <div class="sort-right" v-if="index!=nodeConfig.conditionNodes.length-1" @click="arrTransfer(index)">&gt;</div>
+                                    <div class="content" @click="setPerson(item.priorityLevel)">{{$func.conditionStr(nodeConfig,index)}}</div>
+                                    <div class="error_tip" v-if="isTried&&item.error">
+                                        <i class="anticon anticon-exclamation-circle"></i>
+                                    </div>
+                                </div>
+                                <addNode :childNodeP.sync="item.childNode"></addNode>
+                            </div>
+                        </div>
+                        <nodeWrap v-if="item.childNode" :nodeConfig.sync="item.childNode"></nodeWrap>
+                        <template v-if="index==0">
+                            <div class="top-left-cover-line"></div>
+                            <div class="bottom-left-cover-line"></div>
+                        </template>
+                        <template v-if="index==nodeConfig.conditionNodes.length-1">
+                            <div class="top-right-cover-line"></div>
+                            <div class="bottom-right-cover-line"></div>
+                        </template>
+                    </div>
+                </div>
+                <addNode :childNodeP.sync="nodeConfig.childNode"></addNode>
+            </div>
+        </div>
+        <nodeWrap v-if="nodeConfig.childNode" :nodeConfig.sync="nodeConfig.childNode"></nodeWrap>
+    </div>
+</template>
+<script>
+import { mapState, mapMutations } from 'vuex'
+export default {
+    props: ["nodeConfig", "flowPermission"],
+    data() {
+        return {
+            placeholderList: ["发起人", "审核人", "抄送人"],
+            isInputList: [],
+            isInput: false,
+        }
+    },
+    mounted() {
+        if (this.nodeConfig.type == 1) {
+            this.nodeConfig.error = !this.$func.setApproverStr(this.nodeConfig)
+        } else if (this.nodeConfig.type == 2) {
+            this.nodeConfig.error = !this.$func.copyerStr(this.nodeConfig)
+        } else if (this.nodeConfig.type == 4) {
+            this.resetConditionNodesErr()
+        }
+    },
+    computed: {
+        ...mapState(['isTried', 'flowPermission1', 'approverConfig1', 'copyerConfig1', 'conditionsConfig1']),
+        defaultText() {
+            return this.placeholderList[this.nodeConfig.type]
+        },
+        showText() {
+            if (this.nodeConfig.type == 0) return this.$func.arrToStr(this.flowPermission) || '所有人'
+            if (this.nodeConfig.type == 1) return this.$func.setApproverStr(this.nodeConfig)
+            return this.$func.copyerStr(this.nodeConfig)
+        },
+        bgColor() {
+            return ['87, 106, 149', '255, 148, 62', '50, 150, 250'][this.nodeConfig.type]
+        }
+    },
+    watch: {
+        flowPermission1(data) {
+            if (data.flag && data.id === this._uid) {
+                this.$emit('update:flowPermission', data.value)
+            }
+        },
+        approverConfig1(data) {
+            if (data.flag && data.id === this._uid) {
+                this.$emit('update:nodeConfig', data.value)
+            }
+        },
+        copyerConfig1(data) {
+            if (data.flag && data.id === this._uid) {
+                this.$emit('update:nodeConfig', data.value)
+            }
+        },
+        conditionsConfig1(data) {
+            if (data.flag && data.id === this._uid) {
+                this.$emit('update:nodeConfig', data.value)
+            }
+        },
+    },
+    methods: {
+        ...mapMutations([
+            'setPromoter',
+            'setApprover',
+            'setCopyer',
+            'setCondition',
+            'setFlowPermission',
+            'setApproverConfig',
+            'setCopyerConfig',
+            'setConditionsConfig'
+        ]),
+        clickEvent(index) {
+            if (index || index === 0) {
+                this.$set(this.isInputList, index, true)
+            } else {
+                this.isInput = true;
+            }
+        },
+        blurEvent(index) {
+            if (index || index === 0) {
+                this.$set(this.isInputList, index, false)
+                this.nodeConfig.conditionNodes[index].nodeName = this.nodeConfig.conditionNodes[index].nodeName || "条件"
+            } else {
+                this.isInput = false;
+                this.nodeConfig.nodeName = this.nodeConfig.nodeName || this.defaultText
+            }
+        },
+        delNode() {
+            this.$emit("update:nodeConfig", this.nodeConfig.childNode);
+        },
+        addTerm() {
+            let len = this.nodeConfig.conditionNodes.length + 1
+            this.nodeConfig.conditionNodes.push({
+                "nodeName": "条件" + len,
+                "type": 3,
+                "priorityLevel": len,
+                "conditionList": [],
+                "nodeUserList": [],
+                "childNode": null
+            });
+            this.resetConditionNodesErr()
+            this.$emit("update:nodeConfig", this.nodeConfig);
+        },
+        delTerm(index) {
+            this.nodeConfig.conditionNodes.splice(index, 1)
+            this.nodeConfig.conditionNodes.map((item, index) => {
+                item.priorityLevel = index + 1
+                item.nodeName = `条件${index + 1}`
+            });
+            this.resetConditionNodesErr()
+            this.$emit("update:nodeConfig", this.nodeConfig);
+            if (this.nodeConfig.conditionNodes.length == 1) {
+                if (this.nodeConfig.childNode) {
+                    if (this.nodeConfig.conditionNodes[0].childNode) {
+                        this.reData(this.nodeConfig.conditionNodes[0].childNode, this.nodeConfig.childNode)
+                    } else {
+                        this.nodeConfig.conditionNodes[0].childNode = this.nodeConfig.childNode
+                    }
+                }
+                this.$emit("update:nodeConfig", this.nodeConfig.conditionNodes[0].childNode);
+            }
+        },
+        reData(data, addData) {
+            if (!data.childNode) {
+                data.childNode = addData
+            } else {
+                this.reData(data.childNode, addData)
+            }
+        },
+        setPerson(priorityLevel) {
+            console.log("请选择------------>",priorityLevel)
+            var { type } = this.nodeConfig;
+            console.log("请选择-----1------->",type,this.nodeConfig)
+            if (type == 0) {
+                this.setPromoter(true)
+                this.setFlowPermission({
+                    value: this.flowPermission,
+                    flag: false,
+                    id: this._uid
+                })
+            } else if (type == 1) {
+                this.setApprover(true)
+                this.setApproverConfig({
+                    value: {
+                        ...JSON.parse(JSON.stringify(this.nodeConfig)),
+                        ...{ settype: this.nodeConfig.settype ? this.nodeConfig.settype : 1 }
+                    },
+                    flag: false,
+                    id: this._uid
+                })
+            } else if (type == 2) {
+                this.setCopyer(true)
+                this.setCopyerConfig({
+                    value: JSON.parse(JSON.stringify(this.nodeConfig)),
+                    flag: false,
+                    id: this._uid
+                })
+            } else {
+                this.setCondition(true)
+                this.setConditionsConfig({
+                    value: JSON.parse(JSON.stringify(this.nodeConfig)),
+                    priorityLevel,
+                    flag: false,
+                    id: this._uid
+                })
+            }
+        },
+        arrTransfer(index, type = 1) {//向左-1,向右1
+            this.nodeConfig.conditionNodes[index] = this.nodeConfig.conditionNodes.splice(index + type, 1, this.nodeConfig.conditionNodes[index])[0];
+            this.nodeConfig.conditionNodes.map((item, index) => {
+                item.priorityLevel = index + 1
+            })
+            this.$emit("update:nodeConfig", this.nodeConfig);
+        },
+        resetConditionNodesErr() {
+            for (var i = 0; i < this.nodeConfig.conditionNodes.length; i++) {
+                this.nodeConfig.conditionNodes[i].error = this.$func.conditionStr(this.nodeConfig, i) == "请设置条件" && i != this.nodeConfig.conditionNodes.length - 1
+            }
+        },
+    }
+}
+</script>
+<style>
+.error_tip {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    transform: translate(150%, 0px);
+    font-size: 24px;
+}
+
+.promoter_person .el-dialog__body {
+    padding: 10px 20px 14px 20px;
+}
+
+.selected_list {
+    margin-bottom: 20px;
+    line-height: 30px;
+}
+
+.selected_list span {
+    margin-right: 10px;
+    padding: 3px 6px 3px 9px;
+    line-height: 12px;
+    white-space: nowrap;
+    border-radius: 2px;
+    border: 1px solid rgba(220, 220, 220, 1);
+}
+
+.selected_list img {
+    margin-left: 5px;
+    width: 7px;
+    height: 7px;
+    cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/selectBox.vue b/src/components/selectBox.vue
new file mode 100644
index 0000000..427cf39
--- /dev/null
+++ b/src/components/selectBox.vue
@@ -0,0 +1,88 @@
+<!-- eslint-disable vue/no-template-key -->
+<!--
+ * @Date: 2022-08-26 17:18:14
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:17:23
+ * @FilePath: /Workflow/src/components/selectBox.vue
+-->
+<template>
+  <ul class="select-box">
+    <template v-for="elem in list">
+      <template v-if="elem.type === 'role'">
+        <li v-for="item in elem.data" :key="item.roleId" 
+          class="check_box"
+          :class="{active: elem.isActive && elem.isActive(item), not: elem.not}" 
+          @click="elem.change(item)">
+          <a :title="item.description" :class="{active: elem.isActiveItem && elem.isActiveItem(item)}">
+            <img src="@/assets/images/icon_role.png">{{item.roleName}}
+          </a>
+        </li>
+      </template>
+      <template v-if="elem.type === 'department'">
+        <li v-for="item in elem.data" :key="item.id" class="check_box" :class="{not: !elem.isDepartment}">
+          <a v-if="elem.isDepartment" 
+            :class="elem.isActive(item) && 'active'" 
+            @click="elem.change(item)">
+              <img src="@/assets/images/icon_file.png">{{item.departmentName}}</a>
+          <a v-else><img src="@/assets/images/icon_file.png">{{item.departmentName}}</a>
+          <i @click="elem.next(item)">下级</i>
+        </li>
+      </template>
+      <template v-if="elem.type === 'employee'">
+        <li v-for="item in elem.data" :key="item.id" class="check_box">
+            <a :class="elem.isActive(item) && 'active'" 
+              @click="elem.change(item)" 
+              :title="item.departmentNames">
+              <img v-if="item.icon!=''" :src="item.icon">
+              <img v-else-if="(item.icon==''&&item.iconToBase64!='') " :src="item.iconToBase64">
+              <img v-else src="@/assets/images/icon_people.png">
+              {{item.employeeName}}
+            </a>
+        </li>
+      </template>
+    </template>
+  </ul>
+</template>
+<script>
+export default {
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    }
+  }
+}
+</script>
+<style lang="less">
+.select-box {
+  height: 420px;
+  overflow-y: auto;
+
+  li {
+    padding: 5px 0;
+
+    i {
+      float: right;
+      padding-left: 24px;
+      padding-right: 10px;
+      color: #3195f8;
+      font-size: 12px;
+      cursor: pointer;
+      background: url(~@/assets/images/next_level_active.png) no-repeat 10px center;
+      border-left: 1px solid rgb(238, 238, 238);
+    }
+
+    a.active+i {
+      color: rgb(197, 197, 197);
+      background-image: url(~@/assets/images/next_level.png);
+      pointer-events: none;
+    }
+
+    img {
+      width: 14px;
+      vertical-align: middle;
+      margin-right: 5px;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/selectResult copy.vue b/src/components/selectResult copy.vue
new file mode 100644
index 0000000..bc6e07f
--- /dev/null
+++ b/src/components/selectResult copy.vue	
@@ -0,0 +1,100 @@
+<!-- eslint-disable vue/no-template-key -->
+<!--
+ * @Date: 2022-08-26 16:29:24
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:17:24
+ * @FilePath: /Workflow/src/components/selectResult.vue
+-->
+<template>
+  <div class="select-result l">
+    <p class="clear">已选（{{total}}）
+        <a @click="$emit('del')">清空</a>
+    </p>
+    <ul>
+        <template v-for="({type, data, cancel}) in list">
+          <template v-if="type === 'role'">
+            <li v-for="item in data" :key="item.roleId">
+                <img src="@/assets/images/icon_role.png">
+                <span>{{item.roleName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+          <template v-if="type === 'department'">
+            <li v-for="item in data" :key="item.id">
+                <img src="@/assets/images/icon_file.png">
+                <span>{{item.departmentName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+          <template v-if="type === 'employee'">
+            <li v-for="item in data" :key="item.id">
+                <img src="@/assets/images/icon_people.png">
+                <span>{{item.employeeName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+        </template>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    total: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Array,
+      default: () => [{ type: 'role', data: [], cancel: function () { } }]
+    }
+  }
+}
+</script>
+
+<style lang="less">
+.select-result {
+  width: 276px;
+  height: 100%;
+  font-size: 12px;
+
+  ul {
+    height: 460px;
+    overflow-y: auto;
+
+    li {
+      margin: 11px 26px 13px 19px;
+      line-height: 17px;
+
+      span {
+        vertical-align: middle;
+      }
+
+      img {
+        &:first-of-type {
+          width: 14px;
+          vertical-align: middle;
+          margin-right: 5px;
+        }
+
+        &:last-of-type {
+          float: right;
+          margin-top: 2px;
+          width: 14px;
+        }
+      }
+    }
+  }
+
+  p {
+    padding-left: 19px;
+    padding-right: 20px;
+    line-height: 37px;
+    border-bottom: 1px solid #f2f2f2;
+
+    a {
+      float: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/selectResult.vue b/src/components/selectResult.vue
new file mode 100644
index 0000000..9e28c8a
--- /dev/null
+++ b/src/components/selectResult.vue
@@ -0,0 +1,103 @@
+<!-- eslint-disable vue/no-template-key -->
+<!--
+ * @Date: 2022-08-26 16:29:24
+ * @LastEditors: StavinLi
+ * @LastEditTime: 2022-09-21 11:17:24
+ * @FilePath: /Workflow/src/components/selectResult.vue
+-->
+<template>
+  <div class="select-result l">
+    <p class="clear">已选（{{total}}）
+        <a @click="$emit('del')">清空</a>
+    </p>
+    <ul>
+        <template v-for="({type, data, cancel}) in list">
+          <template v-if="type === 'role'">
+            <li v-for="item in data" :key="item.roleId">
+                <img src="@/assets/images/icon_role.png">
+                <span>{{item.roleName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+          <template v-if="type === 'department'">
+            <li v-for="item in data" :key="item.id">
+                <img src="@/assets/images/icon_file.png">
+                <span>{{item.departmentName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+          <template v-if="type === 'employee'">
+            <li v-for="item in data" :key="item.id">
+                <!-- <img src="@/assets/images/icon_people.png"> -->
+                <img v-if="item.icon!=''" :src="item.icon">
+                <img v-else-if="(item.icon==''&&item.iconToBase64!='') " :src="item.iconToBase64">
+                <img v-else src="@/assets/images/icon_people.png">
+                <span>{{item.employeeName}}</span>
+                <img src="@/assets/images/cancel.png" @click="cancel(item)">
+            </li>
+          </template>
+        </template>
+    </ul>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    total: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Array,
+      default: () => [{ type: 'role', data: [], cancel: function () { } }]
+    }
+  }
+}
+</script>
+
+<style lang="less">
+.select-result {
+  width: 276px;
+  height: 100%;
+  font-size: 12px;
+
+  ul {
+    height: 460px;
+    overflow-y: auto;
+
+    li {
+      margin: 11px 26px 13px 19px;
+      line-height: 17px;
+
+      span {
+        vertical-align: middle;
+      }
+
+      img {
+        &:first-of-type {
+          width: 14px;
+          vertical-align: middle;
+          margin-right: 5px;
+        }
+
+        &:last-of-type {
+          float: right;
+          margin-top: 2px;
+          width: 14px;
+        }
+      }
+    }
+  }
+
+  p {
+    padding-left: 19px;
+    padding-right: 20px;
+    line-height: 37px;
+    border-bottom: 1px solid #f2f2f2;
+
+    a {
+      float: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/css/override-element-ui.css b/src/css/override-element-ui.css
index d0d0de3..81c0c92 100644
--- a/src/css/override-element-ui.css
+++ b/src/css/override-element-ui.css
@@ -25,16 +25,16 @@
 }
 
 .el-button {
-    min-width: 79px;
-    padding: 8px 12px;
-    font-size: 12px;
-    border-radius: 2px;
-    background: #46A6FE;
+    /* min-width: 79px;
+    padding: 8px 12px; */
+    /* font-size: 12px; */
+    /* border-radius: 2px; */
+    /* background: #46A6FE; */
 }
 
 .el-button.el-button--default {
     color: #323232;
-    background: #f2f2f2;
+    /* background: #f2f2f2; */
 }
 
 .demo-drawer__footer {
diff --git a/src/css/workflow.css b/src/css/workflow.css
index b59c048..954ef47 100644
--- a/src/css/workflow.css
+++ b/src/css/workflow.css
@@ -1,6 +1,6 @@
-body {
+/* body {
     background: #eee
-}
+} */
 
 @font-face {
     font-family: Chinese Quote;
@@ -25,14 +25,14 @@ input::-ms-reveal {
     box-sizing: border-box
 }
 
-html {
+/* html {
     font-family: sans-serif;
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     -ms-overflow-style: scrollbar;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
-}
+} */
 
 @-ms-viewport {
     width: device-width
@@ -58,8 +58,8 @@ body {
     font-size: 14px;
     font-variant: tabular-nums;
     line-height: 1.5;
-    color: rgba(0, 0, 0, .65);
-    background-color: #fff
+    /* color: rgba(0, 0, 0, .65); */
+    /* background-color: #fff */
 }
 
 [tabindex="-1"]:focus {
@@ -902,7 +902,8 @@ body,
 html {
     font-size: 12px!important;
     color: #191f25!important;
-    background: #f6f6f6!important
+    /* background: #f6f6f6!important */
+    height: 100%;
 }
 
 .wrap {
@@ -1052,7 +1053,7 @@ html {
 .fd-nav-content {
     position: fixed;
     top: 60px;
-    left: 0;
+    left: 160px;
     right: 0;
     bottom: 0;
     z-index: 1;
diff --git a/src/main.js b/src/main.js
index cedea2f..08ca5b6 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,6 +14,10 @@ import store from './store'
 import router from './router'
 
 import 'font-awesome/css/font-awesome.min.css'
+//流程样式
+import '@/css/override-element-ui.css'
+
+import "@/css/workflow.css"
 
 // import 'handsontable/dist/handsontable.full.css';
 import '@/icons' // icon
@@ -22,6 +26,16 @@ import '@/icons' // icon
 
 import Node from 'workflow-ui/src/components/Generator/node'
 Vue.component('Node', Node)
+
+/**
+ * 工作流组件
+ */
+ import func from '@/api/preload.js'
+ Vue.prototype.$func = func;
+import nodeWrap from '@/components/nodeWrap'
+Vue.component('nodeWrap', nodeWrap); //初始化组件
+import addNode from '@/components/addNode'
+Vue.component('addNode', addNode); //初始化组件
 /**
  * If you don't want to use mock-server
  * you want to use MockJs for mock api
@@ -61,5 +75,9 @@ new Vue({
   el: '#app',
   router,
   store,
+  components: {
+    nodeWrap,
+    addNode,
+  },
   render: h => h(App)
 })
diff --git a/src/router/index.js b/src/router/index.js
index f95ef99..57ccb2b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -284,7 +284,8 @@ export const constantRoutes = [
       // UserHome 将被渲染到 User 的 <router-view> 内部
       { 
         path: 'targetbasic',
-        component: () => import('@/views/basicCont/targetLayout'),
+        // component: () => import('@/views/basicCont/targetLayout'),
+        component: () => import('@/views/basicCont/targetTabsLayout'),
         meta: { title: '考核指标'}
       },
       { 
@@ -508,7 +509,7 @@ export const constantRoutes = [
       { 
         path: 'flow',
         // component: () => import('@/views/workflow/flow'),
-        component: () => import('@/views/workflow/flow1'),
+        component: () => import('@/views/workflow/flow'),
         meta: { title: '设置工作时段'}
       },
     ],
diff --git a/src/store/index.js b/src/store/index.js
index 1ead9d7..f6445aa 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -12,21 +12,23 @@ const store = new Vuex.Store({
     app,
     settings,
     user,
-    tableId: '',
-      isTried: false,
-      promoterDrawer: false,
-      flowPermission1: {},
-      approverDrawer: false,
-      approverConfig1: {},
-      copyerDrawer: false,
-      copyerConfig1: {},
-      conditionDrawer: false,
-      conditionsConfig1: {
-          conditionNodes: [],
-      },
+   
   },
   getters,
-
+  state: {
+    tableId: '',
+    isTried: false,
+    promoterDrawer: false,
+    flowPermission1: {},
+    approverDrawer: false,
+    approverConfig1: {},
+    copyerDrawer: false,
+    copyerConfig1: {},
+    conditionDrawer: false,
+    conditionsConfig1: {
+        conditionNodes: [],
+    },
+  },
   mutations: {
       setTableId(status, payload) {
         console.log("验证store----------------->",status, payload)
@@ -36,6 +38,7 @@ const store = new Vuex.Store({
           status.isTried = payload
       },
       setPromoter(status, payload) {
+        console.log("验证setPromoter----------------->",status, payload)
           status.promoterDrawer = payload
       },
       setFlowPermission(status, payload) {
diff --git a/src/utils/requestFile.js b/src/utils/requestFile.js
index 91283b6..a4a1bd1 100644
--- a/src/utils/requestFile.js
+++ b/src/utils/requestFile.js
@@ -47,7 +47,7 @@ service.interceptors.response.use(
     const res = response.data
 
     // if the custom code is not 20000, it is judged as an error.
-    if (res.code !== 0) {
+    if (res.code !== 0 && res.code !== 571) {
       if(res.code === 7){
         store.commit('user/loginOut')
       }
diff --git a/src/views/assessmentProgram/departmentalAssessment copy.vue b/src/views/assessmentProgram/departmentalAssessment copy.vue
index 838bcc9..b216e73 100644
--- a/src/views/assessmentProgram/departmentalAssessment copy.vue	
+++ b/src/views/assessmentProgram/departmentalAssessment copy.vue	
@@ -42,7 +42,7 @@
     <div class="gva-table-box">
       <div class="gva-btn-list">
         <!-- <el-button size="mini" type="primary" icon="el-icon-setting" @click="showDimension()">设置维度权重</el-button> -->
-        <el-button size="mini" type="primary" icon="el-icon-setting" @click="showIndex()">生成部门考核方案</el-button></el-button>
+        <el-button size="mini" type="primary" icon="el-icon-setting" @click="showIndex()">生成部门考核方案</el-button>
       </div>
       <el-table :data="tableData" border :span-method="objectSpanMethod">
         <el-table-column prop="parentname" label="部门"></el-table-column>
@@ -286,7 +286,7 @@
           
           <el-form-item v-if="form.parentid!=''">
           <!-- 表格表单提交 -->
-            <el-card class="box-card" v-for="(item,index) in weiDuList" :key="item.id">
+            <el-card class="box-card" v-for="item in weiDuList" :key="item.id">
               <el-row>
                 <el-col :span="8">
                   
diff --git a/src/views/assessmentProgram/departmentalAssessment.vue b/src/views/assessmentProgram/departmentalAssessment.vue
index 6caaa05..414b7f3 100644
--- a/src/views/assessmentProgram/departmentalAssessment.vue
+++ b/src/views/assessmentProgram/departmentalAssessment.vue
@@ -314,7 +314,7 @@
           </el-row>
           <el-form-item v-if="form.parentid!=''">
           <!-- 表格表单提交 -->
-            <el-card class="box-card" v-for="(item,index) in weiDuList" :key="item.id">
+            <el-card class="box-card" v-for="item in weiDuList" :key="item.id">
               <el-row>
                 <el-col :span="8">
                   <span>考核纬度：{{item.name}}</span>
@@ -568,7 +568,7 @@
           
           <el-form-item>
           <!-- 表格表单提交 -->
-            <el-card class="box-card" v-for="(item,index) in weiDuCopyList" :key="item.id">
+            <el-card class="box-card" v-for="item in weiDuCopyList" :key="item.id">
               <el-row>
                 <el-col :span="8">
                   <span>考核纬度：{{item.name}}</span>
diff --git a/src/views/assessmentProgram/gwQualitativeIndicators.vue b/src/views/assessmentProgram/gwQualitativeIndicators.vue
index 9d96031..cacfa53 100644
--- a/src/views/assessmentProgram/gwQualitativeIndicators.vue
+++ b/src/views/assessmentProgram/gwQualitativeIndicators.vue
@@ -104,7 +104,7 @@
             <template #default="scope">
               <el-collapse>
                 <el-collapse-item title="详情" name="1">
-                  <div v-for="(iteam,index) in scope.row.postary">
+                  <div v-for="(iteam,index) in scope.row.postary" :key="index">
                     {{iteam.name}}
                   </div>
                 </el-collapse-item>
@@ -611,6 +611,11 @@
             </template>
           </el-table-column>
           <!-- <el-table-column prop="targetsunname" label="权重"></el-table-column> -->
+          <el-table-column
+            label="序号"
+            type="index"
+            width="50">
+          </el-table-column>
           <el-table-column prop="title" label="考核内容"></el-table-column>
           <el-table-column prop="referencescore" label="考核标准" width="80" align="center"></el-table-column>
           <el-table-column prop="company" label="单位" width="80" align="center">
diff --git a/src/views/assessmentProgram/qualitativeIndicators.vue b/src/views/assessmentProgram/qualitativeIndicators.vue
index accb3a6..ebd9480 100644
--- a/src/views/assessmentProgram/qualitativeIndicators.vue
+++ b/src/views/assessmentProgram/qualitativeIndicators.vue
@@ -575,7 +575,7 @@
         </template>
       </el-dialog>
       <!-- 考核办法弹框 -->
-      <el-dialog :visible.sync="methodShow" title="考核1办法" width="75%">
+      <el-dialog :visible.sync="methodShow" title="考核办法" width="75%">
         <div class="gva-search-box">
         <el-form :inline="true" :model="rowZhiData">
           <el-form-item label="所属公司">
@@ -633,6 +633,11 @@
               {{scope.row.sontargetname}}
             </template>
           </el-table-column>
+          <el-table-column
+            label="序号"
+            type="index"
+            width="50">
+          </el-table-column>
           <!-- <el-table-column prop="targetsunname" label="权重"></el-table-column> -->
           <el-table-column prop="title" label="考核内容"></el-table-column>
           <el-table-column prop="standard" label="考核标准" width="80" align="center"></el-table-column>
@@ -658,7 +663,6 @@
           <el-table-column label="检查周期" width="80" align="center">
             <template #default="scope">
               <div v-if="scope.row.cycle==='0'"></div>
-              <div v-else-if="scope.row.cycle==='0'"></div>
               <div v-else>
                 {{scope.row.censorrate}}次 /
                 <span v-if="scope.row.cycle==1">班</span>
diff --git a/src/views/basicCont/departTarget.vue b/src/views/basicCont/departTarget.vue
index 165d75f..91b14c2 100644
--- a/src/views/basicCont/departTarget.vue
+++ b/src/views/basicCont/departTarget.vue
@@ -9,8 +9,9 @@
                         <el-input v-model="searchInfo.title" placeholder="请输入指标名称"></el-input>
                     </el-form-item>
                     <el-form-item label="指标维度">
-                        <el-select v-model="searchInfo.dimension" clearable placeholder="请选择指标维度">
+                        <el-select v-model="searchInfo.dimension"  clearable placeholder="请选择指标维度">
                             <el-option
+                                
                                 v-for="item in dutyclasslist"
                                 :key="item.outId"
                                 :label="item.title"
@@ -236,7 +237,7 @@
                     <el-cascader filterable clearable v-model="editAdd.acceptdepartmentid" :options="grouplist" :show-all-levels="false" :props="propsdepart"></el-cascader>
                 </el-form-item>
                 <el-form-item label="指标维度" prop="dimension">
-                    <el-select v-model="editAdd.dimension" clearable placeholder="请选择考核维度">
+                    <el-select v-model="editAdd.dimension" clearable placeholder="请选择考核维度" @change="cccxs">
                         <el-option
                         v-for="item in dutyclasslist"
                         :key="item.outId"
@@ -374,11 +375,12 @@
     import {  positionlist } from "@/api/personnel/post";               //岗位相关项
     import { dutyclasslist } from '@/api/duty/dimension' //考核纬度api
     import { add_department_target,get_one_terget_info,deparment_target_about_post,edit_one_target } from '@/api/duty/projectNew'  //考核项目新接口
-    import { gettarget,addtarget,gettargetinfo,eiteassessinfo,eitetarget,deltarget } from '@/api/duty/project' //考核项目api
+    import { gettarget,addtarget,gettargetinfo,eiteassessinfo,eitetarget } from '@/api/duty/project' //考核项目api
     import {
         getgroupdepartmap,
         getgroupuser
     } from '@/api/duty/group' //组织建构
+    import { deltarget } from "@/api/systemaccredit/systemapi"
     export default {
         props:['bmId'],
         data(){
@@ -537,6 +539,7 @@
             async getDutyclasslist(){
                 const res = await dutyclasslist(this.searchList)
                 this.dutyclasslist=res.data.list
+                console.log("2222222222222222",res.data)
             },
             // 条件搜索
             onSubmit() {
@@ -598,7 +601,7 @@
                         // 如果第一层没有子项做的操作。。。。。
                     }
                 })
-                console.log(this.grouplistBackup,"获取员工列表-------------------------->")
+                console.log("获取员工列表-------------------------->",this.grouplistBackup,"获取员工列表-------------------------->")
             },
             // 添加提交按钮
             async enterAddDialog(){
@@ -645,7 +648,8 @@
             },
             // 编辑提交按钮
             async editEnterDialog(){
-                console.log("修改数据表单----》",this.editAdd)
+                console.log("修改数据表单----》",this.editAdd,this.editAdd.dimension)
+                this.editAdd.dimension=this.editAdd.dimension.toString()
                 this.$refs.editForm.validate(async valid => {
                     console.log("修改数据表单---1-》",this.editAdd)
                     console.log("修改数据表单---2-》",valid)
@@ -665,7 +669,7 @@
                         })
                         this.editAdd.acceptdepartmentid = newDeaprtAry
                         this.editAdd.report=this.editAdd.reportmap
-                        this.editAdd.dimension=this.editAdd.dimensionidstr;
+                        this.editAdd.dimension=this.editAdd.dimension.toString();
                         this.editAdd.cycleattr =parseInt(this.editAdd.cycleattr)
                         const res = await edit_one_target(this.editAdd)
                         if (res.code === 0) {
@@ -771,10 +775,37 @@
 
 
 
+            //删除部门指标
+            //删除
+            async deleteOperate(val){
+            
+                
+                this.$confirm('此操作将永久删除, 是否继续?', '是否删除？', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(async() => {
+                    let sendData = {
+                        id:val.id.toString(),
+                    }
+                    const respon = await deltarget(sendData)
+                    if (respon.code === 0) {
+                        this.$message({
+                            type: 'success',
+                            message: '删除成功!'
+                        })
+                            
+                        this.getDataList()
+                    }
+                    
+                })
+            },
 
 
-
-
+            //测试
+            cccxs(val){
+                console.log("测试指标维度---------------->",val,this.editAdd.dimension)
+            }
 
 
 
diff --git a/src/views/basicCont/targetDepartmentConfig.vue b/src/views/basicCont/targetDepartmentConfig.vue
index 11157e7..128dab2 100644
--- a/src/views/basicCont/targetDepartmentConfig.vue
+++ b/src/views/basicCont/targetDepartmentConfig.vue
@@ -129,7 +129,7 @@
                 </el-row>
                 <el-card class="box-card" style="width:96%;margin: 0 auto;">
                     <div slot="header" class="clearfix">
-                        <span>批量添加目标值</span>
+                        <span>批量添加目标值（版本号：{{ banben }}）</span>
                     </div>
                     <div>
                         <el-row :gutter="20">
diff --git a/src/views/basicCont/targetTabsLayout.vue b/src/views/basicCont/targetTabsLayout.vue
new file mode 100644
index 0000000..d1b46ce
--- /dev/null
+++ b/src/views/basicCont/targetTabsLayout.vue
@@ -0,0 +1,42 @@
+<template>
+    <div class="tabs_box">
+        <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="部门指标" name="departmentpage">
+                <departmentpage v-if="activeName=='departmentpage'"></departmentpage>   <!--部门指标引用页面-->
+            </el-tab-pane>
+            <el-tab-pane label="岗位指标" name="postpage">
+                <postpage v-if="activeName=='postpage'"></postpage> <!--岗位指标引用页面-->
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+    
+</template>
+<script>
+import departmentpage from "@/views/basicCont/targettabslayout/departmentpage.vue";
+import postpage from "@/views/basicCont/targettabslayout/postpage.vue";
+export default {
+    components: {
+        departmentpage,
+        postpage
+    },
+    data() {
+        return {
+            activeName: 'departmentpage',
+        }
+    },
+    created(){
+        
+    },
+    methods:{
+        handleClick(tab, event,name) {
+            // console.log(tab,"------------------->" ,event,"------------------->" ,this.activeName);
+        }
+    }
+}
+</script>
+<style>
+    .tabs_box{
+        padding: 10px 25px;
+    }
+    
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/departmentpage.vue b/src/views/basicCont/targettabslayout/departmentpage.vue
new file mode 100644
index 0000000..b8ad6aa
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/departmentpage.vue
@@ -0,0 +1,1099 @@
+<template>
+    <el-container>
+        <!-- 行政组织级 -->
+        <el-aside width="220px">
+            <el-button type="primary" class="allButton" @click="getAllOrgTarget">全部</el-button>
+            <el-tree
+                ref="orgTree"
+                :check-on-click-node="false"
+                show-checkbox
+                :data="orgList"
+                :props="orgProps"
+                node-key="id"
+                @check="clickOrg"
+                empty-text="没有行政组织"
+            ></el-tree>
+
+            
+        </el-aside>
+        <el-main>
+            <el-row>
+                <el-col :span="24">
+                    <el-form ref="shearchTarget" :model="searchData" label-width="80px" :inline="true">
+                        <el-form-item label="考核指标"  >
+                            <el-input v-model="searchData.name" placeholder="请输入指标名称"></el-input>
+                        </el-form-item>
+                        <el-form-item label="指标维度"  >
+                            <el-select clearable  v-model="searchData.dimension" placeholder="请选择指标维度">
+                                <el-option v-for="item in dutyclasslist"
+                                :key="item.outId"
+                                :label="item.title"
+                                :value="item.outId"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="指标性质">
+                            <el-select clearable  v-model="searchData.nature" placeholder="请选择指标维度">
+                                <el-option label="定性指标" value="1"></el-option>
+                                <el-option label="定量指标" value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button
+                              type="primary"
+                              icon="el-icon-search"
+                              @click="onSubmitSearch"
+                              >查询</el-button>
+                        </el-form-item>
+                        <el-form-item>
+                            <el-button
+                              type="warning"
+                              icon="el-icon-plus"
+                              @click="addNewTarget"
+                              >新增</el-button>
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+                <el-col :span="24" class="tableContBox">
+                    <el-table :data="targetList">
+                        <el-table-column
+                            fixed
+                            label="考核指标"
+                            width="150">
+                            <template #default="scope">
+                                <el-link :underline="false" type="primary" v-if="scope.row.type==1" @click="showTargetContList(scope.row)">{{ scope.row.title }}</el-link>
+                                <el-link :underline="false" v-if="scope.row.type==2" disabled style="color:#000000">{{ scope.row.title }}</el-link>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="dimensiontitle"
+                            label="考核维度"
+                            >
+                        </el-table-column>
+                        <el-table-column
+                            label="指标性质"
+                            >
+                            <template #default="scope">
+                                <div v-if="scope.row.type==1">定性指标</div>
+                                <div v-if="scope.row.type==2">定量指标</div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="unites"
+                            label="计量单位"
+                            align="center"
+                            >
+                        </el-table-column>
+                        <el-table-column
+                            prop="outId"
+                            label="考核周期"
+                            align="center"
+                            >
+                            <template #default="scope">
+                                <el-tag v-if="scope.row.cycle==1">班</el-tag>
+                                <el-tag v-if="scope.row.cycle==2">天</el-tag>
+                                <el-tag v-if="scope.row.cycle==3">周</el-tag>
+                                <el-tag v-if="scope.row.cycle==4">月</el-tag>
+                                <el-tag v-if="scope.row.cycle==5">季度</el-tag>
+                                <el-tag v-if="scope.row.cycle==6">年</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="outId"
+                            label="计分方式"
+                            align="center"
+                            >
+                            <template #default="scope">
+                                <el-tag size="small" v-if="scope.row.scoringmethod==1">自动计分</el-tag>
+                                <el-tag size="small" v-if="scope.row.scoringmethod==2">手动计分</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="关联部门"
+                            >
+                            <template #default="scope">
+                                <el-collapse>
+                                    <el-collapse-item title="详情" name="1">
+                                        <div v-for="(iteam,index) in scope.row.relevantdepartmentsmap" :key="index">
+                                        {{iteam.title}}
+                                        </div>
+                                    </el-collapse-item>
+                                </el-collapse>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            label="数据提交"
+                            >
+                            <template #default="scope">
+                                <div v-for="item in scope.row.reportmap" :key="item.key">{{item.title}}</div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="cycleattr"
+                            label="辅助计数"
+                            align="center"
+                            >
+                        </el-table-column>
+                        <el-table-column
+                            label="状态"
+                            >
+                            <template #default="scope">
+                                <el-switch
+                                    inline-prompt 
+                                    v-model="scope.row.state"
+                                    active-color="#13ce66"
+                                    inactive-color="#ff4949"
+                                    :active-value=1
+                                    :inactive-value=2
+                                    @change="changeVal($event,scope.row.id)"
+                                    />
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            fixed="right"
+                            label="操作"
+                            width="220">
+                            <template slot-scope="scope">
+                                <el-button
+                                    class="butClass"
+                                    icon="el-icon-edit"
+                                    size="small"
+                                    type="text"
+                                    @click="showPost(scope.row)"
+                                    >关联岗位</el-button>
+                                <el-button
+                                    class="butClass"
+                                    icon="el-icon-edit"
+                                    size="small"
+                                    type="text"
+                                    @click="editTargetCont(scope.row)"
+                                    >编辑</el-button>
+                                <el-button
+                                    class="butClass"
+                                    icon="el-icon-delete"
+                                    size="small"
+                                    type="text"
+                                    @click="delTargetCont(scope.row)"
+                                    >删除</el-button>
+                            </template>
+                        </el-table-column>
+
+
+
+                    </el-table>
+                </el-col>
+                <el-col :span="24">
+                    <div class="gva-pagination">
+                        <el-pagination
+                          @current-change="handleCurrentChange"
+                          :page-sizes="[searchData.pagesize, 30, 50, 100]"
+                          :page-size="searchData.pagesize"
+                          layout="total, sizes, prev, pager, next, jumper"
+                          :total="searchData.total"
+                          :current-page="currentPage"
+                        >
+                        </el-pagination>
+                        
+                    </div>
+                </el-col>
+            </el-row>
+            <!--添加指标-->
+            <el-dialog :close-on-click-modal="false" :visible.sync="addTargetIsTrue" :before-close="closeAddDialog" title="新增指标" custom-class="dialogBox">
+                <el-form ref="addTargetForm" :model="addTargetCont" :rules="addRules" label-width="100px" >
+                    <el-form-item label="指标名称" prop="name">
+                        <el-input  v-model="addTargetCont.name" autocomplete="off" placeholder="请输入指标名称" />
+                    </el-form-item>
+                    <el-form-item label="关联部门" prop="acceptdepartmentid">
+                        <el-cascader filterable clearable v-model="addTargetCont.acceptdepartmentid" :options="orgList" :show-all-levels="false" :props="propsdepart" collapse-tags></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="指标维度" prop="dimension">
+                        <el-select v-model="addTargetCont.dimension" clearable placeholder="请选择考核维度">
+                            <el-option
+                            v-for="item in dutyclasslist"
+                            :key="item.outId"
+                            :label="item.title"
+                            :value="item.outId">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="指标性质" prop="nature">
+                        <el-select v-model="addTargetCont.nature" placeholder="请选择指标性质">
+                            <el-option label="定性指标" :value=1></el-option>
+                            <el-option label="定量指标" :value=2></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="计量单位" prop="unit">
+                        <el-input v-model="addTargetCont.unit" autocomplete="off"  placeholder="请输入计量单位" />
+                    </el-form-item>
+                    <el-form-item label="数据提交" prop="userlist">
+                        <!-- <el-cascader filterable clearable v-model="addTargetCont.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> -->
+                        <el-cascader filterable clearable v-model="addTargetCont.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps">
+                            <template slot-scope="{ node, data }" >
+                              <span >{{ data.name }}</span>
+                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                            </template>
+                        </el-cascader>
+                    </el-form-item>
+                    <el-form-item label="计分方式" prop="scoringmethod">
+                        <el-select v-model="addTargetCont.scoringmethod" placeholder="请选择指标性质">
+                            <el-option label="自动计分" :value=1></el-option>
+                            <el-option label="手动计分" :value=2></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="考核周期" prop="cycle">
+                        <el-select v-model="addTargetCont.cycle" placeholder="请选择考核周期">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="辅助计数" prop="cycleattr">
+                        <el-input-number v-model="addTargetCont.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number>
+                    </el-form-item>
+                    
+                </el-form>
+                <template #footer>
+                    <div class="dialog-footer"> 
+                      <el-button size="small" @click="closeAddDialog">取 消</el-button>
+                      <el-button size="small" type="primary" @click="enterAddTarget">确 定</el-button>
+                    </div>
+                </template>
+            </el-dialog>
+            <!--编辑指标-->
+            <el-dialog :close-on-click-modal="false" :visible.sync="editTargetIsTrue" :before-close="closeEditDialog" title="编辑指标" custom-class="dialogBox">
+                <el-form ref="editTargetForm" :model="editTargetForm" :rules="addRules" label-width="100px" >
+                    <el-form-item label="指标名称" prop="name">
+                        <el-input  v-model="editTargetForm.name" autocomplete="off" placeholder="请输入指标名称" />
+                    </el-form-item>
+                    <el-form-item label="关联部门" prop="acceptdepartmentid">
+                        <el-cascader filterable clearable v-model="editTargetForm.acceptdepartmentid" :options="orgList" :show-all-levels="false" :props="propsdepart" collapse-tags></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="指标维度" prop="dimension">
+                        <el-select v-model="editTargetForm.dimension" clearable placeholder="请选择考核维度">
+                            <el-option
+                            v-for="item in dutyclasslist"
+                            :key="item.outId"
+                            :label="item.title"
+                            :value="item.outId">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="指标性质" prop="nature">
+                        <el-select v-model="editTargetForm.nature" placeholder="请选择指标性质">
+                            <el-option label="定性指标" :value=1></el-option>
+                            <el-option label="定量指标" :value=2></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="计量单位" prop="unit">
+                        <el-input v-model="editTargetForm.unit" autocomplete="off"  placeholder="请输入计量单位" />
+                    </el-form-item>
+                    <el-form-item label="数据提交" prop="userlist">
+                        <!-- <el-cascader filterable clearable v-model="editTargetForm.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps"></el-cascader> -->
+                        <el-cascader filterable clearable v-model="editTargetForm.userlist" :options="grouplistBackup" :show-all-levels="false" :props="userProps">
+                            <template slot-scope="{ node, data }" >
+                              <span >{{ data.name }}</span>
+                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                            </template>
+                        </el-cascader>
+                    </el-form-item>
+                    <el-form-item label="计分方式" prop="scoringmethod">
+                        <el-select v-model="editTargetForm.scoringmethod" placeholder="请选择指标性质">
+                            <el-option label="自动计分" :value=1></el-option>
+                            <el-option label="手动计分" :value=2></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="考核周期" prop="cycle">
+                        <el-select v-model="editTargetForm.cycle" placeholder="请选择考核周期">
+                            <el-option
+                            v-for="item in options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="辅助计数" prop="cycleattr">
+                        <el-input-number v-model="editTargetForm.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number>
+                    </el-form-item>
+                    
+                </el-form>
+                <template #footer>
+                    <div class="dialog-footer"> 
+                      <el-button size="small" @click="closeEditDialog">取 消</el-button>
+                      <el-button size="small" type="primary" @click="enterEditTarget">确 定</el-button>
+                    </div>
+                </template>
+            </el-dialog>
+            <!--关联岗位-->
+            <el-dialog :close-on-click-modal="false" :visible.sync="relationPostIsTrue" :before-close="closeRelationPostDialog" title="关联岗位"  width="50%">
+                <el-form ref="relationPostForm" :model="relationPostData" :rules="relationRules" label-width="50px">
+                    <el-form-item 
+                        v-for = "(relItem,relIndex) in relationPostOrglist"
+                        :key="relIndex"
+                        label="部门">
+                        <el-cascader @change="changeBm(relIndex,relItem.id)" filterable clearable v-model="relItem.id" :options="grouplist" :show-all-levels="false" :props="relationPostDepart" ></el-cascader>
+                        <el-button  class="perButtClass" type="danger" @click.prevent="removeBumen(relIndex)">删除</el-button>
+                        <el-table
+                            :data="relItem.child"
+                            style="width: 100%">
+                            
+                            <el-table-column
+                                prop="date"
+                                label="关联岗位"
+                                width="180">
+                                <template slot-scope="scope">
+                                    <el-select
+                                        clearable
+                                        v-model="scope.row.id"
+                                        filterable
+                                        placeholder="请选择"
+                                    >
+                                        <el-option
+                                            v-for="item in postList"
+                                            :key="item.idstr"
+                                            :label="item.name"
+                                            :value="item.idstr"
+                                        >
+                                        </el-option>
+                                    </el-select>          
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                prop="name"
+                                label="提报人"
+                                >
+                                    <template slot-scope="scope">
+                                        <!-- <el-cascader
+                                        filterable
+                                        clearable
+                                        v-model="scope.row.childCopy"
+                                        :options="grouplistBackup"
+                                        :show-all-levels="false"
+                                        :props="userProps"
+                                        collapse-tags
+                                        style="width: 100%"
+                                        ></el-cascader> -->
+                                        <el-cascader 
+                                            filterable
+                                            clearable
+                                            v-model="scope.row.childCopy"
+                                            :options="grouplistBackup"
+                                            :show-all-levels="false"
+                                            :props="userProps"
+                                            collapse-tags
+                                            style="width: 100%">
+                                            <template slot-scope="{ node, data }" >
+                                              <span >{{ data.name }}</span>
+                                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                                            </template>
+                                        </el-cascader>
+                                    </template>
+                            </el-table-column>
+                            <el-table-column
+                                prop="address"
+                                label="操作"
+                                width="180">
+                                <template slot-scope="scope">
+                                    <el-button
+                                        icon="el-icon-delete"
+                                        size="small"
+                                        type="text"
+                                        @click="deleteAddXiList(relIndex,scope)"
+                                        >删除</el-button>
+                                    <el-button v-if="scope.$index == relItem.child.length-1" @click="jiaArrAddXi(relIndex)" type="primary" icon="el-icon-plus" circle size="mini"></el-button>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+
+
+                    </el-form-item>
+                </el-form>
+                <el-button type="primary" @click="addBumen">新增部门</el-button>
+                <el-divider content-position="center">已关联信息</el-divider>
+
+                <el-row>
+                    <el-col :span="24" v-for="(item,index) in alreadyDeparPost" :key="index">
+                        <el-link :underline="false" class="orgLink">行政组织：{{ item.name }}</el-link> 
+                        <template>
+                            <el-table
+                                class="orgTableLink"
+                                border
+                                :data="item.child"
+                                style="width: 100%">
+                                <el-table-column
+                                    prop="name"
+                                    label="关联岗位"
+                                    width="180">
+                                </el-table-column>
+                                <el-table-column
+                                    prop="child"
+                                    label="提报人员">
+                                    <template slot-scope="scope">
+                                        <el-link :underline="false" v-for="(itemMan,indexMan) in scope.row.child" type="primary" :key="indexMan">{{ itemMan.name }}（{{ itemMan.number }}）</el-link>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </template>
+                    </el-col>
+                </el-row>
+
+
+                <template #footer>
+                    <div class="dialog-footer"> 
+                      <el-button size="small" @click="closeRelationPostDialog">取 消</el-button>
+                      <el-button size="small" type="primary" @click="assPostRelation">确 定</el-button>
+                    </div>
+                </template>
+            </el-dialog>
+
+            <!--定性考核考核细则-->
+            <el-dialog :close-on-click-modal="false" :visible.sync="targetContListIsShow" :before-close="closeTargetContLostBox" :title="'指标《'+this.targetInfo.title + '》考核方法明细'"  width="85%" top="5vh" custom-class="dialogMyClass">
+                <targetdetails ref="targetDearilsList" v-if="targetContListIsShow"  :targetInfo="targetInfo" :orgList="orgList" :options="options" :departmentIdInt="departmentIdInt" :grouplistBackup="grouplistBackup"></targetdetails>
+            </el-dialog>
+
+
+        </el-main>
+    </el-container>
+</template>
+<script>
+import { govthree,positionlist,getCompanyDeparment } from "@/api/personnel/post";
+import { dutyclasslist } from "@/api/duty/dimension";
+import { newDepartTarList,targetEditState,new_edit_one_target,new_dep_tar_post,get_target_relevant_post_Report } from "@/api/systemaccredit/systemapi";
+import { getgroupuser,getgroupdepartmap } from '@/api/duty/group' //组织建构
+import { add_department_target} from '@/api/duty/projectNew'  //考核项目新接口
+
+import targetdetails from "@/views/basicCont/targettabslayout/targetdetails.vue";
+export default {
+    components: {
+        targetdetails
+    },
+    data() {
+        return {
+            targetContListIsShow:false, //定性细则弹窗
+            relationPostDepart: {
+                checkStrictly: true,
+                value: "id",
+                label: "name",
+                children: "children",
+                emitPath:false,
+            },
+            //统计周期
+            options: [
+                {
+                    value: 4,
+                    label: '月'
+                }, {
+                    value: 5,
+                    label: '季度'
+                }, {
+                    value: 6,
+                    label: '年'
+                }
+            ],
+            allOrgId:[],    //所有行政组织ID
+            currentPage:1,
+            //行政组织树配置数据
+            mainOrgList:[],
+            allMainOrgId:[],
+            orgList:[],
+            orgProps: {
+                children: "child",
+                label: "name",
+            },
+            departmentId:[],        //行政组织Id列表
+            departmentIdInt:[],        //行政组织Id列表
+            searchData:{
+                total:0,
+                page:1,
+                pagesize:10,
+                name:"",
+                dimension:"",
+                nature:""
+            },  //搜索条件
+            dutyclasslist: {}, //考核维度
+            searchList: {
+                page: 1,
+                pagesize: 10000,
+            },
+            targetList:[],  //指标列表
+            addTargetIsTrue:false, //显示添加页面
+            addRules:{
+                name: [{ required: true, message: '必填', trigger: 'blur' }],
+                acceptdepartmentid: [{ required: true, message: '必填', trigger: 'blur' }],
+                dimension: [{ required: true, message: '必填', trigger: 'blur' }],
+                nature: [{ required: true, message: '必填', trigger: 'blur' }],
+                unit: [{ required: true, message: '必填', trigger: 'blur' }],
+                userlist: [{ required: true, message: '必填', trigger: 'blur' }],
+                scoringmethod: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycle: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycleattr: [{ required: true, message: '必填', trigger: 'blur' }],
+            }, //新增表单规则
+            addTargetCont:{
+                scoringmethod:1,
+                cycle:4,
+                cycleattr:1
+            }, //新增指标数据表单
+            propsdepart: {
+                checkStrictly: true,
+                value: "id",
+                label: "name",
+                children: "child",
+                emitPath:false,
+                multiple: true
+            },  //关联部门
+            grouplistBackup:[], //数据提报人列表
+            userProps: {
+                value: "key",
+                label: "name",
+                children: "govlist",
+                emitPath:false,
+                multiple: true
+            },//数据提报人
+            editTargetIsTrue:false, //编辑页面弹窗
+            editTargetForm:{}, //编辑页面数据
+            relationPostIsTrue:false, //关联岗位弹窗
+            relationPostData:{}, //关联岗位数据
+            //关联岗位
+            relationRules:{
+                title: [{ required: true, message: '必填', trigger: 'blur' }],
+                type: [{ required: true, message: '必填', trigger: 'blur' }],
+                // share: [{ required: true, message: '必填', trigger: 'blur' }],
+                relevantdepartments: [{ required: true, message: '必填', trigger: 'blur' }],
+                dimension: [{ required: true, message: '必填', trigger: 'blur' }],
+                report: [{ required: true, message: '必填', trigger: 'blur' }],
+                unites: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycle: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycleattr: [{ required: true, message: '必填', trigger: 'blur' }],
+            },
+            //关联岗位数据模型
+            relationPostOrglist:[
+                {
+                    id:'', //部门ID
+                    child:[         //相关岗位及提报人数据
+                        {
+                            id:'',  //岗位ID
+                            child:[],
+                            childCopy:[]
+                        }
+                    ]
+                }
+            ],
+            grouplist:[],   //获取行政组织
+            postList:[],    //获取岗位信息
+            projectId:"", //关联岗位的指标Id
+            alreadyDeparPost:[], //已关联得信息
+            targetInfo:{
+                title:""
+            }, //子页面传递值
+
+        }
+    },
+    created(){
+        this.getMainOrgList();
+        this.getOrgList();
+        this.getDutyclasslist();
+        this.getDepartTargetList();
+        this.getSystemadminlist();
+        this.getGrouplist();
+    },
+    methods:{
+        // 获取部门
+        async getGrouplist(){
+            const res = await getgroupdepartmap()
+            this.grouplist=res.data
+        },
+        // 改变page
+        handleCurrentChange(val) {
+            this.searchData.page=val
+            this.currentPage = val
+            this.getDepartTargetList()
+        },
+        //获取指标列表
+        async getDepartTargetList(){
+            this.targetList = [];
+            let sendData ={
+                page:this.searchData.page,
+                pagesize:this.searchData.pagesize,
+                name:this.searchData.name,
+                dimension:this.searchData.dimension,
+                attribute:this.searchData.nature,
+                orgidlist:this.departmentId
+            }
+            const res = await newDepartTarList(sendData);
+            if(res.code == 0){
+                this.targetList = res.data.list
+                // console.log("获取指标列表-->",res.data)
+                this.searchData.total = res.data.total
+                this.searchData.page = res.data.page
+                this.searchData.pagesize = res.data.pageSize
+                this.searchData.count = res.data.count
+            }
+            
+        },
+        //获取行政组织列表
+        async getOrgList(){
+            let sendData ={
+                page:309,
+                level:0,
+                all:1
+            }
+            const res = await govthree(sendData);
+            this.orgList = res.data
+            // console.log("获取行政组织列表-->",res.data)
+            res.data.forEach(item=>{
+                this.allOrgId.push(item.id)
+            })
+        },
+        //获取行政组织主要列表
+        async getMainOrgList(){
+            let sendData ={
+                id:309,
+                idstr:309
+            }
+            const res = await getCompanyDeparment(sendData);
+            this.mainOrgList = res.data
+            res.data.forEach(item=>{
+                this.allMainOrgId.push(item.id)
+            })
+        },
+        // 获取考核纬度列表
+        async getDutyclasslist() {
+            const res = await dutyclasslist(this.searchList);
+            this.dutyclasslist = res.data.list;
+            // console.log("获取考核纬度列表",this.dutyclasslist)
+        },
+        //点击行政组织
+        clickOrg(val,checked){
+            
+            if(checked.checkedNodes.length <= 0){
+                this.departmentId = [];
+                this.departmentIdInt = [];
+            }else{
+                this.departmentId = [];
+                this.departmentIdInt = [];
+                checked.checkedNodes.forEach(item => {
+                    this.departmentId.push(item.id.toString())
+                    this.departmentIdInt.push(item.id)
+                });
+            }
+            console.log("点击行政组织-->",val,checked)
+            this.getDepartTargetList()
+        },
+        //获取全部指标
+        getAllOrgTarget(){
+            this.$refs.orgTree.setCheckedKeys(this.allOrgId);
+            this.departmentIdInt = this.allOrgId
+            this.searchData={
+                total:0,
+                page:1,
+                pagesize:10,
+                name:"",
+                dimension:"",
+                nature:"",
+                orgidlist:this.allOrgId
+            },  //搜索条件
+            this.departmentId = [];
+            this.getDepartTargetList()
+        },
+        //搜索
+        async onSubmitSearch(){
+            this.searchData.page = 1
+            this.searchData.pagesize=10
+            this.getDepartTargetList()
+        },
+        //新增指标
+        addNewTarget(){
+            this.addTargetCont.acceptdepartmentid = this.departmentIdInt
+            this.addTargetIsTrue = true;
+            // console.log(this.orgList,"新增指标")
+        },
+        //关闭添加弹窗
+        closeAddDialog(){
+            this.addTargetIsTrue = false;
+            this.initAddForm()
+        },
+        //初始化添加表单
+        initAddForm(){
+            this.addTargetCont={
+                acceptdepartmentid:[],
+                scoringmethod:1,
+                cycle:4,
+                cycleattr:1
+            }
+        },
+        //添加部门指标
+        async enterAddTarget(){
+            this.$refs.addTargetForm.validate(async valid => {
+                if (valid) {
+                    if(this.addTargetCont.acceptdepartmentid!=null){
+                        this.addTargetCont.acceptdepartmentid=this.addTargetCont.acceptdepartmentid.map(String)
+                    }
+                    this.addTargetCont.cycleattr =parseInt(this.addTargetCont.cycleattr)
+                    // console.log("添加部门指标---------->",this.addTargetCont)
+                    const res = await add_department_target(this.addTargetCont)
+                    this.getDepartTargetList();
+                    this.closeAddDialog();
+                }
+            })
+        },
+        // 获取员工列表
+        async getSystemadminlist(){
+            const from = {
+                id:309,
+                level: 4
+            }
+            const res = await getgroupuser(from)
+            this.grouplistBackup=res.data
+            this.grouplistBackup.forEach(item => {
+                if (item.govlist != null) {
+                    // 即：this.digui(item);在这地方添加的
+                    item.govlist.forEach(items => {
+                        // 下面的就是执行递归的方法，因为我是从第二层才开始需要往下挖的，所以这里多了个forEach,如果从第一层起，从item就好了，即：this.digui(item);在上面添加
+                        this.digui(items); // 这里是源头，把一个对象开始递归，开始循环
+                        // 如果想看完整数据，那么是在这里打印数据哦
+                        // console.log(items, '看我查看完整的数据哦')
+                        // 因为上一步递归时，就已经把循环children的动作做完了，这里是验收递归方法的地方。
+                    })
+                } else {
+                    item.govlist=item.child
+                    // 如果第一层没有子项做的操作。。。。。
+                }
+            })
+            // console.log(this.grouplistBackup,"获取员工列表-------------------------->")
+        },
+        //删除指标
+        async delTargetCont(val){
+            this.$confirm('此操作将永久删除相关资料！是否继续执行此操作?', '是否删除此项资料？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(async() => {
+                let sendData = {
+                    id:val.id.toString(),
+                    state:3,
+                    istrue:2
+                }
+                // console.log("此操作将永久删除相关资料",val)
+                const respon = await targetEditState(sendData)
+                if (respon.code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    })
+                    if(this.searchData.count -1 <= 0){
+                        this.searchData.page=this.searchData.page -1
+                        if(this.searchData.page < 1){
+                            this.searchData.page = 1
+                        }
+                    }
+                    this.getDepartTargetList();
+                }
+                    
+            })
+        },
+        //编辑指标
+        async editTargetCont(val){
+            this.editTargetIsTrue = true;
+            // console.log("编辑指标",val)
+            this.$set(this.editTargetForm,"name",val.title)
+            this.$set(this.editTargetForm,"acceptdepartmentid",val.relevantdepartments.split(","))
+            this.$set(this.editTargetForm,"dimension",val.dimensionstr.toString())
+            this.$set(this.editTargetForm,"nature",val.type)
+            this.$set(this.editTargetForm,"unit",val.unites)
+            this.$set(this.editTargetForm,"userlist",val.report.split(","))
+            this.$set(this.editTargetForm,"scoringmethod",val.scoringmethod)
+            this.$set(this.editTargetForm,"cycle",val.cycle)
+            this.$set(this.editTargetForm,"cycleattr",val.cycleattr)
+            this.$set(this.editTargetForm,"id",val.id.toString())
+        },
+        //关闭编辑指标
+        closeEditDialog(){
+            this.editTargetIsTrue = false;
+            this.initEditForm();
+        },
+        //初始化编辑表单
+        initEditForm(){
+            this.editTargetForm={}
+            
+        },
+        //提交编辑数据
+        async enterEditTarget(){
+            this.$refs.editTargetForm.validate(async valid => {
+                if (valid) {
+                    if(this.editTargetForm.acceptdepartmentid!=null){
+                        this.editTargetForm.acceptdepartmentid=this.editTargetForm.acceptdepartmentid.map(String)
+                    }
+                    const res = await new_edit_one_target(this.editTargetForm)
+                    this.getDepartTargetList();
+                    this.closeEditDialog();
+                }
+            });
+        },
+        //关联岗位
+        async showPost(val){
+            this.relationPostIsTrue = true;
+            this.projectId=val.id.toString()
+            
+            this.relationPostOrglist=[
+                {
+                    id:'', //部门ID
+                    child:[         //相关岗位及提报人数据
+                        {
+                            id:'',  //岗位ID
+                            child:[],
+                            childCopy:[]
+                        }
+                    ]
+                }
+            ];
+            let sendData = {
+                id:val.id.toString()
+            }
+            const res = await get_target_relevant_post_Report(sendData)
+            this.alreadyDeparPost =[]
+            if(res.code == 0){
+                
+                this.alreadyDeparPost = res.data
+            //     console.log("关联岗位",res.data.orglist)
+            //     this.relationPostOrglist = res.data.orglist
+            //     this.relationPostOrglist.forEach(ele=>{
+            //         if(ele.child != null && ele.child.length >0){
+            //             ele.child.forEach(item=>{
+            //                 ele.id=ele.id * 1
+            //                 // if(item.childCopy != null && item.childCopy.length > 0){
+            //                 //     item.childCopy.forEach(it=>{
+            //                 //         item.child.push({id:it,child:[]})
+            //                 //     })
+            //                 // }
+            //                 if(ele.child != null && ele.child.length >0){
+            //                     ele.child.forEach(ict=>{
+            //                         ict.id=ict.id * 1
+            //                     })
+            //                 }
+            //             })
+            //         }
+                    
+            //     })
+            }
+            
+            // console.log("关联岗位--------->",this.alreadyDeparPost)
+        },
+        //关闭关联岗位弹窗
+        closeRelationPostDialog(){
+            this.relationPostIsTrue = false;
+        },
+        // 点击部门触发 获取岗位
+        changeBm(index,id){
+            // console.log("index:"+index+','+"id:"+id)
+            this.getPost(id)
+        },
+        // 获取岗位
+        async getPost(val) {
+            const from = {
+                organization: val.toString(),
+                page: 1,
+                pagesize: 1000000,
+            };
+            const res = await positionlist(from);
+            this.postList = res.data.list;
+        },
+        // 删除新增部门
+        removeBumen(index){
+            if(this.relationPostOrglist.length > 1){
+                this.relationPostOrglist.splice(index,1);
+            }else{
+                this.$message({
+                    showClose: true,
+                    message: '至少要有一条信息！',
+                    type: 'warning'
+                });
+            }
+            
+        },
+        // 新增关联岗位部门
+        addBumen(){
+            this.relationPostOrglist.push({
+                // 岗位id
+                id:'',
+                // 多人员列表
+                child:[
+                    {
+                    // 岗位id
+                    id:'',
+                    // 多人员列表
+                    child:[],
+                    childCopy:[]
+                    }
+                ]
+            })
+        },
+        // 添加岗位人员数据
+        jiaArrAddXi(index){
+            this.relationPostOrglist[index].child.push({
+                // 岗位id
+                id:'',
+                // 多人员列表
+                child:[],
+                childCopy:[]
+            })
+        },
+        // 删除岗位人员数据
+        deleteAddXiList(index,row){
+            // console.log("删除岗位人员数据---->",this.relationPostOrglist[index])
+            if(this.relationPostOrglist[index].child.length > 1){
+                this.relationPostOrglist[index].child.splice(row.$index,1);
+            }else{
+                this.$message({
+                    showClose: true,
+                    message: '至少要有一条信息！',
+                    type: 'warning'
+                });
+            }
+            
+        },
+        //提交岗位关联数据
+        async assPostRelation(){
+            this.relationPostOrglist.forEach(ele=>{
+                ele.child.forEach(item=>{
+                ele.id=ele.id.toString()
+                item.childCopy.forEach(it=>{
+                    item.child.push({id:it,child:[]})
+                })
+                
+                })
+            })
+            const from = {
+                id:this.projectId,
+                orglist:this.relationPostOrglist
+            }
+            // console.log("this.relationPostOrglist------------------>",this.relationPostOrglist,from)
+            // const res = await new_dep_tar_post(from);
+            // if(res.code != 0){
+            //     this.$message({
+            //         showClose: true,
+            //         message: res.msg,
+            //         type: 'error'
+            //     });
+            // }
+            // console.log("this.relationPostOrglist-------2----------->",res,res.data)
+            // this.closeRelationPostDialog();
+        },
+        //修改状态
+        async changeVal(val,id){
+            // console.log("修改状态------------------>",val,id)
+            let sendData = {
+                    id:id.toString(),
+                    state:val,
+                    istrue:2
+            }
+            const respon = await targetEditState(sendData)
+            if (respon.code === 0) {
+                this.getDepartTargetList();
+            }
+        },
+        //显示定性指标列表详情
+        showTargetContList(val){
+            this.targetInfo = val;
+            
+            // this.targetInfo.title = "指标《"+this.targetInfo.title + "》考核方法明细"
+            this.targetContListIsShow= true;
+           
+        },
+        //关闭定性指标详情列表弹窗
+        closeTargetContLostBox(){
+            this.targetContListIsShow= false;
+            this.$refs.targetDearilsList.clearSearchData()
+        },
+        
+    }
+}
+</script>
+<style lang="scss">
+.allButton{
+    width: 100%;
+}
+.el-container {
+    height:calc(100% - 50px);
+    overflow: hidden;
+}
+.el-aside {
+    text-align: center;
+    height: calc(100vh - 125px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-right: 1px solid rgb(220, 223, 230);
+    padding: 0 5px 0 0px;
+}
+/*滚动条样式*/
+.el-aside::-webkit-scrollbar {
+    width: 4px;    
+}
+.el-aside::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+}
+.el-aside::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}
+.el-main{
+    height: calc(100vh - 125px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 5px;
+}
+/*滚动条样式*/
+.el-main::-webkit-scrollbar {
+    width: 4px;    
+}
+.el-main::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+}
+.el-main::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}
+.gva-pagination{
+    margin: 10px 0 0 0;
+    text-align: center;
+}
+.tableContBox{
+    //background-color: #000;
+    height: calc(100vh - 240px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+.el-button{
+    min-width: 0px;
+
+}
+.dialogBox{
+    min-width: 30%;
+    max-width: 90%;
+  
+}
+.perButtClass{
+    margin-left: 10px;
+}
+.orgLink{
+    font-size: 18px;
+    
+}
+.orgTableLink{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.dialogMyClass{
+    height: calc(100% - 80px);
+}
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/edittablepage.vue b/src/views/basicCont/targettabslayout/edittablepage.vue
new file mode 100644
index 0000000..77dd0bd
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/edittablepage.vue
@@ -0,0 +1,175 @@
+<template>
+    <el-dialog :close-on-click-modal="false" :visible.sync="boxIsShow" :before-close="closeBox" title="编辑栏目" custom-class="dialogBox" append-to-body width="50%" top="15vh">
+        <el-form ref="edittableForm" :model="editTableInfo" :rules="editPostTaRules" label-width="120px" >
+            <el-form-item label="栏目名称" prop="title">
+                <el-input type="textarea" v-model="editTableInfo.title" autocomplete="off" placeholder="请输入栏目名称" />
+            </el-form-item>
+            <el-form-item label="岗位/提报人">
+                <el-table
+                    ref="setPostManTableEdit"
+                    :data="targetOrgList"
+                    style="width: 100%"
+                    @selection-change="handTableOrgReportChange">
+
+                    <el-table-column
+                        label="已关联"
+                        type="selection"
+                        width="55">
+                    </el-table-column>
+                    <el-table-column
+                        prop="date"
+                        label="关联岗位"
+                        >
+                        <template slot-scope="scope">
+                            <el-input v-model="scope.row.name"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        prop="name"
+                        label="提报人"
+                        >
+                        <template slot-scope="scope">
+                            <el-cascader
+                                filterable
+                                clearable
+                                v-model="scope.row.keylist"
+                                :options="scope.row.child"
+                                :show-all-levels="false"
+                                :props="userTaProps"
+                                collapse-tags
+                            >
+                            <template slot-scope="{ node, data }">
+                                <span>{{ data.name }}</span>
+                                <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                            </template>
+                        </el-cascader>
+                        </template>
+                    </el-table-column>
+                    
+                </el-table>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <div class="dialog-footer"> 
+                <el-button size="small" @click="closeBox">取 消</el-button>
+                <el-button size="small" type="primary" @click="sendEditTableInfo" :loading="butTdLoading">确 定</el-button>
+            </div>
+        </template>
+    </el-dialog>
+</template>
+<script>
+import { getNewTargetDepartPostMan,getNewTableDepartMan,editNewsonTargetCont } from "@/api/systemaccredit/systemapi";
+export default {
+    props:['editTableBox','tarid','tid','getTargetPostDetailsList'],
+    data() {
+        return {
+            butTdLoading:false,
+            boxIsShow:this.editTableBox,
+            tgid:this.tarid,
+            id:this.tid,
+            editTableInfo:{},   //栏目内容
+            editPostTaRules:{}, //验证规则
+            targetOrgList:[],   //指标关联列表
+            transitionOrgReport:[], //
+            // 选择员工配置项
+            userTaProps: {
+                value: "id",
+                label: "name",
+                children: "govlist",
+                emitPath:false,
+                multiple: true
+            },
+        }
+    },
+    created(){
+        
+    },
+    watch:{
+        
+        tarid(){
+            this.tgid = this.tarid
+        },
+        tid(){
+            
+            this.id = this.tid;
+            this.editTableInfo.id=this.tid;
+            this.getTableCont();
+        },
+        editTableBox(){
+            this.boxIsShow = this.editTableBox
+            this.getTableCont();
+        },
+    },
+    
+    methods:{
+        //关闭
+        closeBox(){
+            this.boxIsShow = false;
+            this.targetOrgList = [];
+            this.transitionOrgReport = [];
+            this.$emit('closeEditTableBox');
+        },
+        //获取栏目相关数据
+        async getTableCont(){
+            //指标相关
+            let sendData = {
+                id:this.tgid
+            }
+            const res = await getNewTargetDepartPostMan(sendData)
+            if(res.code ==0){
+                this.targetOrgList = res.data.organdpostlist
+            }
+            //栏目
+            let sendDataTable = {
+                id:this.id
+            }
+            let tableOrgReport = new Array
+            const resing = await getNewTableDepartMan(sendDataTable)
+            if(resing.code ==0){
+                this.$set(this.editTableInfo,'title',resing.data.name)
+                tableOrgReport = resing.data.organdpostlist
+            }
+            if(tableOrgReport != null && tableOrgReport.length > 0){
+                this.targetOrgList.forEach((item,indx) =>{
+
+                    tableOrgReport.forEach(items=>{
+                        if(item.id == items.id && item.orgid == items.orgid){
+                            // console.log("色织关联人---------0--------->",item,indx)
+                            item.keylist = items.keylist
+                            this.$nextTick(() => {
+                                this.$refs.setPostManTableEdit.toggleRowSelection(item, true)
+                            })
+                        }
+                    })
+                })
+            }else{
+                this.$nextTick(() => {
+                    for (let i = 0; i < this.targetOrgList.length; i++) {
+                        this.$refs.setPostManTableEdit.toggleRowSelection(this.targetOrgList[i], true)
+                    }
+                })
+            }
+            
+        },
+        //关联回调
+        handTableOrgReportChange(val){
+            this.transitionOrgReport = val;
+        },
+        //提交数据
+        async sendEditTableInfo(){
+            this.boxIsShow = true;
+            this.editTableInfo.repostlist=this.transitionOrgReport;
+            console.log("提交数据---------0--------->",this.editTableInfo,this.transitionOrgReport)
+            const res = await editNewsonTargetCont(this.editTableInfo)
+            if(res.code == 0){
+                this.$emit('getTargetPostDetailsList');
+                this.closeBox()
+            }
+            this.boxIsShow = false;
+        },
+    }
+}
+</script>
+<style>
+    
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/postpage.vue b/src/views/basicCont/targettabslayout/postpage.vue
new file mode 100644
index 0000000..8d68d5c
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/postpage.vue
@@ -0,0 +1,1265 @@
+<template>
+    <div>
+        <el-container>
+            <!-- 行政组织级 -->
+            <el-aside width="220px">
+                <el-tree
+                    ref="orgTree"
+                    :data="orgList"
+                    :props="orgProps"
+                    node-key="id"
+                    @node-click="handleNodeClick"
+                    empty-text="没有行政组织"
+                ></el-tree>
+            </el-aside>
+            <!--岗位-->
+            <el-aside
+                width="200px"
+              >
+                <el-row>
+                    <el-col class="postGiveLink" :span="24" ><el-link :underline="false" type="primary" @click="lookPostList">已选择岗位（{{ countPostNumber }}）</el-link></el-col>
+                </el-row>
+                <el-tree
+                    ref="postTree"
+                    :data="postList"
+                    :props="orgProps"
+                    show-checkbox
+                    node-key="id"
+                    :check-on-click-node="true"
+                    @check="NodePostClick"
+                    empty-text="没有行岗位"
+                ></el-tree>
+            </el-aside>
+
+            <el-main>
+
+                <!--主信息列表-->
+                <el-row>
+                    <el-col :span="24">
+                        <el-form ref="shearchPostTarget" :model="searchPostData" label-width="80px" :inline="true">
+                            <el-form-item label="考核指标"  >
+                                <el-input v-model="searchPostData.name" placeholder="请输入指标名称"></el-input>
+                            </el-form-item>
+                            <el-form-item label="指标维度"  >
+                                <el-select clearable  v-model="searchPostData.dimension" placeholder="请选择指标维度">
+                                    <el-option v-for="item in dutyclasslist"
+                                    :key="item.outId"
+                                    :label="item.title"
+                                    :value="item.outId"></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="指标性质">
+                                <el-select clearable  v-model="searchPostData.nature" placeholder="请选择指标维度">
+                                    <el-option label="定性指标" value="1"></el-option>
+                                    <el-option label="定量指标" value="2"></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item>
+                                <el-button
+                                  type="primary"
+                                  icon="el-icon-search"
+                                  @click="onSubmitPostSearch"
+                                  >查询</el-button>
+                            </el-form-item>
+                            <el-form-item>
+                                <el-button
+                                  type="warning"
+                                  icon="el-icon-plus"
+                                  @click="addNewPostTarget"
+                                  >新增</el-button>
+                            </el-form-item>
+                        </el-form>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-table :data="postTargetList">
+                            <el-table-column fixed align="left" label="考核指标" width="150">
+                                <template #default="scope">
+                                    <el-link :underline="false" type="primary" v-if="scope.row.type==1" @click="showPostTargetContList(scope.row)">{{ scope.row.title }}</el-link>
+                                    <el-link :underline="false" v-if="scope.row.type==2" disabled style="color:#000000">{{ scope.row.title }}</el-link>
+                                </template>
+                            </el-table-column>
+                            <el-table-column
+                                align="left"
+                                label="考核维度"
+                                prop="dimensionname"
+                            />
+                            <el-table-column align="center" label="指标性质">
+                                <template #default="scope">
+                                  <div v-if="scope.row.type == 1">定性指标</div>
+                                  <div v-if="scope.row.type == 2">定量指标</div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="单位" prop="unit" />
+                            <el-table-column align="center" label="考核周期" prop="outId">
+                                <template #default="scope">
+                                <el-tag v-if="scope.row.cycle == 1">班</el-tag>
+                                <el-tag v-if="scope.row.cycle == 2">天</el-tag>
+                                <el-tag v-if="scope.row.cycle == 3">周</el-tag>
+                                <el-tag v-if="scope.row.cycle == 4">月</el-tag>
+                                <el-tag v-if="scope.row.cycle == 5">季度</el-tag>
+                                <el-tag v-if="scope.row.cycle == 6">年</el-tag>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="计分方式" prop="outId">
+                                <template #default="scope">
+                                  <el-tag v-if="scope.row.scoringmethod == 1">自动计分</el-tag>
+                                  <el-tag v-if="scope.row.scoringmethod == 2">手动计分</el-tag>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="left" label="数据提交">
+                                <template #default="scope">
+                                  <div v-for="item in scope.row.reportary" :key="item.key">
+                                    {{ item.name }}
+                                  </div>
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="辅助计数" prop="cycleattr" />
+                            <el-table-column align="center" label="状态">
+                                <template #default="scope">
+                                  <el-switch
+                                    inline-prompt
+                                    v-model="scope.row.state"
+                                    active-color="#13ce66"
+                                    inactive-color="#ff4949"
+                                    :active-value="1"
+                                    :inactive-value="2"
+                                    @change="changeVal($event, scope.row.id)"
+                                  />
+                                </template>
+                            </el-table-column>
+                            <el-table-column label="操作" align="center" fixed="right" width="130">
+                                <template #default="scope">
+                                    <el-button
+                                        icon="el-icon-edit"
+                                        size="small"
+                                        type="text"
+                                        @click="showEdit(scope.row)"
+                                        >编辑</el-button
+                                    >
+                                    <el-button
+                                        icon="el-icon-delete"
+                                        size="small"
+                                        type="text"
+                                        @click="delPostTargetCont(scope.row)"
+                                        >删除</el-button
+                                    >
+                                </template>
+                            </el-table-column>
+
+
+
+
+
+
+
+
+
+                        </el-table>
+
+                    </el-col>
+                    <el-col :span="24">
+                        <div class="gva-pagination">
+                            <el-pagination
+                              @current-change="handleCurrentChange"
+                              :page-sizes="[searchPostData.pagesize, 30, 50, 100]"
+                              :page-size="searchPostData.pagesize"
+                              layout="total, sizes, prev, pager, next, jumper"
+                              :total="searchPostData.total"
+                              :current-page="currentPage"
+                            >
+                            </el-pagination>
+                            
+                        </div>
+                    </el-col>
+                </el-row>
+                <!--添加指标-->
+                <el-dialog :close-on-click-modal="false" :visible.sync="addPostTargetBox" :before-close="closePostTargetBoxDialog" title="添加岗位指标" width="50%">
+                    <el-form ref="addPostTagetForm" :model="addPostTargetCont" label-width="100px" :rules="addRules">
+                        <el-form-item label="指标名称" prop="title">
+                            <el-input v-model="addPostTargetCont.title" autocomplete="off" />
+                        </el-form-item>
+                        <el-form-item label="岗位/人员" >
+
+                            <el-tabs type="border-card">
+                                <el-tab-pane label="自定义">
+                                    <el-row>
+                                        <el-col :span="14">
+                                            <el-input
+                                                placeholder="请输入岗位名称"
+                                                prefix-icon="el-icon-search"
+                                                v-model="searchPostName">
+                                            </el-input>
+                                        </el-col>
+                                        <el-col :span="1" style="height:1px"></el-col>
+                                        <el-col :span="8">
+                                            <el-button type="primary" @click="searchpostlist" :loading="searchLoading">搜索岗位</el-button>
+                                        </el-col>
+                                    </el-row>
+                                    <el-table :data="otherOrgList" style="width: 100%">
+                                        <el-table-column label="行政组织">
+                                            <template slot-scope="scope">
+                                                <el-cascader v-model="scope.row.orgId" :options="orgThree"  :props="orgListProps" @change="getOrgPost(scope)"></el-cascader>
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="相关岗位">
+                                            <template slot-scope="scope">
+                                                <el-select
+                                                    clearable
+                                                    v-model="scope.row.postId"
+                                                    filterable
+                                                    placeholder="请选择"
+                                                >
+                                                    <el-option
+                                                    v-for="item in scope.row.postList"
+                                                    :key="item.id"
+                                                    :label="item.name"
+                                                    :value="item.id"
+                                                    >
+                                                    </el-option>
+                                                </el-select>          
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="提报人">
+                                            <template slot-scope="scope">
+                                                <el-cascader
+                                                  filterable
+                                                  clearable
+                                                  v-model="scope.row.operator"
+                                                  :options="grouplistBackup"
+                                                  :show-all-levels="false"
+                                                  :props="userProps"
+                                                  collapse-tags
+                                                ></el-cascader>
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="操作" width="120">
+        
+                                            <template slot-scope="scope">
+                                              <el-button
+                                                  icon="el-icon-delete"
+                                                  size="small"
+                                                  type="text"
+                                                  @click="deleteOrgPostRulesList(scope)"
+                                                >删除</el-button>
+                                                <el-button v-if="scope.$index == otherOrgList.length-1" @click="jiaOrgPostArr" type="primary" icon="el-icon-plus" circle size="mini"></el-button>
+                                            </template>
+                              
+                                        </el-table-column>
+        
+                                        
+                                    </el-table>
+                                </el-tab-pane>
+                                <el-tab-pane label="全部">
+                                    <el-table :data="otherOrgList" style="width: 100%">
+                                        <el-table-column label="行政组织">
+                                            <template slot-scope="scope">
+                                                <el-cascader v-model="scope.row.orgId" :options="orgThree"  :props="orgListProps" @change="getOrgPost(scope)"></el-cascader>
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="提报人">
+                                            <template slot-scope="scope">
+                                                <el-cascader
+                                                  filterable
+                                                  clearable
+                                                  v-model="scope.row.operator"
+                                                  :options="grouplistBackup"
+                                                  :show-all-levels="false"
+                                                  :props="userProps"
+                                                  collapse-tags
+                                                ></el-cascader>
+                                            </template>
+                                        </el-table-column>
+                                        <el-table-column label="操作" width="120">
+        
+                                            <template slot-scope="scope">
+                                              <el-button
+                                                  icon="el-icon-delete"
+                                                  size="small"
+                                                  type="text"
+                                                  @click="deleteOrgPostRulesList(scope)"
+                                                >删除</el-button>
+                                                <el-button v-if="scope.$index == otherOrgList.length-1" @click="jiaOrgPostArr" type="primary" icon="el-icon-plus" circle size="mini"></el-button>
+                                            </template>
+                              
+                                        </el-table-column>
+        
+                                        
+                                    </el-table>
+
+                                </el-tab-pane>
+                            </el-tabs>
+
+
+                            
+                        </el-form-item>
+                        <el-form-item label="指标维度" prop="dimension">
+                            <el-select
+                              v-model="addPostTargetCont.dimension"
+                              clearable
+                              placeholder="请选择考核维度"
+                              @change="shuaxinSelect"
+                            >
+                                <el-option
+                                    v-for="item in dutyclasslist"
+                                    :key="item.outId"
+                                    :label="item.title"
+                                    :value="item.outId"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="指标性质" prop="type">
+                            <el-select v-model="addPostTargetCont.type" placeholder="请选择指标性质">
+                                <el-option label="定性指标" :value="1"></el-option>
+                                <el-option label="定量指标" :value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="计量单位" prop="unit">
+                            <el-input v-model="addPostTargetCont.unit" autocomplete="off" />
+                        </el-form-item>
+                        <el-form-item label="计分方式" prop="scoringmethod">
+                            <el-select v-model="addPostTargetCont.scoringmethod" placeholder="请选择指标性质">
+                                <el-option label="自动计分" :value="1"></el-option>
+                                <el-option label="手动计分" :value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="考核周期" prop="cycle">
+                            <el-select v-model="addPostTargetCont.cycle" placeholder="请选择考核周期">
+                                <el-option
+                                    v-for="item in options"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="辅助计数" prop="cycleattr">
+                            <el-input-number v-model="addPostTargetCont.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number>
+                        </el-form-item>
+                        
+                    </el-form>
+                    <template #footer>
+                        <div class="dialog-footer">
+                            <el-button size="small" @click="closePostTargetBoxDialog">取 消</el-button>
+                            <el-button size="small" type="primary" @click="addPostTargetDialog"
+                                >确 定</el-button
+                          >
+                        </div>
+                    </template>
+                </el-dialog>
+                <!--编辑指标弹窗-->
+                <el-dialog :close-on-click-modal="false" :visible.sync="editPostTargetBox" :before-close="closeEtitPostTargetBox" title="添加岗位指标" width="50%">
+                    <el-form ref="editPostTagetForm" :model="editPostTargetCont" label-width="100px" :rules="addRules">
+                        <el-form-item label="指标名称" prop="title">
+                            <el-input v-model="editPostTargetCont.title" autocomplete="off" />
+                        </el-form-item>
+                        <el-form-item label="岗位/人员" >
+                            <el-row>
+                                <el-col :span="14">
+                                    <el-input
+                                        placeholder="请输入岗位名称"
+                                        prefix-icon="el-icon-search"
+                                        v-model="searchPostName">
+                                    </el-input>
+                                </el-col>
+                                <el-col :span="1" style="height:1px"></el-col>
+                                <el-col :span="8">
+                                    <el-button type="primary" @click="searchpostlist" :loading="searchLoading">搜索岗位</el-button>
+                                </el-col>
+                            </el-row>
+                            <el-table :data="otherOrgList" style="width: 100%">
+                                <el-table-column label="行政组织">
+                                    <template slot-scope="scope">
+                                        <el-cascader v-model="scope.row.orgId" :options="orgThree"  :props="orgListProps" @change="getOrgPost(scope)"></el-cascader>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="相关岗位">
+                                    <template slot-scope="scope">
+                                        <el-select
+                                            clearable
+                                            v-model="scope.row.postId"
+                                            filterable
+                                            placeholder="请选择"
+                                        >
+                                            <el-option
+                                            v-for="item in scope.row.postList"
+                                            :key="item.id"
+                                            :label="item.name"
+                                            :value="item.id"
+                                            >
+                                            </el-option>
+                                        </el-select>          
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="提报人">
+                                    <template slot-scope="scope">
+                                        <el-cascader
+                                          filterable
+                                          clearable
+                                          v-model="scope.row.operator"
+                                          :options="grouplistBackup"
+                                          :show-all-levels="false"
+                                          :props="userProps"
+                                          collapse-tags
+                                        ></el-cascader>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column label="操作" width="120">
+
+                                    <template slot-scope="scope">
+                                      <el-button
+                                          icon="el-icon-delete"
+                                          size="small"
+                                          type="text"
+                                          @click="deleteOrgPostRulesList(scope)"
+                                        >删除</el-button>
+                                        <el-button v-if="scope.$index == otherOrgList.length-1" @click="jiaOrgPostArr" type="primary" icon="el-icon-plus" circle size="mini"></el-button>
+                                    </template>
+                      
+                                </el-table-column>
+
+                                
+                            </el-table>
+                        </el-form-item>
+                        <el-form-item label="指标维度" prop="dimension">
+                            <el-select
+                              v-model="editPostTargetCont.dimension"
+                              clearable
+                              placeholder="请选择考核维度"
+                              @change="shuaxinSelect"
+                            >
+                                <el-option
+                                    v-for="item in dutyclasslist"
+                                    :key="item.outId"
+                                    :label="item.title"
+                                    :value="item.outId"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="指标性质" prop="type">
+                            <el-select v-model="editPostTargetCont.type" placeholder="请选择指标性质">
+                                <el-option label="定性指标" :value="1"></el-option>
+                                <el-option label="定量指标" :value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="计量单位" prop="unit">
+                            <el-input v-model="editPostTargetCont.unit" autocomplete="off" />
+                        </el-form-item>
+                        <el-form-item label="计分方式" prop="scoringmethod">
+                            <el-select v-model="editPostTargetCont.scoringmethod" placeholder="请选择指标性质">
+                                <el-option label="自动计分" :value="1"></el-option>
+                                <el-option label="手动计分" :value="2"></el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="考核周期" prop="cycle">
+                            <el-select v-model="editPostTargetCont.cycle" placeholder="请选择考核周期">
+                                <el-option
+                                    v-for="item in options"
+                                    :key="item.value"
+                                    :label="item.label"
+                                    :value="item.value"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="辅助计数" prop="cycleattr">
+                            <el-input-number v-model="editPostTargetCont.cycleattr" controls-position="right" :min="1" :max="12" value="1" placeholder="请输入辅助计数" ></el-input-number>
+                        </el-form-item>
+                        
+                    </el-form>
+                    <template #footer>
+                        <div class="dialog-footer">
+                            <el-button size="small" @click="closeEtitPostTargetBox">取 消</el-button>
+                            <el-button size="small" type="primary" @click="editPostTargetDialog"
+                                >确 定</el-button
+                          >
+                        </div>
+                    </template>
+                </el-dialog>
+                <!--弹出已经选择的岗位-->
+                <el-dialog :close-on-click-modal="false" :visible.sync="xuanZePostBox" :before-close="closeXuanZeDialog" title="已选择岗位" custom-class="dialogBox">
+                    <el-table
+                        :data="selectedPost"
+                        style="width: 100%">
+                        <el-table-column
+                            prop="orgname"
+                            label="行政组织"
+                            >
+                        </el-table-column>
+                        <el-table-column
+                            prop="postname"
+                            label="岗位"
+                            >
+                        </el-table-column>
+                        <el-table-column
+                            fixed="right"
+                            label="操作"
+                            width="120"
+                            align="center">
+                            <template slot-scope="scope">
+                                <el-button
+                                @click.native.prevent="deletePostRow(scope.$index, selectedPost)"
+                                type="text"
+                                size="small">
+                                移除
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-dialog>
+
+                <!--指标细则弹出层-->
+                <el-dialog :close-on-click-modal="false" :visible.sync="detailsBox" :before-close="closeDetailsBox" :title="'指标《'+this.postTargetInfo.title + '》考核方法明细'"  width="85%" top="5vh" custom-class="dialogMyClass">
+                    <posttargetdetails ref="targetDearilsList" v-if="detailsBox" :postTargetInfo="postTargetInfo"></posttargetdetails>
+                </el-dialog>
+
+
+            </el-main>
+            
+
+            
+        </el-container>
+    </div>
+</template>
+<script>
+import { govthree,positionlist,orgThreeList } from "@/api/personnel/post";
+import { dutyclasslist } from "@/api/duty/dimension";
+import { get_posttarget_list,setPosttargetState,getorgary,searchPostListCont,getOrgAndPostAry,addPostTargetCont,get_post_target,newEditPostTarget } from "@/api/systemaccredit/systemapi";
+import { getgroupdepartmap, getgroupuser } from "@/api/duty/group";
+
+import posttargetdetails from "@/views/basicCont/targettabslayout/posttargetdetails.vue";
+
+export default {
+    components: {
+        posttargetdetails
+    },
+    data() {
+        return {
+            isAll:false,
+            addRules:{
+                title: [{ required: true, message: '必填', trigger: 'blur' }],
+                departmentsPostOther: [{ required: true, message: '必填', trigger: 'blur' }],
+                dimension: [{ required: true, message: '必填', trigger: 'blur' }],
+                type: [{ required: true, message: '必填', trigger: 'blur' }],
+                unit: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycleattr: [{ required: true, message: '必填', trigger: 'blur' }],
+                scoringmethod: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycle: [{ required: true, message: '必填', trigger: 'blur' }],
+            }, //新增表单规则
+            options: [
+                {
+                value: 4,
+                label: "月",
+                },
+                {
+                value: 5,
+                label: "季度",
+                },
+                {
+                value: 6,
+                label: "年",
+                },
+            ],
+            searchLoading:false,
+            grouplistBackup: [],    //操作人
+            userProps: {
+                value: "key",
+                label: "name",
+                children: "govlist",
+                emitPath: false,
+                multiple: true,
+            },
+            searchPostName:"",  //岗位名称
+            //额外行政组织
+            orgThree: {},
+            otherOrgList:[
+                {
+                    orgId:[],
+                    postId:"",
+                    postList:[],
+                    // 多人员列表
+                    operator:[]
+                }
+            ],
+            dutyclasslist: {}, //考核维度
+            searchPostData:{
+                total:0,
+                page:1,
+                pagesize:10,
+                name:"",
+                dimension:"",
+                nature:""
+            },   //搜索条件
+            currentPage:1,
+            countPostNumber:0,  //已选择岗位个数
+            //行政组织树配置数据
+            orgList:[],
+            orgProps: {
+                children: "child",
+                label: "name",
+            },
+            orgListProps: {
+                value: "id",
+                label: "name",
+                children: "child",
+                checkStrictly: true
+            },
+            postList: [],           //岗位
+            orgId:0,    //行政组织ID
+            orgName:0,    //行政组织名称
+            selectedPost:[],    //已选择岗位
+            xuanZePostBox:false, //已选择岗位弹出
+            postTargetList:[], //岗位指标列表
+            addPostTargetBox:false, //添加岗位指标
+            addPostTargetCont:{
+                title:"",
+                dimension:"",
+                unit:"",
+                type:1,
+                scoringmethod:1,
+                cycle:4,
+                cycleattr:1
+            }, //添加岗位指标数据
+            guoduOrg:[], //过度使用Org
+            editPostTargetBox:false, //编辑指标弹窗
+            editPostTargetCont:{
+                title:"",
+                dimension:"",
+                unit:"",
+                type:1,
+                scoringmethod:1,
+                cycle:4,
+                cycleattr:1
+            }, //编辑弹窗内容
+            detailsBox:false, //细则弹窗
+            postTargetInfo:{}, //指标
+        }
+    },
+    created(){
+        this.getOrgList();
+        this.getDutyclasslist();
+        this.getPosttargetList();
+        this.getOrgListOther();
+        this.getSystemadminlist();
+    },
+    methods:{
+        //获取行政组织列表
+        async getOrgListOther(){
+            const sendData = {
+                id:309,
+                all:1
+            }
+            // console.log("获取行政组织树--------------------->",sendData)
+            const orgList = await orgThreeList(sendData)
+            this.orgThree = orgList.data
+            // console.log("获取行政组织树--------------------->",orgList)
+        },
+         // 改变page
+         handleCurrentChange(val) {
+            this.searchPostData.page=val
+            this.currentPage = val
+            this.getPosttargetList()
+        },
+        // 获取考核纬度列表
+        async getDutyclasslist() {
+            const res = await dutyclasslist(this.searchList);
+            this.dutyclasslist = res.data.list;
+            // console.log("获取考核纬度列表",this.dutyclasslist)
+        },
+        //获取行政组织列表
+        async getOrgList(){
+            let sendData ={
+                // page:309,
+                // level:4,
+                // all:1
+            }
+            const res = await govthree(sendData);
+            this.orgList = res.data
+            this.orgList.forEach((item,index)=>{
+                // console.log("获取行政组织列表===>",item,index)
+                if(index === 0){
+                    this.orgId = item.id
+                    this.orgName = item.name
+                    this.getPost(item.id)
+                }
+            })
+        },
+         // 点击行政组织树
+         handleNodeClick(val) {
+            this.orgId = val.id
+            this.orgName = val.name
+            this.getPost(val.id);
+            // console.log(val)
+            let setKey = new Array
+            if(this.selectedPost.length > 0){
+                this.selectedPost.forEach(item=>{
+                    if(item.orgid == val.id){
+                        setKey.push(item.postid)
+                    }
+                });
+            }
+            if(setKey.length > 0){
+                this.$refs.postTree.setCheckedKeys(setKey);
+            }
+        },
+        // 获取岗位
+        async getPost(val) {
+            const from = {
+                organization: val.toString(),
+                page: 1,
+                pagesize: 10,
+            };
+            const res = await positionlist(from);
+            this.postList = res.data.list; 
+        },
+        // 点击岗位列表
+        NodePostClick(val,checked) {
+            console.log('岗位',val,checked.checkedNodes)
+            if(this.selectedPost != null && this.selectedPost.length <= 0){
+                checked.checkedNodes.forEach(item => {
+                    console.log("点击岗位列表----1----->",item)
+                    let orgNameStr = item.departmentname+" / "+item.aoname
+                    if(item.department == 309){
+                        orgNameStr = item.aoname
+                    }
+                    this.selectedPost.push({orgid: this.orgId,orgname:orgNameStr,manorg:item.administrativeorganization,postid:item.id,postname:item.name})
+                });
+            }else{
+                let postAry = new Array
+                if(this.selectedPost != null){
+                    
+                    this.selectedPost.forEach(item => {
+                        console.log("点击岗位列表----2----->",item)
+                        if(item.orgid != this.orgId){
+                            postAry.push({orgid: item.orgid,orgname: item.orgname,manorg:item.manorg,postid: item.postid,postname: item.postname})
+                        }
+                    });
+                }
+                
+                this.selectedPost = [];
+                if(checked.checkedNodes != null){
+                    checked.checkedNodes.forEach(item => {
+                        console.log("点击岗位列表----3----->",item)
+                        let orgNameStr = item.departmentname+" / "+item.aoname
+                        if(item.department == 309){
+                            orgNameStr = item.aoname
+                        }
+                        this.selectedPost.push({orgid: this.orgId,orgname:orgNameStr,manorg:item.administrativeorganization,postid:item.id,postname:item.name})
+                    });
+                }
+                
+                if(postAry.length > 0){
+                    postAry.forEach(item=>{
+                        console.log("点击岗位列表----4----->",item)
+                        this.selectedPost.push({orgid: item.orgid,orgname: item.orgname,manorg:item.manorg,postid: item.postid,postname: item.postname})
+                    })
+                }
+            }
+            if(this.selectedPost != null){
+                this.countPostNumber = this.selectedPost.length
+            }
+            
+            // console.log("点击岗位列表",this.selectedPost)
+            this.getPosttargetList()
+        },
+        //查看已经选择的列表
+        lookPostList(){
+            // console.log("查看已经选择的列表",this.selectedPost)
+            this.xuanZePostBox = true;
+        },
+        //关闭选择弹窗
+        closeXuanZeDialog(){
+            this.xuanZePostBox = false;
+        },
+        //移除已选择得岗位
+        deletePostRow(index, rows) {
+            rows.splice(index, 1);
+            let setKey = new Array
+            if(this.selectedPost.length > 0){
+                this.selectedPost.forEach(item=>{
+                    if(item.orgid == this.orgId){
+                        setKey.push(item.postid)
+                    }
+                });
+            }
+            if(setKey.length >= 0){
+                this.$refs.postTree.setCheckedKeys(setKey);
+            }
+            this.countPostNumber = this.selectedPost.length
+            this.getPosttargetList()
+        },
+        // 获取岗位指标列表
+        async getPosttargetList() {
+            let postId = new Array
+            // console.log("获取岗位指标列表--->",this.selectedPost)
+            if(this.selectedPost != null && this.selectedPost.length > 0){
+                this.selectedPost.forEach(item=>{
+                    postId.push(item.postid)
+                });
+            }
+            this.postTargetList = [];
+            let sendData ={
+                page:this.searchPostData.page,
+                pagesize:this.searchPostData.pagesize,
+                title:this.searchPostData.name,
+                dimension:this.searchPostData.dimension,
+                attribute:this.searchPostData.nature*1,
+                postidlist:postId
+            }
+            const res = await get_posttarget_list(sendData);
+            if(res.code == 0){
+                this.postTargetList = res.data.list
+                // console.log("获取指标列表-->",res.data)
+                this.searchPostData.total = res.data.total
+                this.searchPostData.page = res.data.page
+                this.searchPostData.pagesize = res.data.pageSize
+                this.searchPostData.count = res.data.count
+            }
+            
+        },
+        //搜索信息
+        async onSubmitPostSearch(){
+            this.searchPostData.page = 1
+            this.searchPostData.pagesize=10
+            this.getPosttargetList()
+        },
+        //删除指标
+        async delPostTargetCont(val){
+            this.$confirm('此操作将永久删除相关资料！是否继续执行此操作?', '是否删除此项资料？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(async() => {
+                let sendData = {
+                    id:val.id.toString(),
+                    state:3,
+                    istrue:2
+                }
+                console.log("此操作将永久删除相关资料",val)
+                const respon = await setPosttargetState(sendData)
+                if (respon.code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    })
+                    if(this.searchPostData.count -1 <= 0){
+                        this.searchPostData.page=this.searchPostData.page -1
+                        if(this.searchPostData.page < 1){
+                            this.searchPostData.page = 1
+                        }
+                    }
+                    this.getPosttargetList();
+                }
+                    
+            })
+        },
+        //修改状态
+        async changeVal(val,id){
+            console.log("修改状态------------------>",val,id)
+            let sendData = {
+                    id:id.toString(),
+                    state:val,
+                    istrue:2
+            }
+            const respon = await setPosttargetState(sendData)
+            if (respon.code === 0) {
+                this.getPosttargetList();
+            }
+        },
+        //初始化数据
+        initPosttargetCont(){
+            this.addPostTargetCont = {};
+        },
+        //关闭新增弹窗
+        closePostTargetBoxDialog(){
+            // this.addPostTargetCont.departmentsPostOther = ""
+            this.addPostTargetBox = false;
+            // this.$refs.addPostTagetForm.resetFields();
+            // this.$forceUpdate();
+            this.initAddPostTarget();
+        },
+        //初始化添加数据
+        initAddPostTarget(){
+            this.$refs.addPostTagetForm.resetFields()  // 这里可以换做移除样式的方法clearValidate
+        },
+        //新增按钮
+        async addNewPostTarget(){
+            this.addPostTargetBox = true;
+            this.otherOrgList = [];
+            if(this.selectedPost != null && this.selectedPost.length >0) {
+                // console.log("新增按钮->",this.selectedPost)
+                this.selectedPost.forEach(async items=>{
+                    this.searchPostName = items.postname
+                    let sendCont = {
+                        id:items.manorg.toString()
+                    }
+                    const res = await getOrgAndPostAry(sendCont)
+                    // console.log("获取行政组织--------11212313---》》》",res);
+                    this.otherOrgList.push({
+                        orgId:res.data.orglist,
+                        postId:items.postid,
+                        postList:res.data.postlist,
+                        operator:[]
+                    })
+                })
+            }else{
+                this.otherOrgList = [{
+                    orgId:[],
+                    postId:"",
+                    postList:[],
+                    // 多人员列表
+                    operator:[]
+                }];
+            }
+            console.log("获取行政组织--------11212313---》》》",this.selectedPost,this.otherOrgList);
+            
+        },
+        // 添加行政组织岗位人员数据
+        jiaOrgPostArr(){
+            this.otherOrgList.push({
+                orgId:[],
+                postId:"",
+                postList:[],
+                // 多人员列表
+                operator:[]
+            })
+        },
+        // 删除行政组织岗位人员数据
+        deleteOrgPostRulesList(row){
+            this.otherOrgList.splice(row.$index,1);
+        },
+        //搜索全部岗位
+        async searchpostlist(){
+            this.searchLoading = true;
+            if(this.searchPostName == ""){
+                this.$notify.error({
+                title: '错误',
+                message: '请输入岗位名称'
+                });
+            }else{
+                this.otherOrgList = [];
+                const sendData = {
+                orgid:"309",
+                name:this.searchPostName
+                }
+                const res = await searchPostListCont(sendData)
+                // this.otherOrgList=[];
+                if(res.data != null && res.data.length > 0){
+                    res.data.forEach(item=>{
+                        this.otherOrgList.push({
+                            orgId:item.orgid,
+                            postId:item.postid,
+                            postList:item.postlist,
+                            // 多人员列表
+                            operator:[]
+                        })
+                    })
+                }
+
+                
+                // console.log("搜索全部岗位------1232--->",res)
+            }
+            if(this.otherOrgList.length < 1){
+                this.otherOrgList = [{
+                    orgId:[],
+                    postId:"",
+                    postList:[],
+                    // 多人员列表
+                    operator:[]
+                }]
+            }
+            this.searchLoading = false;
+            // console.log("搜索全部岗位--------->",this.searchPostName)
+        },
+        //获取行政组织岗位
+        async getOrgPost(val){
+            // console.log("获取行政组织岗位--------------------->",val.row,val.row.orgId)
+            let orgId = 0
+            if(val.row.orgId){
+                if(val.row.orgId.length > 0){
+                orgId = val.row.orgId[val.row.orgId.length -1]
+                }
+            }
+            // console.log("获取行政组织岗位---------------12213------>",orgId)
+            const from = {
+                organization: orgId.toString(),
+                page: 1,
+                pagesize: 1000000,
+            };
+            const res = await positionlist(from);
+            val.row.postList = res.data.list
+            this.addPostTargetCont.departmentsPostOther =  res.data.list
+        },
+        // 获取员工列表
+        async getSystemadminlist() {
+            const from = {
+                id:309,
+                level: 4,
+            };
+            const res = await getgroupuser(from);
+            this.grouplistBackup = res.data;
+            this.grouplistBackup.forEach((item) => {
+                if (item.govlist != null) {
+                // 即：this.digui(item);在这地方添加的
+                item.govlist.forEach((items) => {
+                    // 下面的就是执行递归的方法，因为我是从第二层才开始需要往下挖的，所以这里多了个forEach,如果从第一层起，从item就好了，即：this.digui(item);在上面添加
+                    this.digui(items); // 这里是源头，把一个对象开始递归，开始循环
+                    // 如果想看完整数据，那么是在这里打印数据哦
+                    // console.log(items, "看我查看完整的数据哦");
+                    // 因为上一步递归时，就已经把循环children的动作做完了，这里是验收递归方法的地方。
+                });
+                } else {
+                item.govlist = item.child;
+                // 如果第一层没有子项做的操作。。。。。
+                }
+            });
+            console.log("第一层没有子项做的操作",this.grouplistBackup);
+        },
+        //提交新增岗位指标数据
+        async addPostTargetDialog(){
+            
+            this.$refs.addPostTagetForm.validate(async (valid) => {
+                if (valid) {
+                    //组装岗位与提报人员
+                    let postAndMan = new Array
+                    if(this.otherOrgList != null && this.otherOrgList.length > 0) {
+                        this.otherOrgList.forEach((item,i)=>{
+                            console.log("提交新增岗位指标数据-"+i+"->",item)
+                            if(item.orgId.length > 0 && item.orgId != 0 && item.postId != ""){
+                                postAndMan.push({
+                                    orgid:item.orgId[item.orgId.length -1],
+                                    postid:item.postId,
+                                    operator:item.operator.map(String)
+                                })
+                            }
+
+                        });
+                    }
+                    console.log("提交新增岗位指标数据-&&&&->",postAndMan)
+                    this.addPostTargetCont.cycleattr = parseInt(this.addPostTargetCont.cycleattr);
+                    this.addPostTargetCont.otherposttarget= postAndMan
+                    const res = await addPostTargetCont(this.addPostTargetCont)
+                    console.log("提交新增岗位指标数据-返回值->",res,this.addPostTargetCont)
+                    if(res.code == 0){
+                        this.getPosttargetList()
+                        this.$confirm('添加成功，是否继续添加？', '添加成功？', {
+                            confirmButtonText: '确定',
+                            cancelButtonText: '取消',
+                            type: 'warning'
+                        }).then(async() => {
+                            this.initAddPostTarget();
+                        }).catch(() => {
+                            this.closePostTargetBoxDialog()
+                        })
+                        
+                    }
+                    
+
+                }
+            })
+        },
+        //刷新下拉框
+        shuaxinSelect(){
+            this.$forceUpdate()
+        },
+        //编辑岗位指标
+        async showEdit(val){
+            // console.log("编辑岗位指标---------------12213------>",val)
+            let sendContent ={
+                id:val.id.toString(),
+            }
+            const res = await get_post_target(sendContent);
+            // console.log("编辑岗位指标---------=------>",res)
+            if(res.code == 0){
+                this.searchPostName = res.data.postname
+                this.editPostTargetCont = {
+                    id:res.data.id.toString(),
+                    title:res.data.title,
+                    dimension:res.data.dimensionstr,
+                    unit:res.data.unit,
+                    type:res.data.type,
+                    scoringmethod:res.data.scoringmethod,
+                    cycle:res.data.cycle,
+                    cycleattr:res.data.cycleattr
+                }
+
+
+                this.otherOrgList = [];
+                if(res.data.otherposttarget != null && res.data.otherposttarget.length >0) {
+                    // console.log("新增按钮->",res.data.)
+                    res.data.otherposttarget.forEach(async items=>{
+                        // this.searchPostName = items.postname
+                        let sendCont = {
+                            id:items.orgid.toString()
+                        }
+                        const resIng = await getOrgAndPostAry(sendCont)
+                        // console.log("获取行政组织--------11212313---》》》",resIng);
+                        this.otherOrgList.push({
+                            orgId:resIng.data.orglist,
+                            postId:items.postid,
+                            postList:resIng.data.postlist,
+                            operator:items.operator
+                        })
+                    })
+                }else{
+                    this.otherOrgList = [{
+                        orgId:[],
+                        postId:"",
+                        postList:[],
+                        // 多人员列表
+                        operator:[]
+                    }];
+                }
+            }
+            this.editPostTargetBox = true
+        },
+        //关闭编辑指标弹窗
+        closeEtitPostTargetBox(){
+            this.editPostTargetBox = false
+        },
+        //提交岗位指标编辑数据
+        async editPostTargetDialog(){
+            this.$refs.editPostTagetForm.validate(async (valid) => {
+                if (valid) {
+                    //组装岗位与提报人员
+                    let postAndMan = new Array
+                    if(this.otherOrgList != null && this.otherOrgList.length > 0) {
+                        this.otherOrgList.forEach((item,i)=>{
+                            // console.log("提交新增岗位指标数据-"+i+"->",item)
+                            if(item.orgId.length > 0 && item.orgId != 0 && item.postId != ""){
+                                postAndMan.push({
+                                    orgid:item.orgId[item.orgId.length -1],
+                                    postid:item.postId,
+                                    operator:item.operator.map(String)
+                                })
+                            }
+
+                        });
+                    }
+                    console.log("提交新增岗位指标数据-&&&&->",postAndMan)
+                    this.editPostTargetCont.cycleattr = parseInt(this.editPostTargetCont.cycleattr);
+                    this.editPostTargetCont.otherposttarget= postAndMan
+                    console.log("提交新增岗位指标数据-&&&&->",this.editPostTargetCont)
+                    const res = await newEditPostTarget(this.editPostTargetCont)
+                    if(res.code == 0){
+                        this.getPosttargetList()
+                    }
+                    this.closeEtitPostTargetBox()
+
+                }
+            })
+        },
+        //获取岗位指标细则
+        showPostTargetContList(val){
+            console.log("获取岗位指标细则--->",val)
+            this.postTargetInfo = val;
+            this.detailsBox = true;
+        },
+        //关闭岗位指标细则弹出层
+        closeDetailsBox(){
+            this.detailsBox = false;
+        },
+    }
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-tree-node.is-current>.el-tree-node__content {
+    color:#2E89DE!important
+}
+.el-row {
+    margin-bottom: 20px;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+.allButton{
+    width: 100%;
+}
+.el-container {
+    height:calc(100% - 50px);
+    overflow: hidden;
+}
+.el-aside {
+    text-align: center;
+    height: calc(100vh - 125px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-right: 1px solid rgb(220, 223, 230);
+    padding: 0 5px 0 0px;
+}
+/*滚动条样式*/
+.el-aside::-webkit-scrollbar {
+    width: 4px;    
+}
+.el-aside::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+}
+.el-aside::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}
+.el-main{
+    height: calc(100vh - 125px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 5px;
+}
+/*滚动条样式*/
+.el-main::-webkit-scrollbar {
+    width: 4px;    
+}
+.el-main::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+}
+.el-main::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}
+.gva-pagination{
+    margin: 10px 0 0 0;
+    text-align: center;
+}
+.tableContBox{
+    //background-color: #000;
+    height: calc(100vh - 240px);
+    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+.el-button{
+    min-width: 0px;
+
+}
+.dialogBox{
+    
+    min-width: 30%;
+    max-width: 90%;
+}
+.perButtClass{
+    margin-left: 10px;
+}
+.orgLink{
+    font-size: 18px;
+    
+}
+.orgTableLink{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.postGiveLink{
+    width: 100%;
+    border-bottom: 1px solid #DCDFE6;
+    padding:0 0 5px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/posttargetdetails.vue b/src/views/basicCont/targettabslayout/posttargetdetails.vue
new file mode 100644
index 0000000..7512dbf
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/posttargetdetails.vue
@@ -0,0 +1,1210 @@
+<template>
+    <div>
+        <el-row>
+            <el-col :span="24">
+                <el-form ref="shearchPostTargetDetails" :model="searchPostDetails" label-width="80px" :inline="true">
+                    <el-form-item label="岗位"  >
+                        <el-select
+                            v-model="searchPostDetails.postlist"
+                            multiple
+                            collapse-tags
+                            style="margin-left: 20px;"
+                            placeholder="请选择">
+                            <el-option
+                            v-for="item in newOrgList"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="检查方式"  >
+                        <el-select multiple v-model="searchPostDetails.inspect" clearable placeholder="请选择" collapse-tags>
+                            <el-option label="现场检查" value="1"></el-option>
+                            <el-option label="资料审查" value="2"></el-option>
+                            <el-option label="事件触发" value="3"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="检查周期"  >
+                        <el-select v-model="searchPostDetails.cycle" placeholder="请选择检查周期">
+                            <el-option
+                            v-for="item in optionsclye"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                        type="primary"
+                        icon="el-icon-search"
+                        @click="onSubmitSearchPostDetails"
+                        >查询</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                        type="warning"
+                        icon="el-icon-plus"
+                        @click="addNewTargetPostDetails"
+                        >新增</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-col>
+            <el-col :span="24">
+
+                <!--细则列表-->
+                <el-table :data="tarPostDeatilsList" border  :cell-style="{padding:'0px'}" height='calc(100vh - 240px)' :span-method="objectSpanMethod">
+                    <el-table-column prop="columnName" fixed label="考核项目" width="80">
+                        <template #default="scope">
+                        {{scope.row.columnName}}
+                        </template>
+                    </el-table-column>
+                    
+                    <el-table-column prop="jibuqi" label="序号" fixed  width="50" align="center"></el-table-column>
+                    <el-table-column prop="title" label="考核内容" fixed  width="400"></el-table-column>
+                    <el-table-column prop="unit" label="操作属性" width="120" align="center">
+                        <template #default="scope">
+                            <div v-for="(iteam,index) in scope.row.censortype" :key="index">
+                                <el-tag v-if="iteam==1" size="mini">减少</el-tag>
+                                <el-tag v-if="iteam==2" size="mini" type="warning">增加</el-tag>
+                                <el-tag v-if="iteam==3" size="mini" type="danger">无属性，现场确认加或减</el-tag>
+                            </div>
+                    </template>
+                    </el-table-column>
+                    <el-table-column label="考核方式" width="80" align="center">
+                        <template #default="scope">
+                            <div v-if="scope.row.punishmode==='0'"></div>
+                            <div v-else>
+                                <span v-if="scope.row.punishmode==1">扣分</span>
+                                <span v-if="scope.row.punishmode==2">现金处罚</span>
+                                <span v-if="scope.row.punishmode==3">扣分加现金</span>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="standard" label="考核标准" width="100" align="center" ></el-table-column>
+                    <el-table-column prop="unit" label="单位" width="80" align="center">
+                        <template #default="scope">
+                            <div v-if="scope.row.company==0">
+                            </div>
+                            <div v-if="scope.row.company!=0">
+                                {{scope.row.company}}
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="forfeit" label="现金标准" width="100" align="center"></el-table-column>
+                    
+                    <el-table-column prop="unit" label="检查方式" width="120" align="center">
+                        <template #default="scope">
+                            <div v-for="(iteam,index) in scope.row.censortype" :key="index">
+                                <el-tag v-if="iteam==1" size="mini">现场检查</el-tag>
+                                <el-tag v-if="iteam==2" size="mini" type="warning">资料审查</el-tag>
+                                <el-tag v-if="iteam==3" size="mini" type="danger">事件触发</el-tag>
+                            </div>
+                    </template>
+                    </el-table-column>
+                    
+                    <el-table-column label="检查周期" width="80" align="center">
+                        <template #default="scope">
+                            <div v-if="scope.row.cycle==='0'"></div>
+                            <div v-else>
+                                {{scope.row.censorrate}}次 /
+                                <span v-if="scope.row.cycle==1">班</span>
+                                <span v-if="scope.row.cycle==2">天</span>
+                                <span v-if="scope.row.cycle==3">周</span>
+                                <span v-if="scope.row.cycle==4">月</span>
+                                <span v-if="scope.row.cycle==5">季度</span>
+                                <span v-if="scope.row.cycle==7">半年</span>
+                                <span v-if="scope.row.cycle==6">年</span>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="censorcont" label="客观证据" width="200" align="center"/>
+                    <el-table-column prop="content" label="备注说明" width="200"/>
+                    <el-table-column
+                        label="状态"
+                        align="center"
+                        >
+                        <template #default="scope">
+                            <el-switch
+                                inline-prompt 
+                                v-model="scope.row.state"
+                                active-color="#13ce66"
+                                inactive-color="#ff4949"
+                                :active-value=1
+                                :inactive-value=2
+                                @change="changeVal($event,scope.row.id)"
+                            />
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="content" label="相关岗位及执行人"  align="center"  width="150"/>
+                    <el-table-column label="操作" width="80" align="center" fixed="right">
+                        <template #default="scope">
+                            <div>
+                                <el-button
+                                    icon="el-icon-edit"
+                                    size="small"
+                                    type="text"
+                                    @click="showxize(scope.row)"
+                                >修改</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                    icon="el-icon-delete"
+                                    size="small"
+                                    type="text"
+                                    @click="deleteSmall(scope.row)"
+                                >删除</el-button>
+                            </div>
+                            
+                            
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="项目操作" width="80" align="center" fixed="right" prop="setupedit">
+                        <template #default="scope">
+                            <div>
+                                <el-button
+                                icon="el-icon-plus"
+                                size="small"
+                                type="text"
+                                @click="showaddbiao(scope.row)"
+                                >新增</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                icon="el-icon-edit"
+                                size="small"
+                                type="text"
+                                @click="showEditming(scope.row)"
+                                >修改</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                icon="el-icon-delete"
+                                size="small"
+                                type="text"
+                                @click="deleteSun(scope.row)"
+                                >删除</el-button>
+                            </div>
+                        
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+            </el-col>
+        </el-row>
+        <!--新增指标细则-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="addbox" :before-close="closeAddBox" :title="'《'+postTargetInfo.title+'》指标新增细则'" custom-class="dialogBox" append-to-body width="90%" top="5vh">
+
+            <el-row>
+                <el-col :span="10">
+                               
+                    <span>栏目名称<el-select
+                        style="width:65%;margin-left: 15px" 
+                        v-model="targetsuntitle"
+                        
+                        filterable
+                        allow-create
+                        default-first-option
+                        placeholder="请选择栏目名称或输入新栏目名称">
+                        <el-option
+                          v-for="item in columnList"
+                          :key="item.title"
+                          :label="item.title"
+                          :value="item.title">
+                        </el-option>
+                      </el-select></span>
+                </el-col>
+                <el-col :span="8">
+                    <el-button
+                      icon="el-icon-circle-plus-outline"
+                      type="primary"
+                      @click="addPostDetailsCont()"
+                    >添加细则</el-button>
+                </el-col>
+            </el-row>
+            <el-table ref="detailsPostTable" :data="postTableDetailsList" style="width: 100%" empty-text="">
+                <el-table-column
+                    fixed
+                    label="考核内容"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入考核内容"
+                          v-model="scope.row.title">
+                        </el-input>
+                    </template>
+                    
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作属性"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.punishtype" placeholder="请选择">
+                            <el-option label="分数" :value=1></el-option>
+                            <el-option label="现金" :value=2></el-option>
+                             <el-option label="分数和现金" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="考核标准"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="请输入考核标准"
+                            v-model="scope.row.standard">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="单位"
+                    width="80">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="单位"
+                            v-model="scope.row.unit">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="现金标准"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="请输入现金标准"
+                            v-model="scope.row.cashstandard">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作类型"
+                    width="130">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.types" placeholder="请选择">
+                            <el-option label="扣除" :value=1></el-option>
+                            <el-option label="增加" :value=2></el-option>
+                            <el-option label="现场确认扣除/增加" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查方式"
+                    width="140">
+                    <template slot-scope="scope">
+                        <el-select multiple v-model="scope.row.inspemethod" placeholder="请选择">
+                          <el-option label="现场检查" :value=1></el-option>
+                          <el-option label="资料审查" :value=2></el-option>
+                          <el-option label="事件触发" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查周期"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.cycle" placeholder="请选择">
+                            <el-option
+                            v-for="item in optionsclye"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查频次"
+                    width="120">
+                    <template slot-scope="scope">
+                        <el-input-number v-model="scope.row.frequency" :min="1" :max="12" label="检查频次" controls-position="right" style="width:100px"></el-input-number>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="检查依据"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入检查依据"
+                          v-model="scope.row.evidence">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="remarks"
+                    label="备注说明"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                          type="textarea"
+                          autosize
+                          placeholder="请输入备注说明"
+                          v-model="scope.row.remarks">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="postandexport"
+                    align="center"
+                    fixed="right"
+                    label="设置岗位及提报人"
+                    width="140">
+                    <template  slot-scope="scope">
+                        <el-button type="primary" icon="el-icon-s-tools" size="small" @click="setPostAndReport(scope)">设置</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    align="center"
+                    label="操作"
+                    width="100">
+                    <template #default="scope">
+                        <el-button
+                          icon="el-icon-delete"
+                          size="mini"
+                          type="danger"
+                          @click="deleteRulesList(scope)"
+                        >删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeAddBox">取 消</el-button>
+                    <el-button size="small" type="primary" @click="addDetailsContList" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+
+            <!--设置岗位及提报人-->
+            <el-dialog :close-on-click-modal="false" :visible.sync="setPostAndReportBox" :before-close="closeSetPostAndReportBox" title="设置岗位及提报人" custom-class="dialogBox" append-to-body width="50%" top="25vh">
+                
+                <el-table
+                    ref="setPostManTable"
+                    :data="setPostManData"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange">
+
+                    <el-table-column
+                        label="已关联"
+                        type="selection"
+                        width="55">
+                    </el-table-column>
+                    <el-table-column
+                        prop="date"
+                        label="关联岗位"
+                        >
+                        <template slot-scope="scope">
+                            <el-input v-model="scope.row.name"></el-input>
+                        </template>
+                    </el-table-column>
+                    <el-table-column
+                        prop="name"
+                        label="提报人"
+                        >
+                        <template slot-scope="scope">
+                            <el-cascader
+                                filterable
+                                clearable
+                                v-model="scope.row.keylist"
+                                :options="scope.row.child"
+                                :show-all-levels="false"
+                                :props="userProps"
+                                collapse-tags
+                            >
+                            <template slot-scope="{ node, data }">
+                                <span>{{ data.name }}</span>
+                                <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                              </template>
+                        </el-cascader>
+                        </template>
+                    </el-table-column>
+                    
+                </el-table>
+                <template #footer>
+                    <div class="dialog-footer"> 
+                        <el-row>
+                            <el-col :span="3"><el-button type="warning"  size="small" @click="clearAllSet">全部取消</el-button></el-col>
+                            <el-col :span="21">
+                                <el-button size="small" @click="closeSetPostAndReportBox">取 消</el-button>
+                                <el-button size="small" type="primary" @click="setIsTruePostMan" :loading="butLoading">确 定</el-button>
+                            </el-col>
+                        </el-row>
+                        
+
+                        
+                    </div>
+                </template>
+            </el-dialog>
+
+        </el-dialog>
+        <!--修改细则-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="editDetailsBox" :before-close="closeEditBox" title="修改指标细则" custom-class="dialogBox" append-to-body width="60%" top="2vh">
+            <el-form ref="editDetailsContForm" :model="editPostDetailsCont" :rules="editPostRules" label-width="120px" >
+                <el-form-item label="考核内容" prop="title">
+                    <el-input type="textarea" v-model="editPostDetailsCont.title" autocomplete="off" placeholder="请输入考核内容" />
+                </el-form-item>
+                <el-form-item label="操作属性" prop="punishtype">
+                    <el-select v-model="editPostDetailsCont.punishtype" placeholder="请选择">
+                        <el-option label="分数" :value=1></el-option>
+                        <el-option label="现金" :value=2></el-option>
+                         <el-option label="分数和现金" :value=3></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="考核标准" prop="standard">
+                    <el-input
+                        autosize
+                        placeholder="请输入考核标准"
+                        v-model="editPostDetailsCont.standard">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="单位" prop="unit">
+                    <el-input
+                        autosize
+                        placeholder="单位"
+                        v-model="editPostDetailsCont.unit">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="现金标准" prop="cashstandard">
+                    <el-input
+                        autosize
+                        placeholder="请输入现金标准"
+                        v-model="editPostDetailsCont.cashstandard">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="操作类型" prop="types">
+                    <el-select v-model="editPostDetailsCont.types" placeholder="请选择">
+                        <el-option label="扣除" :value=1></el-option>
+                        <el-option label="增加" :value=2></el-option>
+                        <el-option label="现场确认扣除/增加" :value=3></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查方式" prop="inspemethod">
+                    <el-select multiple v-model="editPostDetailsCont.inspemethod" placeholder="请选择" style="width:100%">
+                        <el-option label="现场检查" :value=1></el-option>
+                        <el-option label="资料审查" :value=2></el-option>
+                        <el-option label="事件触发" :value=3></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查周期" prop="cycle">
+                    <el-select v-model="editPostDetailsCont.cycle" placeholder="请选择">
+                        <el-option
+                        v-for="item in optionsclye"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查频次" prop="frequency">
+                    <el-input-number v-model="editPostDetailsCont.frequency" :min="1" :max="12" label="检查频次" controls-position="right"></el-input-number>
+                </el-form-item>
+                <el-form-item label="检查依据">
+                    <el-input
+                        type="textarea"
+                        autosize
+                        placeholder="请输入检查依据"
+                        v-model="editPostDetailsCont.evidence">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="备注说明">
+                    <el-input
+                        type="textarea"
+                        autosize
+                        placeholder="请输入备注说明"
+                        v-model="editPostDetailsCont.remarks">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="岗位/提报人">
+                    <el-table
+                        ref="setPostManTableEdit"
+                        :data="setEditPostManData"
+                        style="width: 100%"
+                        @selection-change="handleSelectionChange">
+
+                        <el-table-column
+                            label="已关联"
+                            type="selection"
+                            width="55">
+                        </el-table-column>
+                        <el-table-column
+                            prop="date"
+                            label="关联岗位"
+                            >
+                            <template slot-scope="scope">
+                                <el-input v-model="scope.row.name"></el-input>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="name"
+                            label="提报人"
+                            >
+                            <template slot-scope="scope">
+                                <el-cascader
+                                    filterable
+                                    clearable
+                                    v-model="scope.row.keylist"
+                                    :options="scope.row.child"
+                                    :show-all-levels="false"
+                                    :props="userProps"
+                                    collapse-tags
+                                >
+                                <template slot-scope="{ node, data }">
+                                    <span>{{ data.name }}</span>
+                                    <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                                </template>
+                            </el-cascader>
+                            </template>
+                        </el-table-column>
+                        
+                    </el-table>
+                </el-form-item>
+                
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeEditBox">取 消</el-button>
+                    <el-button size="small" type="primary" @click="editPostDetailsContSend" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!--根据栏目新增细则-->
+        <tabledetailspage :tableAddDetailsBox="tableAddDetailsBox" :tableToTargetid="tableToTargetid" :tableToid="tableToid" :targetPostMakList="targetPostMakList" :targetunit="targetunit" @closeTableAddBox="closeTableAddBox" @getTargetPostDetailsList="getTargetPostDetailsList"></tabledetailspage>
+        <!--修改栏目-->
+        <edittablepage :editTableBox="editTableBox" :tarid="tarid"  :tid="tid" @closeEditTableBox="closeEditTableBox" @getTargetPostDetailsList="getTargetPostDetailsList"></edittablepage>
+
+    </div>
+</template>
+<script>
+import { tableMergeTrade } from "@/api/people/peopledata";
+import { getPostDetailsList,getNewTargetDepartPostMan,tableBasePostTarget,addDetailsList,eidtPostTardetaiLsstrte,getPostDetailsCont,editPostDetailscont,delSonTargetCont } from "@/api/systemaccredit/systemapi";
+import tabledetailspage from "@/views/basicCont/targettabslayout/tabledetailspage.vue";
+import edittablepage from "@/views/basicCont/targettabslayout/edittablepage.vue";
+export default {
+    components: {
+        tabledetailspage,
+        edittablepage
+    },
+    props:['postTargetInfo'],
+    data() {
+        return {
+            butLoading:false,
+            addpostman:true,
+            //统计周期
+            optionsclye: [
+                {
+                    value: 4,
+                    label: '月'
+                }, {
+                    value: 5,
+                    label: '季度'
+                }, {
+                    value: 6,
+                    label: '年'
+                }
+            ],
+            newOrgList:{}, //行政组织
+            newOrgPostList:{}, //岗位
+            searchPostDetails:{},   //细则搜索
+            tarPostDeatilsList:[],  //指标详情
+            mergeArr: ['columnName','setupedit'],// 需要合并的行列信息
+            columnList:[], //指标栏目列表
+            targetsuntitle:[], //指标栏目
+            addbox:false, //添加弹出
+            postTableDetailsList:[
+                
+            ], //岗位细则
+            setPostAndReportBox:false, //设置岗位及提报人弹窗
+            setPostManData:[
+                {
+                    id:"",
+                    name:"",
+                    child:"",
+                }
+            ], //岗位关联提报人
+            serPostDetailsIndex:"", //细则列表index
+            // 选择员工配置项
+            userProps: {
+                value: "id",
+                label: "name",
+                children: "govlist",
+                emitPath:false,
+                multiple: true
+            },
+            multipleSelection:[],   //选中内容
+            /*修改细则*/
+            editDetailsBox:false, //修改细则弹窗
+            editPostDetailsCont:{}, //指标细则内容
+            editPostRules:{
+                title: [{ required: true, message: '必填', trigger: 'blur' }],
+                punishtype: [{ required: true, message: '必填', trigger: 'blur' }],
+                standard: [{ required: true, message: '必填', trigger: 'blur' }],
+                unit: [{ required: true, message: '必填', trigger: 'blur' }],
+                types: [{ required: true, message: '必填', trigger: 'blur' }],
+                inspemethod: [{ required: true, message: '必填', trigger: 'blur' }],
+                cycle: [{ required: true, message: '必填', trigger: 'blur' }],
+                frequency: [{ required: true, message: '必填', trigger: 'blur' }],
+            }, //验证规范
+            setEditPostManData:{
+                
+            }, //
+            /*根据栏目新增细则*/
+            tableAddDetailsBox:false,   //弹窗
+            tableToTargetid:"", //传递指标ID
+            tableToid:"", //传递栏目ID
+            targetPostMakList:[], //人员与行政组织关系
+            targetunit:"",
+            editTableBox:false, //修改栏目
+            tid:"",
+            tarid:"",
+        }
+    },
+    created(){
+        this.searchPostDetails.targetid = this.postTargetInfo.id.toString();
+        this.getTargetPostDetailsList()
+        this.getOrgPostList();
+        this.getTargetTableList();
+    },
+    watch:{
+        postTargetInfo(){
+            this.searchPostDetails.targetid = this.postTargetInfo.id.toString();
+            this.getTargetPostDetailsList()
+            this.getOrgPostList();
+            this.getTargetTableList();
+        }
+    },
+    methods:{
+        //根据指标获取岗位指标栏目
+        async getTargetTableList(){
+            let sendData = {
+                id:this.searchPostDetails.targetid
+            }
+            const res = await tableBasePostTarget(sendData);
+            if(res.code == 0){
+                this.columnList = res.data
+            }
+        },
+        //获取岗位与相关行政组织
+        async getOrgPostList(){
+            let sendData = {
+                id:this.searchPostDetails.targetid
+            }
+            const res = await getNewTargetDepartPostMan(sendData)
+            if(res.code ==0){
+                this.newOrgList = res.data.organdpostlist
+            }
+        },
+        //查询细则
+        onSubmitSearchPostDetails(){
+            this.getTargetPostDetailsList()
+        },
+        //获取指标细则列表
+        async getTargetPostDetailsList(){
+            
+            const res = await getPostDetailsList(this.searchPostDetails)
+            this.tarPostDeatilsList = res.data
+            if(res.code == 0){
+                // this.tarDeatilsList.forEach(item=>{
+                //     item.setupedit = 1
+                // })
+                this.mergeObj = tableMergeTrade(this.tarPostDeatilsList,this.mergeArr,"setupedit")
+            }
+            
+            
+            // console.log("mergeObj----111--2---->",this.mergeObj)
+        },
+        // 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            // console.log("默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }",row, column, rowIndex, columnIndex)
+            // 判断列的属性
+            if(this.mergeArr.indexOf(column.property) !== -1) { 
+                // 判断其值是不是为0 
+                if(this.mergeObj[column.property][rowIndex]) { 
+                    return [this.mergeObj[column.property][rowIndex], 1]
+                } else {
+                    // 如果为0则为需要合并的行
+                    return [0, 0]; 
+                }
+            }
+        },
+        //处理细则列表
+        addPostDetailsCont(){
+            let detailsInfo = {
+                title:"",   //考核内容
+                punishtype:1,   //1:分数；2：现金；3：分数加现金
+                standard:"",    //考核标准
+                unit:this.postTargetInfo.unit,
+                cashstandard:"",    //现金考核标准
+                types:1,            //操作种类1:加分；2：减分；3：加减分
+                inspemethod:[1],    //检查方式
+                cycle:4,            //周期
+                frequency:"",       //检查频次
+                evidence:"",        //客观证据
+                remarks:"",         //备注说明
+                postandexport:[],   //相关岗位及提报人
+                
+            }
+            this.postTableDetailsList.push(detailsInfo);
+        },
+        //新增细则
+        addNewTargetPostDetails(){
+            this.postTableDetailsList=[];
+            this.addPostDetailsCont();
+            this.addbox = true;
+        },
+        //删除明细条目
+        deleteRulesList(row){
+            if(this.postTableDetailsList.length - 1 > 0){
+                this.postTableDetailsList.splice(row.$index,1);
+            }else{
+                this.$alert('<strong>至少要有一条细则内容！</strong>！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+            } 
+        },
+        //关闭新增细则弹窗
+        closeAddBox(){
+            this.addbox = false;
+            this.butLoading= false;
+            this.initAddData();
+        },
+        //初始化添加数据
+        initAddData(){
+            this.postTableDetailsList = [];
+            this.targetsuntitle="";
+        },
+        //设置细则相关岗位及提报人
+        async setPostAndReport(val){
+            
+            this.serPostDetailsIndex = val.$index
+
+            let sendData = {
+                id:this.searchPostDetails.targetid
+            }
+            const res = await getNewTargetDepartPostMan(sendData)
+            this.setPostManData =  res.data.organdpostlist
+
+            this.setPostAndReportBox = true;
+            // this.setPostManData = this.newOrgList
+            if(val.row.postandexport != null && val.row.postandexport.length > 0){
+                // val.row.postandexport.forEach(item=>{
+                //     this.$refs.setPostManTable.toggleRowSelection(item, true);
+                // })
+                this.setPostManData.forEach((item,indx) =>{
+                    
+                    val.row.postandexport.forEach(items=>{
+                        if(item.id == items.id && item.orgid == items.orgid){
+                            // console.log("色织关联人---------0--------->",item,indx)
+                            item.keylist = items.keylist
+                            this.$nextTick(() => {
+                                this.$refs.setPostManTable.toggleRowSelection(item, true)
+                            })
+                        }
+                    })
+                })
+            }else{
+                this.$nextTick(() => {
+                    for (let i = 0; i < this.setPostManData.length; i++) {
+                        this.$refs.setPostManTable.toggleRowSelection(this.setPostManData[i], true)
+                    }
+                })
+            }
+            
+            
+            
+            console.log("设置细则相关岗位及提报人------>",val.row.postandexport,this.setPostManData,this.newOrgList)
+            
+        },
+        //关闭设置细则相关岗位及提报人弹窗
+        closeSetPostAndReportBox(){
+            this.butLoading= false;
+            this.setPostAndReportBox = false;
+            this.$refs.setPostManTable.clearSelection();
+            this.multipleSelection=[];
+        },
+        
+        
+        //设定岗位及提报人
+        setIsTruePostMan(val){
+            if(this.multipleSelection != null && this.multipleSelection.length >0){
+                this.multipleSelection.forEach(item=>{
+                    if(item.keylist == null || item.keylist.length < 1){
+                        this.$alert('<strong>请检查您选中的岗位，存在未选择提报人的选项！！</strong>！</strong>', '温馨提示！', {
+                            confirmButtonText: '确定',
+                            type: 'warning',
+                            center: true,
+                            dangerouslyUseHTMLString: true
+                        })
+                        return false;
+                    }
+                })
+            }else{
+                this.$alert('<strong>至少要关联一个岗位！</strong>！</strong>！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                return false;
+            }
+            // this.$refs.setPostManTable
+            console.log("选中内容--111111---->",this.multipleSelection,this.postTableDetailsList[this.serPostDetailsIndex])
+            this.postTableDetailsList[this.serPostDetailsIndex].postandexport = this.multipleSelection
+            // console.log("选中内容--22222---->",this.multipleSelection,this.postTableDetailsList)
+            this.closeSetPostAndReportBox()
+        },
+        //设置选中
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+            // console.log("选中内容------>",val)
+        },
+        //取消选择
+        clearAllSet(){
+            this.$refs.setPostManTable.clearSelection();
+        },
+        //提交岗位细则数据
+        async addDetailsContList(){
+            this.butLoading= true
+             //栏目名称
+             //细则内容
+            // console.log("栏目名称------>",this.targetsuntitle)
+            // console.log("细则内容------>",this.postTableDetailsList)
+
+            if(this.targetsuntitle == null || this.targetsuntitle == ""){
+                this.$alert('<strong>请选择栏目或输入新的栏目！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading= false
+                return false;
+            }
+            if(this.postTableDetailsList == null || this.postTableDetailsList.length <1){
+                this.$alert('<strong>请您至少添加一条考核细则内容！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading= false
+                return false;
+            }
+            let nextWriterIsTrue = true;
+            this.postTableDetailsList.forEach(item=>{
+                if(item.title == null || item.title == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("1----------------->")
+                }
+                switch (item.punishtype){
+                    case 2:
+                        if(item.cashstandard == null || item.cashstandard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----1------------>")
+                        }
+                        break;
+                    case 3:
+                        if(item.standard == null || item.standard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----3------------>")
+                        }
+                        if(item.cashstandard == null || item.cashstandard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----2------------>")
+                        }
+                        break;
+                    default:
+                        if(item.standard == null || item.standard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----4------------>")
+                        }
+                        break;
+                }
+                
+                if(item.unit == null || item.unit == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.types == null || item.types == "" || item.types == 0){
+                    nextWriterIsTrue = false;
+                    // console.log("3----------------->")
+                }
+                if(item.inspemethod == null || item.inspemethod.length <1){
+                    nextWriterIsTrue = false;
+                    // console.log("4----------------->")
+                }else{
+                    item.inspemethod = item.inspemethod.map(String)
+                }
+                // if(item.postandexport == null || item.postandexport.length < 1){
+                //     nextWriterIsTrue = false;
+                //     // console.log("5----------------->")
+                // }
+                
+            });
+            if(!nextWriterIsTrue){
+                this.$alert('<strong>至少一条考核细则内容填写不符合规范！请检查并补充完成后，重新提交！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading= false
+                return false;
+            }
+
+
+            let sendData = {
+                targetid:this.searchPostDetails.targetid,
+                tablename:this.targetsuntitle,
+                detailslist:this.postTableDetailsList
+            }
+
+            const res = await addDetailsList(sendData)
+            if(res.code == 0){
+                this.$message({
+                    showClose: true,
+                    message: res.msg,
+                    type: 'success'
+                });
+                this.getTargetPostDetailsList();
+                this.closeAddBox();
+                this.butLoading= false
+            }else{
+                this.butLoading= false
+            }
+            console.log("细则内容---1--->",res)
+        },
+        //编辑指标细则状态
+        async changeVal(val,id){
+            console.log("编辑指标细则状态---1--->",val,id)
+            let sendCont = {
+                id:id.toString(),
+                state:val,
+                istrue:2
+            }
+            const res = await eidtPostTardetaiLsstrte(sendCont)
+            this.getTargetPostDetailsList()
+        },
+        //删除指标细则
+        async deleteSmall(val){
+            console.log("删除指标细则---1--->",val)
+            let sendCont = {
+                id:val.id.toString(),
+                state:3,
+                istrue:2
+            }
+            const res = await eidtPostTardetaiLsstrte(sendCont)
+            if(res.code == 0){
+                this.getTargetPostDetailsList()
+            }
+        },
+        //关闭修改细则弹窗
+        closeEditBox(){
+            this.editDetailsBox = false;
+            this.butLoading = false;
+            this.multipleSelection = []
+        },
+        //修改细则内容弹窗
+        async showxize(val){
+            let sendData = {
+                id:this.searchPostDetails.targetid
+            }
+            const ress = await getNewTargetDepartPostMan(sendData)
+            this.setEditPostManData =  ress.data.organdpostlist
+            // this.setEditPostManData = this.newOrgList
+            let sendCont = {
+                id:val.id.toString()
+            }
+            const res = await getPostDetailsCont(sendCont)
+            let valData = res.data
+            console.log("修改细则内容弹窗--------->",val,res);
+            if(res.code == 0){
+                
+                this.$set(this.editPostDetailsCont,"id",val.id.toString())
+                this.$set(this.editPostDetailsCont,"title",valData.title)
+                this.$set(this.editPostDetailsCont,"punishtype",valData.punishmode)
+                this.$set(this.editPostDetailsCont,"standard",valData.referencescore)
+                this.$set(this.editPostDetailsCont,"unit",valData.unit)
+                this.$set(this.editPostDetailsCont,"cashstandard",valData.cashstandard)
+                this.$set(this.editPostDetailsCont,"types",valData.class)
+                this.$set(this.editPostDetailsCont,"inspemethod",valData.inspectint)
+                this.$set(this.editPostDetailsCont,"cycle",valData.cycle)
+                this.$set(this.editPostDetailsCont,"frequency",valData.frequency)
+                this.$set(this.editPostDetailsCont,"evidence",valData.evidence)
+                this.$set(this.editPostDetailsCont,"remarks",valData.explain)
+            }else{
+                this.$set(this.editPostDetailsCont,"id",val.id.toString())
+                this.$set(this.editPostDetailsCont,"title",val.title)
+                this.$set(this.editPostDetailsCont,"punishtype",val.punishtype)
+                this.$set(this.editPostDetailsCont,"standard",val.standard)
+                this.$set(this.editPostDetailsCont,"unit",val.unit)
+                this.$set(this.editPostDetailsCont,"cashstandard",val.cashstandard)
+                this.$set(this.editPostDetailsCont,"types",val.types)
+                this.$set(this.editPostDetailsCont,"inspemethod",val.inspemethod)
+                this.$set(this.editPostDetailsCont,"cycle",val.cycle)
+                this.$set(this.editPostDetailsCont,"frequency",val.frequency)
+                this.$set(this.editPostDetailsCont,"evidence",val.evidence)
+                this.$set(this.editPostDetailsCont,"remarks",val.remarks)
+            }
+            this.setIsTruePostManIng(valData.relevantpostsman)
+
+            this.editDetailsBox = true;
+        },
+        //设置已经选中的岗位
+        setIsTruePostManIng(detailsList){
+            console.log("设置已经选中的岗位--------->",this.setEditPostManData,detailsList);
+            if(detailsList==null || detailsList.length < 1){
+                this.setEditPostManData.forEach(item=>{
+                    item.keylist = []
+                });
+            }else{
+                this.setEditPostManData.forEach(item=>{
+                    detailsList.forEach(items=>{
+                        if(item.id == items.id && item.orgid == items.orgid){
+                            item.keylist = items.operator
+                            
+                            this.$nextTick(() => {
+                                this.$refs.setPostManTableEdit.toggleRowSelection(item, true);
+                                this.multipleSelection.push(item)
+                            })
+                        }
+                    });
+                });
+            }
+            console.log("设置已经选中的岗位-----222---->",this.setEditPostManData);
+        },
+        
+        //提交细则数据
+        async editPostDetailsContSend(){
+            this.butLoading = true;
+            this.$refs.editDetailsContForm.validate(async (valid) => {
+                
+                if (valid) {
+                    if(this.multipleSelection != null && this.multipleSelection.length >0){
+                        let iswriteOk = true;
+                        this.multipleSelection.forEach(item=>{
+                            if(item.keylist == null || item.keylist.length < 1){
+                                this.$alert('<strong>请检查您选中的岗位，存在未选择提报人的选项！！</strong>！</strong>', '温馨提示！', {
+                                    confirmButtonText: '确定',
+                                    type: 'warning',
+                                    center: true,
+                                    dangerouslyUseHTMLString: true
+                                })
+                                iswriteOk= false;
+                                return;
+                            }
+                        })
+                        if(!iswriteOk){
+                            this.butLoading = false
+                            return false;
+                        }
+                    }else{
+                        this.$alert('<strong>至少要关联一个岗位！</strong>！</strong>！</strong>', '温馨提示！', {
+                            confirmButtonText: '确定',
+                            type: 'warning',
+                            center: true,
+                            dangerouslyUseHTMLString: true
+                        })
+                        this.butLoading = false
+                        return false;
+                    }
+                    console.log("提交细则数据-----1------>",valid,this.editPostDetailsCont)
+                    console.log("提交细则数据-----2------>",this.multipleSelection)
+                    this.editPostDetailsCont.inspemethod = this.editPostDetailsCont.inspemethod.map(String)
+
+                    let relevantpostsman = new Array
+                    if(this.multipleSelection != null && this.multipleSelection.length > 0){
+                        this.multipleSelection.forEach(item=>{
+                            relevantpostsman.push({
+                                id:item.id,
+                                orgid:item.orgid,
+                                operator:item.keylist
+
+                            })
+                        })
+                    }
+                    this.editPostDetailsCont.relevantpostsman = relevantpostsman
+                    console.log("提交细则数据-----3------>",this.editPostDetailsCont)
+                    const res = await editPostDetailscont(this.editPostDetailsCont)
+                    if(res.code == 0){
+                        this.closeEditBox();
+                    }else{
+                        this.butLoading = false
+                    }
+                    console.log("提交细则数据-----4------>",res)
+                }else{
+                    this.butLoading = false
+                }
+            });
+        },
+        /*根据栏目处理内容*/
+        //关闭
+        closeTableAddBox(){
+            this.tableAddDetailsBox = false;
+        },
+        //根据栏目新增
+        showaddbiao(val){
+            console.log("根据栏目新增---->",val);
+            this.tableToTargetid = val.parentid //传递指标ID
+            this.tableToid = val.parentidsun //传递栏目ID
+            this.targetPostMakList = this.newOrgList //人员与行政组织关系
+            this.tableAddDetailsBox = true;
+            this.targetunit = val.company
+        },
+        //删除栏目
+        async deleteSun(val){
+            console.log("删除栏目---->",val);
+            this.$confirm('此操作将永久删除相关资料！是否继续执行此操作?', '是否删除此项资料？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(async() => {
+                let sendData = {
+                    id:val.parentidsun.toString(),
+                    state:3,
+                    istrue:2
+                }
+                console.log("此操作将永久删除相关资料",val)
+                const respon = await delSonTargetCont(sendData)
+                if (respon.code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    })
+                    
+                    this.getTargetDetailsList();
+                }
+                    
+            })
+        },
+        //修改岗位栏目
+        showEditming(val){
+            this.tarid = val.parentid.toString();
+            this.tid= val.parentidsun.toString();
+            this.editTableBox = true;
+        },
+        //关闭修改岗位栏目弹窗
+        closeEditTableBox(){
+            this.editTableBox = false;
+        },
+    }
+}
+</script>
+<style  lang="scss" scoped>
+    
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/tabledetailspage.vue b/src/views/basicCont/targettabslayout/tabledetailspage.vue
new file mode 100644
index 0000000..7eb9425
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/tabledetailspage.vue
@@ -0,0 +1,565 @@
+<template>
+    <el-dialog :close-on-click-modal="false" :visible.sync="tableAddDetailsBoxes" :before-close="closeTableAddBox" title="新增指标细则" custom-class="dialogBox" append-to-body width="80%" top="15vh">
+        <el-row>
+            <el-col :span="24">
+                <el-button
+                      icon="el-icon-circle-plus-outline"
+                      type="primary"
+                      @click="addTablePostDetailsCont()"
+                >添加细则</el-button>
+            </el-col>
+        </el-row>
+        <el-table ref="detailsPostTablees" :data="addDetailsInfoList" style="width: 100%" empty-text="">
+            <el-table-column
+                    fixed
+                    label="考核内容"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入考核内容"
+                          v-model="scope.row.title">
+                        </el-input>
+                    </template>
+                    
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作属性"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.punishtype" placeholder="请选择">
+                            <el-option label="分数" :value=1></el-option>
+                            <el-option label="现金" :value=2></el-option>
+                             <el-option label="分数和现金" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="考核标准"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="请输入考核标准"
+                            v-model="scope.row.standard">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="单位"
+                    width="80">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="单位"
+                            v-model="scope.row.unit">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="现金标准"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                            autosize
+                            placeholder="请输入现金标准"
+                            v-model="scope.row.cashstandard">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作类型"
+                    width="130">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.types" placeholder="请选择">
+                            <el-option label="扣除" :value=1></el-option>
+                            <el-option label="增加" :value=2></el-option>
+                            <el-option label="现场确认扣除/增加" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查方式"
+                    width="140">
+                    <template slot-scope="scope">
+                        <el-select multiple v-model="scope.row.inspemethod" placeholder="请选择">
+                          <el-option label="现场检查" :value=1></el-option>
+                          <el-option label="资料审查" :value=2></el-option>
+                          <el-option label="事件触发" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查周期"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.cycle" placeholder="请选择">
+                            <el-option
+                            v-for="item in optionsclye"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查频次"
+                    width="120">
+                    <template slot-scope="scope">
+                        <el-input-number v-model="scope.row.frequency" :min="1" :max="12" label="检查频次" controls-position="right" style="width:100px"></el-input-number>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="检查依据"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入检查依据"
+                          v-model="scope.row.evidence">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="remarks"
+                    label="备注说明"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                          type="textarea"
+                          autosize
+                          placeholder="请输入备注说明"
+                          v-model="scope.row.remarks">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="postandexport"
+                    align="center"
+                    fixed="right"
+                    label="设置岗位及提报人"
+                    width="140">
+                    <template  slot-scope="scope">
+                        <el-button type="primary" icon="el-icon-s-tools" size="small" @click="setTablePostAndReport(scope)">设置</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    align="center"
+                    label="操作"
+                    width="100">
+                    <template #default="scope">
+                        <el-button
+                          icon="el-icon-delete"
+                          size="mini"
+                          type="danger"
+                          @click="deleteRulesTableList(scope)"
+                        >删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        
+        
+        <template #footer>
+            <div class="dialog-footer"> 
+                <el-button size="small" @click="closeTableAddBox">取 消</el-button>
+                <el-button size="small" type="primary" @click="addTableDetails" :loading="butLoadings">确 定</el-button>
+            </div>
+        </template>
+
+        <!--设置岗位及提报人-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="setDialogPostManBox" :before-close="closeSetPostAndReportBoxes" title="设置岗位及提报人" custom-class="dialogBox" append-to-body width="50%" top="25vh">
+                
+            <el-table
+                ref="setPostManTables"
+                :data="orgPostList"
+                style="width: 100%"
+                @selection-change="handleSelectionChangees">
+
+                <el-table-column
+                    label="已关联"
+                    type="selection"
+                    width="55">
+                </el-table-column>
+                <el-table-column
+                    prop="date"
+                    label="关联岗位"
+                    >
+                    <template slot-scope="scope">
+                        <el-input v-model="scope.row.name"></el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="name"
+                    label="提报人"
+                    >
+                    <template slot-scope="scope">
+                        <el-cascader
+                            filterable
+                            clearable
+                            v-model="scope.row.keylist"
+                            :options="scope.row.child"
+                            :show-all-levels="false"
+                            :props="userProps"
+                            collapse-tags
+                        >
+                        <template slot-scope="{ node, data }">
+                            <span>{{ data.name }}</span>
+                            <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                          </template>
+                    </el-cascader>
+                    </template>
+                </el-table-column>
+                
+            </el-table>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-row>
+                        <el-col :span="3"><el-button type="warning"  size="small" @click="clearAllSetTable">全部取消</el-button></el-col>
+                        <el-col :span="21">
+                            <el-button size="small" @click="closeSetPostAndReportBoxes">取 消</el-button>
+                            <el-button size="small" type="primary" @click="setIsTruePostManEs" :loading="butLoadings">确 定</el-button>
+                        </el-col>
+                    </el-row>
+                    
+
+                    
+                </div>
+            </template>
+        </el-dialog>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    </el-dialog>
+</template>
+<script>
+import { getNewTargetDepartPostMan,addTableDetailsList } from "@/api/systemaccredit/systemapi";
+export default {
+    props:['tableAddDetailsBox','tableToTargetid','tableToid','targetPostMakList','targetunit'],
+    data() {
+        return {
+            butLoadings:false,   //按钮是否加载Loading
+            tableAddDetailsBoxes:this.tableAddDetailsBox,
+            targetId:this.tableToTargetid,
+            tableId:this.tableToid,
+            orgPostList:this.targetPostMakList,
+            addDetailsInfoList:[],  //细则列表
+            // 选择员工配置项
+            userProps: {
+                value: "id",
+                label: "name",
+                children: "govlist",
+                emitPath:false,
+                multiple: true
+            },
+            //统计周期
+            optionsclye: [
+                {
+                    value: 4,
+                    label: '月'
+                }, {
+                    value: 5,
+                    label: '季度'
+                }, {
+                    value: 6,
+                    label: '年'
+                }
+            ],
+            setDialogPostManBox:false,
+            multipleSelectiontable:[],  //选中的列表
+            listIndex:"",        //表单编号
+        }
+    },
+    created(){
+        
+    },
+    watch:{
+        tableAddDetailsBox(){
+            this.tableAddDetailsBoxes = this.tableAddDetailsBox
+        },
+        tableToTargetid(){
+            this.targetId = this.tableToTargetid
+        },
+        tableToid(){
+            this.tableId = this.tableToid
+            this.addTablePostDetailsCont()
+        },
+        targetPostMakList:{
+            handler(newVal){
+                // console.log("newVal");
+                // console.log("newVal------------>",newVal);
+                // this.orgPostList = this.targetPostMakList
+                // console.log("newVal-----222------->",this.targetPostMakList);
+            },
+            deep: true
+        },
+           
+    },
+    methods:{
+        //处理细则列表
+        addTablePostDetailsCont(){
+            let detailsInfo = {
+                title:"",   //考核内容
+                punishtype:1,   //1:分数；2：现金；3：分数加现金
+                standard:"",    //考核标准
+                unit:this.targetunit,
+                cashstandard:"",    //现金考核标准
+                types:1,            //操作种类1:加分；2：减分；3：加减分
+                inspemethod:[1],    //检查方式
+                cycle:4,            //周期
+                frequency:"",       //检查频次
+                evidence:"",        //客观证据
+                remarks:"",         //备注说明
+                postandexport:[],   //相关岗位及提报人
+                
+            }
+            this.addDetailsInfoList.push(detailsInfo);
+        },
+        //关闭
+        closeTableAddBox(){
+            this.tableAddDetailsBoxes = false;
+            // this.$refs.setPostManTables.clearSelection();
+            this.$emit('closeTableAddBox');
+            this.addDetailsInfoList = [];
+        },
+        //色织关联人
+        async setTablePostAndReport(val){
+            this.setDialogPostManBox = true;
+            this.listIndex = val.$index
+            // this.getOrgPostLists()
+            let sendData = {
+                id:this.targetId.toString()
+            }
+            const res = await getNewTargetDepartPostMan(sendData)
+            this.orgPostList =res.data.organdpostlist
+            if(val.row.postandexport != null && val.row.postandexport.length > 0){
+                // val.row.postandexport.forEach(item=>{
+                //     this.$refs.setPostManTables.toggleRowSelection(item, true);
+                // })
+                this.orgPostList.forEach((item,indx) =>{
+                    
+                    val.row.postandexport.forEach(items=>{
+                        if(item.id == items.id && item.orgid == items.orgid){
+                            console.log("色织关联人---------0--------->",item,indx)
+                            item.keylist = items.keylist
+                            this.$nextTick(() => {
+                                this.$refs.setPostManTables.toggleRowSelection(item, true)
+                            })
+                        }
+                    })
+                })
+            }else{
+                this.$nextTick(() => {
+                    for (let i = 0; i < this.orgPostList.length; i++) {
+                        this.$refs.setPostManTables.toggleRowSelection(this.orgPostList[i], true)
+                    }
+                })
+            }
+
+            console.log("色织关联人---------1--------->",this.listIndex)
+            console.log("色织关联人---------2--------->",val.row.postandexport)
+            console.log("色织关联人---------3--------->",this.orgPostList)
+            console.log("色织关联人---------4--------->",val.row)
+        },
+        //在列表中删除细则
+        deleteRulesTableList(row){
+            if(this.addDetailsInfoList.length - 1 > 0){
+                this.addDetailsInfoList.splice(row.$index,1);
+            }else{
+                this.$alert('<strong>至少要有一条细则内容！</strong>！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+            } 
+        },
+        //关闭设置提报人弹窗
+        closeSetPostAndReportBoxes(){
+            this.setDialogPostManBox = false;
+            this.butLoadings= false;
+            this.clearAllSetTable();
+            this.multipleSelectiontable = [];
+        },
+        //确定提报人
+        setIsTruePostManEs(){
+            if(this.multipleSelectiontable != null && this.multipleSelectiontable.length >0){
+                let isShouw = true;
+                this.multipleSelectiontable.forEach(item=>{
+                    if(item.keylist == null || item.keylist.length < 1){
+                        this.$alert('<strong>请检查您选中的岗位，存在未选择提报人的选项！！</strong>！</strong>', '温馨提示！', {
+                            confirmButtonText: '确定',
+                            type: 'warning',
+                            center: true,
+                            dangerouslyUseHTMLString: true
+                        })
+                        isShouw = false;
+                        return false;
+                    }
+                })
+                if(!isShouw){
+                    return false;
+                }
+            }else{
+                this.$alert('<strong>至少要关联一个岗位！</strong>！</strong>！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                return false;
+            }
+            // this.$refs.setPostManTable
+            // console.log("选中内容--111111---->",this.multipleSelectiontable,this.addDetailsInfoList[this.listIndex])
+            this.addDetailsInfoList[this.listIndex].postandexport = this.multipleSelectiontable
+            // console.log("选中内容--22222---->",this.multipleSelectiontable,this.addDetailsInfoList)
+            this.closeSetPostAndReportBoxes()
+        },
+        //获取选中的数据
+        handleSelectionChangees(val){
+            this.multipleSelectiontable = val;
+        },
+        //全部取消
+        clearAllSetTable(){
+            this.$refs.setPostManTables.clearSelection();
+        },
+        //提交添加数据
+        async addTableDetails(){
+            console.log("提交添加数据---->",this.addDetailsInfoList)
+            this.butLoadings= true
+            if(this.addDetailsInfoList == null || this.addDetailsInfoList.length <1){
+                this.$alert('<strong>请您至少添加一条考核细则内容！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoadings= false
+                return false;
+            }
+            let nextWriterIsTrue = true;
+            this.addDetailsInfoList.forEach(item=>{
+                if(item.title == null || item.title == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("1----------------->")
+                }
+                switch (item.punishtype){
+                    case 2:
+                        if(item.cashstandard == null || item.cashstandard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----1------------>")
+                        }
+                        break;
+                    case 3:
+                        if(item.standard == null || item.standard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----3------------>")
+                        }
+                        if(item.cashstandard == null || item.cashstandard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----2------------>")
+                        }
+                        break;
+                    default:
+                        if(item.standard == null || item.standard == ""){
+                            nextWriterIsTrue = false;
+                            // console.log("5-----4------------>")
+                        }
+                        break;
+                }
+                
+                if(item.unit == null || item.unit == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.types == null || item.types == "" || item.types == 0){
+                    nextWriterIsTrue = false;
+                    // console.log("3----------------->")
+                }
+                if(item.inspemethod == null || item.inspemethod.length <1){
+                    nextWriterIsTrue = false;
+                    // console.log("4----------------->")
+                }else{
+                    item.inspemethod = item.inspemethod.map(String)
+                }
+                // if(item.postandexport == null || item.postandexport.length < 1){
+                //     nextWriterIsTrue = false;
+                //     // console.log("5----------------->")
+                // }
+                
+            });
+            if(!nextWriterIsTrue){
+                this.$alert('<strong>至少一条考核细则内容填写不符合规范！请检查并补充完成后，重新提交！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoadings= false
+                return false;
+            }
+            let sendData = {
+                targetid:this.targetId.toString(),
+                tableid:this.tableId.toString(),
+                detailslist:this.addDetailsInfoList
+            }
+
+            const res = await addTableDetailsList(sendData)
+            console.log("提交添加数据--1-->",sendData,res)
+            if(res.code == 0){
+                this.$message({
+                    showClose: true,
+                    message: res.msg,
+                    type: 'success'
+                });
+                // this.getTargetPostDetailsList();
+                this.$emit('getTargetPostDetailsList');
+                this.closeTableAddBox();
+                this.butLoadings= false
+            }else{
+                this.butLoadings= false
+            }
+
+        },
+
+        //获取岗位与相关行政组织
+        async getOrgPostLists(){
+            let sendData = {
+                id:this.targetId.toString()
+            }
+            const res = await getNewTargetDepartPostMan(sendData)
+            if(res.code ==0){
+                this.orgPostList = res.data.organdpostlist
+            }
+        },
+        
+    }
+}
+</script>
+<style>
+    
+</style>
\ No newline at end of file
diff --git a/src/views/basicCont/targettabslayout/targetdetails.vue b/src/views/basicCont/targettabslayout/targetdetails.vue
new file mode 100644
index 0000000..2f990cb
--- /dev/null
+++ b/src/views/basicCont/targettabslayout/targetdetails.vue
@@ -0,0 +1,1303 @@
+<template>
+    <div>
+        
+        <el-row>
+            <el-col :span="24">
+                <el-form ref="shearchTargetDetails" :model="searchDetails" label-width="80px" :inline="true">
+                    <el-form-item label="行政组织"  >
+                        <!-- <el-select
+                            v-model="searchDetails.orglist"
+                            multiple
+                            collapse-tags
+                            style="margin-left: 20px;"
+                            placeholder="请选择">
+                            <el-option
+                            v-for="item in newOrgList"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id">
+                            </el-option>
+                        </el-select> -->
+                        <el-cascader filterable clearable v-model="searchDetails.orglist" :options="newOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                    </el-form-item>
+                    <el-form-item label="检查方式"  >
+                        <el-select multiple v-model="searchDetails.testmethod" clearable placeholder="请选择" collapse-tags>
+                            <el-option label="现场检查" value="1"></el-option>
+                            <el-option label="资料审查" value="2"></el-option>
+                            <el-option label="事件触发" value="3"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="检查周期"  >
+                        <el-select v-model="searchDetails.cycle" placeholder="请选择检查周期">
+                            <el-option
+                            v-for="item in optionsclye"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                        type="primary"
+                        icon="el-icon-search"
+                        @click="onSubmitSearchDetails"
+                        >查询</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                        type="warning"
+                        icon="el-icon-plus"
+                        @click="addNewTargetDetails"
+                        >新增</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-col>
+            <el-col :span="24">
+                <!--细则列表-->
+                <el-table :data="tarDeatilsList" border  :cell-style="{padding:'0px'}" height='calc(100vh - 240px)' :span-method="objectSpanMethod">
+                    <el-table-column prop="columnname" fixed label="考核项目" width="80">
+                        <template #default="scope">
+                        {{scope.row.columnname}}
+                        </template>
+                    </el-table-column>
+                    
+                    <el-table-column prop="jibuqi" label="序号" fixed  width="50" align="center"></el-table-column>
+                    <el-table-column prop="title" label="考核内容" fixed  width="400"></el-table-column>
+                    <el-table-column prop="standard" label="考核标准" width="100" align="center"></el-table-column>
+                    <el-table-column prop="unit" label="单位" width="80" align="center">
+                        <template #default="scope">
+                            <div v-if="scope.row.company==0">
+                            </div>
+                            <div v-if="scope.row.company!=0">
+                                {{scope.row.company}}
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="unit" label="检查方式" width="120" align="center">
+                        <template #default="scope">
+                            <div v-for="(iteam,index) in scope.row.censortype" :key="index">
+                                <el-tag v-if="iteam==1" size="mini">现场检查</el-tag>
+                                <el-tag v-if="iteam==2" size="mini" type="warning">资料审查</el-tag>
+                                <el-tag v-if="iteam==3" size="mini" type="danger">事件触发</el-tag>
+                            </div>
+                    </template>
+                    </el-table-column>
+                    <el-table-column prop="censorcont" label="客观证据" width="200" align="center"/>
+                    <el-table-column label="检查周期" width="80" align="center">
+                        <template #default="scope">
+                            <div v-if="scope.row.cycle==='0'"></div>
+                            <div v-else>
+                                {{scope.row.censorrate}}次 /
+                                <span v-if="scope.row.cycle==1">班</span>
+                                <span v-if="scope.row.cycle==2">天</span>
+                                <span v-if="scope.row.cycle==3">周</span>
+                                <span v-if="scope.row.cycle==4">月</span>
+                                <span v-if="scope.row.cycle==5">季度</span>
+                                <span v-if="scope.row.cycle==7">半年</span>
+                                <span v-if="scope.row.cycle==6">年</span>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="content" label="备注说明" width="200"/>
+                    <el-table-column
+                        label="状态"
+                        align="center"
+                        >
+                        <template #default="scope">
+                            <el-switch
+                                inline-prompt 
+                                v-model="scope.row.state"
+                                active-color="#13ce66"
+                                inactive-color="#ff4949"
+                                :active-value=1
+                                :inactive-value=2
+                                @change="changeVal($event,scope.row.id)"
+                            />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="操作" width="80" align="center" fixed="right">
+                        <template #default="scope">
+                            <div>
+                                <el-button
+                                    icon="el-icon-edit"
+                                    size="small"
+                                    type="text"
+                                    @click="showxize(scope.row)"
+                                >修改</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                    icon="el-icon-delete"
+                                    size="small"
+                                    type="text"
+                                    @click="deleteSmall(scope.row)"
+                                >删除</el-button>
+                            </div>
+                            
+                            
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="项目操作" width="80" align="center" fixed="right" prop="setupedit">
+                        <template #default="scope">
+                            <div>
+                                <el-button
+                                icon="el-icon-plus"
+                                size="small"
+                                type="text"
+                                @click="showaddbiao(scope.row)"
+                                >新增</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                icon="el-icon-edit"
+                                size="small"
+                                type="text"
+                                @click="showEditming(scope.row)"
+                                >修改</el-button>
+                            </div>
+                            <div>
+                                <el-button
+                                icon="el-icon-delete"
+                                size="small"
+                                type="text"
+                                @click="deleteSun(scope.row)"
+                                >删除</el-button>
+                            </div>
+                        
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </el-col>
+        </el-row>
+        <!--新增指标细则-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="addDetalisBox" :before-close="closeDetailsialog" :title="'《'+targetInfo.title+'》指标新增细则'" custom-class="dialogBox" append-to-body width="90%" top="5vh">
+            <el-row>
+                <el-col :span="24">
+                    <div class="demo-input-suffix">
+                        所属行政组织：
+                        <el-cascader filterable clearable v-model="unifyOrgList" :options="targetOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                        <el-button type="warning" class="butSetup" @click="setAllOrg">一键设置</el-button>
+                        细则提报人：
+                        <el-cascader filterable clearable v-model="unifyUserList" :options="peopleList" :show-all-levels="false" :props="userPropsDeta" collapse-tags>
+                            <template slot-scope="{ node, data }" >
+                              <span >{{ data.name }}</span>
+                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                            </template>
+                        </el-cascader>
+                        <el-button type="warning" class="butSetup" @click="setAllReport">一键设置</el-button>
+                    </div>
+                </el-col>
+                <el-col :span="24">
+                    <el-card class="box-card card_box">
+                        <el-row>
+                            <el-col :span="10">
+                               
+                                <span>栏目名称<el-select
+                                    style="width:65%;margin-left: 15px" 
+                                    v-model="targetsuntitle"
+                                    
+                                    filterable
+                                    allow-create
+                                    default-first-option
+                                    placeholder="请选择栏目名称或输入新栏目名称">
+                                    <el-option
+                                      v-for="item in columnList"
+                                      :key="item.title"
+                                      :label="item.title"
+                                      :value="item.title">
+                                    </el-option>
+                                  </el-select></span>
+                            </el-col>
+                            <el-col :span="8">
+                                <el-button
+                                  icon="el-icon-circle-plus-outline"
+                                  type="primary"
+                                  @click="addDetailsCont()"
+                                >添加细则</el-button>
+                            </el-col>
+                            <el-table ref="detailsTable" :data="targetDetailsList" style="width: 100%" empty-text="">
+                                <el-table-column
+                                    fixed
+                                    label="考核内容"
+                                    width="150">
+                                    <template slot-scope="scope">
+                                        <el-input
+                                        type="textarea"
+                                          autosize
+                                          placeholder="请输入考核内容"
+                                          v-model="scope.row.title">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    fixed
+                                    label="考核标准"
+                                    width="150">
+                                    <template slot-scope="scope">
+                                        <el-input
+                                        type="textarea"
+                                          autosize
+                                          placeholder="请输入考核标准"
+                                          v-model="scope.row.standard">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    align="center"
+                                    label="单位"
+                                    width="80">
+                                    <template slot-scope="scope">
+                                        <el-input
+                                          autosize
+                                          placeholder="单位"
+                                          v-model="scope.row.unit">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    align="center"
+                                    label="操作类型"
+                                    width="110">
+                                    <template slot-scope="scope">
+                                        <el-select v-model="scope.row.types" placeholder="请选择">
+                                            <el-option label="减分" :value=1></el-option>
+                                            <el-option label="加分" :value=2></el-option>
+                                            <el-option label="加减分" :value=3></el-option>
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    align="center"
+                                    label="检查方式"
+                                    width="140">
+                                    <template slot-scope="scope">
+                                        <el-select multiple v-model="scope.row.inspemethod" placeholder="请选择">
+                                          <el-option label="现场检查" :value=1></el-option>
+                                          <el-option label="资料审查" :value=2></el-option>
+                                          <el-option label="事件触发" :value=3></el-option>
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    align="center"
+                                    label="检查周期"
+                                    width="110">
+                                    <template slot-scope="scope">
+                                        <el-select v-model="scope.row.cycle" placeholder="请选择">
+                                            <el-option
+                                            v-for="item in optionsclye"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value">
+                                            </el-option>
+                                        </el-select>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    align="center"
+                                    label="检查频次"
+                                    width="100">
+                                    <template slot-scope="scope">
+                                        <el-input-number v-model="scope.row.frequency" :min="1" :max="12" label="检查频次" controls-position="right"></el-input-number>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    label="检查依据"
+                                    width="180">
+                                    <template slot-scope="scope">
+                                        <el-input
+                                        type="textarea"
+                                          autosize
+                                          placeholder="请输入检查依据"
+                                          v-model="scope.row.evidence">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    prop="remarks"
+                                    label="备注说明"
+                                    width="180">
+                                    <template slot-scope="scope">
+                                        <el-input
+                                        type="textarea"
+                                          autosize
+                                          placeholder="请输入备注说明"
+                                          v-model="scope.row.remarks">
+                                        </el-input>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    fixed="right"
+                                    label="被考核部门"
+                                    width="200">
+                                    <template  slot-scope="scope">
+                                        <el-cascader filterable clearable v-model="scope.row.department" :options="targetOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                                        
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    fixed="right"
+                                    label="执行人"
+                                    width="180">
+                                    <template slot-scope="scope">
+                                        <el-cascader filterable clearable v-model="scope.row.executor" :options="peopleList" :show-all-levels="false" :props="userPropsDeta" collapse-tags>
+                                            <template slot-scope="{ node, data }" >
+                                              <span >{{ data.name }}</span>
+                                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                                            </template>
+                                        </el-cascader>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column
+                                    fixed="right"
+                                    align="center"
+                                    label="操作"
+                                    width="80">
+                                    <template #default="scope">
+                                        <el-button
+                                          icon="el-icon-delete"
+                                          size="small"
+                                          type="text"
+                                          @click="deleteRulesList(scope)"
+                                        >删除</el-button>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </el-row>
+                    </el-card>
+                </el-col>
+            </el-row>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeDetailsialog">取 消</el-button>
+                    <el-button size="small" type="primary" @click="addNewDetails" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!--修改指标细则-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="editDetailsBox" :before-close="closeDetailsEdit" :title="'编辑细则内容'" custom-class="dialogBox" append-to-body top="15vh">
+            <el-form ref="editDetailsContForm" :model="editdetailsCont" :rules="editRules" label-width="120px" >
+                <el-form-item label="考核内容" prop="title">
+                    <el-input type="textarea" v-model="editdetailsCont.title" autocomplete="off" placeholder="请输入考核内容" />
+                </el-form-item>
+                <el-form-item label="考核标准" prop="standard">
+                    <el-input v-model="editdetailsCont.standard" autocomplete="off" placeholder="请输入考核标准" />
+                </el-form-item>
+                <el-form-item label="计量单位" prop="unit">
+                    <el-input v-model="editdetailsCont.unit" autocomplete="off" placeholder="请输入计量单位" />
+                </el-form-item>
+                <el-form-item label="操作类型" prop="types">
+                    <el-select v-model="editdetailsCont.types" placeholder="请选择操作类型">
+                        <el-option label="减分" :value=1></el-option>
+                        <el-option label="加分" :value=2></el-option>
+                        <el-option label="加减分" :value=3></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查方式" prop="inspemethod">
+                    <el-select multiple v-model="editdetailsCont.inspemethod" placeholder="请选择检查方式" style="width:100%">
+                        <el-option label="现场检查" :value=1></el-option>
+                        <el-option label="资料审查" :value=2></el-option>
+                        <el-option label="事件触发" :value=3></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查周期" prop="cycle">
+                    <el-select v-model="editdetailsCont.cycle" placeholder="请选择检查周期">
+                        <el-option
+                        v-for="item in optionsclye"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="检查频次" prop="frequency">
+                    <el-input-number v-model="editdetailsCont.frequency" :min="1" :max="12" label="检查频次" controls-position="right"></el-input-number>
+                </el-form-item>
+                <el-form-item label="检查依据">
+                    <el-input
+                        type="textarea"
+                        autosize
+                        placeholder="请输入检查依据"
+                        v-model="editdetailsCont.evidence">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="备注说明">
+                    <el-input
+                        type="textarea"
+                        autosize
+                        placeholder="请输入备注说明"
+                        v-model="editdetailsCont.remarks">
+                    </el-input>
+                </el-form-item>
+                <el-form-item label="接受考核部门" prop="departmentint">
+                    <el-cascader filterable clearable v-model="editdetailsCont.departmentint" :options="targetOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                </el-form-item>
+                <el-form-item label="执行人" prop="executor">
+                    <el-cascader filterable clearable v-model="editdetailsCont.userlist" :options="peopleList" :show-all-levels="false" :props="userPropsDeta" collapse-tags>
+                        <template slot-scope="{ node, data }" >
+                          <span >{{ data.name }}</span>
+                          <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                        </template>
+                    </el-cascader>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeDetailsEdit">取 消</el-button>
+                    <el-button size="small" type="primary" @click="editNewDetails" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!--根据栏目添加细则-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="tableAddDerailsBox" :before-close="closeTableDetailsAdd" :title="'添加指标细则'" custom-class="dialogBox" append-to-body  width="90%" top="10vh">
+            <el-button
+                icon="el-icon-circle-plus-outline"
+                type="primary"
+                @click="addTableDetailsCont()"
+            >添加细则</el-button>
+            <el-table ref="detailsTable" :data="tableDetailsList" style="width: 100%" empty-text="">
+                <el-table-column
+                    fixed
+                    label="考核内容"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入考核内容"
+                          v-model="scope.row.title">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed
+                    label="考核标准"
+                    width="150">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入考核标准"
+                          v-model="scope.row.standard">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="单位"
+                    width="80">
+                    <template slot-scope="scope">
+                        <el-input
+                          autosize
+                          placeholder="单位"
+                          v-model="scope.row.unit">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="操作类型"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.types" placeholder="请选择">
+                            <el-option label="减分" :value=1></el-option>
+                            <el-option label="加分" :value=2></el-option>
+                            <el-option label="加减分" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查方式"
+                    width="140">
+                    <template slot-scope="scope">
+                        <el-select multiple v-model="scope.row.inspemethod" placeholder="请选择">
+                          <el-option label="现场检查" :value=1></el-option>
+                          <el-option label="资料审查" :value=2></el-option>
+                          <el-option label="事件触发" :value=3></el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查周期"
+                    width="110">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.cycle" placeholder="请选择">
+                            <el-option
+                            v-for="item in optionsclye"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    align="center"
+                    label="检查频次"
+                    width="100">
+                    <template slot-scope="scope">
+                        <el-input-number v-model="scope.row.frequency" :min="1" :max="12" label="检查频次" controls-position="right"></el-input-number>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    label="检查依据"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入检查依据"
+                          v-model="scope.row.evidence">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    prop="remarks"
+                    label="备注说明"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-input
+                        type="textarea"
+                          autosize
+                          placeholder="请输入备注说明"
+                          v-model="scope.row.remarks">
+                        </el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="被考核部门"
+                    width="200">
+                    <template  slot-scope="scope">
+                        <el-cascader filterable clearable v-model="scope.row.department" :options="tableOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                        
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    label="执行人"
+                    width="180">
+                    <template slot-scope="scope">
+                        <el-cascader filterable clearable v-model="scope.row.executor" :options="peopleList" :show-all-levels="false" :props="userPropsDeta" collapse-tags>
+                            <template slot-scope="{ node, data }" >
+                              <span >{{ data.name }}</span>
+                              <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                            </template>
+                        </el-cascader>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                    fixed="right"
+                    align="center"
+                    label="操作"
+                    width="80">
+                    <template #default="scope">
+                        <el-button
+                          icon="el-icon-delete"
+                          size="small"
+                          type="text"
+                          @click="deleteRulesList(scope)"
+                        >删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeTableDetailsAdd">取 消</el-button>
+                    <el-button size="small" type="primary" @click="addNewTanleDetails" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+        <!--修改栏目基础信息-->
+        <el-dialog :close-on-click-modal="false" :visible.sync="editTableBox" :before-close="closeTableInfoBox" :title="'编辑栏目'" custom-class="dialogBox" append-to-body   top="10vh">
+            <el-form ref="editTableContForm" :model="editTableContForm" :rules="editRules" label-width="120px" >
+                <el-form-item label="考核内容" prop="title">
+                    <el-input v-model="editTableContForm.title" autocomplete="off" placeholder="请输入考核内容" />
+                </el-form-item>
+                <el-form-item label="接受考核部门" prop="departmentint">
+                    <el-cascader filterable clearable v-model="editTableContForm.departmentint" :options="newOrgList" :show-all-levels="false" :props="propsdepartDeta" collapse-tags></el-cascader>
+                </el-form-item>
+                <el-form-item label="执行人" prop="executor">
+                    <el-cascader filterable clearable v-model="editTableContForm.userlist" :options="peopleList" :show-all-levels="false" :props="userPropsDeta" collapse-tags>
+                        <template slot-scope="{ node, data }" >
+                          <span >{{ data.name }}</span>
+                          <span v-if="node.isLeaf"> ({{ data.number }}) </span>
+                        </template>
+                    </el-cascader>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer"> 
+                    <el-button size="small" @click="closeTableInfoBox">取 消</el-button>
+                    <el-button size="small" type="primary" @click="editTableContSend" :loading="butLoading">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { tableMergeTrade } from "@/api/people/peopledata";
+import { getTargetDetailsList,getTargetColumnList,newAddDepartDetails,editDetailsState,getonedetailedtarget,editDetailsCont,getSonTargetCont,tableAddDetailses,editTableDepartMan,delsontarget } from "@/api/systemaccredit/systemapi";
+import { getCompanyDeparment,getAppointOrg } from "@/api/personnel/post";
+export default {
+    props:['targetInfo','orgList','options','departmentIdInt','grouplistBackup'],
+    data() {
+        return {
+            //统计周期
+            optionsclye: [
+                {
+                    value: 4,
+                    label: '月'
+                }, {
+                    value: 5,
+                    label: '季度'
+                }, {
+                    value: 6,
+                    label: '年'
+                }
+            ],
+            targetsuntitle:"",
+            columnList:{
+                id:"",
+                title:"",
+            },  //栏目
+            // 添加时验证规则
+            rules: {
+                // title: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+            },
+            peopleList:this.grouplistBackup,            //数据提报人列表
+            userPropsDeta: {
+                value: "key",
+                label: "name",
+                children: "govlist",
+                emitPath:false,
+                multiple: true
+            },//数据提报人
+            propsdepartDeta: {
+                checkStrictly: true,
+                value: "id",
+                label: "name",
+                children: "child",
+                emitPath:false,
+                multiple: true
+            },  //关联部门
+            choiceOrgList:[],
+            searchDetails:{},       //搜索框
+            newTargetInfo:{}, //指标数据
+            newOrgList:{}, //行政组织
+            tarDeatilsList:[],  //指标详情
+            mergeObj: {}, //合并处理后的数据 
+            mergeArr: ['columnname','setupedit'],// 需要合并的行列信息
+            addDetalisBox:false, //添加弹出窗
+            unifyOrgList:[], //指标关联行政组织
+            unifyUserList:[], //数据提报人
+            targetOrgList:[], //指标行政组织
+            targetDetailsList:[], //指标细则列表
+            tableIsShow:false, //
+            butLoading: false, //加载按钮
+            editDetailsBox:false, //修改指标弹出窗
+            editdetailsCont:{
+                oldtitle:""
+            }, //修改指标信息
+            editRules:{}, //验证规则
+            tableAddDerailsBox:false, //根据指标添加细则
+            tableDetailsList:[], //根据栏目添加细则
+            tableOrgList:[], //栏目关联部门
+            tableCont:{
+                targetid:"",
+                tableid:""
+            }, //指标内容
+            editTableBox:false, //编辑栏目基础信息弹窗
+            editTableContForm:{},   //编辑栏目基本信息
+        }
+    },
+    created(){
+        // console.log("targetInfo------111------->",this.targetInfo,this.targetInfo.id)
+        // console.log("orgList-------222------>",this.orgList)
+        // console.log("acceptdepartmentid-------33333------>",this.departmentIdInt)
+        this.newOrgList = this.orgList
+        this.newTargetInfo = this.targetInfo
+        this.searchDetails.targetid = this.targetInfo.id
+        // this.searchDetails.orglist = this.departmentIdInt
+        // this.$set(this.searchDetails,'orglist',this.departmentIdInt)
+        this.getTargetDetailsList();
+    },
+    watch:{
+        departmentIdInt(){
+            // this.searchDetails.orglist = this.departmentIdInt
+            // this.$set(this.searchDetails,'orglist',this.departmentIdInt)
+        },
+        targetInfo(){
+            this.newTargetInfo = this.targetInfo
+            this.searchDetails.targetid = this.targetInfo.id
+            // console.log("targetInfo------33333------->",this.searchDetails)
+            this.getTargetDetailsList();
+        },
+        orgList:{
+            handler(newVal){
+                this.newOrgList = this.orgList
+            },
+            deep: true
+        }
+    },
+    methods:{
+        //清除筛选数据
+        clearSearchData(){
+            this.searchDetails.orglist = [];
+            this.searchDetails.testmethod = [];
+            this.searchDetails.cycle = "";
+        },
+        //获取指标细则列表
+        async getTargetDetailsList(){
+            
+            const res = await getTargetDetailsList(this.searchDetails)
+            this.tarDeatilsList = res.data
+            if(res.code == 0){
+                // this.tarDeatilsList.forEach(item=>{
+                //     item.setupedit = 1
+                // })
+                this.mergeObj = tableMergeTrade(this.tarDeatilsList,this.mergeArr,"setupedit")
+            }
+            // console.log("mergeObj----111--2---->",this.mergeObj)
+        },
+        //计算表格合并行
+        // 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            // console.log("默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }",row, column, rowIndex, columnIndex)
+            // 判断列的属性
+            if(this.mergeArr.indexOf(column.property) !== -1) { 
+                // 判断其值是不是为0 
+                if(this.mergeObj[column.property][rowIndex]) { 
+                    return [this.mergeObj[column.property][rowIndex], 1]
+                } else {
+                    // 如果为0则为需要合并的行
+                    return [0, 0]; 
+                }
+            }
+        },
+        
+        
+        //查询指标
+        async onSubmitSearchDetails(){
+            this.getTargetDetailsList();
+        },
+        //新增细则列表
+        addDetailsCont(){
+            let detailsInfo = {
+                title:"",
+                standard:"",
+                unit:this.targetInfo.unites,
+                types:1,
+                inspemethod:[1],
+                cycle:4,
+                frequency:"",
+                evidence:"",
+                remarks:"",
+                department:this.unifyOrgList,
+                executor:this.unifyUserList
+            }
+            this.targetDetailsList.push(detailsInfo)
+            // console.log("新增细则列表------>",this.targetDetailsList)
+        },
+        //删除明细条目
+        deleteRulesList(row){
+            this.targetDetailsList.splice(row.$index,1);
+        },
+        //一键设置行政组织
+        setAllOrg(){
+            // console.log("一键设置行政组织---2222--->",this.unifyOrgList,this.targetDetailsList)
+            let newDetalisData =new Array
+            if(this.unifyOrgList != null && this.unifyOrgList.length > 0){
+                if(this.targetDetailsList != null && this.targetDetailsList.length >0){
+                    
+                    this.targetDetailsList.forEach(item=>{
+                        item.department = this.unifyOrgList
+                    })
+                }
+            }
+            // console.log("一键设置行政组织------>",this.targetDetailsList)
+        },
+        //一键设置执行人
+        setAllReport(){
+            // console.log("一键设置执行人---2222--->",this.unifyUserList,this.targetDetailsList)
+            if(this.unifyUserList != null && this.unifyUserList.length > 0){
+                if(this.targetDetailsList != null && this.targetDetailsList.length >0){
+                    this.targetDetailsList.forEach(item=>{
+                        item.executor = this.unifyUserList
+                        
+                    })
+                }
+            }
+            // this.$nextTick(() => {
+            //     this.$forceUpdate()
+            // })
+            // console.log("一键设置执行人------>",this.targetDetailsList)
+        },
+        //新增指标细则
+        async addNewTargetDetails(){
+            //计算已经选择的人员
+            if(this.targetInfo.reportmap != null && this.targetInfo.reportmap.length > 0){
+                this.targetInfo.reportmap.forEach(item =>{
+                    this.unifyUserList.push(item.key)
+                })
+            }
+            if(this.targetInfo.relevantdepartmentsmap != null && this.targetInfo.relevantdepartmentsmap.length > 0){
+                this.targetInfo.relevantdepartmentsmap.forEach(item =>{
+                    this.unifyOrgList.push(item.key*1)
+                })
+            }
+            if(this.unifyOrgList.length > 0){
+                let sendAppinoOrg = {
+                    orgid:this.unifyOrgList
+                }
+                // console.log(sendAppinoOrg,"----------------->")
+                const res = await getAppointOrg(sendAppinoOrg);
+                this.targetOrgList = res.data
+            }else{
+                let sendData ={
+                    id:309,
+                    idstr:309
+                }
+                const res = await getCompanyDeparment(sendData);
+                this.targetOrgList = res.data
+            }
+            //获取相关栏目
+            let sendColumn ={
+                id:this.targetInfo.id.toString()
+            }
+            const resColumn = await getTargetColumnList(sendColumn);
+            this.columnList = resColumn.data
+            this.addDetailsCont()
+            this.addDetalisBox = true;
+        },
+        //关闭新增细则
+        closeDetailsialog(){
+            this.addDetalisBox = false;
+            this.initAddData();
+        },
+        initAddData(){
+            this.targetDetailsList=[]
+            this.unifyUserList=[]
+            this.unifyOrgList = []
+        },
+        //提交新增指标细则数据
+        async addNewDetails(){
+            this.butLoading = true;
+           
+            if(this.targetsuntitle == null || this.targetsuntitle == ""){
+                this.$alert('<strong>请选择栏目或输入新的栏目！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                return false;
+            }
+            if(this.targetDetailsList == null || this.targetDetailsList.length <1){
+                this.$alert('<strong>请您至少添加一条考核细则内容！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                return false;
+            }
+            let nextWriterIsTrue = true;
+            this.targetDetailsList.forEach(item=>{
+                if(item.title == null || item.title == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("1----------------->")
+                }
+                if(item.standard == null || item.standard == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.unit == null || item.unit == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.types == null || item.types == "" || item.types == 0){
+                    nextWriterIsTrue = false;
+                    // console.log("3----------------->")
+                }
+                if(item.inspemethod == null || item.inspemethod.length <1){
+                    nextWriterIsTrue = false;
+                    // console.log("4----------------->")
+                }
+                if(item.department == null || item.department.length < 1){
+                    nextWriterIsTrue = false;
+                    // console.log("5----------------->")
+                }else{
+                    item.department = item.department.map(String)
+                }
+                if(item.executor == null || item.executor.length < 1){
+                    nextWriterIsTrue = false;
+                    // console.log("6----------------->")
+                }
+                item.inspemethod = item.inspemethod.map(String)
+            });
+            if(!nextWriterIsTrue){
+                this.$alert('<strong>至少一条考核细则内容填写不符合规范！请检查并补充完成后，重新提交！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                return false;
+            }
+            let sendDataCont = {
+                targetid:this.targetInfo.id.toString(),
+                targetorglist:this.targetInfo.relevantdepartmentsmap,
+                tablename:this.targetsuntitle,
+                detailslist:this.targetDetailsList
+            }
+            // console.log("提交新增指标细则数据---------栏目名称-------->",sendDataCont)
+            const res = await newAddDepartDetails(sendDataCont)
+            if(res.code == 0){
+                this.$message({
+                    showClose: true,
+                    message: res.msg,
+                    type: 'success'
+                });
+                this.butLoading = false;
+            }else{
+                this.butLoading = false;
+            }
+            // console.log("提交新增指标细则数据---------边检-------->",res)
+            this.getTargetDetailsList();
+            this.closeDetailsialog();
+            
+        },
+        //改变指标细则状态
+        async changeVal(val,id){
+            // console.log("改变指标细则状态-------->",val,id)
+            let sendData = {
+                    id:id.toString(),
+                    state:val,
+                    istrue:2
+            }
+            const res = await editDetailsState(sendData)
+            this.getTargetDetailsList();
+        },
+        //删除指标细则
+        async deleteSmall(val){
+            this.$confirm('此操作将永久删除相关资料！是否继续执行此操作?', '是否删除此项资料？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(async() => {
+                let sendData = {
+                    id:val.id.toString(),
+                    state:3,
+                    istrue:2
+                }
+                // console.log("此操作将永久删除相关资料",val)
+                const respon = await editDetailsState(sendData)
+                if (respon.code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    })
+                    
+                    this.getTargetDetailsList();
+                }
+                    
+            })
+        },
+        //修改指标细则
+        async showxize(val){
+            if(this.unifyOrgList.length > 0){
+                let sendAppinoOrg = {
+                    orgid:this.unifyOrgList
+                }
+                // console.log(sendAppinoOrg,"----------------->")
+                const res = await getAppointOrg(sendAppinoOrg);
+                this.targetOrgList = res.data
+            }else{
+                let sendData ={
+                    id:309,
+                    idstr:309
+                }
+                const res = await getCompanyDeparment(sendData);
+                this.targetOrgList = res.data
+            }
+            let sendData = {
+                id:val.id.toString()
+            }
+            const res = await getonedetailedtarget(sendData)
+            // console.log("修改指标细则-------->",val)
+            this.$set(this.editdetailsCont,'id',val.id.toString())
+            this.$set(this.editdetailsCont,'oldtitle',res.data.title)
+
+            this.$set(this.editdetailsCont,'title',res.data.title)
+            this.$set(this.editdetailsCont,'remarks',res.data.content)
+            this.$set(this.editdetailsCont,'unit',res.data.unit)
+            this.$set(this.editdetailsCont,'standard',res.data.referencescore)
+            this.$set(this.editdetailsCont,'cycle',res.data.cycle)
+            this.$set(this.editdetailsCont,'cycleattr',res.data.cycleattr)
+            this.$set(this.editdetailsCont,'userlist',res.data.userlist)
+            this.$set(this.editdetailsCont,'types',res.data.addorreduce)
+            let inspemethodAry = new Array
+            if(res.data.censortype != null && res.data.censortype.length > 0){
+                res.data.censortype.forEach(item=>{
+                    // item = item*1
+                    inspemethodAry.push(item*1)
+                })
+                // console.log("修改指标细则----345--2222-->",res.data.censortype,inspemethodAry)
+            }
+            // console.log("修改指标细则----345---->",res.data.censortype,inspemethodAry)
+            this.$set(this.editdetailsCont,'inspemethod',inspemethodAry)
+            this.$set(this.editdetailsCont,'evidence',res.data.censorcont)
+            this.$set(this.editdetailsCont,'frequency',res.data.censorrate)
+            this.$set(this.editdetailsCont,'executor',res.data.reportmanlist)
+            this.$set(this.editdetailsCont,'department',res.data.departmentlist)
+            this.$set(this.editdetailsCont,'departmentint',res.data.departmentidlist)
+            // console.log("修改指标细则----123---->",this.editdetailsCont,this.targetOrgList)
+            this.editDetailsBox = true;
+        },
+        //关闭编辑指标明细页面
+        closeDetailsEdit(){
+            this.editDetailsBox = false;
+            this.editdetailsCont={};
+        },
+        //提交编辑指标细则内容
+        async editNewDetails(){
+            this.editDetailsBox = true;
+            // console.log("提交编辑指标细则内容--->",this.editdetailsCont)
+            let sendData = {
+                id:this.editdetailsCont.id,
+                title:this.editdetailsCont.title,
+                standard:this.editdetailsCont.standard,
+                unit:this.editdetailsCont.unit,
+                types:this.editdetailsCont.types,
+                inspemethod:this.editdetailsCont.inspemethod.map(String),
+                cycle:this.editdetailsCont.cycle,
+                frequency:this.editdetailsCont.frequency,
+                evidence:this.editdetailsCont.evidence,
+                remarks:this.editdetailsCont.remarks,
+                department:this.editdetailsCont.departmentint.map(String),
+                executor:this.editdetailsCont.userlist,
+            }
+            const res = await editDetailsCont(sendData)
+            // console.log("提交编辑指标细则内容------结果------>",res)
+            this.getTargetDetailsList();
+            this.closeDetailsEdit()
+        },
+        //根据栏目添加指标细则
+        async showaddbiao(val){
+            console.log("根据栏目添加指标细则------>",val)
+            this.tableCont={
+                targetid:val.parentid.toString(),
+                tableid:val.parentidsun.toString()
+            }
+            let sendDate = {
+                id:val.parentidsun.toString(),
+            }
+            const res = await getSonTargetCont(sendDate); //获取栏目信息
+            this.tableOrgList = res.data.departmentcont;
+            this.tableDetailsList=[];
+            this.addTableDetailsCont();
+            this.tableAddDerailsBox= true;
+        },
+        //根据栏目新增细则列表
+        addTableDetailsCont(){
+            let detailsInfo = {
+                title:"",
+                standard:"",
+                unit:this.targetInfo.unites,
+                types:1,
+                inspemethod:[1],
+                cycle:4,
+                frequency:"",
+                evidence:"",
+                remarks:"",
+                department:this.unifyOrgList,
+                executor:this.unifyUserList
+            }
+            this.tableDetailsList.push(detailsInfo)
+            // console.log("新增细则列表------>",this.targetDetailsList)
+        },
+        //关闭栏目添加指标弹窗
+        closeTableDetailsAdd(){
+            this.butLoading = false;
+            this.tableAddDerailsBox= false;
+            this.tableDetailsList=[];
+            this.tableCont={
+                targetid:"",
+                tableid:""
+            }
+        },
+        //提交栏目添加细则
+        async addNewTanleDetails(){
+            this.butLoading = true;
+            
+            if(this.tableCont == null || this.tableCont == ""){
+                this.$alert('<strong>请选择栏目或输入新的栏目！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading = false;
+                return false;
+            }
+            if(this.tableDetailsList == null || this.tableDetailsList.length <1){
+                this.$alert('<strong>请您至少添加一条考核细则内容！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading = false;
+                return false;
+            }
+            let nextWriterIsTrue = true;
+            this.tableDetailsList.forEach(item=>{
+                if(item.title == null || item.title == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("1----------------->")
+                }
+                if(item.standard == null || item.standard == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.unit == null || item.unit == ""){
+                    nextWriterIsTrue = false;
+                    // console.log("2----------------->")
+                }
+                if(item.types == null || item.types == "" || item.types == 0){
+                    nextWriterIsTrue = false;
+                    // console.log("3----------------->")
+                }
+                if(item.inspemethod == null || item.inspemethod.length <1){
+                    nextWriterIsTrue = false;
+                    // console.log("4----------------->")
+                }
+                if(item.department == null || item.department.length < 1){
+                    nextWriterIsTrue = false;
+                    // console.log("5----------------->")
+                }else{
+                    item.department = item.department.map(String)
+                }
+                if(item.executor == null || item.executor.length < 1){
+                    nextWriterIsTrue = false;
+                    // console.log("6----------------->")
+                }
+                item.inspemethod = item.inspemethod.map(String)
+            });
+            if(!nextWriterIsTrue){
+                this.$alert('<strong>至少一条考核细则内容填写不符合规范！请检查并补充完成后，重新提交！</strong>', '温馨提示！', {
+                    confirmButtonText: '确定',
+                    type: 'warning',
+                    center: true,
+                    dangerouslyUseHTMLString: true
+                })
+                this.butLoading = false;
+                return false;
+            }
+            let sendDataCont = {
+                targetid:this.tableCont.targetid,
+                tableid:this.tableCont.tableid,
+                detailslist:this.tableDetailsList
+            }
+            const res = await tableAddDetailses(sendDataCont);
+            // console.log("提交栏目添加细则----1111-->",sendDataCont,res)
+            if(res.code == 0){
+                this.getTargetDetailsList();
+                this.closeTableDetailsAdd();
+            }else{
+                this.butLoading = false;
+            }
+        },
+        //编辑栏目基础信息弹窗
+       async showEditming(val){
+            this.editTableBox = true;
+            // console.log("编辑栏目基础信息弹窗----1111-->",val)
+            let sendDate = {
+                id:val.parentidsun.toString(),
+            }
+            const res = await getSonTargetCont(sendDate); //获取栏目信息
+            this.editTableContForm = {};
+            this.$set(this.editTableContForm,"id",val.parentidsun.toString());
+            this.$set(this.editTableContForm,"title",res.data.title);
+            this.$set(this.editTableContForm,"departmentint",res.data.departmentid);
+            this.$set(this.editTableContForm,"userlist",res.data.userkey);
+        },
+        //关闭编辑栏目基础信息弹窗
+        closeTableInfoBox(){
+            this.editTableBox = false;
+        },
+        //提交修改栏目数据
+        async editTableContSend(){
+            this.butLoading = true;
+            if(this.editTableContForm.departmentint != null && this.editTableContForm.departmentint.length >0){
+                this.editTableContForm.departmentint = this.editTableContForm.departmentint.map(String)
+            }
+            console.log("提交修改栏目数据----1111-->",this.editTableContForm)
+            const res = await editTableDepartMan(this.editTableContForm)
+            if(res.code == 0){
+                this.closeTableInfoBox();
+            }
+            this.butLoading = false;
+        },
+        //删除栏目
+        async deleteSun(val){
+            console.log("删除栏目--3626-->",val)
+            this.$confirm('此操作将永久删除相关资料！是否继续执行此操作?', '是否删除此项资料？', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(async() => {
+                let sendData = {
+                    id:val.parentidsun.toString(),
+                    state:3,
+                    istrue:2
+                }
+                console.log("此操作将永久删除相关资料",val)
+                const respon = await delsontarget(sendData)
+                if (respon.code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '删除成功!'
+                    })
+                    
+                    this.getTargetDetailsList();
+                }
+                    
+            })
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+/*滚动条样式*/
+.el-table::-webkit-scrollbar {
+    width: 4px;    
+}
+.el-table::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+}
+.el-table::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}
+.setOrgOrPeople{
+    line-height: 40px;
+}
+.butSetup{
+    margin: 0 15px;
+}
+.card_box{
+    margin-top: 20px;
+}
+
+.el-input-number{
+    width: 90px;
+}  
+</style>
\ No newline at end of file
diff --git a/src/views/basicInfo/assessmentDimension.vue b/src/views/basicInfo/assessmentDimension.vue
index 1dd8bbb..41869bc 100644
--- a/src/views/basicInfo/assessmentDimension.vue
+++ b/src/views/basicInfo/assessmentDimension.vue
@@ -192,8 +192,10 @@ export default {
     // 编辑按钮
     async showEdit(row){
       this.editFrom.outid=row.outId
+      
       const res = await getdutyclassinfo(this.editFrom)
       this.editAdd = res.data
+      this.editAdd.outID = row.outId
       this.editDialogFormVisible=true;
 
     },
diff --git a/src/views/basicInfo/gwProject.vue b/src/views/basicInfo/gwProject.vue
index ba67968..f3e8786 100644
--- a/src/views/basicInfo/gwProject.vue
+++ b/src/views/basicInfo/gwProject.vue
@@ -1013,7 +1013,7 @@ export default {
         }
         
       });
-      console.log("新增按钮------------->",this.relevantpostsman);
+      console.log("新增按钮------------->",this.otherOrgList);
     },
     // 编辑按钮
     async showEdit(row) {
diff --git a/src/views/mete/index.vue b/src/views/mete/index.vue
index d92051e..efaafe1 100644
--- a/src/views/mete/index.vue
+++ b/src/views/mete/index.vue
@@ -390,14 +390,14 @@ export default {
           // list:this.fromData
           list:[row]
         }
-        console.log("提交------------->",row,from)
-        // const res = await quanOperation(from)
-        // if (res.code === 0) {
-        //     this.$message({
-        //       type: 'success',
-        //       message: res.msg
-        //     })
-        // }
+        // console.log("提交------------->",row,from)
+        const res = await quanOperation(from)
+        if (res.code === 0) {
+            this.$message({
+              type: 'success',
+              message: res.msg
+            })
+        }
       })
       
       
diff --git a/src/views/workflow/flow.vue b/src/views/workflow/flow.vue
index a688635..70413cb 100644
--- a/src/views/workflow/flow.vue
+++ b/src/views/workflow/flow.vue
@@ -1,89 +1,183 @@
 <template>
-    <el-main >
-        <workflow 
-            :data="data"
-            @ok="ok"
-        />
-    </el-main>
+    <div>
+        <div class="fd-nav-content">
+
+            <section class="dingflow-design">
+				<div class="box-scale" id="box-scale" :style="'transform: scale('+nowVal/100+'); transform-origin: 50% 0px 0px;'">
+					<nodeWrap :nodeConfig.sync="nodeConfig" :flowPermission.sync="flowPermission"></nodeWrap>
+					<div class="end-node">
+						<div class="end-node-circle"></div>
+						<div class="end-node-text">流程结束</div>
+					</div>
+				</div>
+			</section>
+
+        </div>
+
+        <promoterDrawer />
+        <approverDrawer  :directorMaxLevel="directorMaxLevel"/>
+        
+    </div>
 </template>
 <script>
-import workflow from 'workflow-ui/src/components/Generator'
-import 'workflow-ui/lib/workflow-ui.css'
+
+//流程组件
+import { getShiyanData } from "@/api/workflowapi/workflowaip"
+import promoterDrawer from "@/components/drawer/promoterDrawer"
+import approverDrawer from '@/components/drawer/approverDrawer'
+
+
+import { mapMutations } from 'vuex'
 
 export default {
     components: {
-        workflow
+        promoterDrawer,
+        approverDrawer
     },
     data() {
         return {
-            data:{},
-            title: '请假',
-            node: {
-                name: '发起人',
-                type: 'start',
-                nodeId: 'sid-startevent',
-                childNode: {}
-            }
-
+            nowVal:100,
+            nodeConfig: {},
+            flowPermission: [],
+            processConfig: {},
+            directorMaxLevel: 0,
+            workFlowDef: {},
         }
     },
     created(){
-        
-    },
-    computed:{
-        // selectedNode(){
-        //     return this.$store.state.selectedNode
-        // }
+        this.getInitData()
     },
     methods:{
-        ok (data) {
-            console.log("ok------>",data)
-        },
-        toReturn() {
-			//window.location.href = ""
-		},
-        async saveData() {
-            console.log("发布流程")
-        },
-        validate(){
-        return this.$refs["process-tree"].validateProcess()
+        ...mapMutations(['setTableId', 'setIsTried','setPromoter']),
+        //获取初始化数据
+        async getInitData(){
+            const res = await getShiyanData()
+            console.log("获取初始化数据---->",res)
+            this.processConfig = res.data;
+            let { nodeConfig, flowPermission, directorMaxLevel, workFlowDef, tableId } = res.data;
+            this.nodeConfig = nodeConfig;
+			this.flowPermission = flowPermission;
+			this.directorMaxLevel = directorMaxLevel;
+			this.workFlowDef = workFlowDef;
+            this.setTableId(tableId)
+            
         },
-        nodeSelected(node){
-            console.log('配置节点', node)
-            this.showConfig = true
-        }
     }
 }
 </script>
-<style scoped>
+<style>
+#app {
+    font-family: "Avenir", Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: #333333;
+
+}
+
+
+
+.clear:before,
+.clear:after {
+    content: " ";
+    display: table;
+}
+
+.clear:after {
+    clear: both;
+}
 
-</style>
-<style lang="less" scoped>
-.design {
-  margin-top: 100px;
-  display: flex;
-  transform-origin: 50% 0px 0px;
+.ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
-.scale {
-  z-index: 999;
-  position: fixed;
-  top: 80px;
-  right: 40px;
+.l {
+    float: left;
+}
+
+input {
+    text-indent: 10px;
+}
 
-  span {
-    margin: 0 10px;
-    font-size: 15px;
-    color: #7a7a7a;
-    width: 50px;
-  }
+select {
+    text-indent: 8px;
 }
 
-.node-config-content{
-  padding: 0 20px 20px;
+.ml_10 {
+    margin-left: 10px;
 }
 
-/deep/ .el-drawer__body{
-  overflow-y: auto;
+.mr_10 {
+    margin-right: 10px;
+}
+
+.radio_box a,
+.check_box a {
+    font-size: 12px;
+    position: relative;
+    padding-left: 20px;
+    margin-right: 30px;
+    cursor: pointer;
+    color: #333;
+}
+
+.check_box.not a:hover {
+    color: #333;
+}
+
+.check_box.not a::before,
+.check_box.not a:hover::before {
+    border: none;
+}
+
+.check_box.not.active {
+    background: #f3f3f3;
+}
+
+.radio_box a:hover::before,
+.check_box a:hover::before {
+    border: 1px solid #46a6fe;
+}
+
+.radio_box a::before,
+.check_box a::before {
+    position: absolute;
+    width: 14px;
+    height: 14px;
+    border: 1px solid #dcdfe6;
+    border-radius: 2px;
+    left: 0;
+    top: 1px;
+    content: "";
+}
+
+.radio_box a::before {
+    border-radius: 50%;
+}
+
+.check-dot.active::after,
+.radio_box a.active::after,
+.check_box a.active::after {
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    top: 3px;
+    left: 3px;
+    content: "";
+}
+
+.radio_box a.active::after {
+    background: #46a6fe;
+}
+
+.check_box a.active::after {
+    background: url(~@/assets/images/check_box.png) no-repeat center;
+}
+
+
+.error-modal-list {
+	width: 455px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/workflow/flow2.vue b/src/views/workflow/flow2.vue
new file mode 100644
index 0000000..51d3364
--- /dev/null
+++ b/src/views/workflow/flow2.vue
@@ -0,0 +1,89 @@
+<template>
+    <el-main >
+        <workflow 
+            :data="data"
+            @ok="ok"
+        />
+    </el-main>
+</template>
+<script>
+import workflow from 'workflow-ui/src/components/Generator'
+import 'workflow-ui/lib/workflow-ui.css'
+
+export default {
+    components: {
+        workflow
+    },
+    data() {
+        return {
+            // data:{},
+            title: '请假',
+            data: {
+                name: '发起人',
+                type: 'start',
+                nodeId: 'sid-startevent',
+                childNode: {}
+            }
+
+        }
+    },
+    created(){
+        
+    },
+    computed:{
+        selectedNode(){
+            return this.$store.state.selectedNode
+        }
+    },
+    methods:{
+        ok (data) {
+            console.log("ok------>",data)
+        },
+        toReturn() {
+			//window.location.href = ""
+		},
+        async saveData() {
+            console.log("发布流程")
+        },
+        validate(){
+            return this.$refs["process-tree"].validateProcess()
+        },
+        nodeSelected(node){
+            console.log('配置节点', node)
+            this.showConfig = true
+        }
+    }
+}
+</script>
+<style scoped>
+
+</style>
+<style lang="less" scoped>
+.design {
+  margin-top: 100px;
+  display: flex;
+  transform-origin: 50% 0px 0px;
+}
+
+.scale {
+  z-index: 999;
+  position: fixed;
+  top: 80px;
+  right: 40px;
+
+  span {
+    margin: 0 10px;
+    font-size: 15px;
+    color: #7a7a7a;
+    width: 50px;
+  }
+}
+
+.node-config-content{
+  padding: 0 20px 20px;
+}
+
+/deep/ .el-drawer__body{
+  overflow-y: auto;
+}
+</style>
\ No newline at end of file