<template>
|
<div class="home-container">
|
<el-form :model="form" label-width="120px">
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="申请部门">
|
<el-select v-model="form.department" placeholder="请选择部门">
|
<el-option label="机修班" value="机修班" />
|
<el-option label="火工班" value="火工班" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="申请人">
|
<el-select v-model="form.applyName" placeholder="请选择">
|
<el-option label="胡海涛" value="胡海涛" />
|
<el-option label="其他人" value="其他人" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="作业等级">
|
<el-select v-model="form.level" placeholder="请选择">
|
<el-option label="一" value="一" />
|
<el-option label="二" value="二" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="危害辨识">
|
<el-select v-model="form.riskIdentify" placeholder="请选择">
|
<el-option label="辨识一" value="辨识一" />
|
<el-option label="辨识二" value="辨识二" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-form-item label="动火方式">
|
<el-select v-model="form.workWay" placeholder="请选择">
|
<el-option label="方式一" value="方式一" />
|
<el-option label="方式二" value="方式二" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="8">
|
<el-button type="primary" size="default">添加作业人</el-button>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
</template>
|
|
<script lang="ts">
|
import { toRefs, reactive, defineComponent, ref } from 'vue';
|
import { storeToRefs } from 'pinia';
|
import { initBackEndControlRoutes } from '/@/router/backEnd';
|
import {useUserInfo} from "/@/stores/userInfo";
|
import { Session } from '/@/utils/storage';
|
let global: any = {
|
homeChartOne: null,
|
homeChartTwo: null,
|
homeCharThree: null,
|
dispose: [null, '', undefined],
|
};
|
|
interface stateType {
|
homeOne: Array <type>
|
}
|
interface type {
|
|
}
|
export default defineComponent({
|
name: 'workApply',
|
setup() {
|
const userInfo = useUserInfo()
|
const { userInfos } = storeToRefs(userInfo);
|
const state = reactive<stateType>({
|
homeOne:[{id:1,name:'基础数据权限管理系统'},{id:2,name:'双重预防系统'},{id:3,name:'系统2'},{id:4,name:'系统3'},{id:5,name:'系统4'}],
|
});
|
const form = reactive({
|
department: '',
|
applyName: '',
|
level: '',
|
riskIdentify: '',
|
workWay: ''
|
})
|
|
const onSubmit = () => {
|
console.log('submit!')
|
}
|
// 折线图
|
const renderMenu = async (value: string) => {
|
Session.set('projectId',value)
|
userInfos.value.projectId = value
|
await initBackEndControlRoutes();
|
};
|
return {
|
renderMenu,
|
form,
|
onSubmit,
|
...toRefs(state),
|
};
|
},
|
});
|
</script>
|
|
<style scoped lang="scss">
|
$homeNavLengh: 8;
|
.home-container {
|
overflow: hidden;
|
padding: 40px;
|
.el-row{
|
margin-bottom: 20px;
|
}
|
.el-row:last-child {
|
margin-bottom: 0;
|
}
|
.el-col{
|
display: flex;
|
align-items: center;
|
margin-bottom: 10px;
|
}
|
}
|
</style>
|
