|
@@ -1,28 +1,84 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <div class="common-card">
|
|
|
- <!-- 新建类型 -->
|
|
|
- <div class="questionTypeCondition-create">
|
|
|
- <div class="questionTypeCondition-create-title">新建类型</div>
|
|
|
- <div class="questionTypeCondition-create-edit">
|
|
|
- <div class="questionTypeCondition-create-input">
|
|
|
- <span>父类名称:</span>
|
|
|
- <a-input
|
|
|
- v-model.trim="questionTypeParentName"
|
|
|
- placeholder="请输入试题类型"
|
|
|
- />
|
|
|
+ <a-spin :spinning="loading">
|
|
|
+ <div class="common-card">
|
|
|
+ <!-- 新建类型 -->
|
|
|
+ <div class="questionTypeCondition-create">
|
|
|
+ <div class="questionTypeCondition-create-title">新建类型</div>
|
|
|
+ <div class="questionTypeCondition-create-edit">
|
|
|
+ <div class="questionTypeCondition-create-input">
|
|
|
+ <span>父类名称:</span>
|
|
|
+ <a-input
|
|
|
+ v-model.trim="questionTypeParentName"
|
|
|
+ placeholder="请输入试题类型"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ :disabled="!questionTypeParentName.length"
|
|
|
+ @click="questionTypeConditionCreateParent"
|
|
|
+ >新建父类</a-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="questionTypeCondition-create-edit">
|
|
|
+ <div class="questionTypeCondition-create-input">
|
|
|
+ <span>所属父类:</span>
|
|
|
+ <a-select v-model="parentTypeValue" style="width: 174px">
|
|
|
+ <a-select-option
|
|
|
+ v-for="(item, index) in parentTypeTableList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </div>
|
|
|
+ <div class="questionTypeCondition-create-input">
|
|
|
+ <span>子类名称:</span>
|
|
|
+ <a-input
|
|
|
+ v-model.trim="questionTypeChildrenName"
|
|
|
+ placeholder="请输入试题类型"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ :disabled="!questionTypeChildrenName.length"
|
|
|
+ @click="questionTypeConditionCreateChildren"
|
|
|
+ >新建子类</a-button
|
|
|
+ >
|
|
|
</div>
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- :disabled="!questionTypeParentName.length"
|
|
|
- @click="questionTypeConditionCreateParent"
|
|
|
- >新建父类</a-button
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="common-card a-card-margin-top">
|
|
|
+ <!-- 已有类型-父类 -->
|
|
|
+ <div class="questionTypeCondition-list">
|
|
|
+ <div class="questionTypeCondition-list-title">已有父类</div>
|
|
|
+ <a-table
|
|
|
+ :columns="columns"
|
|
|
+ :row-key="(record) => record.id"
|
|
|
+ :data-source="parentTypeTableList"
|
|
|
+ :pagination="false"
|
|
|
>
|
|
|
+ <a
|
|
|
+ slot="action"
|
|
|
+ slot-scope="text, record"
|
|
|
+ @click="questionTypeConditionDelete(record)"
|
|
|
+ >删除</a
|
|
|
+ >
|
|
|
+ </a-table>
|
|
|
</div>
|
|
|
- <div class="questionTypeCondition-create-edit">
|
|
|
- <div class="questionTypeCondition-create-input">
|
|
|
+ </div>
|
|
|
+ <div class="common-card a-card-margin-top">
|
|
|
+ <!-- 已有类型-子类 -->
|
|
|
+ <div class="questionTypeCondition-list">
|
|
|
+ <div class="questionTypeCondition-list-title">已有子类</div>
|
|
|
+ <div class="questionTypeCondition-list-filter">
|
|
|
<span>所属父类:</span>
|
|
|
- <a-select v-model="parentTypeValue" style="width: 174px">
|
|
|
+ <a-select
|
|
|
+ v-model="parentTypeValue"
|
|
|
+ style="width: 174px"
|
|
|
+ @change="getTableChildrenListFun"
|
|
|
+ >
|
|
|
<a-select-option
|
|
|
v-for="(item, index) in parentTypeTableList"
|
|
|
:key="index"
|
|
@@ -32,75 +88,26 @@
|
|
|
</a-select-option>
|
|
|
</a-select>
|
|
|
</div>
|
|
|
- <div class="questionTypeCondition-create-input">
|
|
|
- <span>子类名称:</span>
|
|
|
- <a-input
|
|
|
- v-model.trim="questionTypeChildrenName"
|
|
|
- placeholder="请输入试题类型"
|
|
|
- />
|
|
|
- </div>
|
|
|
- <a-button
|
|
|
- type="primary"
|
|
|
- :disabled="!questionTypeChildrenName.length"
|
|
|
- @click="questionTypeConditionCreateChildren"
|
|
|
- >新建子类</a-button
|
|
|
+ <a-table
|
|
|
+ :columns="columns"
|
|
|
+ :row-key="(record) => record.id"
|
|
|
+ :data-source="childrenTypeTableList"
|
|
|
+ :pagination="false"
|
|
|
>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="common-card a-card-margin-top">
|
|
|
- <!-- 已有类型-父类 -->
|
|
|
- <div class="questionTypeCondition-list">
|
|
|
- <div class="questionTypeCondition-list-title">已有父类</div>
|
|
|
- <a-table
|
|
|
- :columns="columns"
|
|
|
- :row-key="(record) => record.id"
|
|
|
- :data-source="parentTypeTableList"
|
|
|
- :pagination="false"
|
|
|
- >
|
|
|
- <a
|
|
|
- slot="action"
|
|
|
- slot-scope="text, record"
|
|
|
- @click="questionTypeConditionDelete(record)"
|
|
|
- >删除</a
|
|
|
- >
|
|
|
- </a-table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="common-card a-card-margin-top">
|
|
|
- <!-- 已有类型-子类 -->
|
|
|
- <div class="questionTypeCondition-list">
|
|
|
- <div class="questionTypeCondition-list-title">已有子类</div>
|
|
|
- <div class="questionTypeCondition-list-filter">
|
|
|
- <span>所属父类:</span>
|
|
|
- <a-select
|
|
|
- v-model="parentTypeValue"
|
|
|
- style="width: 174px"
|
|
|
- @change="getTableChildrenListFun"
|
|
|
- >
|
|
|
- <a-select-option
|
|
|
- v-for="(item, index) in parentTypeTableList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
+ <a
|
|
|
+ slot="action"
|
|
|
+ slot-scope="text, record"
|
|
|
+ @click="questionTypeConditionDelete(record)"
|
|
|
+ >删除</a
|
|
|
>
|
|
|
- {{ item.name }}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
+ </a-table>
|
|
|
</div>
|
|
|
- <a-table
|
|
|
- :columns="columns"
|
|
|
- :row-key="(record) => record.id"
|
|
|
- :data-source="childrenTypeTableList"
|
|
|
- :pagination="false"
|
|
|
- >
|
|
|
- <a
|
|
|
- slot="action"
|
|
|
- slot-scope="text, record"
|
|
|
- @click="questionTypeConditionDelete(record)"
|
|
|
- >删除</a
|
|
|
- >
|
|
|
- </a-table>
|
|
|
</div>
|
|
|
+ </a-spin>
|
|
|
+ <div class="company-info">
|
|
|
+ <span>
|
|
|
+ copyright © 浮游科技有限公司出品
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -113,6 +120,7 @@ export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ loading: false, // 是否展示加载动画
|
|
|
questionTypeParentName: '', // 新建试题类型-父类的名称
|
|
|
parentTypeTableList: [], // 父类列表
|
|
|
parentTypeValue: '', // 所选父类
|