zhangzengfei
2022-02-18 1e5058c345b754a9aa219c81b2059c1f197e0a32
src/views/project/components/ProjectEdit.vue
@@ -2,7 +2,7 @@
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"
    width="500px"
    width="550px"
    :close-on-click-modal="false"
    @close="close"
  >
@@ -10,38 +10,48 @@
      <el-tab-pane label="基础信息" name="base">
        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
          <el-form-item label="项目名称" prop="name">
            <el-input v-model.trim="form.name" autocomplete="off"></el-input>
            <el-input v-model.trim="form.name" :disabled="edit"></el-input>
          </el-form-item>
          <el-form-item label="项目地址" prop="srcUrl">
            <el-input v-model.trim="form.srcUrl" autocomplete="off"></el-input>
            <el-input v-model.trim="form.srcUrl"></el-input>
          </el-form-item>
          <el-form-item label="项目用户" prop="srcUser">
            <el-input v-model.trim="form.srcUser" autocomplete="off"></el-input>
            <el-input v-model.trim="form.srcUser"></el-input>
          </el-form-item>
          <el-form-item label="项目密码" prop="srcPassword">
            <el-input
              v-model.trim="form.srcPassword"
              autocomplete="off"
            ></el-input>
              auto-complete="new-password"
              show-password
            >
            </el-input>
          </el-form-item>
          <el-form-item label="项目描述" prop="desc">
            <el-input v-model.trim="form.desc" autocomplete="off"></el-input>
            <el-input v-model="form.desc"></el-input>
          </el-form-item>
          <el-form-item label="编译分支" prop="branch">
            <el-input v-model.trim="form.branch" autocomplete="off"></el-input>
            <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">
              <el-radio label="x86">X86</el-radio>
              <el-radio label="arm">ARM</el-radio>
              <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">
            <el-radio-group v-model="form.type">
              <el-radio label="os">AIOS</el-radio>
              <el-radio label="sys">系统包</el-radio>
              <el-radio label="app">应用包</el-radio>
              <el-radio label="algo">算法包</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item
            v-show="form.type == 'algo' || form.type == 'os'"
            label="显卡类型"
            prop="brand"
          >
            <el-input v-model="form.brand"></el-input>
          </el-form-item>
          <el-form-item label="自动打包" prop="autoBuild">
            <el-switch v-model="form.autoBuild"></el-switch>
@@ -49,10 +59,28 @@
        </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>
@@ -65,15 +93,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: "请输入标题" }],
@@ -81,14 +114,18 @@
      },
      title: "",
      dialogFormVisible: false,
      edit: false,
    };
  },
  created() {},
  mounted() {},
  methods: {
    showEdit(row) {
      this.activeName = "base";
      if (!row) {
        this.title = "添加";
        this.edit = false;
      } else {
        this.edit = true;
        this.title = "编辑";
        this.form = Object.assign({}, row);
      }
@@ -98,13 +135,15 @@
      this.$refs["form"].resetFields();
      this.form = this.$options.data().form;
      this.dialogFormVisible = false;
      this.$emit("fetch-data");
      // this.$emit("fetch-data");
    },
    save() {
      this.$refs["form"].validate(async (valid) => {
        if (valid) {
          const { msg } = await doEdit(this.form);
          this.$baseMessage(msg, "success");
          const rsp = await doEdit(this.form);
          if (rsp && rsp.success) {
            this.$baseMessage(rsp.msg, "success");
          }
          this.$refs["form"].resetFields();
          this.dialogFormVisible = false;
          this.$emit("fetch-data");
@@ -117,6 +156,16 @@
    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>
<style scoped>
.el-radio {
  margin-right: 20 px;
}
</style>