diff --git a/.history/src/views/opk/asd/news/bb_20231102102940.vue b/.history/src/views/opk/asd/news/bb_20231102102940.vue
new file mode 100644
index 000000000..cbd5b72c3
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102102940.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102102946.vue b/.history/src/views/opk/asd/news/bb_20231102102946.vue
new file mode 100644
index 000000000..0b0a38d08
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102102946.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102102950.vue b/.history/src/views/opk/asd/news/bb_20231102102950.vue
new file mode 100644
index 000000000..2a03b7a67
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102102950.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102103013.vue b/.history/src/views/opk/asd/news/bb_20231102103013.vue
new file mode 100644
index 000000000..b549fae0e
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102103013.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.states" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112456.vue b/.history/src/views/opk/asd/news/bb_20231102112456.vue
new file mode 100644
index 000000000..537e3d5d7
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112456.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.states" class="ml-2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112457.vue b/.history/src/views/opk/asd/news/bb_20231102112457.vue
new file mode 100644
index 000000000..232c34fd8
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112457.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.states" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112504.vue b/.history/src/views/opk/asd/news/bb_20231102112504.vue
new file mode 100644
index 000000000..9aca3f649
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112504.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112518.vue b/.history/src/views/opk/asd/news/bb_20231102112518.vue
new file mode 100644
index 000000000..4f9ac7fdd
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112518.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112637.vue b/.history/src/views/opk/asd/news/bb_20231102112637.vue
new file mode 100644
index 000000000..9aca3f649
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112637.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112653.vue b/.history/src/views/opk/asd/news/bb_20231102112653.vue
new file mode 100644
index 000000000..4f9ac7fdd
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112653.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112740.vue b/.history/src/views/opk/asd/news/bb_20231102112740.vue
new file mode 100644
index 000000000..9aca3f649
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112740.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112859.vue b/.history/src/views/opk/asd/news/bb_20231102112859.vue
new file mode 100644
index 000000000..4f9ac7fdd
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112859.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+							{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+						<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+						<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+						<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112911.vue b/.history/src/views/opk/asd/news/bb_20231102112911.vue
new file mode 100644
index 000000000..cbd5b72c3
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112911.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+			<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112913.vue b/.history/src/views/opk/asd/news/bb_20231102112913.vue
new file mode 100644
index 000000000..7b8fe1ce7
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112913.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112922.vue b/.history/src/views/opk/asd/news/bb_20231102112922.vue
new file mode 100644
index 000000000..3b9468e70
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112922.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status"  class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112931.vue b/.history/src/views/opk/asd/news/bb_20231102112931.vue
new file mode 100644
index 000000000..747aa2e93
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112931.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" :inactive-value="1" :active-value="2"   class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112933.vue b/.history/src/views/opk/asd/news/bb_20231102112933.vue
new file mode 100644
index 000000000..3175529c3
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112933.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" :inactive-value="1" :active-value="2"  class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112935.vue b/.history/src/views/opk/asd/news/bb_20231102112935.vue
new file mode 100644
index 000000000..a2abf8a7a
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112935.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102112945.vue b/.history/src/views/opk/asd/news/bb_20231102112945.vue
new file mode 100644
index 000000000..b1a455e86
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102112945.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113235.vue b/.history/src/views/opk/asd/news/bb_20231102113235.vue
new file mode 100644
index 000000000..45ee6a955
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113235.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113241.vue b/.history/src/views/opk/asd/news/bb_20231102113241.vue
new file mode 100644
index 000000000..b1a455e86
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113241.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113430.vue b/.history/src/views/opk/asd/news/bb_20231102113430.vue
new file mode 100644
index 000000000..45ee6a955
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113430.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113635.vue b/.history/src/views/opk/asd/news/bb_20231102113635.vue
new file mode 100644
index 000000000..d9d7e5f6a
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113635.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113637.vue b/.history/src/views/opk/asd/news/bb_20231102113637.vue
new file mode 100644
index 000000000..40f2c3305
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113637.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="2" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113644.vue b/.history/src/views/opk/asd/news/bb_20231102113644.vue
new file mode 100644
index 000000000..ae4422f99
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113644.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="2" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113944.vue b/.history/src/views/opk/asd/news/bb_20231102113944.vue
new file mode 100644
index 000000000..939902b8d
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113944.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="2" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #ff4949" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/asd/news/bb_20231102113947.vue b/.history/src/views/opk/asd/news/bb_20231102113947.vue
new file mode 100644
index 000000000..80e5540ff
--- /dev/null
+++ b/.history/src/views/opk/asd/news/bb_20231102113947.vue
@@ -0,0 +1,265 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { departmentprogramme,edit_depart,edit_depart_progra } from '@/api/opk/news/api'
+import { ge_copy } from '@/api/opk/zxy/news/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+import Dialog from './dialog.vue'
+import Dialoglog from './dialoglog.vue'
+import Yg from './yg.vue'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	edPostBox:false,
+	ygPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+const rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:"",
+	type:"",
+	value1:"2023",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const ass = new Date(formdate.value1);
+	const qwe = ass.getFullYear();
+	const zjr = qwe.toString();
+	departmentprogramme({orgid:formdate.orgidlist,year:zjr,version:formdate.name})		
+		.then(data => {
+			tableq.value = data.data;
+			total.value = data.data.count;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:string,state:number){
+	console.log("改变状态--------->",classId,state)
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	edit_depart({id:classId,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.key.toString()
+				handleSure(val)
+				console.log(val.id)
+				edit_depart({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+					postt()
+			})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = ""
+	postt()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString()
+	postt()
+}
+const handleErd=(val:any)=>{
+	data.edPostBox=true;
+	rowInfo.value=val;
+}
+const handleio=(val:any)=>{
+	data.ygPostBox=true;
+	rowInfo.value = val;
+}
+
+const flitterData4 = (data:any)=>{
+      let spanOneArr = [] as any[]
+      let concatOne = 0
+      data.value.forEach((item:any,index:any)=>{
+        if(index === 0){
+          spanOneArr.push(1)
+        }else{
+          //name 修改
+          if(item.department === data.value[index - 1].department){ //第一列需合并相同内容的字段
+            spanOneArr[concatOne] += 1
+            spanOneArr.push(0)
+          }else{
+            spanOneArr.push(1)
+            concatOne = index
+          }
+        }
+      })
+      return  {
+        one: spanOneArr,
+      }
+    }
+function objectSpanMethod({row, column, rowIndex, columnIndex}:any){
+      if(columnIndex === 0 ) {
+        // this.tableData  修改
+        const _row = (flitterData4(tableq).one)[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template>
+	<div class="m-2">
+		<el-container clss="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width: 140px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="方案版本号:">
+					<el-input v-model="formdate.name" placeholder="请输入方案版本号" clearable style="width:200px"/>
+				</el-form-item>
+				<el-form-item label="年度:" label-width="90">
+						<el-date-picker v-model="formdate.value1" type="year"/>
+				</el-form-item>
+				<el-form-item label-width="25">
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+			</el-container>	
+				<el-table class="m-1" :data="tableq" :span-method="objectSpanMethod" border style="width: 100%">
+					<el-table-column prop="groupname,deaprtname," label="部门">
+						<template #default="scope"> 
+						{{scope.row.groupname}}{{scope.row.deaprtname}}
+						</template>
+					</el-table-column>
+					<el-table-column prop="year" label="年" width="70"/>
+					<el-table-column prop="key" label="版本号"/>
+					<el-table-column prop="time" label="时间" />
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="2" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" @change="editPostState(scope.row.key,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="228">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleio(row)"><el-icon><View /></el-icon>查看详情</el-button>
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><DocumentChecked /></el-icon>复制</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+				</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @click="postt"/>
+			<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+			<Dialoglog v-if="data.edPostBox" v-model="data.edPostBox" :title="title" :row-info="rowInfo"></Dialoglog>
+			<Yg v-if="data.ygPostBox" v-model="data.ygPostBox" :title="title" :row-info="rowInfo"></Yg>
+		</div>
+  </template>
+<style  lang='scss' scoped>
+.qwe {
+	margin:-8px 0 0 -6px;
+	float:right;
+}
+.wer{
+	margin:-5px 0 0 20px;
+	font-weight:normal;
+}
+.horizontal-controls {
+  display: flex;
+  float: left;
+
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:812px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103329.vue b/.history/src/views/opk/yui/new/aa_20231102103329.vue
new file mode 100644
index 000000000..c2d5c4c6a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103329.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103449.vue b/.history/src/views/opk/yui/new/aa_20231102103449.vue
new file mode 100644
index 000000000..242969501
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103449.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el- v-model="scope.row.stat" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103450.vue b/.history/src/views/opk/yui/new/aa_20231102103450.vue
new file mode 100644
index 000000000..681dd360f
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103450.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-us v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103455.vue b/.history/src/views/opk/yui/new/aa_20231102103455.vue
new file mode 100644
index 000000000..c2d5c4c6a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103455.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103459.vue b/.history/src/views/opk/yui/new/aa_20231102103459.vue
new file mode 100644
index 000000000..cdf3e3dba
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103459.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102103501.vue b/.history/src/views/opk/yui/new/aa_20231102103501.vue
new file mode 100644
index 000000000..cdf3e3dba
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102103501.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104039.vue b/.history/src/views/opk/yui/new/aa_20231102104039.vue
new file mode 100644
index 000000000..46f427b82
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104039.vue
@@ -0,0 +1,274 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" active-value="1"
+     inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104043.vue b/.history/src/views/opk/yui/new/aa_20231102104043.vue
new file mode 100644
index 000000000..1bbcf3255
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104043.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104048.vue b/.history/src/views/opk/yui/new/aa_20231102104048.vue
new file mode 100644
index 000000000..f0aa61d4c
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104048.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104051.vue b/.history/src/views/opk/yui/new/aa_20231102104051.vue
new file mode 100644
index 000000000..91fbbd98e
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104051.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104107.vue b/.history/src/views/opk/yui/new/aa_20231102104107.vue
new file mode 100644
index 000000000..a1fb8b8fb
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104107.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104126.vue b/.history/src/views/opk/yui/new/aa_20231102104126.vue
new file mode 100644
index 000000000..1bbcf3255
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104126.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104128.vue b/.history/src/views/opk/yui/new/aa_20231102104128.vue
new file mode 100644
index 000000000..f0aa61d4c
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104128.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104223.vue b/.history/src/views/opk/yui/new/aa_20231102104223.vue
new file mode 100644
index 000000000..7f9a8f44a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104223.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104226.vue b/.history/src/views/opk/yui/new/aa_20231102104226.vue
new file mode 100644
index 000000000..bce341dbc
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104226.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104245.vue b/.history/src/views/opk/yui/new/aa_20231102104245.vue
new file mode 100644
index 000000000..8041a2b72
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104245.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt act @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104250.vue b/.history/src/views/opk/yui/new/aa_20231102104250.vue
new file mode 100644
index 000000000..3beca4cd6
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104250.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104253.vue b/.history/src/views/opk/yui/new/aa_20231102104253.vue
new file mode 100644
index 000000000..a78d516a6
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104253.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-colo @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104257.vue b/.history/src/views/opk/yui/new/aa_20231102104257.vue
new file mode 100644
index 000000000..0d8358bce
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104257.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104259.vue b/.history/src/views/opk/yui/new/aa_20231102104259.vue
new file mode 100644
index 000000000..2659df723
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104259.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104300.vue b/.history/src/views/opk/yui/new/aa_20231102104300.vue
new file mode 100644
index 000000000..a87118f6b
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104300.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104305.vue b/.history/src/views/opk/yui/new/aa_20231102104305.vue
new file mode 100644
index 000000000..d0b835c20
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104305.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66"  @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104307.vue b/.history/src/views/opk/yui/new/aa_20231102104307.vue
new file mode 100644
index 000000000..94a1a606e
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104307.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" a @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104311.vue b/.history/src/views/opk/yui/new/aa_20231102104311.vue
new file mode 100644
index 000000000..ca92d07b7
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104311.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" in @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104315.vue b/.history/src/views/opk/yui/new/aa_20231102104315.vue
new file mode 100644
index 000000000..736face52
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104315.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" inactive-color @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104316.vue b/.history/src/views/opk/yui/new/aa_20231102104316.vue
new file mode 100644
index 000000000..a177bc656
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104316.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" inactive-color="" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104319.vue b/.history/src/views/opk/yui/new/aa_20231102104319.vue
new file mode 100644
index 000000000..89e1b8d07
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104319.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" inactive-color="#ff" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104322.vue b/.history/src/views/opk/yui/new/aa_20231102104322.vue
new file mode 100644
index 000000000..c67034a22
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104322.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt active-color="#13ce66" inactive-color="#ff4949" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104445.vue b/.history/src/views/opk/yui/new/aa_20231102104445.vue
new file mode 100644
index 000000000..bce341dbc
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104445.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104539.vue b/.history/src/views/opk/yui/new/aa_20231102104539.vue
new file mode 100644
index 000000000..c2d5c4c6a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104539.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104550.vue b/.history/src/views/opk/yui/new/aa_20231102104550.vue
new file mode 100644
index 000000000..bce341dbc
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104550.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102104817.vue b/.history/src/views/opk/yui/new/aa_20231102104817.vue
new file mode 100644
index 000000000..6e568b7f5
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102104817.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105012.vue b/.history/src/views/opk/yui/new/aa_20231102105012.vue
new file mode 100644
index 000000000..7727a004f
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105012.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add, state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105650.vue b/.history/src/views/opk/yui/new/aa_20231102105650.vue
new file mode 100644
index 000000000..eee2b8c24
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105650.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add, state:statusVal,istrue:2})
+	tarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105814.vue b/.history/src/views/opk/yui/new/aa_20231102105814.vue
new file mode 100644
index 000000000..16a518a6e
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105814.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add, state:statusVal,istrue:2})
+	tarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105816.vue b/.history/src/views/opk/yui/new/aa_20231102105816.vue
new file mode 100644
index 000000000..4e5957a59
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105816.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add, state:statusVal,istrue:2})
+	tarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105917.vue b/.history/src/views/opk/yui/new/aa_20231102105917.vue
new file mode 100644
index 000000000..2996a429a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105917.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2
+	deltarget({id:add, state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102105948.vue b/.history/src/views/opk/yui/new/aa_20231102105948.vue
new file mode 100644
index 000000000..cdf3e3dba
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102105948.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110006.vue b/.history/src/views/opk/yui/new/aa_20231102110006.vue
new file mode 100644
index 000000000..16595148f
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110006.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110024.vue b/.history/src/views/opk/yui/new/aa_20231102110024.vue
new file mode 100644
index 000000000..ee83e0ab7
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110024.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110032.vue b/.history/src/views/opk/yui/new/aa_20231102110032.vue
new file mode 100644
index 000000000..9e3e5cc31
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110032.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value	 inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110035.vue b/.history/src/views/opk/yui/new/aa_20231102110035.vue
new file mode 100644
index 000000000..1f0b6d935
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110035.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1"	 inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110037.vue b/.history/src/views/opk/yui/new/aa_20231102110037.vue
new file mode 100644
index 000000000..22ce026f3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110037.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110057.vue b/.history/src/views/opk/yui/new/aa_20231102110057.vue
new file mode 100644
index 000000000..db5a7cfa1
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110057.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110139.vue b/.history/src/views/opk/yui/new/aa_20231102110139.vue
new file mode 100644
index 000000000..22ce026f3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110139.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110211.vue b/.history/src/views/opk/yui/new/aa_20231102110211.vue
new file mode 100644
index 000000000..83bc7d803
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110211.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110232.vue b/.history/src/views/opk/yui/new/aa_20231102110232.vue
new file mode 100644
index 000000000..22ce026f3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110232.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110236.vue b/.history/src/views/opk/yui/new/aa_20231102110236.vue
new file mode 100644
index 000000000..db5a7cfa1
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110236.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110326.vue b/.history/src/views/opk/yui/new/aa_20231102110326.vue
new file mode 100644
index 000000000..22ce026f3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110326.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110331.vue b/.history/src/views/opk/yui/new/aa_20231102110331.vue
new file mode 100644
index 000000000..83bc7d803
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110331.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110359.vue b/.history/src/views/opk/yui/new/aa_20231102110359.vue
new file mode 100644
index 000000000..d0c358542
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110359.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110422.vue b/.history/src/views/opk/yui/new/aa_20231102110422.vue
new file mode 100644
index 000000000..83bc7d803
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110422.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110454.vue b/.history/src/views/opk/yui/new/aa_20231102110454.vue
new file mode 100644
index 000000000..1b257d144
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110454.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt  @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110708.vue b/.history/src/views/opk/yui/new/aa_20231102110708.vue
new file mode 100644
index 000000000..dc9f40bdc
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110708.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-text="开启" inactive-text="关闭" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110807.vue b/.history/src/views/opk/yui/new/aa_20231102110807.vue
new file mode 100644
index 000000000..9031c6cff
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110807.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-text="开启" inactive-text="关闭" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110811.vue b/.history/src/views/opk/yui/new/aa_20231102110811.vue
new file mode 100644
index 000000000..9895d5c8d
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110811.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-text="开启" inactive-text="关闭" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102110839.vue b/.history/src/views/opk/yui/new/aa_20231102110839.vue
new file mode 100644
index 000000000..9031c6cff
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102110839.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-text="开启" inactive-text="关闭" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111121.vue b/.history/src/views/opk/yui/new/aa_20231102111121.vue
new file mode 100644
index 000000000..4a44187a8
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111121.vue
@@ -0,0 +1,274 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-color="rgb(102, 204, 255)"
+              inactive-color="#ff4949" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111128.vue b/.history/src/views/opk/yui/new/aa_20231102111128.vue
new file mode 100644
index 000000000..e1fec9d96
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111128.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-color="rgb(102, 204, 255)" inactive-color="#ff4949" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111155.vue b/.history/src/views/opk/yui/new/aa_20231102111155.vue
new file mode 100644
index 000000000..f89cfc470
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111155.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch :model="scope.row.status" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt active-color="rgb(102, 204, 255)" inactive-color="#ff4949" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111224.vue b/.history/src/views/opk/yui/new/aa_20231102111224.vue
new file mode 100644
index 000000000..cdf3e3dba
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111224.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111235.vue b/.history/src/views/opk/yui/new/aa_20231102111235.vue
new file mode 100644
index 000000000..16595148f
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111235.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111255.vue b/.history/src/views/opk/yui/new/aa_20231102111255.vue
new file mode 100644
index 000000000..3eacf8e1e
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111255.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111258.vue b/.history/src/views/opk/yui/new/aa_20231102111258.vue
new file mode 100644
index 000000000..bdf28b287
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111258.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111336.vue b/.history/src/views/opk/yui/new/aa_20231102111336.vue
new file mode 100644
index 000000000..6a69ae7f7
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111336.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111344.vue b/.history/src/views/opk/yui/new/aa_20231102111344.vue
new file mode 100644
index 000000000..1e74b01d7
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111344.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1"  inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111347.vue b/.history/src/views/opk/yui/new/aa_20231102111347.vue
new file mode 100644
index 000000000..d0c358542
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111347.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="2" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111442.vue b/.history/src/views/opk/yui/new/aa_20231102111442.vue
new file mode 100644
index 000000000..cd24b2fd6
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111442.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111444.vue b/.history/src/views/opk/yui/new/aa_20231102111444.vue
new file mode 100644
index 000000000..1ee15eaf1
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111444.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111517.vue b/.history/src/views/opk/yui/new/aa_20231102111517.vue
new file mode 100644
index 000000000..36ebab3a0
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111517.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactivecolor: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111520.vue b/.history/src/views/opk/yui/new/aa_20231102111520.vue
new file mode 100644
index 000000000..0fbbcf5e7
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111520.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111525.vue b/.history/src/views/opk/yui/new/aa_20231102111525.vue
new file mode 100644
index 000000000..886fdad27
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111525.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color= #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111527.vue b/.history/src/views/opk/yui/new/aa_20231102111527.vue
new file mode 100644
index 000000000..9de6db759
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111527.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color=" #ff4949"; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111531.vue b/.history/src/views/opk/yui/new/aa_20231102111531.vue
new file mode 100644
index 000000000..1e553ef83
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111531.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color=" #ff4949" --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111533.vue b/.history/src/views/opk/yui/new/aa_20231102111533.vue
new file mode 100644
index 000000000..0d42eec27
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111533.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color="#ff4949" --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111544.vue b/.history/src/views/opk/yui/new/aa_20231102111544.vue
new file mode 100644
index 000000000..69b29b23a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111544.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color="#ff4949" -active-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111546.vue b/.history/src/views/opk/yui/new/aa_20231102111546.vue
new file mode 100644
index 000000000..9c11f2890
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111546.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color="#ff4949" active-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111549.vue b/.history/src/views/opk/yui/new/aa_20231102111549.vue
new file mode 100644
index 000000000..ef06eea0d
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111549.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :active-value="1" :inactive-value="2" inline-prompt inactive-color="#ff4949" active-color="#13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111621.vue b/.history/src/views/opk/yui/new/aa_20231102111621.vue
new file mode 100644
index 000000000..cdf3e3dba
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111621.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111648.vue b/.history/src/views/opk/yui/new/aa_20231102111648.vue
new file mode 100644
index 000000000..519d78de6
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111648.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inactive-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111656.vue b/.history/src/views/opk/yui/new/aa_20231102111656.vue
new file mode 100644
index 000000000..8792fedf3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111656.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inactive-value="1" active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111701.vue b/.history/src/views/opk/yui/new/aa_20231102111701.vue
new file mode 100644
index 000000000..03494b99b
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111701.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inactive-value="1" active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111721.vue b/.history/src/views/opk/yui/new/aa_20231102111721.vue
new file mode 100644
index 000000000..1995aa605
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111721.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inactive-value="2" active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111724.vue b/.history/src/views/opk/yui/new/aa_20231102111724.vue
new file mode 100644
index 000000000..570ea30d3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111724.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" class="ml-2" inactive-value="2" active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111802.vue b/.history/src/views/opk/yui/new/aa_20231102111802.vue
new file mode 100644
index 000000000..e1cf9ceee
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111802.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" inactive-value="2" active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111842.vue b/.history/src/views/opk/yui/new/aa_20231102111842.vue
new file mode 100644
index 000000000..85a52417e
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111842.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111845.vue b/.history/src/views/opk/yui/new/aa_20231102111845.vue
new file mode 100644
index 000000000..f55999929
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111845.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111924.vue b/.history/src/views/opk/yui/new/aa_20231102111924.vue
new file mode 100644
index 000000000..b4cd3239b
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111924.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111927.vue b/.history/src/views/opk/yui/new/aa_20231102111927.vue
new file mode 100644
index 000000000..305cea11a
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111927.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == "1" ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111945.vue b/.history/src/views/opk/yui/new/aa_20231102111945.vue
new file mode 100644
index 000000000..b4cd3239b
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111945.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111951.vue b/.history/src/views/opk/yui/new/aa_20231102111951.vue
new file mode 100644
index 000000000..a1ca0f5dd
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111951.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:string){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102111958.vue b/.history/src/views/opk/yui/new/aa_20231102111958.vue
new file mode 100644
index 000000000..e9a51b1eb
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102111958.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:string){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == "1" ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112032.vue b/.history/src/views/opk/yui/new/aa_20231102112032.vue
new file mode 100644
index 000000000..a1ca0f5dd
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112032.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:string){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112035.vue b/.history/src/views/opk/yui/new/aa_20231102112035.vue
new file mode 100644
index 000000000..b4cd3239b
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112035.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112200.vue b/.history/src/views/opk/yui/new/aa_20231102112200.vue
new file mode 100644
index 000000000..e44835c09
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112200.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112311.vue b/.history/src/views/opk/yui/new/aa_20231102112311.vue
new file mode 100644
index 000000000..0d082a4d5
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112311.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="state(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112314.vue b/.history/src/views/opk/yui/new/aa_20231102112314.vue
new file mode 100644
index 000000000..e44835c09
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112314.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112330.vue b/.history/src/views/opk/yui/new/aa_20231102112330.vue
new file mode 100644
index 000000000..f97c93db0
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112330.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 2 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="2" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112358.vue b/.history/src/views/opk/yui/new/aa_20231102112358.vue
new file mode 100644
index 000000000..04796eabd
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112358.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 2 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="1" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112400.vue b/.history/src/views/opk/yui/new/aa_20231102112400.vue
new file mode 100644
index 000000000..ff9914587
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112400.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 2 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">{{table}}
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/aa_20231102112433.vue b/.history/src/views/opk/yui/new/aa_20231102112433.vue
new file mode 100644
index 000000000..153fb165c
--- /dev/null
+++ b/.history/src/views/opk/yui/new/aa_20231102112433.vue
@@ -0,0 +1,273 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Diolog from './diolog.vue'
+import Edit from './editdialog.vue'
+import ED from './edcialog.vue'
+import zjr from './zjr.vue'
+import { addPostCont,tarlist,deltarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	zjrPostBox:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	addPostCont("/hrapi/org/govthree","post")
+	    .then(data => {
+        	tableData.value = data.data[3].child[14].child;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont()
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:0,
+	pagesize:10,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const pages = ref(0)
+const pagesizes = ref(4)
+const newtarlist=()=>{
+	const add = formdate.type.toString()
+	tarlist({page:formdate.page,pageSize:formdate.pagesize,name:formdate.name,dimension:formdate.dimension, attribute:add,orgidlist:formdate.orgidlist})
+		.then(data=>{
+			table.value = data.data.list
+			total.value = data.data.total;
+		})
+		.catch(error => {
+          	console.error('Error fetching data:', error);
+        });
+}
+newtarlist()
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+// 状态
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 2 ) statusVal = 2;
+	deltarget({id:add,state:statusVal,istrue:2})
+	newtarlist()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const delid = new String(val.id)
+				handleSure(val)
+				console.log(val.id)
+				deltarget({id:delid,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				newtarlist()
+   		 	})
+    		.catch(() => {
+      			alert('用户取消了删除操作');
+    		});
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	newtarlist()
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split(',')
+	newtarlist()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const jkl=(val:any)=>{
+	data.zjrPostBox=true;
+	rowInfo.value = val;
+}
+onMounted(()=>{
+	jjjs()
+	newtarlist()
+})
+</script>
+<template>
+		<el-container class="m-4">
+			<div class="qwe">
+				<el-button type="primary" style="width: 170px" size="large" @click="resetChecked">全选</el-button>
+				<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" multiple node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" :value="1" />
+					<el-option label="定量指标" :value="2" />
+				</el-select>
+				</el-form-item>
+				<el-form-item label-width="18">
+					<el-button type="primary" @click="newtarlist"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+				</el-form-item>
+				</el-container>	
+				<el-table  class="m-1" :data="table" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 2" style="color:#409eff" @click="jkl(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 1">{{scope.row.title}}</a>						
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensiontitle" label="考核维度"/>
+					<el-table-column prop="scoringmethod" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod== 1">定量考核</span>
+							<span v-if="scope.row.scoringmethod== 2">定性考核</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unites" label="计量单位" />
+					<el-table-column prop="cycle" label="考核周期">
+							<template #default="scope">
+							<span v-if="scope.row.cycle== 4" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle== 5" class="el-tag">月</span>
+							<span v-if="scope.row.cycle== 6" class="el-tag">年</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.cycleattr== 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.cycleattr== 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="relevantdepartments" label="关联部门">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详情">
+								<el-option v-for="item in scope.row.relevantdepartmentsmap" :key="item.key" :label="item.title" :value="item.title"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="reportmap[0].title" label="数据提交"/>
+					<el-table-column prop="share" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="250">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>关联部门</el-button>
+					<el-button type="primary" link @click="handleedit(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="newtarlist"/>
+		<Diolog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Diolog>
+		<Edit v-if="data.editPostCont" v-model="data.editPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></Edit>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.length"></ED>
+		<zjr v-if="data.zjrPostBox" v-model="data.zjrPostBox" :row-info="rowInfo" :title="title" :array-num="tableData.length"></zjr>
+  </template>
+<style  lang='scss' scoped>
+
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.aaa{
+	display:flex;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/bb_20231102113328.vue b/.history/src/views/opk/yui/new/bb_20231102113328.vue
new file mode 100644
index 000000000..3841146bb
--- /dev/null
+++ b/.history/src/views/opk/yui/new/bb_20231102113328.vue
@@ -0,0 +1,262 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Dialog from './dialog.vue'
+import ED from './eddialog.vue'
+import Daid from './daialog.vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	addPost:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	organdpost({all:0,id:"309",levelL:0})
+	    .then(data => {
+        	tableData.value = data.data.list;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:1,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const add = formdate.type.toString()
+	posttarget({attribute:formdate.type,dimension:formdate.dimension,title:formdate.name,page:formdate.page,pageSize:formdate.pagesize,postidlist:formdate.orgidlist})
+		.then(data => {
+			tableq.value = data.data.list;
+			total.value = data.data.total;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	set_posttarget({id:add,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.id.toString()
+				handleSure(val)
+				console.log(val.id)
+				set_posttarget({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				postt()
+   		 	})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split()
+	postt()
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	postt()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const cancelDialog=(val:any)=>{
+	data.addPost=true;
+	rowInfo.value=val;
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template >
+	<div>
+		<el-container class="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width:170px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" value="1" />
+					<el-option label="定量指标" value="2" />
+				</el-select>
+				</el-form-item>
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+			</el-container>	
+				<el-table :data="tableq" border height="650" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 1" style="color:#409eff" @click="cancelDialog(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 2">{{scope.row.title}}</a>
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensionname" label="考核维度"/>
+					<el-table-column prop="state" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.state == 1">定性指标</span>
+							<span v-if="scope.row.state == 2">定量指标</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unit" label="单位" />
+					<el-table-column prop="cycle" label="考核周期" >
+						<template #default="scope">
+							<span v-if="scope.row.cycle == 1" class="el-tag">班</span>
+							<span v-if="scope.row.cycle == 2" class="el-tag">天</span>
+							<span v-if="scope.row.cycle == 3" class="el-tag">周</span>
+							<span v-if="scope.row.cycle == 4" class="el-tag">月</span>
+							<span v-if="scope.row.cycle == 5" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle == 6" class="el-tag">年</span>
+
+						</template>
+					</el-table-column>
+					<el-table-column prop="scoringmethod" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod == 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.scoringmethod == 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="report" label="数据提交">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详细">
+								<el-option v-for="item in scope.row.reportary" :key="item.id" :value="item.name"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="辅助计数"/>
+					<el-table-column prop="" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="200">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="postt"/>
+		<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.ength"></ED>
+		<Daid  v-if="data.addPost" v-model="data.addPost" :row-info="rowInfo" :title="title" :array-num="tableData.ength" ></Daid>
+	</div>
+  </template>
+<style  lang='scss' scoped>
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/bb_20231102113334.vue b/.history/src/views/opk/yui/new/bb_20231102113334.vue
new file mode 100644
index 000000000..f19b272f3
--- /dev/null
+++ b/.history/src/views/opk/yui/new/bb_20231102113334.vue
@@ -0,0 +1,262 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Dialog from './dialog.vue'
+import ED from './eddialog.vue'
+import Daid from './daialog.vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	addPost:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	organdpost({all:0,id:"309",levelL:0})
+	    .then(data => {
+        	tableData.value = data.data.list;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:1,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const add = formdate.type.toString()
+	posttarget({attribute:formdate.type,dimension:formdate.dimension,title:formdate.name,page:formdate.page,pageSize:formdate.pagesize,postidlist:formdate.orgidlist})
+		.then(data => {
+			tableq.value = data.data.list;
+			total.value = data.data.total;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	set_posttarget({id:add,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.id.toString()
+				handleSure(val)
+				console.log(val.id)
+				set_posttarget({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				postt()
+   		 	})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split()
+	postt()
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	postt()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const cancelDialog=(val:any)=>{
+	data.addPost=true;
+	rowInfo.value=val;
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template >
+	<div>
+		<el-container class="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width:170px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" value="1" />
+					<el-option label="定量指标" value="2" />
+				</el-select>
+				</el-form-item>
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+			</el-container>	
+				<el-table :data="tableq" border height="650" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 1" style="color:#409eff" @click="cancelDialog(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 2">{{scope.row.title}}</a>
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensionname" label="考核维度"/>
+					<el-table-column prop="state" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.state == 1">定性指标</span>
+							<span v-if="scope.row.state == 2">定量指标</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unit" label="单位" />
+					<el-table-column prop="cycle" label="考核周期" >
+						<template #default="scope">
+							<span v-if="scope.row.cycle == 1" class="el-tag">班</span>
+							<span v-if="scope.row.cycle == 2" class="el-tag">天</span>
+							<span v-if="scope.row.cycle == 3" class="el-tag">周</span>
+							<span v-if="scope.row.cycle == 4" class="el-tag">月</span>
+							<span v-if="scope.row.cycle == 5" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle == 6" class="el-tag">年</span>
+
+						</template>
+					</el-table-column>
+					<el-table-column prop="scoringmethod" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod == 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.scoringmethod == 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="report" label="数据提交">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详细">
+								<el-option v-for="item in scope.row.reportary" :key="item.id" :value="item.name"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.status" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="200">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="postt"/>
+		<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.ength"></ED>
+		<Daid  v-if="data.addPost" v-model="data.addPost" :row-info="rowInfo" :title="title" :array-num="tableData.ength" ></Daid>
+	</div>
+  </template>
+<style  lang='scss' scoped>
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/bb_20231102113337.vue b/.history/src/views/opk/yui/new/bb_20231102113337.vue
new file mode 100644
index 000000000..26ae597e9
--- /dev/null
+++ b/.history/src/views/opk/yui/new/bb_20231102113337.vue
@@ -0,0 +1,262 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Dialog from './dialog.vue'
+import ED from './eddialog.vue'
+import Daid from './daialog.vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	addPost:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	organdpost({all:0,id:"309",levelL:0})
+	    .then(data => {
+        	tableData.value = data.data.list;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:1,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const add = formdate.type.toString()
+	posttarget({attribute:formdate.type,dimension:formdate.dimension,title:formdate.name,page:formdate.page,pageSize:formdate.pagesize,postidlist:formdate.orgidlist})
+		.then(data => {
+			tableq.value = data.data.list;
+			total.value = data.data.total;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 1) statusVal = 2;
+	set_posttarget({id:add,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.id.toString()
+				handleSure(val)
+				console.log(val.id)
+				set_posttarget({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				postt()
+   		 	})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split()
+	postt()
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	postt()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const cancelDialog=(val:any)=>{
+	data.addPost=true;
+	rowInfo.value=val;
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template >
+	<div>
+		<el-container class="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width:170px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" value="1" />
+					<el-option label="定量指标" value="2" />
+				</el-select>
+				</el-form-item>
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+			</el-container>	
+				<el-table :data="tableq" border height="650" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 1" style="color:#409eff" @click="cancelDialog(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 2">{{scope.row.title}}</a>
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensionname" label="考核维度"/>
+					<el-table-column prop="state" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.state == 1">定性指标</span>
+							<span v-if="scope.row.state == 2">定量指标</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unit" label="单位" />
+					<el-table-column prop="cycle" label="考核周期" >
+						<template #default="scope">
+							<span v-if="scope.row.cycle == 1" class="el-tag">班</span>
+							<span v-if="scope.row.cycle == 2" class="el-tag">天</span>
+							<span v-if="scope.row.cycle == 3" class="el-tag">周</span>
+							<span v-if="scope.row.cycle == 4" class="el-tag">月</span>
+							<span v-if="scope.row.cycle == 5" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle == 6" class="el-tag">年</span>
+
+						</template>
+					</el-table-column>
+					<el-table-column prop="scoringmethod" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod == 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.scoringmethod == 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="report" label="数据提交">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详细">
+								<el-option v-for="item in scope.row.reportary" :key="item.id" :value="item.name"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="200">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="postt"/>
+		<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.ength"></ED>
+		<Daid  v-if="data.addPost" v-model="data.addPost" :row-info="rowInfo" :title="title" :array-num="tableData.ength" ></Daid>
+	</div>
+  </template>
+<style  lang='scss' scoped>
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/yui/new/bb_20231102113408.vue b/.history/src/views/opk/yui/new/bb_20231102113408.vue
new file mode 100644
index 000000000..fc552fbe2
--- /dev/null
+++ b/.history/src/views/opk/yui/new/bb_20231102113408.vue
@@ -0,0 +1,262 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-09-19 09:13:14
+@ 备注: 
+-->
+<script lang='ts' setup>
+import {ref,reactive,onMounted} from 'vue'
+import Dialog from './dialog.vue'
+import ED from './eddialog.vue'
+import Daid from './daialog.vue'
+import { organdpost,posttarget,set_posttarget } from '@/api/opk/api'
+import { editPostCont } from '@/api/opk/pulic/api'
+import { formItemValidateStates, TableV2SortOrder } from 'element-plus';
+import { getDictFormData } from '@/api/dict'
+// eslint-disable-next-line vue/require-prop-types
+const { addShow, title } = defineProps(['addShow', 'title'])
+const data = reactive({
+	formInline:{
+		region:'',
+	},
+	title:"",
+	addPostBox: false,
+	editPostCont:false,
+	edPostCont:false,
+	addPost:false,
+})
+const orgTreeProps ={
+   label: 'name',
+   children:'child'
+}
+const orgTreeProp ={
+   label: 'title',
+   children:'childen'
+}
+const formdat = {
+	someProp:"",
+}
+const total =ref(0)
+let rowInfo = ref<any>({})
+const postIds = ref<number[]>([])
+const tableData = ref<any>([]);
+const tables = ref<any>([]);
+// 获取侧栏数据
+function jjjs(){
+	organdpost({all:0,id:"309",levelL:0})
+	    .then(data => {
+        	tableData.value = data.data.list;
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+}
+jjjs()
+function editPost(){
+	editPostCont({})
+		.then(data => {
+			tables.value = data.data.list;
+		})
+}
+editPost()
+const table = ref<any>([])
+const formdate = reactive({
+	page:1,
+	pagesize:20,
+	name:"",
+	dimension:"",
+	attribute:"",
+	orgidlist:[]as String[],
+	type:"",
+})
+// 获取数据
+const tableq = ref([])
+const postt = ()=>{
+	const add = formdate.type.toString()
+	posttarget({attribute:formdate.type,dimension:formdate.dimension,title:formdate.name,page:formdate.page,pageSize:formdate.pagesize,postidlist:formdate.orgidlist})
+		.then(data => {
+			tableq.value = data.data.list;
+			total.value = data.data.total;
+		})
+}
+// 新增数据
+const addtableData = ()=>{
+	data.addPostBox = true;
+}
+// 添加行
+const addRow = (val:any)=> {
+        tableData.value.push(val);
+}
+// 编辑行
+const editRow = (val:any)=> {
+        let index =tableData.value.findIndex(
+          (item:any) => item.id === val.id
+        );
+        tableData.value.splice(index, 1, val);
+}
+// 关闭弹窗
+const closeDetail = ()=>{
+	data.addPostBox = false;
+}
+function editPostState(classId:number,state:number){
+	console.log("改变状态--------->",classId,state)
+	const add  =classId.toString()
+	let statusVal = 1
+	if( state == 2) statusVal = 2;
+	set_posttarget({id:add,state:statusVal,istrue:2})
+	postt()
+}
+// 删除数据
+const handleDel = (val:any) => {
+		const dictTypeIds = [val.outID || postIds.value].join(",");
+        let dictTypeIdAry = dictTypeIds.split(",")
+  			ElMessageBox.confirm("你确定删除这条信息吗?", "提示", {
+    			confirmButtonText: "确认",
+    			cancelButtonText: "取消",
+    			type: "warning",
+  			})
+    		.then(() => {
+				const add = val.id.toString()
+				handleSure(val)
+				console.log(val.id)
+				set_posttarget({id:add,state:3,istrue:2}).then(()=>
+					ElMessage.success("删除成功"))
+				postt()
+   		 	})	
+};
+const handleSure = (val:any)=> {
+    const index = tableData.value.findIndex((item:any) => item.id === val.id);
+    if(index!=-1){
+		tableData.value.splice(index, 1);
+		}
+}
+const handle=(data:any)=>{
+	formdate.orgidlist = data.id.toString().split()
+	postt()
+}
+const resetChecked=()=> {
+	formdate.orgidlist = []
+	postt()
+}
+const handleedit=(val:any)=>{
+	data.editPostCont=true,
+	rowInfo.value=val;
+}
+const handleErd=(val:any)=>{
+	data.edPostCont=true,
+	rowInfo.value=val;
+}
+const cancelDialog=(val:any)=>{
+	data.addPost=true;
+	rowInfo.value=val;
+}
+onMounted(()=>{
+	jjjs()
+	postt()
+})
+</script>
+<template >
+	<div>
+		<el-container class="m-4">
+			<div class="qwe">
+			<el-button type="primary" style="width:170px" size="large" @click="resetChecked">全选</el-button>
+			<el-tree ref="orgTreeRef" v-model="formdate.orgidlist" node-key="id" class="orgTree" :data="tableData" :props="orgTreeProps" :default-expand-all="false" @node-click="handle"/>
+			</div>
+			<el-divider direction="vertical"/>
+			<el-col :span="22">
+				<el-container class="wer">
+				<el-form-item label="考核指标">
+					<el-input v-model="formdate.name" placeholder="请输入考核指标" clearable/>
+				</el-form-item>
+				<el-form-item label="指标名称">
+					<el-tree-select ref="orgTreeRef" v-model="formdate.dimension" clearable node-key="outId" class="orgTree" :data="tables" :props="orgTreeProp" :default-expand-all="false"/>
+				</el-form-item>
+				<el-form-item v-model="formdate" label="指标名称">
+				<el-select v-model="formdate.type" placeholder="请输入名称" clearable>
+					<el-option label="定性指标" value="1" />
+					<el-option label="定量指标" value="2" />
+				</el-select>
+				</el-form-item>
+					<el-button type="primary" @click="postt"><el-icon><Search /></el-icon>查询</el-button>
+					<el-button class="new_btn" type="warning" @click="addtableData"><el-icon><Plus /></el-icon>新增</el-button>
+			</el-container>	
+				<el-table :data="tableq" border height="650" style="width: 100%">
+					<el-table-column label="考核指标">
+						<template #default="scope">
+							<a v-if="scope.row.scoringmethod == 1" style="color:#409eff" @click="cancelDialog(scope.row)">{{scope.row.title}}</a>
+							<a v-if="scope.row.scoringmethod == 2">{{scope.row.title}}</a>
+						</template>
+					</el-table-column>
+					<el-table-column prop="dimensionname" label="考核维度"/>
+					<el-table-column prop="state" label="指标性质">
+						<template #default="scope">
+							<span v-if="scope.row.state == 1">定性指标</span>
+							<span v-if="scope.row.state == 2">定量指标</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="unit" label="单位" />
+					<el-table-column prop="cycle" label="考核周期" >
+						<template #default="scope">
+							<span v-if="scope.row.cycle == 1" class="el-tag">班</span>
+							<span v-if="scope.row.cycle == 2" class="el-tag">天</span>
+							<span v-if="scope.row.cycle == 3" class="el-tag">周</span>
+							<span v-if="scope.row.cycle == 4" class="el-tag">月</span>
+							<span v-if="scope.row.cycle == 5" class="el-tag">季度</span>
+							<span v-if="scope.row.cycle == 6" class="el-tag">年</span>
+
+						</template>
+					</el-table-column>
+					<el-table-column prop="scoringmethod" label="计分方式">
+						<template #default="scope">
+							<span v-if="scope.row.scoringmethod == 1" class="el-tag">自动计分</span>
+							<span v-if="scope.row.scoringmethod == 2" class="el-tag">手动计分</span>
+						</template>
+					</el-table-column>
+					<el-table-column prop="report" label="数据提交">
+						<template #default="scope">
+							<el-select v-model="formdat.someProp" placeholder="查看详细">
+								<el-option v-for="item in scope.row.reportary" :key="item.id" :value="item.name"></el-option>
+							</el-select>
+						</template>
+					</el-table-column>
+					<el-table-column prop="cycleattr" label="辅助计数"/>
+					<el-table-column prop="state" label="状态" width="70">
+					<template #default="scope">
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+					</template>
+				</el-table-column>
+				<el-table-column fixed="right" label="操作" width="200">
+					<template #default="{ row }">
+					<el-button type="primary" link @click="handleErd(row)"><el-icon><EditPen /></el-icon>编辑</el-button>
+					<el-button type="primary" link @click="handleDel(row)"><el-icon><Delete /></el-icon>删除</el-button>
+					</template>
+					</el-table-column>
+				</el-table>
+			</el-col>
+		</el-container>
+		<pagination v-if="total > 0" v-model:page="formdate.page" v-model:pagesize="formdate.pagesize" :total="total" @pagination="postt"/>
+		<Dialog v-if="data.addPostBox" v-model="data.addPostBox" :title="title" :array-num="tableData.length" @add-row="addRow" @edit-row="editRow"></Dialog>
+		<ED v-if="data.edPostCont" v-model="data.edPostCont" :row-info="rowInfo" :title="title" :array-num="tableData.ength"></ED>
+		<Daid  v-if="data.addPost" v-model="data.addPost" :row-info="rowInfo" :title="title" :array-num="tableData.ength" ></Daid>
+	</div>
+  </template>
+<style  lang='scss' scoped>
+.horizontal-controls {
+  display: flex;
+  float: left;
+}
+.el-divider--vertical{
+  display:inline-block;
+  width:1px;
+  height:700px;
+  margin:0 8px;
+  vertical-align:middle;
+  position:relative;
+}
+.qwe{
+	margin:-15px 10px 0 -14px;
+}
+.wer{
+	margin: -7px 0 0 15px;
+}
+/* 可以根据需要调整样式 */
+</style>
diff --git a/.history/src/views/opk/zjr/news/index_20231102101518.vue b/.history/src/views/opk/zjr/news/index_20231102101518.vue
new file mode 100644
index 000000000..2b5218551
--- /dev/null
+++ b/.history/src/views/opk/zjr/news/index_20231102101518.vue
@@ -0,0 +1,223 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-11-01 13:04:53
+@ 备注: 
+-->
+<script lang='ts' setup>
+import { ref,reactive } from 'vue'
+import { quante,gettar,getquantechar } from '@/api/opk/api'
+import * as echarts from "echarts";
+
+const mapbody = ref<any>(null)
+const xAxis = ref<any[]>([])
+const yAxis = ref<any[]>([])
+const legend =ref<any[]>([])
+const myCharts = ref<any>()
+const option = ref<any>()
+const table = ref<any>([])
+const tablea = ref<any>([])
+const tablee = ref<any>([])
+
+const heightVal = ref<string>("0px")
+const widthVal = ref<string>("0px")
+const gettarger = ()=>{
+	gettar({page:1,pagesize:10000})
+		.then(data=>{
+			if(data.data&&data.data.list){
+				table.value = data.data.list
+				console.log("table--->",table.value)
+			}
+		})
+}
+const gainZhu = () =>{
+	const edd = form.name.toString().split(',')
+	const ess = [form.lzq]
+	const uii = form.word.toString().split(',')
+	const tyy =Number(form.wyc)
+	const rtt = form.zjr.split(',')
+	const ads = Number(form.yrb)
+	const yuu:any = {class:ads,tiem:[form.chl]}
+	// 获取图表数据
+	quante({AccMethod:ess,targetid:edd,year:rtt,analysisangle:tyy,org:uii,timeattribute:yuu})
+		.then(data=>{
+			// console.log("data---->",data);
+			if(data.data&&data.data.xAxis){	//判断值是否存在
+				xAxis.value = data.data.xAxis
+			}
+			if(data.data&&data.data.series){	//判断值是否存在
+				yAxis.value = data.data.series
+			}
+			if(data.data&&data.data.legend){	//判断值是否存在
+				legend.value = data.data.legend
+			}
+		})
+		// 画图
+		.finally(()=>{
+			// console.log("xAxis===>",xAxis.value)
+			// console.log("yAxis===>",yAxis.value)
+			// console.log("legend===>",legend.value)
+			let seriesAry = new Array
+			if(yAxis.value.length > 0){
+				yAxis.value.forEach((item:any)=>{
+					seriesAry.push({
+						type: 'bar',
+						name: item.name,
+						data: item.data
+					})
+
+				})
+			}
+			option.value = {
+				xAxis: {
+					type: 'category',
+					data: xAxis.value,
+					splitLine: {
+						show: true,
+					},
+				},
+				yAxis: [
+					{
+						type: 'value'
+					}
+				],
+				legend: {},
+				series: seriesAry
+			}
+			// console.log("option===>",option.value)
+			// myChart.setOption(option.value);
+			myCharts.value.setOption(option.value);
+		})
+}
+// 获取组织，时间的数据
+const iconSelect = ()=>{
+	const edd = form.name.toString().split(',')
+	getquantechar({targetid:edd})
+		.then(data=>{
+			if(data.data&&data.data.grouplist){
+				tablea.value = data.data.grouplist
+			}
+			if(data.data&&data.data.timelist){
+				tablee.value = data.data.timelist
+			}
+		})
+}
+const number = ref(0);
+const chnage = () => {
+	const iou = Number(form.yrb)
+  number.value = iou;
+};
+const form = reactive({
+	name:[],
+	word:'',
+	zjr:"",
+	lzq:"",
+	wyc:"",
+	yrb:"" as any,
+	chl:"" as any,
+})
+const orgTreeProp={
+	label:'title',
+	children:'children'
+}
+const orgTreeProps={
+	label:'name',
+	children:'child'
+}
+const puid:any = reactive(tablee))
+onMounted(()=>{
+	myCharts.value = echarts.init(mapbody.value)
+	// myChart = echarts.init(document.getElementById('main'))/
+	gettarger()
+	// console.log("document.getElementById('main')---->",document.getElementById('main'));
+	// console.log("mapbody.value---->",mapbody.value);
+})
+</script>
+<template>
+	<el-form :model="form" :inline="true" class="abc">
+	<el-form-item label="考核指标">
+		<el-tree-select ref="orgTreeRef" v-model="form.name" node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
+  </el-form-item>
+	<el-form-item label="组织">
+		<el-tree-select ref="orgTreeRef" v-model="form.word" node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
+	</el-form-item>
+	<el-form-item label="时间">
+		<el-select v-model="form.zjr" placeholder="请选择核算方式">
+			<el-option v-for="(item,index) in tablee" :key="index" :label="item" :value="item"/>
+    </el-select>
+	</el-form-item>
+	<el-form-item label="核算方式">
+      <el-select v-model="form.lzq" placeholder="请选择核算方式">
+        <el-option label="合计值" :value="1" />
+        <el-option label="平均值" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="解析维度">
+      <el-select v-model="form.wyc" placeholder="请选择解析维度">
+        <el-option label="行政组织" :value="1" />
+        <el-option label="时间" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="周期">
+      <el-select v-model="form.yrb" placeholder="请选择" @change="chnage">
+        <el-option label="全年" value="1" />
+        <el-option label="半年" value="2" />
+				<el-option label="季度" value="3" />
+        <el-option label="月度" value="4" />
+      </el-select>
+    </el-form-item>
+		<el-form-item>
+		<div v-if="number == 2">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="上半年" :value="1" />
+				<el-option label="下半年" :value="2" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 3">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="第一季度" :value="1" />
+				<el-option label="第二季度" :value="2" />
+				<el-option label="第三季度" :value="3" />
+				<el-option label="第四季度" :value="4" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 4">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="1月" :value="1" />
+				<el-option label="2月" :value="2" />
+				<el-option label="3月" :value="3" />
+				<el-option label="4月" :value="4" />
+				<el-option label="5月" :value="5" />
+				<el-option label="6月" :value="6" />
+				<el-option label="7月" :value="7" />
+				<el-option label="8月" :value="8" />
+				<el-option label="9月" :value="9" />
+				<el-option label="10月" :value="10" />
+				<el-option label="11月" :value="11" />
+				<el-option label="12月" :value="12" />
+			</el-select>
+		</el-form-item>
+	</div>
+</el-form-item>
+	<el-form-item>
+		<el-button type="primary" style="width: 80px" @click="gainZhu"><el-icon><Search /></el-icon>查询</el-button>
+	</el-form-item>
+</el-form>
+<div id="main" ref="mapbody"  class="boxBody"></div>
+</template>
+<style  lang='scss' scoped>
+.boxBody{
+		width:100%;
+		height:calc(100vh - 84px);
+}
+.el-form-item{
+    margin:0px;
+}
+.abc{
+	margin: 10px 0 0 0;
+}
+</style>
diff --git a/.history/src/views/opk/zjr/news/index_20231102101520.vue b/.history/src/views/opk/zjr/news/index_20231102101520.vue
new file mode 100644
index 000000000..2c488ab94
--- /dev/null
+++ b/.history/src/views/opk/zjr/news/index_20231102101520.vue
@@ -0,0 +1,223 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-11-01 13:04:53
+@ 备注: 
+-->
+<script lang='ts' setup>
+import { ref,reactive } from 'vue'
+import { quante,gettar,getquantechar } from '@/api/opk/api'
+import * as echarts from "echarts";
+
+const mapbody = ref<any>(null)
+const xAxis = ref<any[]>([])
+const yAxis = ref<any[]>([])
+const legend =ref<any[]>([])
+const myCharts = ref<any>()
+const option = ref<any>()
+const table = ref<any>([])
+const tablea = ref<any>([])
+const tablee = ref<any>([])
+
+const heightVal = ref<string>("0px")
+const widthVal = ref<string>("0px")
+const gettarger = ()=>{
+	gettar({page:1,pagesize:10000})
+		.then(data=>{
+			if(data.data&&data.data.list){
+				table.value = data.data.list
+				console.log("table--->",table.value)
+			}
+		})
+}
+const gainZhu = () =>{
+	const edd = form.name.toString().split(',')
+	const ess = [form.lzq]
+	const uii = form.word.toString().split(',')
+	const tyy =Number(form.wyc)
+	const rtt = form.zjr.split(',')
+	const ads = Number(form.yrb)
+	const yuu:any = {class:ads,tiem:[form.chl]}
+	// 获取图表数据
+	quante({AccMethod:ess,targetid:edd,year:rtt,analysisangle:tyy,org:uii,timeattribute:yuu})
+		.then(data=>{
+			// console.log("data---->",data);
+			if(data.data&&data.data.xAxis){	//判断值是否存在
+				xAxis.value = data.data.xAxis
+			}
+			if(data.data&&data.data.series){	//判断值是否存在
+				yAxis.value = data.data.series
+			}
+			if(data.data&&data.data.legend){	//判断值是否存在
+				legend.value = data.data.legend
+			}
+		})
+		// 画图
+		.finally(()=>{
+			// console.log("xAxis===>",xAxis.value)
+			// console.log("yAxis===>",yAxis.value)
+			// console.log("legend===>",legend.value)
+			let seriesAry = new Array
+			if(yAxis.value.length > 0){
+				yAxis.value.forEach((item:any)=>{
+					seriesAry.push({
+						type: 'bar',
+						name: item.name,
+						data: item.data
+					})
+
+				})
+			}
+			option.value = {
+				xAxis: {
+					type: 'category',
+					data: xAxis.value,
+					splitLine: {
+						show: true,
+					},
+				},
+				yAxis: [
+					{
+						type: 'value'
+					}
+				],
+				legend: {},
+				series: seriesAry
+			}
+			// console.log("option===>",option.value)
+			// myChart.setOption(option.value);
+			myCharts.value.setOption(option.value);
+		})
+}
+// 获取组织，时间的数据
+const iconSelect = ()=>{
+	const edd = form.name.toString().split(',')
+	getquantechar({targetid:edd})
+		.then(data=>{
+			if(data.data&&data.data.grouplist){
+				tablea.value = data.data.grouplist
+			}
+			if(data.data&&data.data.timelist){
+				tablee.value = data.data.timelist
+			}
+		})
+}
+const number = ref(0);
+const chnage = () => {
+	const iou = Number(form.yrb)
+  number.value = iou;
+};
+const form = reactive({
+	name:[],
+	word:'',
+	zjr:"",
+	lzq:"",
+	wyc:"",
+	yrb:"" as any,
+	chl:"" as any,
+})
+const orgTreeProp={
+	label:'title',
+	children:'children'
+}
+const orgTreeProps={
+	label:'name',
+	children:'child'
+}
+const puid:any = reactive(tablee)
+onMounted(()=>{
+	myCharts.value = echarts.init(mapbody.value)
+	// myChart = echarts.init(document.getElementById('main'))/
+	gettarger()
+	// console.log("document.getElementById('main')---->",document.getElementById('main'));
+	// console.log("mapbody.value---->",mapbody.value);
+})
+</script>
+<template>
+	<el-form :model="form" :inline="true" class="abc">
+	<el-form-item label="考核指标">
+		<el-tree-select ref="orgTreeRef" v-model="form.name" node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
+  </el-form-item>
+	<el-form-item label="组织">
+		<el-tree-select ref="orgTreeRef" v-model="form.word" node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
+	</el-form-item>
+	<el-form-item label="时间">
+		<el-select v-model="form.zjr" placeholder="请选择核算方式">
+			<el-option v-for="(item,index) in tablee" :key="index" :label="item" :value="item"/>
+    </el-select>
+	</el-form-item>
+	<el-form-item label="核算方式">
+      <el-select v-model="form.lzq" placeholder="请选择核算方式">
+        <el-option label="合计值" :value="1" />
+        <el-option label="平均值" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="解析维度">
+      <el-select v-model="form.wyc" placeholder="请选择解析维度">
+        <el-option label="行政组织" :value="1" />
+        <el-option label="时间" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="周期">
+      <el-select v-model="form.yrb" placeholder="请选择" @change="chnage">
+        <el-option label="全年" value="1" />
+        <el-option label="半年" value="2" />
+				<el-option label="季度" value="3" />
+        <el-option label="月度" value="4" />
+      </el-select>
+    </el-form-item>
+		<el-form-item>
+		<div v-if="number == 2">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="上半年" :value="1" />
+				<el-option label="下半年" :value="2" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 3">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="第一季度" :value="1" />
+				<el-option label="第二季度" :value="2" />
+				<el-option label="第三季度" :value="3" />
+				<el-option label="第四季度" :value="4" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 4">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="1月" :value="1" />
+				<el-option label="2月" :value="2" />
+				<el-option label="3月" :value="3" />
+				<el-option label="4月" :value="4" />
+				<el-option label="5月" :value="5" />
+				<el-option label="6月" :value="6" />
+				<el-option label="7月" :value="7" />
+				<el-option label="8月" :value="8" />
+				<el-option label="9月" :value="9" />
+				<el-option label="10月" :value="10" />
+				<el-option label="11月" :value="11" />
+				<el-option label="12月" :value="12" />
+			</el-select>
+		</el-form-item>
+	</div>
+</el-form-item>
+	<el-form-item>
+		<el-button type="primary" style="width: 80px" @click="gainZhu"><el-icon><Search /></el-icon>查询</el-button>
+	</el-form-item>
+</el-form>
+<div id="main" ref="mapbody"  class="boxBody"></div>
+</template>
+<style  lang='scss' scoped>
+.boxBody{
+		width:100%;
+		height:calc(100vh - 84px);
+}
+.el-form-item{
+    margin:0px;
+}
+.abc{
+	margin: 10px 0 0 0;
+}
+</style>
diff --git a/.history/src/views/opk/zjr/news/index_20231102114621.vue b/.history/src/views/opk/zjr/news/index_20231102114621.vue
new file mode 100644
index 000000000..b6b207dfd
--- /dev/null
+++ b/.history/src/views/opk/zjr/news/index_20231102114621.vue
@@ -0,0 +1,223 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-11-01 13:04:53
+@ 备注: 
+-->
+<script lang='ts' setup>
+import { ref,reactive } from 'vue'
+import { quante,gettar,getquantechar } from '@/api/opk/api'
+import * as echarts from "echarts";
+
+const mapbody = ref<any>(null)
+const xAxis = ref<any[]>([])
+const yAxis = ref<any[]>([])
+const legend =ref<any[]>([])
+const myCharts = ref<any>()
+const option = ref<any>()
+const table = ref<any>([])
+const tablea = ref<any>([])
+const tablee = ref<any>([])
+
+const heightVal = ref<string>("0px")
+const widthVal = ref<string>("0px")
+const gettarger = ()=>{
+	gettar({page:1,pagesize:10000})
+		.then(data=>{
+			if(data.data&&data.data.list){
+				table.value = data.data.list
+				console.log("table--->",table.value)
+			}
+		})
+}
+const gainZhu = () =>{
+	const edd = form.name.toString().split(',')
+	const ess = [form.lzq]
+	const uii = form.word.toString().split(',')
+	const tyy =Number(form.wyc)
+	const rtt = form.zjr.split(',')
+	const ads = Number(form.yrb)
+	const yuu:any = {class:ads,tiem:[form.chl]}
+	// 获取图表数据
+	quante({AccMethod:ess,targetid:edd,year:rtt,analysisangle:tyy,org:uii,timeattribute:yuu})
+		.then(data=>{
+			// console.log("data---->",data);
+			if(data.data&&data.data.xAxis){	//判断值是否存在
+				xAxis.value = data.data.xAxis
+			}
+			if(data.data&&data.data.series){	//判断值是否存在
+				yAxis.value = data.data.series
+			}
+			if(data.data&&data.data.legend){	//判断值是否存在
+				legend.value = data.data.legend
+			}
+		})
+		// 画图
+		.finally(()=>{
+			// console.log("xAxis===>",xAxis.value)
+			// console.log("yAxis===>",yAxis.value)
+			// console.log("legend===>",legend.value)
+			let seriesAry = new Array
+			if(yAxis.value.length > 0){
+				yAxis.value.forEach((item:any)=>{
+					seriesAry.push({
+						type: 'bar',
+						name: item.name,
+						data: item.data
+					})
+
+				})
+			}
+			option.value = {
+				xAxis: {
+					type: 'category',
+					data: xAxis.value,
+					splitLine: {
+						show: true,
+					},
+				},
+				yAxis: [
+					{
+						type: 'value'
+					}
+				],
+				legend: {},
+				series: seriesAry
+			}
+			// console.log("option===>",option.value)
+			// myChart.setOption(option.value);
+			myCharts.value.setOption(option.value);
+		})
+}
+// 获取组织，时间的数据
+const iconSelect = ()=>{
+	const edd = form.name.toString().split(',')
+	getquantechar({targetid:edd})
+		.then(data=>{
+			if(data.data&&data.data.grouplist){
+				tablea.value = data.data.grouplist
+			}
+			if(data.data&&data.data.timelist){
+				tablee.value = data.data.timelist
+			}
+		})
+}
+const number = ref(0);
+const chnage = () => {
+	const iou = Number(form.yrb)
+  number.value = iou;
+};
+const form = reactive({
+	name:[],
+	word:'',
+	zjr:"",
+	lzq:"",
+	wyc:"",
+	yrb:"" as any,
+	chl:"" as any,
+})
+const orgTreeProp={
+	label:'title',
+	children:'children'
+}
+const orgTreeProps={
+	label:'name',
+	children:'child'
+}
+const puid:any = reactive(tablee)
+onMounted(()=>{
+	myCharts.value = echarts.init(mapbody.value)
+	// myChart = echarts.init(document.getElementById('main'))/
+	gettarger()
+	// console.log("document.getElementById('main')---->",document.getElementById('main'));
+	// console.log("mapbody.value---->",mapbody.value);
+})
+</script>
+<template>
+	<el-form :model="form" :inline="true" class="abc">
+	<el-form-item label="考核指标">
+		<el-tree-select ref="orgTreeRef" v-model="form.name" clearable node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
+  </el-form-item>
+	<el-form-item label="组织">
+		<el-tree-select ref="orgTreeRef" v-model="form.word" node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
+	</el-form-item>
+	<el-form-item label="时间">
+		<el-select v-model="form.zjr" placeholder="请选择核算方式">
+			<el-option v-for="(item,index) in tablee" :key="index" :label="item" :value="item"/>
+    </el-select>
+	</el-form-item>
+	<el-form-item label="核算方式">
+      <el-select v-model="form.lzq" placeholder="请选择核算方式">
+        <el-option label="合计值" :value="1" />
+        <el-option label="平均值" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="解析维度">
+      <el-select v-model="form.wyc" placeholder="请选择解析维度">
+        <el-option label="行政组织" :value="1" />
+        <el-option label="时间" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="周期">
+      <el-select v-model="form.yrb" placeholder="请选择" @change="chnage">
+        <el-option label="全年" value="1" />
+        <el-option label="半年" value="2" />
+				<el-option label="季度" value="3" />
+        <el-option label="月度" value="4" />
+      </el-select>
+    </el-form-item>
+		<el-form-item>
+		<div v-if="number == 2">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="上半年" :value="1" />
+				<el-option label="下半年" :value="2" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 3">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="第一季度" :value="1" />
+				<el-option label="第二季度" :value="2" />
+				<el-option label="第三季度" :value="3" />
+				<el-option label="第四季度" :value="4" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 4">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="1月" :value="1" />
+				<el-option label="2月" :value="2" />
+				<el-option label="3月" :value="3" />
+				<el-option label="4月" :value="4" />
+				<el-option label="5月" :value="5" />
+				<el-option label="6月" :value="6" />
+				<el-option label="7月" :value="7" />
+				<el-option label="8月" :value="8" />
+				<el-option label="9月" :value="9" />
+				<el-option label="10月" :value="10" />
+				<el-option label="11月" :value="11" />
+				<el-option label="12月" :value="12" />
+			</el-select>
+		</el-form-item>
+	</div>
+</el-form-item>
+	<el-form-item>
+		<el-button type="primary" style="width: 80px" @click="gainZhu"><el-icon><Search /></el-icon>查询</el-button>
+	</el-form-item>
+</el-form>
+<div id="main" ref="mapbody"  class="boxBody"></div>
+</template>
+<style  lang='scss' scoped>
+.boxBody{
+		width:100%;
+		height:calc(100vh - 84px);
+}
+.el-form-item{
+    margin:0px;
+}
+.abc{
+	margin: 10px 0 0 0;
+}
+</style>
diff --git a/.history/src/views/opk/zjr/news/index_20231102114623.vue b/.history/src/views/opk/zjr/news/index_20231102114623.vue
new file mode 100644
index 000000000..d25ed7de3
--- /dev/null
+++ b/.history/src/views/opk/zjr/news/index_20231102114623.vue
@@ -0,0 +1,223 @@
+<!--
+@ 作者: 鲁智强
+@ 时间: 2023-11-01 13:04:53
+@ 备注: 
+-->
+<script lang='ts' setup>
+import { ref,reactive } from 'vue'
+import { quante,gettar,getquantechar } from '@/api/opk/api'
+import * as echarts from "echarts";
+
+const mapbody = ref<any>(null)
+const xAxis = ref<any[]>([])
+const yAxis = ref<any[]>([])
+const legend =ref<any[]>([])
+const myCharts = ref<any>()
+const option = ref<any>()
+const table = ref<any>([])
+const tablea = ref<any>([])
+const tablee = ref<any>([])
+
+const heightVal = ref<string>("0px")
+const widthVal = ref<string>("0px")
+const gettarger = ()=>{
+	gettar({page:1,pagesize:10000})
+		.then(data=>{
+			if(data.data&&data.data.list){
+				table.value = data.data.list
+				console.log("table--->",table.value)
+			}
+		})
+}
+const gainZhu = () =>{
+	const edd = form.name.toString().split(',')
+	const ess = [form.lzq]
+	const uii = form.word.toString().split(',')
+	const tyy =Number(form.wyc)
+	const rtt = form.zjr.split(',')
+	const ads = Number(form.yrb)
+	const yuu:any = {class:ads,tiem:[form.chl]}
+	// 获取图表数据
+	quante({AccMethod:ess,targetid:edd,year:rtt,analysisangle:tyy,org:uii,timeattribute:yuu})
+		.then(data=>{
+			// console.log("data---->",data);
+			if(data.data&&data.data.xAxis){	//判断值是否存在
+				xAxis.value = data.data.xAxis
+			}
+			if(data.data&&data.data.series){	//判断值是否存在
+				yAxis.value = data.data.series
+			}
+			if(data.data&&data.data.legend){	//判断值是否存在
+				legend.value = data.data.legend
+			}
+		})
+		// 画图
+		.finally(()=>{
+			// console.log("xAxis===>",xAxis.value)
+			// console.log("yAxis===>",yAxis.value)
+			// console.log("legend===>",legend.value)
+			let seriesAry = new Array
+			if(yAxis.value.length > 0){
+				yAxis.value.forEach((item:any)=>{
+					seriesAry.push({
+						type: 'bar',
+						name: item.name,
+						data: item.data
+					})
+
+				})
+			}
+			option.value = {
+				xAxis: {
+					type: 'category',
+					data: xAxis.value,
+					splitLine: {
+						show: true,
+					},
+				},
+				yAxis: [
+					{
+						type: 'value'
+					}
+				],
+				legend: {},
+				series: seriesAry
+			}
+			// console.log("option===>",option.value)
+			// myChart.setOption(option.value);
+			myCharts.value.setOption(option.value);
+		})
+}
+// 获取组织，时间的数据
+const iconSelect = ()=>{
+	const edd = form.name.toString().split(',')
+	getquantechar({targetid:edd})
+		.then(data=>{
+			if(data.data&&data.data.grouplist){
+				tablea.value = data.data.grouplist
+			}
+			if(data.data&&data.data.timelist){
+				tablee.value = data.data.timelist
+			}
+		})
+}
+const number = ref(0);
+const chnage = () => {
+	const iou = Number(form.yrb)
+  number.value = iou;
+};
+const form = reactive({
+	name:[],
+	word:'',
+	zjr:"",
+	lzq:"",
+	wyc:"",
+	yrb:"" as any,
+	chl:"" as any,
+})
+const orgTreeProp={
+	label:'title',
+	children:'children'
+}
+const orgTreeProps={
+	label:'name',
+	children:'child'
+}
+const puid:any = reactive(tablee)
+onMounted(()=>{
+	myCharts.value = echarts.init(mapbody.value)
+	// myChart = echarts.init(document.getElementById('main'))/
+	gettarger()
+	// console.log("document.getElementById('main')---->",document.getElementById('main'));
+	// console.log("mapbody.value---->",mapbody.value);
+})
+</script>
+<template>
+	<el-form :model="form" :inline="true" class="abc">
+	<el-form-item label="考核指标">
+		<el-tree-select ref="orgTreeRef" v-model="form.name" clearable node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
+  </el-form-item>
+	<el-form-item label="组织">
+		<el-tree-select ref="orgTreeRef" v-model="form.word" clearable node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
+	</el-form-item>
+	<el-form-item label="时间">
+		<el-select v-model="form.zjr" placeholder="请选择核算方式">
+			<el-option v-for="(item,index) in tablee" :key="index" :label="item" :value="item"/>
+    </el-select>
+	</el-form-item>
+	<el-form-item label="核算方式">
+      <el-select v-model="form.lzq" placeholder="请选择核算方式">
+        <el-option label="合计值" :value="1" />
+        <el-option label="平均值" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="解析维度">
+      <el-select v-model="form.wyc" placeholder="请选择解析维度">
+        <el-option label="行政组织" :value="1" />
+        <el-option label="时间" :value="2" />
+      </el-select>
+    </el-form-item>
+	<el-form-item label="周期">
+      <el-select v-model="form.yrb" placeholder="请选择" @change="chnage">
+        <el-option label="全年" value="1" />
+        <el-option label="半年" value="2" />
+				<el-option label="季度" value="3" />
+        <el-option label="月度" value="4" />
+      </el-select>
+    </el-form-item>
+		<el-form-item>
+		<div v-if="number == 2">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="上半年" :value="1" />
+				<el-option label="下半年" :value="2" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 3">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="第一季度" :value="1" />
+				<el-option label="第二季度" :value="2" />
+				<el-option label="第三季度" :value="3" />
+				<el-option label="第四季度" :value="4" />
+			</el-select>
+		</el-form-item>
+	</div>
+	<div v-if="number == 4">
+		<el-form-item label="周期详情">
+			<el-select v-model="form.chl">
+				<el-option label="1月" :value="1" />
+				<el-option label="2月" :value="2" />
+				<el-option label="3月" :value="3" />
+				<el-option label="4月" :value="4" />
+				<el-option label="5月" :value="5" />
+				<el-option label="6月" :value="6" />
+				<el-option label="7月" :value="7" />
+				<el-option label="8月" :value="8" />
+				<el-option label="9月" :value="9" />
+				<el-option label="10月" :value="10" />
+				<el-option label="11月" :value="11" />
+				<el-option label="12月" :value="12" />
+			</el-select>
+		</el-form-item>
+	</div>
+</el-form-item>
+	<el-form-item>
+		<el-button type="primary" style="width: 80px" @click="gainZhu"><el-icon><Search /></el-icon>查询</el-button>
+	</el-form-item>
+</el-form>
+<div id="main" ref="mapbody"  class="boxBody"></div>
+</template>
+<style  lang='scss' scoped>
+.boxBody{
+		width:100%;
+		height:calc(100vh - 84px);
+}
+.el-form-item{
+    margin:0px;
+}
+.abc{
+	margin: 10px 0 0 0;
+}
+</style>
diff --git a/src/views/opk/asd/news/bb.vue b/src/views/opk/asd/news/bb.vue
index 7b8fe1ce7..80e5540ff 100644
--- a/src/views/opk/asd/news/bb.vue
+++ b/src/views/opk/asd/news/bb.vue
@@ -219,7 +219,7 @@ onMounted(()=>{
 					<el-table-column prop="time" label="时间" />
 					<el-table-column prop="state" label="状态" width="70">
 					<template #default="scope">
-						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.key,scope.row.state)"/>
+						<el-switch v-model="scope.row.state" :inactive-value="2" :active-value="1" class="ml-2" inline-prompt style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" @change="editPostState(scope.row.key,scope.row.state)"/>
 					</template>
 				</el-table-column>
 				<el-table-column fixed="right" label="操作" width="228">
diff --git a/src/views/opk/yui/new/aa.vue b/src/views/opk/yui/new/aa.vue
index cdf3e3dba..153fb165c 100644
--- a/src/views/opk/yui/new/aa.vue
+++ b/src/views/opk/yui/new/aa.vue
@@ -106,7 +106,7 @@ function editPostState(classId:number,state:number){
 	console.log("改变状态--------->",classId,state)
 	const add  =classId.toString()
 	let statusVal = 1
-	if( state == 1) statusVal = 2;
+	if( state == 2 ) statusVal = 2;
 	deltarget({id:add,state:statusVal,istrue:2})
 	newtarlist()
 }
@@ -225,9 +225,9 @@ onMounted(()=>{
 					</el-table-column>
 					<el-table-column prop="reportmap[0].title" label="数据提交"/>
 					<el-table-column prop="share" label="辅助计数"/>
-					<el-table-column prop="" label="状态" width="70">
+					<el-table-column prop="state" label="状态" width="70">
 					<template #default="scope">
-						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+						<el-switch v-model="scope.row.state" class="ml-2" :inactive-value="1" :active-value="2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
 					</template>
 				</el-table-column>
 				<el-table-column fixed="right" label="操作" width="250">
diff --git a/src/views/opk/yui/new/bb.vue b/src/views/opk/yui/new/bb.vue
index 38041c97d..fc552fbe2 100644
--- a/src/views/opk/yui/new/bb.vue
+++ b/src/views/opk/yui/new/bb.vue
@@ -101,7 +101,7 @@ function editPostState(classId:number,state:number){
 	console.log("改变状态--------->",classId,state)
 	const add  =classId.toString()
 	let statusVal = 1
-	if( state == 1) statusVal = 2;
+	if( state == 2) statusVal = 2;
 	set_posttarget({id:add,state:statusVal,istrue:2})
 	postt()
 }
@@ -219,9 +219,9 @@ onMounted(()=>{
 						</template>
 					</el-table-column>
 					<el-table-column prop="cycleattr" label="辅助计数"/>
-					<el-table-column prop="" label="状态" width="70">
+					<el-table-column prop="state" label="状态" width="70">
 					<template #default="scope">
-						<el-switch v-model="scope.row.status" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
+						<el-switch v-model="scope.row.state" :inactive-value="1" :active-value="2" class="ml-2" inline-prompt style="--el-switch-on-color: #ff4949; --el-switch-off-color: #13ce66" @change="editPostState(scope.row.id,scope.row.state)"/>
 					</template>
 				</el-table-column>
 				<el-table-column fixed="right" label="操作" width="200">
diff --git a/src/views/opk/zjr/news/index.vue b/src/views/opk/zjr/news/index.vue
index e7ab9ea5c..d25ed7de3 100644
--- a/src/views/opk/zjr/news/index.vue
+++ b/src/views/opk/zjr/news/index.vue
@@ -123,7 +123,7 @@ const orgTreeProps={
 	label:'name',
 	children:'child'
 }
-const puid:any = reactive(Number(tablee))
+const puid:any = reactive(tablee)
 onMounted(()=>{
 	myCharts.value = echarts.init(mapbody.value)
 	// myChart = echarts.init(document.getElementById('main'))/
@@ -135,10 +135,10 @@ onMounted(()=>{
 <template>
 	<el-form :model="form" :inline="true" class="abc">
 	<el-form-item label="考核指标">
-		<el-tree-select ref="orgTreeRef" v-model="form.name" node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
+		<el-tree-select ref="orgTreeRef" v-model="form.name" clearable node-key="id" class="orgTree" :data="table" :props="orgTreeProp"  :default-expand-all="false" @node-click="iconSelect" />
   </el-form-item>
 	<el-form-item label="组织">
-		<el-tree-select ref="orgTreeRef" v-model="form.word" node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
+		<el-tree-select ref="orgTreeRef" v-model="form.word" clearable node-key="id" class="orgTree" :data="tablea" :props="orgTreeProps"  :default-expand-all="false" />
 	</el-form-item>
 	<el-form-item label="时间">
 		<el-select v-model="form.zjr" placeholder="请选择核算方式">