|
@@ -1,10 +1,10 @@
|
|
|
<template>
|
|
|
<ContentWrap v-loading="formLoading">
|
|
|
- <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
|
|
|
- <div style="margin-bottom: 20px; margin-top: 10px; margin-left: 15px">
|
|
|
- <el-button @click="baseInfoClick" style="font-size: 18px; border: none">
|
|
|
- <Icon color="black" icon="ep:expand" :size="18" class="cursor-pointer" />
|
|
|
- 基本信息
|
|
|
+ <el-form ref="formRef" :model="formData" :rules="formRules" style="margin-right: 4em;margin-left: 0.5em" label-width="130px">
|
|
|
+ <div class="title-div">
|
|
|
+ <el-button @click="baseInfoClick" class="title-button">
|
|
|
+ <Icon color="black" icon="ep:set-up" :size="18" class="cursor-pointer first-icon" />
|
|
|
+ <span class="cursor-pointer">基本信息</span>
|
|
|
<Icon
|
|
|
color="black"
|
|
|
:icon="baseIsExpanded ? 'fa-solid:angle-double-down' : 'fa-solid:angle-double-right'"
|
|
@@ -47,8 +47,6 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="资产类别" prop="assetClass">
|
|
|
<el-tree-select
|
|
@@ -96,8 +94,6 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="图片" prop="picUrl">
|
|
|
<UploadImg v-model="formData.picUrl" :disabled="isDetail" height="60px" />
|
|
@@ -110,10 +106,10 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div style="margin-bottom: 20px; margin-top: 10px; margin-left: 15px">
|
|
|
- <el-button @click="zzInfoClick" style="font-size: 18px; border: none">
|
|
|
- <Icon color="black" icon="ep:expand" :size="18" class="cursor-pointer" />
|
|
|
- 制造信息
|
|
|
+ <div class="title-div">
|
|
|
+ <el-button @click="zzInfoClick" class="title-button">
|
|
|
+ <Icon color="black" icon="ep:set-up" :size="18" class="cursor-pointer first-icon" />
|
|
|
+ <span class="cursor-pointer">制造信息</span>
|
|
|
<Icon
|
|
|
color="black"
|
|
|
:icon="zzIsExpanded ? 'fa-solid:angle-double-down' : 'fa-solid:angle-double-right'"
|
|
@@ -160,8 +156,6 @@
|
|
|
<el-input v-model="formData.nameplate" placeholder="请输入铭牌信息" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="质保到期" prop="expires">
|
|
|
<el-date-picker
|
|
@@ -175,10 +169,10 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div style="margin-bottom: 20px; margin-top: 10px; margin-left: 15px">
|
|
|
- <el-button @click="cwInfoClick" style="font-size: 18px; border: none">
|
|
|
- <Icon color="black" icon="ep:expand" :size="18" class="cursor-pointer" />
|
|
|
- 财务信息
|
|
|
+ <div class="title-div">
|
|
|
+ <el-button @click="cwInfoClick" class="title-button">
|
|
|
+ <Icon color="black" icon="ep:set-up" :size="18" class="cursor-pointer first-icon" />
|
|
|
+ <span class="cursor-pointer">财务信息</span>
|
|
|
<Icon
|
|
|
color="black"
|
|
|
:icon="cwIsExpanded ? 'fa-solid:angle-double-down' : 'fa-solid:angle-double-right'"
|
|
@@ -225,9 +219,6 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="已提折旧月数" prop="plMonthed">
|
|
|
<el-input
|
|
@@ -257,9 +248,10 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
- <div style="margin-bottom: 20px; margin-top: 10px; margin-left: 15px">
|
|
|
- <el-button @click="qtInfoClick" style="font-size: 18px; border: none">
|
|
|
- <Icon color="black" icon="ep:expand" :size="18" class="cursor-pointer" />其它信息
|
|
|
+ <div class="title-div">
|
|
|
+ <el-button @click="qtInfoClick" class="title-button">
|
|
|
+ <Icon color="black" icon="ep:set-up" :size="18" class="cursor-pointer first-icon" />
|
|
|
+ <span class="cursor-pointer">其它信息</span>
|
|
|
<Icon
|
|
|
color="black"
|
|
|
:icon="qtIsExpanded ? 'fa-solid:angle-double-down' : 'fa-solid:angle-double-right'"
|
|
@@ -664,4 +656,18 @@ const resetForm = () => {
|
|
|
.qt-expandable-content.is-expanded {
|
|
|
max-height: 200px; /* 或者根据内容设定一个合适的最大高度 */
|
|
|
}
|
|
|
+.title-button{
|
|
|
+ font-size: 18px;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+.title-div{
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+.cursor-pointer{
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+.first-icon{
|
|
|
+ margin-bottom: 2px;
|
|
|
+}
|
|
|
</style>
|