From 5ecc1f88362a5f3598133259223551195aebf77f Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期三, 06 七月 2022 09:10:48 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut

---
 src/views/goalManagement/safetyAssessment/component/Dailog.vue |  129 +++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 129 insertions(+), 0 deletions(-)

diff --git a/src/views/goalManagement/safetyAssessment/component/Dailog.vue b/src/views/goalManagement/safetyAssessment/component/Dailog.vue
new file mode 100644
index 0000000..d768314
--- /dev/null
+++ b/src/views/goalManagement/safetyAssessment/component/Dailog.vue
@@ -0,0 +1,129 @@
+<template>
+	<el-dialog v-model="dialogVisible" title="目标分解" width="70%" draggable>
+		<el-form :model="form" label-width="120px">
+			<el-row>
+				<el-col :span="11">
+					<el-form-item label="安全目标指标">
+						<el-input v-model="form.name">
+							<template #append> <el-button :icon="Search" @click="daiInpt" /> </template
+						></el-input>
+					</el-form-item>
+				</el-col>
+				<el-col :span="11" :offset="2">
+					<el-form-item label="目标指标编号">
+						<el-input v-model="form.name" />
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-row>
+				<el-col :span="11">
+					<el-form-item label="年度">
+						<el-input v-model="form.name" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="11" :offset="2">
+					<el-form-item label="指标值">
+						<el-input v-model="form.name" />
+					</el-form-item>
+				</el-col>
+			</el-row>
+		</el-form>
+		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+			<el-tab-pane label="目标指标分解" name="1">
+			</el-tab-pane>
+		</el-tabs>
+		<el-table :data="tableData" style="width: 100%">
+			<el-table-column align="center" type="index" label="序号" width="70" />
+			<el-table-column align="center" prop="date" label="责任部门" />
+			<el-table-column align="center" prop="name" label="考核指标" />
+			<el-table-column align="center" prop="address" label="制定部门" />
+			<el-table-column align="center" prop="address" label="制定日期" />
+			<el-table-column align="center" prop="address" label="上报值" />
+			<el-table-column align="center" prop="address" label="上报时间" />
+			<el-table-column align="center" prop="address" label="考核结果" />
+			<el-table-column align="center" prop="address" label="考核人" />
+			<el-table-column align="center" prop="address" label="考核时间" />
+			<el-table-column align="center" label="操作">
+				<template #default>
+					<el-button link type="primary">查看</el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<template #footer>
+			<span class="dialog-footer">
+				<el-button @click="dialogVisible = false" size="default">关闭</el-button>
+				<el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button>
+			</span>
+		</template>
+	</el-dialog>
+  <DailogSearch ref="Shows"></DailogSearch>
+</template>
+<script lang="ts">
+import { defineComponent, ref, reactive } from 'vue';
+import { Search } from '@element-plus/icons-vue';
+import DailogSearch from '../../../../components/DailogSearch/DailogSearch.vue'
+export default defineComponent({
+	components:{DailogSearch},
+	setup() {
+		const dialogVisible = ref<boolean>(false);
+		const form = reactive({
+			name: '',
+			region: '',
+			date1: '',
+			date2: '',
+			delivery: false,
+			type: [],
+			resource: '',
+			desc: '',
+		});
+		const openDailog = (type: string, value: any, projectList: any, projectId: string) => {
+			dialogVisible.value = true;
+		};
+		// 导航
+		const activeName = ref('1');
+		// 表格
+		const tableData = [
+			{
+				date: '2016-05-03',
+				name: 'Tom',
+				address: 'No. 189, Grove St, Los Angeles',
+			},
+			{
+				date: '2016-05-02',
+				name: 'Tom',
+				address: 'No. 189, Grove St, Los Angeles',
+			},
+			{
+				date: '2016-05-04',
+				name: 'Tom',
+				address: 'No. 189, Grove St, Los Angeles',
+			},
+			{
+				date: '2016-05-01',
+				name: 'Tom',
+				address: 'No. 189, Grove St, Los Angeles',
+			},
+		];
+		// 安全目标指标弹窗
+		const Shows=ref()
+		const daiInpt=()=>{
+			Shows.value.openDailog()
+		}
+		return {
+			form,
+			dialogVisible,
+			openDailog,
+			activeName,
+			tableData,
+			Shows,
+			daiInpt,
+			Search,
+		};
+	},
+});
+</script>
+<style scoped>
+.el-row {
+	padding: 0 0 20px 0;
+}
+</style>

--
Gitblit v1.9.2