|
|
@@ -1,26 +1,77 @@
|
|
|
<template>
|
|
|
- <el-dialog class="api-edit" v-model="showDialog" :title="`${formData.id ? '编辑接口' : '新增接口'}`" width="600px" :close-on-click-modal="false" :close-on-press-escape="false">
|
|
|
- <el-form ref="formRef" :model="formData" :rules="ruleForm" label-width="80px">
|
|
|
- <el-form-item label="关联页面" prop="parentId">
|
|
|
- <el-cascader :options="menuData" :props="{ checkStrictly: false, multiple: true, emitPath: false, value: 'id', label: 'title' }" placeholder="请选择关联页面" clearable class="w100" v-model="formData.menuIds"></el-cascader>
|
|
|
+ <el-dialog
|
|
|
+ class="api-edit"
|
|
|
+ v-model="showDialog"
|
|
|
+ :title="`${formData.id ? '编辑接口' : '新增接口'}`"
|
|
|
+ width="600px"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ ref="formRef"
|
|
|
+ :model="formData"
|
|
|
+ :rules="ruleForm"
|
|
|
+ label-width="80px"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ label="关联页面"
|
|
|
+ prop="menuIds"
|
|
|
+ >
|
|
|
+ <el-cascader
|
|
|
+ :options="menuData"
|
|
|
+ :props="{ checkStrictly: false, multiple: true, emitPath: false, value: 'id', label: 'title' }"
|
|
|
+ placeholder="请选择关联页面"
|
|
|
+ clearable
|
|
|
+ class="w100"
|
|
|
+ v-model="formData.menuIds"
|
|
|
+ ></el-cascader>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="接口名称" prop="name">
|
|
|
- <el-input v-model="formData.name" placeholder="输入接口名称" />
|
|
|
+ <el-form-item
|
|
|
+ label="接口名称"
|
|
|
+ prop="name"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="formData.name"
|
|
|
+ placeholder="输入接口名称"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="接口地址" prop="address">
|
|
|
- <el-input v-model="formData.address" placeholder="接口地址" />
|
|
|
+ <el-form-item
|
|
|
+ label="接口地址"
|
|
|
+ prop="address"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="formData.address"
|
|
|
+ placeholder="接口地址"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="状态" prop="status">
|
|
|
- <el-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
|
|
|
+ <el-form-item
|
|
|
+ label="状态"
|
|
|
+ prop="status"
|
|
|
+ >
|
|
|
+ <el-switch
|
|
|
+ v-model="formData.status"
|
|
|
+ :active-value="1"
|
|
|
+ :inactive-value="0"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
- <el-input v-model="formData.remark" type="textarea" :rows="3" />
|
|
|
+ <el-form-item
|
|
|
+ label="备注"
|
|
|
+ prop="remark"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="formData.remark"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
<el-button @click="showDialog = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="onSubmit">确定</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="onSubmit"
|
|
|
+ >确定</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
