更新题库详情页

src/views/Itembank/detail.vue

@@ -1,7 +1,21 @@
 <template>
   <div id="detail">
-    <detail-frame title="题库详情页" returns="/list">
-      <data-form :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew"></data-form>
+    <detail-frame title="题库详情页" returns="./index">
+      <data-form :fields="fields" :rules="rules" @save="handleSave" :isNew="isNew">
+        <template #options="{item}">
+          <template v-if="item.model === 'type'">
+            <el-option label="问答" value="2"></el-option>
+            <el-option label="多选" value="1"></el-option>
+            <el-option label="单选" value="0"></el-option>
+          </template>
+        </template>
+        <template #radios="{item}">
+          <template v-if="item.model === 'state'">
+            <el-radio label="1">使用</el-radio>
+            <el-radio label="0">弃用</el-radio>
+          </template>
+        </template>
+      </data-form>
     </detail-frame>
   </div>
 </template>
@@ -13,8 +27,36 @@ export default {
   metaInfo: { title: '题库详情页' },
   name: 'detail',
   props: {},
-  components: {},
-  data: () => ({}),
+  components: {
+    detailFrame,
+    dataForm,
+  },
+  data: () => ({
+    fields: [
+      { label: '题名', required: true, model: 'name' },
+      { label: '类别', required: true, model: 'type', type: `select` },
+      { label: '状态', model: 'state', type: `radio` },
+      { label: '选项序号', required: true, model: 'optionid' },
+      { label: '选项名称', required: true, model: 'optionname' },
+    ],
+    rules: {
+      name: [{ required: true, message: '请输入题名' }],
+      type: [{ required: true, message: '请选择类别' }],
+      state: [{ required: true, message: '请选择状态' }],
+      optionid: [{ required: true, message: '请选择选项序号' }],
+      optionname: [{ required: true, message: '请选择选项名称' }],
+
+      tel: [
+        { required: true, message: '请输入电话' },
+        { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
+      ],
+      aid: [{ required: true, message: '请输入紧急联系人' }],
+      aid_tel: [
+        { required: true, message: '请输入紧急联系人电话' },
+        { min: 11, max: 11, message: '请输入11位电话号码', trigger: 'blur' },
+      ],
+    },
+  }),
   created() {},
   computed: {},
   methods: {},

src/views/Itembank/index.vue

@@ -26,8 +26,10 @@ export default {
     ],
     fields: [
       { label: '题编号', prop: 'id' },
+      { label: '选项序号', prop: 'optionid' },
+      { label: '选项名称', prop: 'optionname' },
       { label: '题名', prop: 'name' },
-
+      { label: '答案', prop: 'answer' },
       {
         label: '类型',
         prop: 'type',
@@ -44,12 +46,13 @@ export default {
       },
     ],
     index: [
-      { id: '题编号', name: '礼仪题01', type: '1', state: '1' },
-      { id: '题编号', name: 'sss', type: '0', state: '1' },
-      { id: '题编号', name: 'test5', type: '2', state: '1' },
+      { id: '题编号', name: '礼仪题01', type: '1', state: '1', optionid: '1', optionname: 'a', answer: 'a' },
+      { id: '题编号', name: 'sss', type: '0', state: '1', optionid: '1', optionname: 'a', answer: 'a' },
+      { id: '题编号', name: 'test5', type: '2', state: '0', optionid: '1', optionname: 'a', answer: 'a' },
     ],
     filFields: [
       { label: '题名', model: 'name' },
+
       {
         label: '题类型',
         model: 'type',
@@ -60,6 +63,15 @@ export default {
           { label: '问答', value: 2 },
         ],
       },
+      {
+        label: '题状态',
+        model: 'state',
+        type: 'select',
+        list: [
+          { label: '弃用', value: 0 },
+          { label: '使用', value: 1 },
+        ],
+      },
     ],
   }),
   created() {},