Merge branch 'master' of https://sinanoaq.cn:8888/r/gtqtOut

Your Name

2022-07-11 7b9c91f9feb33f901aa09174fbbf119ee3ebcb24

 src/views/goalManagement/processForms/component/formInformationTop.vue

文件名从 src/views/goalManagement/targetEscalation/processForms.vue 修改
@@ -1,41 +1,26 @@
<template>
   <h4 class="title">胡海涛2022-07-01 16:08:42发起了目标检查上报（检查）--检查</h4>
   <div class="box">
   <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      background-color="#fff"
      text-color="#fff"
      active-text-color="#fff"
      mode="horizontal"
      @select="handleSelect"
   >
      <el-menu-item index="1">表单信息</el-menu-item>
      <el-menu-item index="2">流程图</el-menu-item>
   </el-menu>
   <div v-if="activeIndex == 1" class="navType">
      <el-form ref="form" :model="form" label-width="120px">
         <el-row style="padding: 20px">
    <el-form ref="form" :model="form" label-width="120px">
         <el-row>
            <el-col :span="11">
               <el-form-item label="安全目标指标">
                  <el-input v-model="name"></el-input>
                  <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="name"></el-input>
                  <el-input v-model="form.name"></el-input>
               </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="name"></el-input>
                  <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="name"></el-input>
                  <el-input v-model="form.name"></el-input>
               </el-form-item>
            </el-col>
         </el-row>
@@ -50,7 +35,7 @@
               <el-table-column align="center" prop="address" label="制定日期" />
               <el-table-column align="center"  label="检查值">
                  <template #default>
                         <el-input v-model="address" placeholder=""></el-input>
                         <el-input v-model="form.name" placeholder=""></el-input>
                  </template>
               </el-table-column>
               <el-table-column align="center" prop="address" label="检查人" />
@@ -69,26 +54,13 @@
            </el-row>
         </el-tab-pane>
      </el-tabs>
   </div>
   <div v-if="activeIndex == 2" class="navType">cccccccc</div>
   </div>
   <lowerPlate></lowerPlate>
   <div class="btns">
      <el-button type="primary">发起上报</el-button>
   </div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from 'vue';
import lowerPlate from './component/lowerPlate.vue'
import { defineComponent,ref,reactive } from 'vue'

export default defineComponent({
   components:{lowerPlate},
   setup() {
      const activeIndex = ref('1');
      const handleSelect = (key: string, keyPath: string[]) => {
         // console.log(key, keyPath);
         activeIndex.value = key;
      };
      const form = reactive({
    setup() {
           const form = reactive({
         name: '',
         region: '',
         date1: '',
@@ -98,23 +70,21 @@
         resource: '',
         desc: '',
      });
      const activeName = ref('1');
      const tableData = [
           const tableData = [
         {
            date: '2016-05-03',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles',
         },
      ];
      return {
         activeIndex,
         handleSelect,
         form,
         activeName,
         tableData
      };
   },
});
        const activeName = ref('1');
        return{
            form,
            tableData,
            activeName
        }
    },
})
</script>
<style scoped>
.title {
@@ -163,4 +133,12 @@
   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>