|
|
@@ -7,21 +7,77 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="application-content">
|
|
|
- <Table :tableHeader="tableHeader" @btnClick="btnClick" :tableBtnGroup="tableBtnGroup" :tableData="tableData" />
|
|
|
+ <Table
|
|
|
+ :tableHeader="tableHeader"
|
|
|
+ @btnClick="btnClick"
|
|
|
+ :tableBtnGroup="tableBtnGroup"
|
|
|
+ :tableData="tableData"
|
|
|
+ />
|
|
|
</div>
|
|
|
<!--删除弹框-->
|
|
|
- <Dialog :flag="flag" msgTitle="删除应用" type="del" :delName="title" @delRest="delRest" @delRemove="remove" />
|
|
|
+ <Dialog
|
|
|
+ :flag="flag"
|
|
|
+ msgTitle="删除应用"
|
|
|
+ type="del"
|
|
|
+ :delName="title"
|
|
|
+ @delRest="delRest"
|
|
|
+ @delRemove="remove"
|
|
|
+ />
|
|
|
<!--新增/编辑-->
|
|
|
- <Dialog :flag="editDialogVisible" :msgTitle="editDialogTitle" @submitForm="submitForm(ruleFormRef)" @resetForm="resetForm(ruleFormRef)" :show-flag="true">
|
|
|
- <el-form ref="ruleFormRef" :model="ruleForm" label-width="110px" class="demo-ruleForm">
|
|
|
- <el-form-item label="应用名称" prop="app_name">
|
|
|
- <el-input v-model="ruleForm.app_name" size="default" placeholder="请输入应用名称" />
|
|
|
+ <Dialog
|
|
|
+ :flag="editDialogVisible"
|
|
|
+ :msgTitle="editDialogTitle"
|
|
|
+ @submitForm="submitForm(ruleFormRef)"
|
|
|
+ @resetForm="resetForm(ruleFormRef)"
|
|
|
+ :show-flag="true"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ ref="ruleFormRef"
|
|
|
+ :model="ruleForm"
|
|
|
+ label-width="110px"
|
|
|
+ class="demo-ruleForm"
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ label="应用名称"
|
|
|
+ prop="app_name"
|
|
|
+ :rules="formRules.isNotNull"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.app_name"
|
|
|
+ size="default"
|
|
|
+ placeholder="请输入应用名称"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="appid" prop="app_show_id">
|
|
|
- <el-input v-model="ruleForm.app_show_id" size="default" placeholder="请输入appid" />
|
|
|
+ <el-form-item
|
|
|
+ label="应用链接账号"
|
|
|
+ prop="app_show_id"
|
|
|
+ :rules="formRules.isNotNull"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.app_show_id"
|
|
|
+ size="default"
|
|
|
+ placeholder="请输入应用链接账号"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="应用链接密钥"
|
|
|
+ prop="app_show_id"
|
|
|
+ :rules="formRules.isNotNull"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.app_show_secret"
|
|
|
+ size="default"
|
|
|
+ placeholder="请输入应用链接密钥"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="应用描述" prop="app_comment">
|
|
|
- <el-input v-model="ruleForm.app_comment" size="default" type="textarea" :rows="3" placeholder="请输入应用描述" />
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.app_comment"
|
|
|
+ size="default"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ placeholder="请输入应用描述"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</Dialog>
|
|
|
@@ -37,6 +93,7 @@ import table from "../hooks/useTable";
|
|
|
const ruleFormRef = ref<FormInstance>();
|
|
|
const tableHeader = ref<any>([]);
|
|
|
const tableData = ref<any>([]);
|
|
|
+const formRules = useElement().formRules;
|
|
|
const tableBtnGroup = [
|
|
|
{
|
|
|
name: "编辑",
|
|
|
@@ -58,6 +115,7 @@ const ruleForm = ref<any>({
|
|
|
app_name: "",
|
|
|
app_comment: "",
|
|
|
app_show_id: "",
|
|
|
+ app_show_secre: "",
|
|
|
});
|
|
|
const rowIndex = ref(1);
|
|
|
const searchInfo = ref("");
|
|
|
@@ -145,4 +203,4 @@ const resetForm = (formEl: FormInstance | undefined) => {
|
|
|
height: calc(100% - 56px);
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
