zhangzengfei
2021-12-08 1a7fa21afabfd85bc760390dd4cb734a9cb2c703
src/views/project/components/ProjectEdit.vue
@@ -21,11 +21,10 @@
          <el-form-item label="项目密码" prop="srcPassword">
            <el-input
              v-model.trim="form.srcPassword"
              autocomplete="off"
              auto-complete="new-password"
              show-password
            >
              ></el-input
            >
            </el-input>
          </el-form-item>
          <el-form-item label="项目描述" prop="desc">
            <el-input v-model="form.desc"></el-input>
@@ -34,9 +33,9 @@
            <el-input v-model.trim="form.branch" :disabled="edit"></el-input>
          </el-form-item>
          <el-form-item label="编译架构" prop="arch">
            <el-radio-group v-model="form.arch" :disabled="edit">
              <el-radio label="x86">X86</el-radio>
              <el-radio label="arm">ARM</el-radio>
            <el-radio-group v-model="form.arch">
              <el-radio label="amd64">x86_64</el-radio>
              <el-radio label="arm64">arm_64</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="项目类型" prop="type">
@@ -47,16 +46,43 @@
              <el-radio label="algo">算法包</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            v-show="form.type == 'algo'"
            label="显卡品牌"
            prop="type"
          >
            <el-radio-group v-model="form.brand">
              <el-radio label="NVIDIA">NVIDIA</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="自动打包" prop="autoBuild">
            <el-switch v-model="form.autoBuild"></el-switch>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="编译脚本" name="build">
        <textarea v-model="form.buildScript" cols="60" rows="10"></textarea>
        <!-- <textarea v-model="form.buildScript" cols="60" rows="10"></textarea> -->
        <code-editor
          v-if="activeName == 'build'"
          v-model="form.buildScript"
          lang="sh"
          theme="chrome"
          width="500"
          height="456"
          @init="editorInit"
        ></code-editor>
      </el-tab-pane>
      <el-tab-pane label="打包脚本" name="pack">
        <textarea v-model="form.packScript" cols="60" rows="10"></textarea>
        <!-- <textarea v-model="form.packScript" cols="60" rows="10"></textarea> -->
        <code-editor
          v-if="activeName == 'pack'"
          v-model="form.packScript"
          lang="sh"
          theme="chrome"
          width="500"
          height="456"
          @init="editorInit"
        ></code-editor>
      </el-tab-pane>
    </el-tabs>
@@ -69,15 +95,20 @@
<script>
import { doEdit } from "@/api/project";
import CodeEditor from "vue2-ace-editor";
export default {
  name: "ProjectEdit",
  components: {
    CodeEditor,
  },
  data() {
    return {
      activeName: "base",
      form: {
        title: "",
        author: "",
        packScript:
          "#!/bin/sh\n#打包开始会在项目下创建integrate-build的临时文件夹\n#打包脚本执行路径为项目下的integrate-build文件夹内\n#需复制上级目录的编译完成的目标文件到当前位置\n",
        buildScript: "#!/bin/sh\n",
      },
      rules: {
        title: [{ required: true, trigger: "blur", message: "请输入标题" }],
@@ -88,9 +119,10 @@
      edit: false,
    };
  },
  created() {},
  mounted() {},
  methods: {
    showEdit(row) {
      this.activeName = "base";
      if (!row) {
        this.title = "添加";
        this.edit = false;
@@ -126,6 +158,11 @@
    handleClick(tab, event) {
      // console.log(tab, event)
    },
    editorInit() {
      require("brace/ext/language_tools"); //language extension prerequsite...
      require("brace/mode/sh");
      require("brace/theme/chrome");
    },
  },
};
</script>