备份

3 years ago · 8790213d02
parent b50840c6fe
commit 8790213d02
2 changed files with 1186 additions and 0 deletions
--- a/src/views/Program.vue.copy20210903
+++ b/src/views/Program.vue.copy20210903
@ -0,0 +1,665 @@
 <template>
    <!-- 编程类 -->
    <div class="content">
        <div class="header flex">
            <i class="el-icon-arrow-left"
               @click="Back()"
               style="cursor:pointer">
                <span>Back</span>
            </i>
            <p>判分点设置</p>
            <el-button type="primary"
                       @click="Savejump('ruleForm')">保存</el-button>
        </div>
        <div class="footer">
            <div>
                <div class="flex footer_h">
                    <div class="black"></div>
                    <p>基本信息</p>
                </div>
                <el-form :model="ruleForm"
                         :rules="rules"
                         ref="ruleForm"
                         label-width="150px">
                    <el-form-item label="请输入判分点名称"
                                  prop="judgmentPointsName">
                        <el-input v-model="ruleForm.judgmentPointsName" @change="nameChange"></el-input>
                    </el-form-item>
                    <el-form-item label="实验要求" prop="experimentalRequirements">
                        <quill :toref="'editor1'" :border="true" v-model="ruleForm.experimentalRequirements" :minHeight="150" :height="150" />
                    </el-form-item>
                </el-form>
                <div class="flex footer_b">
                    <div class="black"></div>
                    <p>实验代码</p>
                </div>
                <div class="footer_inputs1">
                    <p style=" text-align: center;">参考答案</p>
                    <div style="padding: 10px 50px">
                        <quill1 :toref="'editor2'" :border="true" v-model="ruleForm.experimentcode" :minHeight="300" :height="300" />
                        <!-- <textarea id="memo1"
                              v-model="ruleForm.experimentcode"
                              style="outline:none;"></textarea> -->
                    </div>
                </div>
                <div class="flex footer_b">
                    <div class="black"></div>
                    <p>判分规则</p>
                    <el-button type="primary"
                               :disabled="isAdd"
                               @click="AddListRow()">新增</el-button>
                </div>
            </div>
            <el-row>
                <el-col :span="24">
                    <el-card shadow="hover">
                        <el-table :data="tableData"
                                  :stripe="true"
                                  :cell-style="rowClass"
                                  :header-cell-style="headClass"
                                  header-align="center"
                                  ref="editTable">
                            <el-table-column prop="decisionPointRule"
                                             type="index"
                                             label="序号"
                                             align="center"
                                             width="80"></el-table-column>
                            <el-table-column label="编译器中正确答案"
                                             align="center">
                                <template slot-scope="scope">
                                    <p class="p">字段一致性规则：用户编辑器中至少出现如下语句</p>
                                    <el-input type="textarea"
                                              :rows="2"
                                              v-model="scope.row.judgmentRulesRule"
                                              :disabled="scope.row.isShow"></el-input>
                                </template>
                            </el-table-column>
                            <el-table-column align="center"
                                             width="150">
                                <template slot-scope="scope">
                                    <el-button type="primary"
                                               :disabled="scope.row.isShow"
                                               style="cursor:pointer;border-radius: 50%;"
                                               circle
                                               @click="getPerhaps(scope.row)">{{scope.row.perhaps==0?"且":"或"}}</el-button>
                                </template>
                            </el-table-column>
                            <el-table-column label="终端中正确答案"
                                             align="center">
                                <template slot-scope="scope">
                                    <p class="p">运行结果一致性规则：用户运行结果需要与下方代码运行结果一致</p>
                                    <el-input type="textarea"
                                              :rows="2"
                                              v-model="scope.row.judgmentRulesPoint"
                                              :disabled="scope.row.isShow"></el-input>
                                </template>
                            </el-table-column>
                            <el-table-column label="操作"
                                             align="center"
                                             width="300">
                                <template slot-scope="scope">
                                    <el-link size="mini"
                                             type="primary"
                                             :underline="false"
                                             v-show="scope.row.isShow"
                                             @click="getHandleEdit(scope.row)">编辑</el-link>
                                    <el-link type="primary"
                                             size="mini"
                                             :underline="false"
                                             v-show="!scope.row.isShow"
                                             @click="getRule(scope.row)">保存</el-link>
                                    <el-link size="mini"
                                             type="primary"
                                             :underline="false"
                                             v-show="!scope.row.isShow"
                                             @click="dialogFormVisible(scope.$index,scope.row)">取消</el-link>
                                    <el-link size="mini"
                                             type="primary"
                                             :underline="false"
                                             v-show="!scope.row.isShow"
                                             @click="getRuleDelete(scope.$index,scope.row)">删除</el-link>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-card>
                </el-col>
            </el-row>
        </div>
    </div>
 </template>
 <script>
 import quill from '@/components/quill'
 import quill1 from '@/components/quill'
 export default {
    data () {
        return {
            ruleForm: {
                judgmentPointsName: "",
                experimentalRequirements: "",
                experimentcode: ""
            },
            tableData: [],
            id: "",
            rules: {
                judgmentPointsName: [
                    { required: true, message: "内容不能为空", trigger: "blur" }
                ],
                experimentalRequirements: [
                    { required: true, message: "实验要求不能为空", trigger: "blur" }
                ],
                experimentcode: [
                    { required: true, message: "参考答案不能为空", trigger: "blur" }
                ]
            },
            decisionPointRule: "",
            systemId: this.$route.query.systemId,
            userId: this.$route.query.userId,
            ruleIds: [],
            jRP: "",
            jRR: "",
            isAdd: false,
            originalName: '',
            nameRepeat: false
        };
    },
    components: {quill,quill1},
    mounted () {
        this.$route.query.token && this.$store.commit('setParam',{token: atob(decodeURI(this.$route.query.token)),referrer: atob(decodeURI(this.$route.query.referrer))})
        this.getMesg();
    },
    methods: {
        //且或判断
        getPerhaps (a) {
            if (a.perhaps == 1) {
                a.perhaps = "0";
            } else {
                a.perhaps = "1";
            }
        },
        //判分点详细信息查询(通过首页编辑按钮)
        getMesg () {
            if (this.$route.query.judgmentPointsId) {
                this.$get(this.api.QueryPfdInformation, {
                    judgmentPointsId: this.$route.query.judgmentPointsId
                })
                    .then(res => {
                        res.message.rules.map(e => {
                            this.$set(e, "isQie", true);
                            this.$set(e, "isShow", true);
                        });
                        this.ruleForm = {
                            judgmentPointsName: res.message.point.judgmentPointsName,
                            experimentalRequirements:
                                res.message.point.experimentalRequirements,
                            experimentcode: res.message.point.experimentcode
                        };
                        this.originalName = res.message.point.judgmentPointsName
                        this.tableData = res.message.rules;
                        let arr1 = this.tableData;
                        let result1 = arr1.map(e => e.decisionPointRule);
                        this.ruleIds = this.ruleIds.concat(result1);
                        // this.decisionPointRule=res.message.rules[0].decisionPointRule;
                    })
                    .catch(err => { });
            }
        },
        nameChange(){
            if(this.ruleForm.judgmentPointsName !== this.originalName){
                this.$get(`${this.api.JudgmentPointNameRepetition}?judgmentPointName=${this.ruleForm.judgmentPointsName}`).then(res => {
                    this.nameRepeat = false
                }).catch(res => {
                    this.nameRepeat = true
                })
            }else{
                this.nameRepeat = false
            }
        },
        //保存
        Savejump (formName) {
            if (this.ruleIds != "") {
                this.$refs[formName].validate(valid => {
                    if (valid) {
                        if(this.nameRepeat) return this.$message.error('当前判分点名称已存在!')
                        if (this.$route.query.judgmentPointsId) {
                            // 编辑判分点基本信息
                            this.$post(this.api.UpdatePointOfJudgement, {
                                points: {
                                    experimentalRequirements: this.ruleForm
                                        .experimentalRequirements,
                                    judgmentPointsName: this.ruleForm.judgmentPointsName,
                                    experimentcode: this.ruleForm.experimentcode,
                                    judgmentPointsId: this.$route.query.judgmentPointsId
                                },
                                ruleIds: this.ruleIds
                            })
                                .then(res => {
                                    this.$router.back()
                                })
                                .catch(err => {
                                    console.log(err);
                                });
                        } else {
                            // 新增判分点基本信息
                            this.$post(this.api.AddPfdInformation, {
                                points: {
                                    experimentalRequirements: this.ruleForm
                                        .experimentalRequirements,
                                    judgmentPointsName: this.ruleForm.judgmentPointsName,
                                    experimentcode: this.ruleForm.experimentcode,
                                    judgmentPointsType: 1,
                                      systemId: this.systemId,
                                      userId: this.userId,
                                    // systemId: 1,
                                    // userId: 4
                                },
                                ruleIds: this.ruleIds
                            })
                                .then(res => {
                                    this.$router.back()
                                })
                                .catch(err => {
                                    console.log(err);
                                });
                        }
                    } else {
                        console.log("error submit!!");
                        return false;
                    }
                });
            } else {
                this.$message.error("错了哦，判分规则不能为空");
            }
        },
        getCookie (cookie_name) {
            //获取cookie中指定key的value
            var allcookies = document.cookie; //索引长度，开始索引的位置
            var cookie_pos = allcookies.indexOf(cookie_name); // 如果找到了索引，就代表cookie存在,否则不存在
            if (cookie_pos != -1) {
                // 把cookie_pos放在值的开始，只要给值加1即可
                //计算取cookie值得开始索引，加的1为“=”
                cookie_pos = cookie_pos + cookie_name.length + 1; //计算取cookie值得结束索引
                var cookie_end = allcookies.indexOf(";", cookie_pos);
                if (cookie_end == -1) {
                    cookie_end = allcookies.length;
                } //得到想要的cookie的值
                var value = unescape(allcookies.substring(cookie_pos, cookie_end));
            }
            return value;
        },
        Back () {
            this.$router.back()
        },
        // 表头样式设置
        headClass () {
            return "text-align: center;";
        },
        // 表格样式设置
        rowClass () {
            return "text-align: center;";
        },
        // 编辑判分点规则 保存按钮
        getRule (row) {
            if (!row.judgmentRulesRule && !row.judgmentRulesPoint) {
                this.$message({
                    showClose: true,
                    message: "内容不能为空",
                    type: "warning"
                });
            } else {
                if (row.decisionPointRule) {
                    this.$post(this.api.UpdatePointOfJudgementRule, {
                        judgmentRulesRule: row.judgmentRulesRule,
                        judgmentRulesPoint: row.judgmentRulesPoint,
                        perhaps: String(row.perhaps),
                        decisionPointRule: row.decisionPointRule
                    })
                        .then(res => {
                            this.isAdd = false;
                            row.isShow = true;
                            this.getContent();
                        })
                        .catch(err => {
                            console.log(err);
                        });
                } else {
                    //新增判分规则
                    this.$post(this.api.AddPfdgzInformation, {
                        judgmentRulesRule: row.judgmentRulesRule,
                        judgmentRulesPoint: row.judgmentRulesPoint,
                        perhaps: String(row.perhaps)
                    })
                        .then(s => {
                            this.isAdd = false;
                            row.isShow = true;
                            this.id = s.message;
                            this.ruleIds.push(this.id);
                            console.log(this.ruleIds);
                            this.getContent();
                        })
                        .catch(err => {
                            console.log(err);
                        });
                }
            }
        },
        //取消
        dialogFormVisible (index, row) {
            this.isAdd = false;
            if (!row.decisionPointRule) {
                this.tableData.splice(index, 1);
            } else {
                if (!row.judgmentRulesRule && !row.judgmentRulesPoint) {
                    this.$message({
                        showClose: true,
                        message: "内容不能为空",
                        type: "warning"
                    });
                } else {
                    row.isShow = true;
                    row.judgmentRulesRule = this.jRR;
                    row.judgmentRulesPoint = this.jRP;
                }
            }
        },
        //编辑
        getHandleEdit (row) {
            this.isAdd = true;
            row.isShow = false;
            this.jRR = row.judgmentRulesRule;
            this.jRP = row.judgmentRulesPoint;
        },
        //删除
        getRuleDelete (index, row) {
            if (!row.decisionPointRule) {
                this.tableData.splice(index, 1);
                this.isAdd = false;
            } else {
                this.$confirm("此操作将永久删除该内容, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning",
                    center: true
                })
                    .then(() => {
                        this.$post(this.api.DeletePointOfJudgementRule, {
                            decisionPointRule: row.decisionPointRule
                        })
                            .then(res => {
                                this.getContent();
                                this.isAdd = false;
                            })
                            .catch(err => {
                                console.log(err);
                            });
                        this.$message({
                            type: "success",
                            message: "删除成功!"
                        });
                    })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消删除"
                        });
                    });
            }
        },
        // 判分点规则信息查询
        getContent () {
            this.$get(this.api.QueryPfdgzInformation, {
                ruleIds: this.ruleIds.join()
            })
                .then(s => {
                    s.message.map(e => {
                        this.$set(e, "isQie", true);
                        this.$set(e, "isShow", true);
                    });
                    this.tableData = s.message;
                    this.decisionPointRule = s.message[0].decisionPointRule;
                })
                .catch(err => {
                    console.log(err);
                });
        },
        //点击新增添加一行数据
        AddListRow () {
            this.isAdd = true;
            this.tableData.push({
                decisionPointRule: "",
                judgmentRulesRule: "",
                isQie: true,
                isShow: false,
                judgmentRulesPoint: "",
                perhaps: "0"
            });
            this.$nextTick(() => {
                this.scrollToTop();
            });
        },
        scrollToTop () {
            const c =
                document.documentElement.scrollHeight || document.body.scrollHeight;
            window.scrollTo(0, c);
        }
    }
 };
 </script>
 <style lang="scss" scoped>
 // 后面修改的样式
 /deep/ .el-link.el-link--primary {
    padding-right: 10px;
 }
 /deep/ .el-button {
    line-height: 0;
    height: 30px;
    width: 80px;
    margin-top: 7px;
    border-radius: 20px;
    position: absolute;
    right: 30px;
 }
 /deep/ .el-input__inner {
    border: 1px solid #9278ff;
 }
 /deep/ .el-form-item {
    margin-top: 15px;
 }
 // 第二部分
 /deep/ .el-button--text {
    color: #9278ff;
 }
 /deep/ .el-button--text:focus,
 .el-button--text:hover {
    color: #9278ff;
 }
 .border {
    width: 50px;
    height: 50px;
    border: 1px solid #9278ff;
    border-radius: 50%;
    margin: auto;
 }
 .p {
    font-size: 12px;
    font-weight: 600;
 }
 // 文本框
 /deep/ .el-textarea__inner {
    height: 145px;
    width: 650px;
    resize: none;
    border: 1px solid #9278ff;
    font-size: 12px;
    border-radius: 5px;
 }
 /deep/ .el-textarea__inner:hover {
    border: 1px solid #9278ff;
 }
 // 滚动条的宽度
 /deep/ ::-webkit-scrollbar {
    width: 6px; // 横向滚动条
    height: 6px; // 纵向滚动条 必写
 }
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
    background-color: #9278ff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
 /deep/ ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px #dddddd;
    border-radius: 0;
    background: #dddddd;
 }
 /deep/ .el-row {
    padding: 0 20px;
    margin-bottom: 60px;
 }
 /deep/ .el-card__body {
    padding: 0;
 }
 /deep/ .el-card {
    border: none;
 }
 /deep/ .el-table th {
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: rgba(255, 255, 255, 1);
    background-color: #9278ff;
 }
 /deep/ .el-table td,
 .el-table th {
    padding-top: 0;
 }
 .footer_b p {
    margin: 0;
    padding-left: 10px;
    font-size: 14px;
 }
 .footer_b {
    padding: 10px 0;
    border-top: 1px dashed #cccccc;
    margin: 0 15px;
    height: 45px;
    line-height: 45px;
 }
 // 第一部分
 #memo {
    margin-left: 10px;
    height: 200px;
    width: 800px;
    resize: none;
    border: 1px solid #9278ff;
    font-size: 12px;
    border-radius: 5px;
 }
 #memo1 {
    height: 300px;
    width: 1700px;
    resize: none;
    border: 1px solid #9278ff;
    font-size: 12px;
    border-radius: 5px;
    padding: 10px 20px;
 }
 /deep/ .el-input--suffix .el-input__inner {
    border: 1px solid #9278ff;
 }
 .footer_input p {
    font-size: 12px;
    padding-right: 20px;
 }
 .footer_input {
    padding: 30px 0 20px 80px;
 }
 .footer_inputs {
    padding: 30px 0 20px 80px;
 }
 .footer_inputs1 {
    padding-bottom: 50px;
    text-align: center;
 }
 .footer_inputs1 p {
    margin: 0 0 15px 0;
    font-size: 14px;
 }
 .footer_inputs p {
    font-size: 12px;
    padding-right: 20px;
 }
 /deep/ .el-input {
    width: 30%;
 }
 /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
    line-height: 3;
    padding-left: 10px;
 }
 .header {
    background-color: #ffffff;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
 }
 .header span {
    font-size: 14px;
    font-weight: 600;
    padding-left: 5px;
 }
 .header p {
    padding-left: 20px;
    margin: 0;
 }
 .footer_h {
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    margin: 0 15px;
    height: 45px;
    line-height: 45px;
 }
 .flex {
    display: flex;
    justify-content: flex-start;
 }
 .footer {
    background-color: #ffffff;
 }
 .footer_h p {
    padding-left: 10px;
    font-size: 14px;
    margin: 0;
 }
 .black {
    width: 8px;
    height: 18px;
    background-color: #333;
    margin-top: 10px;
 }
 .content {
    position: relative;
    top: 10px;
 }
 </style>
--- a/src/views/Transaction.vue.copy20210901
+++ b/src/views/Transaction.vue.copy20210901
@ -0,0 +1,521 @@
 <template>
  <!-- 交易类 -->
  <div class="content">
    <div class="header flex">
      <i class="el-icon-arrow-left" @click="Back()" style="cursor:pointer">
        <span>Back</span>
      </i>
      <p>判分点设置</p>
      <button class="button" @click="Savejump()">保存</button>
    </div>
    <div class="footer">
      <div>
        <div class="flex footer_h">
          <div class="black"></div>
          <p>基本信息</p>
        </div>
        <div class="flex footer_input">
          <p>判分点名称</p>
          <el-input placeholder="请输入内容" v-model="input" clearable></el-input>
        </div>
        <div class="flex footer_inputs">
          <p>实验要求</p>
          <textarea id="memo" style="outline:none;"></textarea>
        </div>
      </div>
      <div class="flex footer_b">
        <div class="black"></div>
        <p>判分规则</p>
        <button class="button">新增</button>
      </div>
      <el-row>
        <el-col :span="24">
          <el-card shadow="hover">
            <el-table
              :data="tableData"
              :stripe="true"
              :cell-style="rowClass"
              header-align="center"
              :header-cell-style="headClass"
              :row-class-name="tableRowClassName"
            >
              <el-table-column prop="id" type="index" label="序号" width="80"></el-table-column>
              <el-table-column label="流程判分正确答案">
                <template slot-scope="scope">
                  <p class="p">操作一致性规则：用户完成的功能操作与下方设置的操作点一致</p>
                  <div class="box">
                    <div class="flex box_p">
                      <p>一级栏目</p>
                      <el-select v-model="value1" clearable placeholder="币币交易">
                        <el-option
                          v-for="item in options1"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                    <div class="flex box_p">
                      <p>二级栏目</p>
                      <el-select v-model="value2" clearable placeholder="限价交易">
                        <el-option
                          v-for="item in options2"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                    <div class="flex box_p">
                      <p>操作按钮</p>
                      <el-select v-model="value3" clearable placeholder="买入BTC">
                        <el-option
                          v-for="item in options3"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column label=" " width="150">
                <template slot-scope="scope">
                  <div class="border">
                    <p v-show="scope.row.isQie" @click="getQie(scope.row)" style="cursor:pointer">且</p>
                    <p v-show="!scope.row.isQie" @click="getHuo(scope.row)" style="cursor:pointer">或</p>
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="交易结果正确答案">
                <template slot-scope="scope">
                  <p class="p">交易结果一致性规则：用户交易结果需要与下面设置的交易结果指标要求一致</p>
                  <div class="box">
                    <div class="flex box_p">
                      <p>指标类别</p>
                      <el-select v-model="value4" clearable placeholder="交易结果指标">
                        <el-option
                          v-for="item in values1"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                    <div class="flex box_p">
                      <p>交易指标</p>
                      <el-select v-model="value5" clearable placeholder="BTC买入量">
                        <el-option
                          v-for="item in values2"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                    <div class="flex box_p box_right" style="padding-left: 30px;">
                      <p>交易结果区间</p>
                      <el-select v-model="value6" clearable placeholder="(">
                        <el-option
                          v-for="item in values3"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                      <el-input
                        placeholder="100"
                        style="width:80px;margin:8px 10px 0 10px;"
                        v-model="input1"
                        clearable
                      ></el-input>
                      <el-input
                        placeholder="100"
                        v-model="input2"
                        style="width:80px;margin:8px 10px 0 0;"
                        clearable
                      ></el-input>
                      <el-select v-model="value7" clearable placeholder=")">
                        <el-option
                          v-for="item in values4"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="操作" width="300">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" v-show="isShow" @click="handleEdit()">编辑</el-button>
                  <el-button
                    type="text"
                    size="mini"
                    v-show="!isShow"
                    @click="addTab(scope.$index, scope.row)"
                  >保存</el-button>
                  <el-button
                    size="mini"
                    type="text"
                    v-show="!isShow"
                    @click="dialogFormVisible()"
                  >取消</el-button>
                </template>
              </el-table-column>
            </el-table>
          </el-card>
        </el-col>
      </el-row>
    </div>
  </div>
 </template>
 <script>
 export default {
  data() {
    return {
      input: "",
      textarea: "",
      tableData: [
        {
          qie: "且",
          huo: "或"
        }
      ],
      options1: [
        {
          value: "选项1",
          label: "币币交易"
        },
        {
          value: "选项2",
          label: "网络交易"
        }
      ],
      options2: [
        {
          value: "选项1",
          label: "限价交易"
        }
      ],
      options3: [
        {
          value: "选项1",
          label: "买入BTC"
        }
      ],
      values1: [
        {
          value: "选项1",
          label: "交易结果指标"
        },
        {
          value: "选项2",
          label: "交易过程指标"
        }
      ],
      values2: [
        {
          value: "选项1",
          label: "BTC买入量"
        },
        {
          value: "选项2",
          label: "总资产收益率"
        }
      ],
      values3: [
        {
          value: "选项1",
          label: "("
        },
        {
          value: "选项2",
          label: "["
        }
      ],
      values4: [
        {
          value: "选项1",
          label: ")"
        },
        {
          value: "选项2",
          label: "]"
        }
      ],
      value1: "",
      value2: "",
      value3: "",
      value4: "",
      value5: "",
      value6: "",
      value7: "",
      input1: "",
      input2: "",
      isShow: true,
      isQie: true
    };
  },
  methods: {
    Savejump() {
      this.$router.push({ path: "/" });
    },
    Back() {
      this.$router.push({ path: "/" });
    },
    getQie() {
      this.isQie = false;
    },
    getHuo() {
      this.isQie = true;
    },
    handleEdit() {
      this.isShow = false;
    },
    addTab(tabName, targetName) {
      let newTabName = ++this.tabIndex + "";
      this.editableTabs.push({
        title: tabName,
        name: newTabName,
        content: "New Tab content"
      });
      this.editableTabsValue = newTabName;
      this.dialogFormVisible = false;
    },
    dialogFormVisible() {
      this.isShow = true;
    },
    // 表头样式设置
    headClass() {
      return "text-align: center;";
    },
    // 表格样式设置
    rowClass() {
      return "text-align: center;";
    }
  }
 };
 </script>
 <style lang="scss" scoped>
 // 第二部分
 //或 且的边框
 .border {
  width: 50px;
  height: 50px;
  border: 1px solid #9278ff;
  border-radius: 50%;
  margin: auto;
 }
 // 表格盒子
 .box {
  border: 1px solid #9278ff;
  width: 500px;
  margin: 0 auto;
 }
 .box /deep/ .el-input {
  width: 150px;
 }
 .box_right /deep/ .el-input {
  width: 51px;
  margin-right: 0;
 }
 .box /deep/ .el-input--suffix .el-input__inner {
  height: 25px;
  padding-right: 0;
 }
 .box /deep/ .el-input--suffix .el-input__inner {
  border: 1px solid #9278ff;
 }
 .box /deep/ .el-input--suffix .el-input__inner:focus,
 .el-input--suffix .el-input__inner:hover {
  border: 1px solid #9278ff;
 }
 /deep/ .el-table .cell {
  line-height: 1;
 }
 .box_p {
  padding-left: 50px;
 }
 .box_p p {
  padding-right: 20px;
 }
 // 表格里面的内容
 .p {
  font-size: 12px;
  font-weight: 600;
 }
 /deep/ .el-select {
  padding-top: 10px;
 }
 /deep/ .el-table td,
 .el-table th {
  padding-top: 0;
 }
 .box /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
  line-height: 1;
  padding-left: 0;
 }
 /deep/ .el-select__caret:before {
  content: "\e78f";
  font-size: 8px;
  padding: 1px;
  background-color: #9278ff;
  border-radius: 50%;
  color: #ffffff;
 }
 /deep/ .el-row {
  padding: 0 20px;
 }
 /deep/ .el-card__body {
  padding: 0;
 }
 /deep/ .el-card {
  border: none;
 }
 // 滚动条的宽度
 /deep/ ::-webkit-scrollbar {
  width: 6px; // 横向滚动条
  height: 6px; // 纵向滚动条 必写
 }
 // 滚动条的滑块
 /deep/ ::-webkit-scrollbar-thumb {
  background-color: #9278ff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 5px #dddddd;
 }
 /deep/ ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px #dddddd;
  border-radius: 0;
  background: #dddddd;
 }
 /deep/ .el-table th {
  font-size: 14px;
  font-family: Microsoft YaHei;
  color: rgba(255, 255, 255, 1);
  background-color: #9278ff;
 }
 .footer_b p {
  //   padding-right: 800px;
  margin: 0;
  padding-left: 10px;
  font-size: 12px;
 }
 .footer_b {
  padding: 10px 0;
  border-top: 1px dashed #cccccc;
  margin: 0 15px;
  height: 45px;
  line-height: 45px;
 }
 // 第一部分
 #memo {
  margin-left: 10px;
  height: 200px;
  width: 800px;
  resize: none;
  border: 1px solid #9278ff;
  font-size: 12px;
  border-radius: 5px;
 }
 /deep/ .el-input--suffix .el-input__inner {
  border: 1px solid #9278ff;
 }
 .footer_input p {
  font-size: 12px;
  padding-right: 20px;
 }
 .footer_input {
  padding: 30px 0 20px 80px;
 }
 .footer_inputs {
  padding: 30px 0 20px 80px;
 }
 .footer_inputs p {
  font-size: 12px;
  padding-right: 20px;
 }
 /deep/ .el-input {
  width: 30%;
 }
 .button {
  height: 30px;
  width: 80px;
  margin-top: 7px;
  border: none;
  background-color: #9278ff;
  color: #ffffff;
  border-radius: 20px;
  position: absolute;
  right: 30px;
 }
 .button:focus {
  outline: 0;
 }
 /deep/ [class*=" el-icon-"],
 [class^="el-icon-"] {
  line-height: 3;
  padding-left: 10px;
 }
 .header {
  background-color: #ffffff;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
 }
 .header span {
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
 }
 .header p {
  padding-left: 20px;
  margin: 0;
 }
 .footer_h {
  // padding: 10px 0;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  margin: 0 15px;
  height: 45px;
  line-height: 45px;
 }
 .flex {
  display: flex;
  justify-content: flex-start;
 }
 .footer {
  background-color: #ffffff;
 }
 .footer_h p {
  padding-left: 10px;
  font-size: 12px;
  margin: 0;
 }
 .black {
  width: 8px;
  height: 18px;
  background-color: #333;
  margin-top: 10px;
 }
 .content {
  background-color: #f2f6fc;
  position: relative;
  top: 10px;
 }
 </style>