|
@@ -1,10 +1,10 @@
|
|
// 新增内转钢坯需求
|
|
// 新增内转钢坯需求
|
|
<template>
|
|
<template>
|
|
<div class="inwardRequirement">
|
|
<div class="inwardRequirement">
|
|
- <div>
|
|
|
|
- <!-- 用车单位 -->
|
|
|
|
- <div class="requireUnit form">
|
|
|
|
- <el-form class="demo-form-inline" label-width="80px" :inline="true">
|
|
|
|
|
|
+ <!-- 用车单位 -->
|
|
|
|
+ <div class="requireUnit">
|
|
|
|
+ <el-form class="demo-form-inline" label-width="80px" :inline="true">
|
|
|
|
+ <div class="top1">
|
|
<el-form-item label="用车单位" v-show="false">
|
|
<el-form-item label="用车单位" v-show="false">
|
|
<el-input class="inline-input" v-model="requireUnitName" disabled>
|
|
<el-input class="inline-input" v-model="requireUnitName" disabled>
|
|
</el-input>
|
|
</el-input>
|
|
@@ -14,58 +14,87 @@
|
|
</el-input>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="炉号">
|
|
<el-form-item label="炉号">
|
|
- <el-input class="inline-input" v-model.number="heatNo"> </el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="支数">
|
|
|
|
- <el-input class="inline-input" v-model="count"> </el-input>
|
|
|
|
|
|
+ <el-input
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model.number="heatNo"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <!-- 车辆我设为多选了,我觉得会省事,他们应该不希望每台车都做一次 -->
|
|
|
|
- <el-form-item label="选择车辆">
|
|
|
|
- <el-select class="inline-select" v-model="capacityIds" multiple>
|
|
|
|
|
|
+ <el-form-item label="选择钢种">
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="type"
|
|
|
|
+ filterable
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in optionsCapacity"
|
|
|
|
- :label="item.capacityNumber"
|
|
|
|
- :value="item.capacityId"
|
|
|
|
- :key="item.capacityId"
|
|
|
|
|
|
+ v-for="(item, index) in options1"
|
|
|
|
+ :key="index"
|
|
|
|
+ :label="item.value"
|
|
|
|
+ :value="item.value"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="选择班别">
|
|
|
|
- <el-select class="inline-select" v-model="clazz">
|
|
|
|
|
|
+ <el-form-item label="选择规格">
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="model"
|
|
|
|
+ filterable
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in options"
|
|
|
|
- :key="item.value"
|
|
|
|
|
|
+ v-for="(item, index) in options2"
|
|
|
|
+ :key="index"
|
|
:label="item.value"
|
|
:label="item.value"
|
|
:value="item.value"
|
|
:value="item.value"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="选择钢种">
|
|
|
|
- <el-select class="inline-select" v-model="type" filterable>
|
|
|
|
|
|
+ <el-form-item label="选择班别">
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="clazz"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
- v-for="(item, index) in options1"
|
|
|
|
- :key="index"
|
|
|
|
|
|
+ v-for="item in options"
|
|
|
|
+ :key="item.value"
|
|
:label="item.value"
|
|
:label="item.value"
|
|
:value="item.value"
|
|
:value="item.value"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="选择规格">
|
|
|
|
- <el-select class="inline-select" v-model="model" filterable>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="top3">
|
|
|
|
+ <el-form-item label="选择车辆">
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="capacityId"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
- v-for="(item, index) in options2"
|
|
|
|
- :key="index"
|
|
|
|
- :label="item.value"
|
|
|
|
- :value="item.value"
|
|
|
|
|
|
+ v-for="item in optionsCapacity"
|
|
|
|
+ :label="item.capacityNumber"
|
|
|
|
+ :value="item.capacityId"
|
|
|
|
+ :key="item.capacityId"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="当车支数">
|
|
|
|
+ <el-input class="inline-input" v-model="count" style="width:150px">
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="选择装货点" v-show="false">
|
|
<el-form-item label="选择装货点" v-show="false">
|
|
- <el-select class="inline-select" v-model="loadPoint">
|
|
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="loadPoint"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
v-for="item in optionsLoad"
|
|
v-for="item in optionsLoad"
|
|
:key="item.warehouseId"
|
|
:key="item.warehouseId"
|
|
@@ -76,7 +105,11 @@
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="选择卸货点">
|
|
<el-form-item label="选择卸货点">
|
|
- <el-select class="inline-select" v-model="unloadPoint">
|
|
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="unloadPoint"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
<el-option
|
|
<el-option
|
|
v-for="item in optionsUnload"
|
|
v-for="item in optionsUnload"
|
|
:key="item.warehouseId"
|
|
:key="item.warehouseId"
|
|
@@ -86,14 +119,80 @@
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- </el-form>
|
|
|
|
|
|
+ <el-form-item label="选择班次">
|
|
|
|
+ <el-select
|
|
|
|
+ class="inline-select"
|
|
|
|
+ v-model="shift"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in optionShift"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.value"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="button-box">
|
|
|
|
+ <el-switch
|
|
|
|
+ v-model="isMeter"
|
|
|
|
+ active-text="需要过磅"
|
|
|
|
+ inactive-text="不需要过磅"
|
|
|
|
+ >
|
|
|
|
+ </el-switch>
|
|
|
|
+ <el-button type="primary" @click="makeSure">保存</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ </el-form>
|
|
|
|
+ <div class="checkBox">
|
|
|
|
+ <div class="checkTitle">
|
|
|
|
+ <span>抽取区</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="checkArea">
|
|
|
|
+ <el-form class="demo-form-inline" label-width="80px" :inline="true">
|
|
|
|
+ <el-form-item label="炉号">
|
|
|
|
+ <el-input
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model.number="checkHeatNo"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="抽取支数">
|
|
|
|
+ <el-input
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model.number.lazy="checkCount"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="抽取重量">
|
|
|
|
+ <el-input
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model.lazy="checkWeight"
|
|
|
|
+ style="width:150px"
|
|
|
|
+ >
|
|
|
|
+ </el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <div class="checkButton">
|
|
|
|
+ <el-button type="primary" @click="checkBillet">抽取</el-button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="button-box">
|
|
|
|
- <el-button type="primary" @click="makeSure">保存</el-button>
|
|
|
|
- </div>
|
|
|
|
|
|
+
|
|
<div>
|
|
<div>
|
|
- <mergeRowTable v-bind.sync="first" ref="table"> </mergeRowTable>
|
|
|
|
|
|
+ <mergeRowTable v-bind.sync="first" ref="table" :isShowGroup="false">
|
|
|
|
+ <el-table-column label="操作" width="80px" fixed="right">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button type="text" @click="deleteOrder(scope)" size="mini">
|
|
|
|
+ 删除
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </mergeRowTable>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -107,6 +206,9 @@ export default {
|
|
components: { PageTitle },
|
|
components: { PageTitle },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ checkWeight: null,
|
|
|
|
+ checkCount: null,
|
|
|
|
+ checkHeatNo: null,
|
|
requireUnitId: null,
|
|
requireUnitId: null,
|
|
requireUnitName: null,
|
|
requireUnitName: null,
|
|
heatNo: null,
|
|
heatNo: null,
|
|
@@ -119,6 +221,18 @@ export default {
|
|
loadPoint: null,
|
|
loadPoint: null,
|
|
unloadPoint: null,
|
|
unloadPoint: null,
|
|
count: null,
|
|
count: null,
|
|
|
|
+ shift: null,
|
|
|
|
+ optionShift: [
|
|
|
|
+ {
|
|
|
|
+ value: '早'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ value: '中'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ value: '夜'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
options: [
|
|
options: [
|
|
{
|
|
{
|
|
value: '甲'
|
|
value: '甲'
|
|
@@ -195,7 +309,8 @@ export default {
|
|
first: {
|
|
first: {
|
|
// first请求数据的地址
|
|
// first请求数据的地址
|
|
requestUrl: ''
|
|
requestUrl: ''
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ isMeter: '需要过磅'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -204,6 +319,29 @@ export default {
|
|
this.getUnloadPoint()
|
|
this.getUnloadPoint()
|
|
this.getCapacity()
|
|
this.getCapacity()
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ heatNo() {
|
|
|
|
+ this.checkHeatNo = this.heatNo
|
|
|
|
+ },
|
|
|
|
+ checkHeatNo() {
|
|
|
|
+ this.heatNo = this.checkHeatNo
|
|
|
|
+ },
|
|
|
|
+ count() {
|
|
|
|
+ this.computeWeight()
|
|
|
|
+ },
|
|
|
|
+ singleWeight() {
|
|
|
|
+ this.computeWeight()
|
|
|
|
+ },
|
|
|
|
+ checkCount() {
|
|
|
|
+ if (
|
|
|
|
+ !(this.checkCount < 7 && this.checkCount > 3) &&
|
|
|
|
+ isNumber(this.checkCount)
|
|
|
|
+ ) {
|
|
|
|
+ this.$message.error('抽取支数不能大于7支小于4支')
|
|
|
|
+ this.checkCount = null
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
created() {
|
|
created() {
|
|
if (
|
|
if (
|
|
getCookie('orgCode') == 'dagangadmin' ||
|
|
getCookie('orgCode') == 'dagangadmin' ||
|
|
@@ -217,6 +355,86 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ getRequestUrl() {
|
|
|
|
+ if (
|
|
|
|
+ getCookie('orgCode') == 'dagangadmin' ||
|
|
|
|
+ getCookie('orgCode') == 'zidonghuabu'
|
|
|
|
+ ) {
|
|
|
|
+ this.first.requestUrl =
|
|
|
|
+ '/api/v1/ams/getBilletRequirementList?apiId=518&i=' + new Date()
|
|
|
|
+ } else {
|
|
|
|
+ this.first.requestUrl =
|
|
|
|
+ '/api/v1/ams/getBilletRequirementList?apiId=518&orgCode=' +
|
|
|
|
+ getCookie('orgCode') +
|
|
|
|
+ '&i=' +
|
|
|
|
+ new Date()
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ deleteOrder(scope) {
|
|
|
|
+ let map = {
|
|
|
|
+ orderId: scope.row.orderId,
|
|
|
|
+ userId: getCookie('userId')
|
|
|
|
+ }
|
|
|
|
+ this.$confirm('是否删除?', '提示', {
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ })
|
|
|
|
+ .then(() => {
|
|
|
|
+ this.axios.post('/api/v1/oms/closeOmstruckOrder', map).then(res => {
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ this.$message({
|
|
|
|
+ type: 'success',
|
|
|
|
+ message: '删除成功!'
|
|
|
|
+ })
|
|
|
|
+ this.getRequestUrl()
|
|
|
|
+ } else {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: '删除失败',
|
|
|
|
+ type: 'warning'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
|
|
+ this.$message({
|
|
|
|
+ type: 'info',
|
|
|
|
+ message: '已取消删除'
|
|
|
|
+ })
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ checkBillet() {
|
|
|
|
+ if (this.checkWeight && this.checkCount && this.checkHeatNo) {
|
|
|
|
+ if (this.checkWeight > 25 || this.checkWeight < 8) {
|
|
|
|
+ this.$message.error('抽取重量不能大于25t或者小于8t')
|
|
|
|
+ this.checkWeight = null
|
|
|
|
+ return
|
|
|
|
+ } else {
|
|
|
|
+ let map = {
|
|
|
|
+ checkWeight: this.checkWeight,
|
|
|
|
+ checkCount: this.checkCount,
|
|
|
|
+ checkHeatNo: this.checkHeatNo,
|
|
|
|
+ orgCode: getCookie('orgCode')
|
|
|
|
+ }
|
|
|
|
+ this.axios.post('/api/v1/ams/checkBillet', map).then(res => {
|
|
|
|
+ if (res.data.code == 200) {
|
|
|
|
+ this.$message.success('抽取成功')
|
|
|
|
+ this.getRequestUrl()
|
|
|
|
+ this.checkWeight = null
|
|
|
|
+ this.checkCount = null
|
|
|
|
+ this.checkHeatNo = null
|
|
|
|
+ } else if (res.data.code == '201') {
|
|
|
|
+ this.$message.error('该炉号已抽取,不能重复抽取')
|
|
|
|
+ this.checkWeight = null
|
|
|
|
+ this.checkCount = null
|
|
|
|
+ this.checkHeatNo = null
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error('抽取失败,请联系管理员')
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
resetCapacity() {
|
|
resetCapacity() {
|
|
this.getCapacity()
|
|
this.getCapacity()
|
|
},
|
|
},
|
|
@@ -284,23 +502,24 @@ export default {
|
|
// 新增
|
|
// 新增
|
|
makeSure() {
|
|
makeSure() {
|
|
let capacityList = []
|
|
let capacityList = []
|
|
- this.capacityIds.forEach(e => {
|
|
|
|
- let map = {}
|
|
|
|
- map.capacityId = e
|
|
|
|
- capacityList.push(map)
|
|
|
|
- })
|
|
|
|
|
|
+ let e = {
|
|
|
|
+ capacityId: this.capacityId
|
|
|
|
+ }
|
|
|
|
+ capacityList.push(e)
|
|
let map = {
|
|
let map = {
|
|
requirementShipperId: this.requireUnitId,
|
|
requirementShipperId: this.requireUnitId,
|
|
heatNo: this.heatNo,
|
|
heatNo: this.heatNo,
|
|
requirementType: '计重',
|
|
requirementType: '计重',
|
|
clazz: this.clazz,
|
|
clazz: this.clazz,
|
|
|
|
+ shift: this.shift,
|
|
type: this.type,
|
|
type: this.type,
|
|
model: this.model,
|
|
model: this.model,
|
|
requirementPlatformId: this.loadPoint,
|
|
requirementPlatformId: this.loadPoint,
|
|
requirementUnloadUnitId: this.unloadPoint,
|
|
requirementUnloadUnitId: this.unloadPoint,
|
|
capacityList: capacityList,
|
|
capacityList: capacityList,
|
|
count: this.count,
|
|
count: this.count,
|
|
- orgCode: getCookie('orgCode')
|
|
|
|
|
|
+ orgCode: getCookie('orgCode'),
|
|
|
|
+ isMeter: this.isMeter
|
|
}
|
|
}
|
|
console.log('map:', map)
|
|
console.log('map:', map)
|
|
if (
|
|
if (
|
|
@@ -329,87 +548,19 @@ export default {
|
|
this.axios.post('/api/v1/ams/addBilletRequirement', map).then(res => {
|
|
this.axios.post('/api/v1/ams/addBilletRequirement', map).then(res => {
|
|
if (res.data.code == '200') {
|
|
if (res.data.code == '200') {
|
|
this.$message.success('派发成功!')
|
|
this.$message.success('派发成功!')
|
|
|
|
+ this.getRequestUrl()
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- },
|
|
|
|
- // 返回
|
|
|
|
- cancel() {
|
|
|
|
- this.$router.go(-1)
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.inwardRequirement {
|
|
.inwardRequirement {
|
|
- .from {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
- }
|
|
|
|
- .drawSty {
|
|
|
|
- .el-input {
|
|
|
|
- width: 240px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .DueTime {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 5px;
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
- .chooseDueTime {
|
|
|
|
- margin-right: 70px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .capacity {
|
|
|
|
- display: flex;
|
|
|
|
- text-align: center;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 2rem;
|
|
|
|
- margin-bottom: 1.25rem;
|
|
|
|
- margin-right: 10px;
|
|
|
|
- }
|
|
|
|
- .materialDrawer {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- .el-input {
|
|
|
|
- width: 320px;
|
|
|
|
- }
|
|
|
|
- .el-select {
|
|
|
|
- width: 320px;
|
|
|
|
- }
|
|
|
|
- .el-autocomplete {
|
|
|
|
- width: 320px;
|
|
|
|
- }
|
|
|
|
- .el-form {
|
|
|
|
- padding: 10px;
|
|
|
|
- }
|
|
|
|
- .truckBtn {
|
|
|
|
- width: 320px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .swtichTop {
|
|
|
|
- display: flex;
|
|
|
|
- height: 40px;
|
|
|
|
- align-content: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- padding-right: 20px;
|
|
|
|
- .titile {
|
|
|
|
- color: red;
|
|
|
|
- font-size: 14px;
|
|
|
|
- }
|
|
|
|
- .switch {
|
|
|
|
- margin-right: -30px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
.requireUnit {
|
|
.requireUnit {
|
|
display: flex;
|
|
display: flex;
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
|
|
+ justify-content: start;
|
|
|
|
+ align-items: flex-start;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
.text {
|
|
.text {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
@@ -420,47 +571,54 @@ export default {
|
|
margin-right: 90px;
|
|
margin-right: 90px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .form-box {
|
|
|
|
- display: flex;
|
|
|
|
- text-align: center;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
- margin-left: 10px;
|
|
|
|
- ::v-deep .el-form {
|
|
|
|
|
|
+ .top1 {
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ }
|
|
|
|
+ .top4 {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
- margin-right: 600px;
|
|
|
|
- // margin-left: -20px;
|
|
|
|
- background-color: yellow;
|
|
|
|
- .preview-group {
|
|
|
|
- background-color: blue;
|
|
|
|
- ::v-deep .el-form-item {
|
|
|
|
- background-color: blue;
|
|
|
|
- .el-form-item__label {
|
|
|
|
- width: 170px !important;
|
|
|
|
- background-color: blue;
|
|
|
|
- }
|
|
|
|
- ::v-deep .el-form-item__content {
|
|
|
|
- background-color: red;
|
|
|
|
- width: 300px;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 210px !important;
|
|
|
|
- }
|
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
|
|
+ .checkBox {
|
|
|
|
+ height: 250px;
|
|
|
|
+ width: 300px;
|
|
|
|
+ background-color: aqua;
|
|
|
|
+ border-radius: 20px;
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ .checkTitle {
|
|
|
|
+ border: 1px solid #ffff;
|
|
|
|
+ font-size: 20px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ line-height: 40px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
+ }
|
|
|
|
+ .checkArea {
|
|
|
|
+ // display: flex;
|
|
|
|
+ // justify-content: center;
|
|
|
|
+ // align-items: center;
|
|
|
|
+ .checkButton {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: flex-start;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
- .button-box {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 90px;
|
|
|
|
|
|
+ .button-box {
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ .el-button {
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|