添加cvt管理页面
This commit is contained in:
298
src/views/cgy-harmonic-boot/CVT/components/forms.vue
Normal file
298
src/views/cgy-harmonic-boot/CVT/components/forms.vue
Normal file
@@ -0,0 +1,298 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:title="title"
|
||||
:visible.sync="dialogVisible"
|
||||
width="1000px"
|
||||
:before-close="handleClose"
|
||||
>
|
||||
<el-form ref="form" :inline="true" :model="form" label-width="80px" class="form-two">
|
||||
<el-form-item label="CVT名称:">
|
||||
<el-input v-model="form.name" placeholder="请输入CVT名称"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="CVT型号:">
|
||||
<el-input v-model="form.model" placeholder="请输入CVT型号"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-form ref="form" :inline="true" :model="form" label-width="80px" class="form">
|
||||
<el-form-item label="2次:">
|
||||
<el-input type="number" v-model="form.num2"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="3次:">
|
||||
<el-input type="number" v-model="form.num3"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="4次:">
|
||||
<el-input type="number" v-model="form.num4"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="5次:">
|
||||
<el-input type="number" v-model="form.num5"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="6次:">
|
||||
<el-input type="number" v-model="form.num6"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="7次:">
|
||||
<el-input type="number" v-model="form.num7"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="8次:">
|
||||
<el-input type="number" v-model="form.num8"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="9次:">
|
||||
<el-input type="number" v-model="form.num9"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="10次:">
|
||||
<el-input type="number" v-model="form.num10"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="11次:">
|
||||
<el-input type="number" v-model="form.num11"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="12次:">
|
||||
<el-input type="number" v-model="form.num12"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="13次:">
|
||||
<el-input type="number" v-model="form.num13"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="14次:">
|
||||
<el-input type="number" v-model="form.num14"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="15次:">
|
||||
<el-input type="number" v-model="form.num15"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="16次:">
|
||||
<el-input type="number" v-model="form.num16"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="17次:">
|
||||
<el-input type="number" v-model="form.num17"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="18次:">
|
||||
<el-input type="number" v-model="form.num18"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="19次:">
|
||||
<el-input type="number" v-model="form.num19"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="20次:">
|
||||
<el-input type="number" v-model="form.num20"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="21次:">
|
||||
<el-input type="number" v-model="form.num21"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="22次:">
|
||||
<el-input type="number" v-model="form.num22"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="23次:">
|
||||
<el-input type="number" v-model="form.num23"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="24次:">
|
||||
<el-input type="number" v-model="form.num24"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="25次:">
|
||||
<el-input type="number" v-model="form.num25"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="26次:">
|
||||
<el-input type="number" v-model="form.num26"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="27次:">
|
||||
<el-input type="number" v-model="form.num27"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="28次:">
|
||||
<el-input type="number" v-model="form.num28"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="29次:">
|
||||
<el-input type="number" v-model="form.num29"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="30次:">
|
||||
<el-input type="number" v-model="form.num30"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="31次:">
|
||||
<el-input type="number" v-model="form.num31"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="32次:">
|
||||
<el-input type="number" v-model="form.num32"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="33次:">
|
||||
<el-input type="number" v-model="form.num33"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="34次:">
|
||||
<el-input type="number" v-model="form.num34"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="35次:">
|
||||
<el-input type="number" v-model="form.num35"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="36次:">
|
||||
<el-input type="number" v-model="form.num36"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="37次:">
|
||||
<el-input type="number" v-model="form.num37"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="38次:">
|
||||
<el-input type="number" v-model="form.num38"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="39次:">
|
||||
<el-input type="number" v-model="form.num39"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="40次:">
|
||||
<el-input type="number" v-model="form.num40"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="41次:">
|
||||
<el-input type="number" v-model="form.num41"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="42次:">
|
||||
<el-input type="number" v-model="form.num42"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="43次:">
|
||||
<el-input type="number" v-model="form.num43"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="44次:">
|
||||
<el-input type="number" v-model="form.num44"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="45次:">
|
||||
<el-input type="number" v-model="form.num45"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="46次:">
|
||||
<el-input type="number" v-model="form.num46"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="47次:">
|
||||
<el-input type="number" v-model="form.num47"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="48次:">
|
||||
<el-input type="number" v-model="form.num48"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="49次:">
|
||||
<el-input type="number" v-model="form.num49"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="50次:">
|
||||
<el-input type="number" v-model="form.num50"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose">取 消</el-button>
|
||||
<el-button type="primary" @click="handleClose">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false,
|
||||
title: '',
|
||||
form: {
|
||||
name: '',
|
||||
model: '',
|
||||
num2: '1',
|
||||
num3: '1',
|
||||
num4: '1',
|
||||
num5: '1',
|
||||
num6: '1',
|
||||
num7: '1',
|
||||
num8: '1',
|
||||
num9: '1',
|
||||
num10: '1',
|
||||
num11: '1',
|
||||
num12: '1',
|
||||
num13: '1',
|
||||
num14: '1',
|
||||
num15: '1',
|
||||
num16: '1',
|
||||
num17: '1',
|
||||
num18: '1',
|
||||
num19: '1',
|
||||
num20: '1',
|
||||
num21: '1',
|
||||
num22: '1',
|
||||
num23: '1',
|
||||
num24: '1',
|
||||
num25: '1',
|
||||
num26: '1',
|
||||
num27: '1',
|
||||
num28: '1',
|
||||
num29: '1',
|
||||
num30: '1',
|
||||
num31: '1',
|
||||
num32: '1',
|
||||
num33: '1',
|
||||
num34: '1',
|
||||
num35: '1',
|
||||
num36: '1',
|
||||
num37: '1',
|
||||
num38: '1',
|
||||
num39: '1',
|
||||
num40: '1',
|
||||
num41: '1',
|
||||
num42: '1',
|
||||
num43: '1',
|
||||
num44: '1',
|
||||
num45: '1',
|
||||
num46: '1',
|
||||
num47: '1',
|
||||
num48: '1',
|
||||
num49: '1',
|
||||
num50: '1'
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {},
|
||||
|
||||
methods: {
|
||||
// 关闭弹窗
|
||||
handleClose() {
|
||||
this.dialogVisible = false
|
||||
}
|
||||
},
|
||||
|
||||
computed: {},
|
||||
|
||||
watch: {}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import url('../../../../styles/comStyle.less');
|
||||
::v-deep .form-two {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.el-form-item {
|
||||
display: flex;
|
||||
width: 49%;
|
||||
.el-form-item__content {
|
||||
flex: 1 !important;
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 100% !important;
|
||||
}
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.el-form-item {
|
||||
display: flex;
|
||||
width: 24%;
|
||||
.el-form-item__content {
|
||||
flex: 1 !important;
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
.el-input__inner {
|
||||
width: 100% !important;
|
||||
}
|
||||
.el-date-editor {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-dialog .el-dialog__body {
|
||||
padding: 20px !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user