软件工程应用于实践：AJ-Report项目 源码分析（10）

2021SC@SDUSC

本次继续分析report-ui\src\views\report\resultset\components处的代码

import Dictionary from "@/components/Dictionary/index";
import { codemirror } from "vue-codemirror";
import "codemirror/mode/sql/sql.js";
import "codemirror/mode/javascript/javascript.js";
import "codemirror/lib/codemirror.css"; 
import "codemirror/theme/cobalt.css"; 
import vueJsonEditor from "vue-json-editor";
import MonacoEditor from "./MonacoEditor.vue";
export default {
  name: "Support",
  components: { Dictionary, codemirror, vueJsonEditor, MonacoEditor },
  props: {
    visib: {
      required: true,
      type: Boolean,
      default: false
    },
    dataSet: {
      required: false,
      type: Object,
      default: () => {
        return "";
      }
    }
  },
  data() {
    return {
      data: [],
      listLoading: true,
      permission: {
        add: ["admin", "alipayConfig:add"],
        edit: ["admin", "alipayConfig:edit"],
        del: ["admin", "datasource:del"]
      },
      code: "",

      optionsSql: {
        mode: "text/x-sql",
        tabSize: 2, 
        lineNumbers: true, 
        line: true,
        styleActiveLine: true,
        hintOptions: {
          completeSingle: true 
        }
      },
      optionsJavascript: {
        mode: "text/javascript",
        tabSize: 2,
        lineNumbers: true,
        line: true,
        styleActiveLine: true,
        hintOptions: {
          completeSingle: true 
        }
      },
      selectedList: [],
      clickType: "",
      formData: {},
      dialogFormVisible: false,
      dialogFormVisibleTitle: "",
      dialogPermissionVisible: false,
      dialogSwitchVisible: false,
      permissionTextarea: "",
      isItemFilterType: "", 
      itemFilterList: [
        {
          transformType: "js",
          transformScript: `function dataTransform(data){\n\t data;\n}`
        }
      ],
      transformScript: `function dataTransform(data){\n\t/data;\n}`,
      itemFilterScriptId: "",
      title: "自定义高级规则",
      totalCount: 0,
      totalPage: 0,
      params: {
        pageNumber: 1,
        pageSize: 10,
        helpTitle: "",
        enabled: null,
        helpCategory: "",
        order: "DESC",
        sort: "update_time"
      },
      formRules: {
        setName: [
          { required: true, messag