目标管理

shj

2022-07-06 476201c97b910a0fda2713a7331e26530ecd7bd3

 src/views/goalManagement/targetEscalation/processForms.vue

@@ -4,7 +4,7 @@
   <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      background-color="#fff"
      background-color="#ebeef5"
      text-color="#fff"
      active-text-color="#fff"
      mode="horizontal"
@@ -18,24 +18,24 @@
         <el-row style="padding: 20px">
            <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-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 +50,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="检查人" />
@@ -70,7 +70,10 @@
         </el-tab-pane>
      </el-tabs>
   </div>
   <div v-if="activeIndex == 2" class="navType">cccccccc</div>
   <div v-if="activeIndex == 2" class="navType" style="padding:20px 20px 0 20px">
      <div class="title2">流程图</div>
      <div style="width:100%;height:400px"></div>
   </div>
   </div>
   <lowerPlate></lowerPlate>
   <div class="btns">
@@ -78,7 +81,8 @@
   </div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from 'vue';
import { defineComponent, reactive, ref,onMounted } from 'vue';
import { useRouter } from 'vue-router';
import lowerPlate from './component/lowerPlate.vue'
export default defineComponent({
   components:{lowerPlate},
@@ -106,12 +110,19 @@
            address: 'No. 189, Grove St, Los Angeles',
         },
      ];
      const router=useRouter()
      const Type=onMounted(()=>{
         // console.log("xxxxxxx",router)
      })
		
      return {
         activeIndex,
         handleSelect,
         form,
         activeName,
         tableData
         tableData,
         router,
         Type
      };
   },
});
@@ -163,4 +174,9 @@
   box-shadow: 0 -3px 5px 0 rgb(0 0 0 / 12%);
   
}
.title2{
   padding: 20px 0 20px 10px;
   width: 100%;
   border: 1px solid #dcdfe6;
}
</style>