| | |
| | | <el-button icon="el-icon-view" plain size="small" type="primary" @click="checkViewClickHandler">查看使用范围</el-button> |
| | | </div> |
| | | <div style="display: flex;justify-content:left;margin-top: 15px;"> |
| | | <div class="descBox"> |
| | | <div class="descBox" style="width: 40%"> |
| | | <el-descriptions :column="1" border class="margin-top" size="medium" title="属性信息"> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | </div> |
| | | <div class="descBox"> |
| | | <div class="descBox" style="width: 25%;"> |
| | | <el-descriptions :column="1" border class="margin-top" size="medium" title="版本规则"> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | |
| | | |
| | | </el-descriptions> |
| | | </div> |
| | | <div class="descBox"> |
| | | <div class="descBox" style="width: calc(35% - 40px);margin-right: 0"> |
| | | <el-descriptions :column="1" border class="margin-top" size="medium" title="生命周期"> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | |
| | | @close="addDialogClose"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small"> |
| | | <div class="dialogForm"> |
| | | <div class="leftForm"> |
| | | <div class="leftForm" style="width: 40%"> |
| | | <el-form-item label="类型名称:" prop="id"> |
| | | <el-input v-model="form.id" :readOnly="title === 'edit'"></el-input> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="form.description" :rows="2" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="centerForm"> |
| | | <div class="centerForm" style="width: 24%"> |
| | | <el-form-item label="版本规则:" label-width="110px" prop="revLevel"> |
| | | <el-select v-model="form.revLevel" @change="revLevelChange"> |
| | | <el-option label="不可修订" value="0"></el-option> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="rightForm"> |
| | | <div class="rightForm" style="width: 26%"> |
| | | <el-form-item label="生命周期:" label-width="138px" prop="lifeCycleId"> |
| | | <div style="display: flex;gap: 5px;align-items: center"> |
| | | <el-input v-model="form.lifeCycleId" :readOnly="true"></el-input> |
| | |
| | | } |
| | | |
| | | .descBox { |
| | | width: 32%; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | .dialogForm { |
| | | display: flex; |
| | | justify-content: space-around; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .dialogForm > div { |
| | | width: 29%; |
| | | border: 1px solid #eee; |
| | | border: 1px solid #EBEEF5; |
| | | border-radius: 2px; |
| | | padding: 25px 20px 5px 10px; /* 上 右 下 左 */ |
| | | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */ |
| | | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */ |
| | | } |
| | | |
| | | |