| | |
| | | </div> |
| | | <div style="display: flex;justify-content:left;margin-top: 15px;"> |
| | | <div class="descBox" style="width: 40%"> |
| | | <el-descriptions :column="1" border class="margin-top" size="medium" title="属性信息"> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | <el-descriptions :column="2" border class="margin-top" size="medium" title="属性信息"> |
| | | <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | | <template slot="label"> |
| | | 名称 |
| | |
| | | </template> |
| | | <el-tag v-if="nodeRow.name">{{ nodeRow.name }}</el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle+';min-width: 100px;'" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | | <template slot="label"> |
| | | 图标 |
| | | </template> |
| | | <span class="avue-icon avue-icon--small" style="display: block"> |
| | | <svg v-if="nodeRow.imageName && nodeRow.imageName.indexOf('#')==0" aria-hidden="true"> |
| | | <use :xlink:href="nodeRow.imageName"></use> |
| | | </svg> |
| | | <i v-else :class="nodeRow.imageName"></i> |
| | | </span> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | | <template slot="label"> |
| | | 实现类 |
| | |
| | | <el-tag style="max-width: 100%;overflow: hidden;display: block">{{ nodeRow.implClass }}</el-tag> |
| | | </el-tooltip> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item :contentStyle="descriptionOption.contentStyle" |
| | | <el-descriptions-item :span="12" :contentStyle="descriptionOption.contentStyle" |
| | | :labelStyle="descriptionOption.labelStyle"> |
| | | <template slot="label"> |
| | | 描述 |
| | |
| | | <el-form-item label="类型名称:" prop="id"> |
| | | <el-input v-model="form.id" :readOnly="title === 'edit'"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标签:"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="继承自:"> |
| | | <el-row :span="24"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="标签:" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="图标:" prop="imageName"> |
| | | <input-icon v-model="form.imageName" placeholder="请选择图标"></input-icon> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="继承自:" prop="fName"> |
| | | <avue-input-tree :disabled="title === 'add'" |
| | | v-model="form.fName" |
| | | placeholder="请选择业务类型" |
| | | :props="{label: 'id', value: 'id',children: 'children'}" |
| | | :dic="inheritTreeData"></avue-input-tree> |
| | | </el-form-item> |
| | | <el-form-item label="实现类:"> |
| | | <el-form-item label="实现类:" prop="implClass"> |
| | | <el-input v-model="form.implClass"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="描述"> |
| | | <el-form-item label="描述" prop="description"> |
| | | <el-input v-model="form.description" :rows="2" type="textarea"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | :props="{label: 'id', value: 'id'}" |
| | | :dic="lifeData"></avue-select> |
| | | </el-form-item> |
| | | <el-form-item label="备选生命周期列表:" label-width="138px"> |
| | | <el-form-item label="备选生命周期列表:" label-width="138px" prop="subLifeCycleIdList"> |
| | | <avue-select multiple |
| | | :filterable="true" |
| | | v-model="form.subLifeCycleIdList" |
| | |
| | | {required: true, message: '请输类型名称', trigger: 'blur'}, |
| | | {validator: this.validateEnglishOnly, trigger: 'blur'} |
| | | ], |
| | | imageName:[ |
| | | {required: true, message: '请选择图标', trigger: 'submit'}, |
| | | ], |
| | | revLevel: [ |
| | | {required: true, message: '请选择版本规则', trigger: 'blur'}, |
| | | ], |