更新

src/views/Training/SecurityQuestionBank/components/detailForm.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="dialog" v-if="dialogForm">
+    <div class="head_box">
+      <span class="title">保安题库{{ title }}</span>
+      <div>
+        <el-button size="small" v-if="openType != 'detail'" @click="save" type="primary"  :loading="loading">保存</el-button>
+        <el-button size="small" @click="close">关闭</el-button>
+      </div>
+    </div>
+    <div class="cntinfo">
+      <FormMessage ref="FormRef" v-model="listQuery" :disabled="openType == 'detail'" :rules="rules" :formList="formList">
+      </FormMessage>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { qcckPost , qcckGet} from "@/api/qcckApi.js";
+import FormMessage from "@/components/aboutTable/FormMessage.vue";
+import { ref, reactive,defineEmits,getCurrentInstance } from 'vue';
+const emit = defineEmits(["refresh"]);
+const { proxy } = getCurrentInstance();
+const dialogForm = ref(false);
+const title = ref('');
+const FormRef = ref();
+const loading = ref(false);
+const listQuery = ref({});
+const openType = ref("")
+const rules = reactive({
+  spbt: [{ required: true, message: "请输入视频标题", trigger: "blur" }],
+});
+const formList = reactive([
+  [
+    { label: "题型", prop: "tx", type: "select",options: [{label:'单选题',value:'1'},{label:'多选题',value:'2'},{label:'判断题',value:'3'}] },
+    { label: "题目", prop: "tm", type: "input" },
+  ],
+  [
+    { label: "选项A", prop: "a", type: "input" },
+    { label: "选项B", prop: "b", type: "input" },
+  ],
+  [
+    { label: "选项C", prop: "c", type: "input" },
+    { label: "选项D", prop: "d", type: "input" },
+  ],
+  [
+    { label: "选项E", prop: "e", type: "input" },
+    { label: "答案", prop: "dw", type: "input" }
+  ],
+])
+
+
+// 初始化数据
+const init = (type, id,) => {
+  dialogForm.value = true;
+   openType.value = type;
+  title.value = type == "add" ? "新增" : "编辑";
+  if(id) getDateById(id)
+};
+
+const save = () => {
+  FormRef.value.submit(()=>{
+    // loading.value = true;
+    // let url = title.value == '新增' ? `/mosty-jbld/jbldzsd/add` : `/mosty-jbld/jbldzsd/update`;
+    // qcckPost(listQuery.value, url).then(() => {
+    //   loading.value = false;
+      proxy.$message.success("保存成功");
+    //   emit("refresh");
+      close();
+    // }).catch(() => {
+    //   loading.value = false;
+    // })
+  });
+}
+const close = () => {
+  dialogForm.value = false;
+  FormRef.value.reset()
+};;
+
+defineExpose({init})
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/layout.scss";
+.mapBox{
+  width: calc(100% - 24rem);
+  height:500px;
+  overflow: hidden;
+  margin: 0 12rem;
+}
+</style>