From ea61f41e888d3de2001e0564f0147eee055894c6 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: Thu, 07 Jul 2022 18:00:52 +0800
Subject: [PATCH] 目标
---
src/views/goalManagement/targetImprovements/index.vue | 11 ++
src/views/goalManagement/processForms/component/formInformationTops.vue | 162 ++++++++++++++++++++++++++++++++
src/views/goalManagement/performanceAppraisal/index.vue | 12 ++
src/views/goalManagement/processForms/component/formInformationTop.vue | 72 +++++++++++++
src/views/goalManagement/processForms/processForms.vue | 18 +--
5 files changed, 259 insertions(+), 16 deletions(-)
diff --git a/src/views/goalManagement/performanceAppraisal/index.vue b/src/views/goalManagement/performanceAppraisal/index.vue
new file mode 100644
index 0000000..e340b14
--- /dev/null
+++ b/src/views/goalManagement/performanceAppraisal/index.vue
@@ -0,0 +1,12 @@
+<template>
+
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+ setup() {
+
+ },
+})
+</script>
diff --git a/src/views/goalManagement/processForms/component/formInformationTop.vue b/src/views/goalManagement/processForms/component/formInformationTop.vue
index 5d837a3..ef75063 100644
--- a/src/views/goalManagement/processForms/component/formInformationTop.vue
+++ b/src/views/goalManagement/processForms/component/formInformationTop.vue
@@ -1,6 +1,6 @@
<template>
<el-form ref="form" :model="form" label-width="120px">
- <el-row style="padding: 20px">
+ <el-row>
<el-col :span="11">
<el-form-item label="安全目标指标">
<el-input v-model="form.name"></el-input>
@@ -12,7 +12,7 @@
</el-form-item>
</el-col>
</el-row>
- <el-row style="padding: 20px">
+ <el-row>
<el-col :span="11">
<el-form-item label="年度">
<el-input v-model="form.name"></el-input>
@@ -70,9 +70,75 @@
resource: '',
desc: '',
});
+ const tableData = [
+ {
+ date: '2016-05-03',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ ];
+ const activeName = ref('1');
return{
- form
+ form,
+ tableData,
+ activeName
}
},
})
</script>
+<style scoped>
+.title {
+ text-align: center;
+ font-size: 16px;
+ margin-bottom: 20px;
+}
+.box{
+ border: 1px solid #dcdfe6;
+ box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
+}
+.navType {
+ background-color: #fff;
+}
+.tiao{
+ width: 100%;
+ height: 1px;
+ background-color: #dcdfe6;
+ margin: 30px 0 ;
+ position: relative;
+}
+.typeS{
+ width: 80px;
+ background-color: #fff;
+ position: absolute;
+ left: 30px;
+ top: -9px;
+ font-size: 14px;
+ text-align: center;
+}
+.logoColor{
+ background-color: #67c23a;
+ color: #fff;
+ padding: 5px 8px;
+ border-radius: 5px;
+ margin-right: 5px;
+}
+.btns{
+ width: 100%;
+ padding:20px 0;
+ background-color: #fff;
+ position: fixed;
+ bottom: 0px;
+ left: 0px;
+ text-align: center;
+ box-shadow: 0 -3px 5px 0 rgb(0 0 0 / 12%);
+
+}
+.title2{
+ padding: 20px 0 20px 10px;
+ width: 100%;
+ border: 1px solid #dcdfe6;
+}
+.el-row{
+ padding:0 0 20px 0 ;
+}
+</style>
diff --git a/src/views/goalManagement/processForms/component/formInformationTops.vue b/src/views/goalManagement/processForms/component/formInformationTops.vue
new file mode 100644
index 0000000..727fbb3
--- /dev/null
+++ b/src/views/goalManagement/processForms/component/formInformationTops.vue
@@ -0,0 +1,162 @@
+<template>
+ <el-form ref="form" :model="form" label-width="120px">
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="安全目标指标">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="11" :offset="2">
+ <el-form-item label="目标指标编号">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="年度">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="11" :offset="2">
+ <el-form-item label="责任部门">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="改进期限">
+ <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="11" :offset="2">
+ <el-form-item label="发起人">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="发起时间">
+ <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%" />
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+ <el-tabs v-model="activeName" style="padding: 0 20px">
+ <el-tab-pane label="考核指标" name="1">
+ <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" label="检查值">
+ <template #default>
+ <el-input v-model="form.name" placeholder=""></el-input>
+ </template>
+ </el-table-column>
+ <el-table-column align="center" prop="address" label="检查人" />
+ <el-table-column align="center" prop="address" label="检查时间" />
+ </el-table>
+ <div class="tiao">
+ <div class="typeS">审批</div>
+ </div>
+ <el-row style="padding: 20px 0">
+ <el-col :span="6" style="text-align: right">一级审批：</el-col>
+ <el-col :span="18">同意</el-col>
+ </el-row>
+ <el-row style="padding: 0 0 20px 0">
+ <el-col :span="6"></el-col>
+ <el-col :span="18"><span class="logoColor">同意</span><span style="margin-right: 8px">杜建喜</span><span>2021-05-24 04:47:42</span></el-col>
+ </el-row>
+ </el-tab-pane>
+ </el-tabs>
+</template>
+<script lang="ts">
+import { defineComponent, ref, reactive } from 'vue';
+
+export default defineComponent({
+ setup() {
+ const form = reactive({
+ name: '',
+ region: '',
+ date1: '',
+ date2: '',
+ delivery: false,
+ type: [],
+ resource: '',
+ desc: '',
+ });
+ const tableData = [
+ {
+ date: '2016-05-03',
+ name: 'Tom',
+ address: 'No. 189, Grove St, Los Angeles',
+ },
+ ];
+ const activeName = ref('1');
+ return {
+ form,
+ tableData,
+ activeName,
+ };
+ },
+});
+</script>
+<style scoped>
+.title {
+ text-align: center;
+ font-size: 16px;
+ margin-bottom: 20px;
+}
+.box {
+ border: 1px solid #dcdfe6;
+ box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
+}
+.navType {
+ background-color: #fff;
+}
+.tiao {
+ width: 100%;
+ height: 1px;
+ background-color: #dcdfe6;
+ margin: 30px 0;
+ position: relative;
+}
+.typeS {
+ width: 80px;
+ background-color: #fff;
+ position: absolute;
+ left: 30px;
+ top: -9px;
+ font-size: 14px;
+ text-align: center;
+}
+.logoColor {
+ background-color: #67c23a;
+ color: #fff;
+ padding: 5px 8px;
+ border-radius: 5px;
+ margin-right: 5px;
+}
+.btns {
+ width: 100%;
+ padding: 20px 0;
+ background-color: #fff;
+ position: fixed;
+ bottom: 0px;
+ left: 0px;
+ text-align: center;
+ box-shadow: 0 -3px 5px 0 rgb(0 0 0 / 12%);
+}
+.title2 {
+ padding: 20px 0 20px 10px;
+ width: 100%;
+ border: 1px solid #dcdfe6;
+}
+.el-row{
+ padding:0 0 20px 0;
+}
+</style>
diff --git a/src/views/goalManagement/processForms/processForms.vue b/src/views/goalManagement/processForms/processForms.vue
index 714dda2..d6ddaa1 100644
--- a/src/views/goalManagement/processForms/processForms.vue
+++ b/src/views/goalManagement/processForms/processForms.vue
@@ -14,7 +14,8 @@
<el-menu-item index="2">流程图</el-menu-item>
</el-menu>
<div v-if="activeIndex == 1" class="navType">
-
+ <formInformationTop v-if="false"></formInformationTop>
+ <formInformationTops></formInformationTops>
</div>
<div v-if="activeIndex == 2" class="navType" style="padding:20px 20px 0 20px">
<div class="title2">流程图</div>
@@ -29,9 +30,11 @@
<script lang="ts">
import { defineComponent, reactive, ref,onMounted } from 'vue';
import { useRouter } from 'vue-router';
+import formInformationTop from './component/formInformationTop.vue'
+import formInformationTops from './component/formInformationTops.vue'
import lowerPlate from './component/lowerPlate.vue'
export default defineComponent({
- components:{lowerPlate},
+ components:{lowerPlate,formInformationTop,formInformationTops},
setup() {
const activeIndex = ref('1');
const handleSelect = (key: string, keyPath: string[]) => {
@@ -48,14 +51,7 @@
resource: '',
desc: '',
});
- const activeName = ref('1');
- const tableData = [
- {
- date: '2016-05-03',
- name: 'Tom',
- address: 'No. 189, Grove St, Los Angeles',
- },
- ];
+
const router=useRouter()
const Type=onMounted(()=>{
// console.log("xxxxxxx",router)
@@ -65,8 +61,6 @@
activeIndex,
handleSelect,
form,
- activeName,
- tableData,
router,
Type
};
diff --git a/src/views/goalManagement/targetImprovements/index.vue b/src/views/goalManagement/targetImprovements/index.vue
index 2f48492..d3b0d0a 100644
--- a/src/views/goalManagement/targetImprovements/index.vue
+++ b/src/views/goalManagement/targetImprovements/index.vue
@@ -72,7 +72,7 @@
<el-table-column label="操作" align="center" width="200" sortable show-overflow-tooltip>
<template #default>
<el-button link type="primary" size="default" :icon="View" @click="openDai">查看</el-button>
- <el-button link type="primary" size="default" :icon="Delete">整改上报</el-button>
+ <el-button link type="primary" size="default" :icon="Delete" @click="jump">整改上报</el-button>
</template>
</el-table-column>
</el-table>
@@ -176,6 +176,7 @@
}
import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults';
import Dailogprove from './component/Dailogprove.vue';
+import { useRouter } from 'vue-router';
export default defineComponent({
components: { ElButton, ElInput,Dailogprove},
setup() {
@@ -250,6 +251,12 @@
const openDai=()=>{
Show.value.openDailog()
}
+ const router=useRouter()
+ const jump=()=>{
+ router.push({
+ path:"/processForms"
+ })
+ }
return {
ruleForm,
resetForm,
@@ -265,6 +272,8 @@
disabled,
background,
Show,
+ router,
+ jump,
openDai,
Plus,
Delete,
--
Gitblit v1.9.2