Skip to content

P
pica.cloud.web-education-admin
提交 1a694f4b 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

Merge branch 'dev-eduadmin-20190222' of... 

Merge branch 'dev-eduadmin-20190222' of 192.168.110.53:com.pica.cloud.education.frontend/pica.cloud.web-app into dev-eduadmin-20190222
上级 40ad06af d3a01c52
隐藏空白字符变更
内嵌 并排
正在显示 包含 438 行增加 和 370 行删除
src/views/education/item-component.vue
浏览文件 @ 1a694f4b
......@@ -2,326 +2,241 @@
<div class="create-component">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="step-content">
<el-steps :active="1" simple>
<el-steps :active="stepNum" simple>
<span class="step-one">1</span><el-step title="基础信息"></el-step>
<span class="step-two">2</span><el-step title="选择模块"></el-step>
</el-steps>
<div class="btn-container">
<el-button type="default" size="small">暂存</el-button>
<el-button type="primary" size="small" style="margin-left:0;">完成</el-button>
<el-button type="default" size="small" @click="justStorage">暂存</el-button>
<el-button v-if="stepNum == 1" @click="nextStep" type="primary" size="small" style="margin-left:0;">下一步</el-button>
<el-button v-if="stepNum == 2" @click="finishConponent" type="primary" size="small" style="margin-left:0;">完成</el-button>
</div>
</div>
<div class="model-btn">
<el-button type="primary" size="small" @click="addModule">添加空白模块</el-button>
<el-button type="primary" size="small" @click="addFromModule" style="margin-left:0;">从模块添加</el-button>
<div class="first-step" v-if="stepNum == 1">
<el-form ref="basicInfoForm" class="basic-form" :model="componentList" :rules="basicRule" label-width="125px" label-suffix=":" size="mini">
<el-form-item label="组件名称" prop="name">
<el-input type="text" v-model="componentList.name" size="mini" placeholder="请输入组件名称" style="width:30%;"></el-input>
<span class="word-num">0/20</span>
</el-form-item>
<el-form-item label="组件简介" prop="introduce">
<el-input type="textarea" v-model="componentList.introduce" size="mini" placeholder="请输入组件简介" style="width:30%;"></el-input>
<span class="word-num">0/150</span>
</el-form-item>
<el-form-item label="组件图片" prop="imageUrl">
<el-upload
v-model="componentList.imageUrl"
class="bg-uploader"
action="#"
:show-file-list="false"
:before-upload="beforeAvatarUpload">
<img v-if="componentList.imageUrl" :src="componentList.imageUrl" class="bg-img">
<img v-if="!componentList.imageUrl" class="bg-img" src="../../assets/image/small.png">
</el-upload>
</el-form-item>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="certificateId">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="certificateId">
<el-select v-model="componentList.certificateId" @change="selectChange" placeholder="请选择资源包" style="width:60%;">
<el-option
v-for="(item,index) in resourceArray"
:key="index"
:label="item.lecturerName"
:value="item.lecturerId">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="获得证书完成率" prop="certificateCondition">
<el-input-number
v-model="componentList.certificateCondition"
controls-position="right"
@change="handleChange"
:step="10"
:min="0"
:max="100">
</el-input-number>
</el-form-item>
</el-form>
</div>
<div class="tab-content">
<el-tabs type="card" v-model="firstTab" editable>
<el-tab-pane
:key="index"
v-for="(item, index) in editableTabs"
:label="item.title"
:name="item.name">
</el-tab-pane>
<el-form ref="moduleForm" :model="moduleParam" :rules="rules" label-suffix=":" label-width="130px" style="width:100%;">
<el-row>
<el-col :span="10">
<el-form-item label="模块名称" prop="name">
<el-input v-model="moduleParam.name" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="是否对外开放" prop="isOpen">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="template-btn">
<span class="word-size">添加一个模板</span>
<el-button type="primary" size="small" @click="addTest" style="margin-left:0;">单个考试</el-button>
<el-button type="primary" size="small" @click="addCourse" style="margin-left:0;">单个课程</el-button>
<el-button type="primary" size="small" @click="addMatterTest" style="margin-left:0;">摸底考试后培训</el-button>
<el-button type="primary" size="small" @click="addTrainTest" style="margin-left:0;">培训后考试</el-button>
<el-button type="primary" size="small" @click="addMatterTrain" style="margin-left:0;">摸底考试获得资格，培训再次考试</el-button>
</div>
<el-form ref="templateForm" :model="templateParam" :rules="templateRules" label-suffix=":" label-width="130px" style="width:100%;">
<div class="single-test">
<div class="title" @click="deleteTest">单个考试<span><i class="el-icon-delete"></i></span></div>
<div v-for="(item1,index1) in templateParam.test" :key="index1">
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item1.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item1.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item1.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="single-course">
<div class="title">单个课程<span><i class="el-icon-delete"></i></span></div>
<div v-for="(item2,index2) in templateParam.course" :key="index2">
<el-row>
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item2.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item2.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="matter-test">
<div class="title">摸底考试后培训<span><i class="el-icon-delete"></i></span></div>
<div v-for="(item3,index3) in templateParam.matter" :key="index3">
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item3.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item3.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item3.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="tip">请注意该模板下，用户需要完成考试后才可参加培训</div>
<div v-for="(item31,index31) in item3.test" :key="index31">
<el-row v-if="index31 == 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item31.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-circle-plus-outline"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item31.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="index31 > 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item31.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-delete"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item31.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
<div class="train-test">
<div class="title">培训后考试<span><i class="el-icon-delete"></i></span></div>
<div v-for="(item4,index4) in templateParam.train" :key="index4">
<div v-for="(item41,index41) in item4.test" :key="index41">
<el-row v-if="index41 == 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item4.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-circle-plus-outline"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item4.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="index41 > 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item4.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-delete"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item4.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div class="tip">请注意该模板下，用户需要完成培训后才可参加考试</div>
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item4.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item4.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item4.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
<div class="matter-train-test">
<div class="title">摸底考试获得资格，培训再次考试<span><i class="el-icon-delete"></i></span></div>
<div v-for="(item5,index5) in templateParam.matterTrain" :key="index5">
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item5.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item5.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item5.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="tip">请注意该模板下，用户需要完成考试后才可参加培训</div>
<div v-for="(item51,index51) in item5.test" :key="index51">
<el-row v-if="index51 == 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item51.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-circle-plus-outline"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item51.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="index51 > 0">
<div v-if="stepNum == 2">
<div class="model-btn">
<el-button type="primary" size="small" @click="addModule">添加空白模块</el-button>
<el-button type="primary" size="small" @click="addFromModule" style="margin-left:0;">从模块添加</el-button>
</div>
<div class="tab-content">
<el-tabs type="card" v-model="firstTab" editable @tab-click="handleClick">
<el-tab-pane
:key="index"
v-for="(item, index) in editableTabs"
:label="item.title"
:name="item.name">
<div>
<el-form ref="moduleForm" :model="componentList.moduleList[0]" :rules="rules" label-suffix=":" label-width="130px" style="width:100%;">
<el-row>
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item51.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-delete"></i></span>
<el-form-item label="模块名称" prop="name">
<el-input v-model="componentList.moduleList[0].name" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item51.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
<el-form-item label="是否对外开放" prop="openFlag">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="template-btn">
<span class="word-size">添加一个模板</span>
<el-button type="primary" size="small" @click="addTest" style="margin-left:0;">单个考试</el-button>
<el-button type="primary" size="small" @click="addCourse" style="margin-left:0;">单个课程</el-button>
<el-button type="primary" size="small" @click="addMatterTest" style="margin-left:0;">摸底考试后培训</el-button>
<el-button type="primary" size="small" @click="addTrainTest" style="margin-left:0;">培训后考试</el-button>
<el-button type="primary" size="small" @click="addMatterTrain" style="margin-left:0;">摸底考试获得资格，培训再次考试</el-button>
</div>
<div class="tip">请注意该模板下，用户需要完成考试后才可参加培训</div>
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item5.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item5.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item5.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form ref="templateForm" :model="componentList.moduleList[0]" :rules="templateRules" label-suffix=":" label-width="130px" style="width:100%;">
<div v-for="(item,index) in componentList.moduleList[0].partList" :key="index">
<div class="single-test">
<div class="single-test-div">
<div class="title">{{item.titleName}}<span @click="deleteTest(index)"><i class="el-icon-delete"></i></span></div>
<div v-if="item.type == 1">
<el-row>
<el-col :span="10">
<el-form-item label="考试名称" prop="name">
<el-input v-model="item.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="考试ID" prop="id">
<el-input v-model="item.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="配置证书" prop="name">
<el-radio-group v-model="openLable" @change="selectIsOpen">
<el-radio label="是"></el-radio>
<el-radio label="否"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="选择证书" prop="id">
<el-input v-model="item.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-if="item.type == 2">
<div v-if="item.numFlag == 1">
<el-row>
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<div v-if="item.numFlag == 2">
<div v-for="(item1,index1) in item1.partContentList" :key="index1">
<el-row v-if="index1 == 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item1.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-circle-plus-outline" @click="addMatterCourse(index)" style="color:#0486FE;"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item1.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <div class="tip">请注意该模板下，用户需要完成考试后才可参加培训</div> -->
<el-row v-if="index1 > 0">
<el-col :span="10">
<el-form-item label="课程名称" prop="name">
<el-input v-model="item1.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input>
<span><i class="el-icon-delete" @click="deleteMatterCourse(index,index1)" style="color:red;"></i></span>
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="课程ID" prop="id">
<el-input v-model="item1.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input>
</el-form-item>
</el-col>
</el-row>
</div>
</div>
</div>
</div>
</div>
</div>
</el-form>
</div>
</div>
</el-form>
</el-tabs>
</el-tab-pane>
</el-tabs>
</div>
</div>
<el-dialog :title="dialogTitle" :visible.sync="columnFormVisible" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form ref="resourceForm" class="creat-form" :model="selectResource" label-width="125px" label-suffix=":" size="mini">
<el-form-item label="请选择一个资源包" prop="">
<el-select v-model="selectResource.resourceModuleSelect" @change="selectChange" placeholder="请选择资源包" style="width:60%;">
<el-option
v-for="(item,index) in resourceArray"
:key="index"
:label="item.lecturerName"
:value="item.lecturerId">
</el-option>
</el-select>
</el-form-item>
</el-form>
<el-form ref="selectModuleForm" class="module-form" :model="selectModuleForm" label-width="75px" label-suffix=":" size="mini">
<el-form-item label="考试名称">
<el-input v-model="selectModuleForm.test"></el-input>
</el-form-item>
<el-form-item label="配置证书">
<el-input v-model="selectModuleForm.test"></el-input>
</el-form-item>
<el-form-item label="课程名称">
<el-input v-model="selectModuleForm.test"></el-input>
</el-form-item>
<el-form-item label="配置证书">
<el-input v-model="selectModuleForm.test"></el-input>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import BreadCrumb from '../../components/breadcrumb.vue'
let vm = null
export default {
components: {
BreadCrumb
},
data() {
return {
columnFormVisible: false,
stepNum: 1,
dialogTitle: '调用资源包',
curmbFirst: '教培项目',
curmbSecond: '项目组件',
firstTab: '1',
......@@ -329,62 +244,87 @@ export default {
editableTabs: [{
title: '模块 1',
name: '1'
}, {
title: '模块 2',
name: '2'
}],
moduleParam: {
componentList: {
name: '',
isOpen: ''
},
templateParam: {
test: [{
name: '',
id: ''
}],
course: [{
id: '',
introduce: '',
imageUrl:'',
seqNo: '',
certificateId: '', // 0 没有证书
certificateCondition: '',
moduleList: [{
name: '',
id: ''
}],
matter: [{
name: '',
id: '',
test: [{
name: '',
id: ''
},{
name: '',
id: ''
}]
}],
train: [{
name: '',
id: '',
test: [{
name: '',
id: ''
},{
name: '',
id: ''
}]
}],
matterTrain: [{
name: '',
id: '',
test: [{
name: '',
id: ''
},{
name: '',
id: ''
}]
openFlag: '', // 1不开放 2开放
partList: [
{
titleName: '单个考试',
type: 1, // 1考试 2课程
name: '',
id: '', // 新增时为空
seqNo: '',
conditionFlag: 1, // 1为没有限制 2有限制
numFlag: 1, // 1为单个 2为可以无限添加
templetSeqNo: ''
},{
titleName: '单个课程',
type: 2, // 1考试 2课程
name: '',
id: '', // 新增时为空
seqNo: '',
conditionFlag: 1, // 1为没有限制 2有限制
numFlag: 1, // 1为单个 2为可以无限添加
templetSeqNo: ''
},{
titleName: '培训后考试',
type: 1, // 1考试 2课程
name: '',
id: '', // 新增时为空
seqNo: '',
conditionFlag: 1, // 1为没有限制 2有限制
numFlag: 2, // 1为单个 2为可以无限添加
templetSeqNo: '',
partContentList: [
{
}
]
}
]
}]
},
resourceArray: [],
selectResource: {
resourceModuleSelect: ''
},
selectModuleForm: {
test: '否'
},
basicRule: {
"name": [
{ required: true, message: '请输入组件名称', trigger: 'blur' },
],
"introduce": [
{ required: true, message: '请输入组件简介', trigger: 'blur' },
],
"imageUrl": [
{ required: true, message: '请上传组件图片', trigger: 'blur' },
],
"certificateId": [
{ required: true, message: '请选择是否配置证书', trigger: 'blur' },
],
"certificateId": [
{ required: true, message: '请选择证书', trigger: 'blur' },
],
"certificateCondition": [
{ required: true, message: '请选择获得证书完成率', trigger: 'blur' },
]
},
rules: {
"name": [
{ required: true, message: '请输入模块名称', trigger: 'blur' },
],
"isOpen": [
"openFlag": [
{ required: true }
]
},
......@@ -399,41 +339,153 @@ export default {
}
},
created() {
vm = this
},
methods: {
// 暂存
justStorage() {
},
// 下一步
nextStep() {
vm.stepNum = 2
},
// 上传组件图片
beforeAvatarUpload() {
},
// 获取组件完成率
handleChange(value) {
},
// 是否对外开放
selectIsOpen() {
},
// tab点击
handleClick(tab,event) {
},
// 添加空白模块
addModule() {
let seq = vm.editableTabs.length + 1
vm.editableTabs.push({
title: '模块 ' + seq,
name: '' + seq
})
},
// 从模板中添加
addFromModule() {
vm.columnFormVisible = true
},
// 添加单个考试
addTest() {
vm.moduleList.partList.push({
type: 1,
seqNo: '',
name: '',
id: ''
})
},
// 添加单个课程
addCourse() {
vm.moduleList.partList.push({
type: 2,
seqNo: '',
name: '',
id: ''
})
},
//摸底考试后培训
addMatterTest() {
vm.moduleList.partList.push({
type: 3,
seqNo: '',
name: '',
id: ''
})
},
// 培训后考试
addTrainTest() {
vm.moduleList.partList.push({
type: 4,
seqNo: '',
name: '',
id: ''
})
},
//摸底考试获得资格，培训再次考试
// 摸底考试获得资格，培训再次考试
addMatterTrain() {
vm.moduleList.partList.push({
type: 5,
seqNo: '',
name: '',
id: ''
})
},
// 删除单个考试
deleteTest() {
deleteTest(index) {
vm.moduleList.partList.splice(index,1)
},
// 删除单个课程
deleteCourse(index) {
vm.moduleList.partList.splice(index,1)
},
//摸底考试后培训
deleteMatter(index) {
vm.moduleList.partList.splice(index,1)
},
// 删除培训后考试
deleteTrain(index) {
vm.moduleList.partList.splice(index,1)
},
// 删除摸底考试获得资格，培训再次考试
deleteMatterTrain(index) {
vm.moduleList.partList.splice(index,1)
},
// 添加摸底考试后培训课程
addMatterCourse(index) {
vm.moduleList.partList[index].test.push({
seqNo: '',
name: '',
id: ''
})
},
// 删除摸底考试后培训课程
deleteMatterCourse(index,_index) {
vm.moduleList.partList[index].test.splice(_index,1)
},
// 添加培训后考试课程
addTrainCourse(index) {
vm.moduleList.partList[index].test.push({
seqNo: '',
name: '',
id: ''
})
},
// 删除培训后考试课程
deleteTrainCourse(index,_index) {
vm.moduleList.partList[index].test.splice(_index,1)
},
// 添加摸底考试后培训,培训再次考试课程
addMatterTrainCourse(index) {
vm.moduleList.partList[index].test.push({
seqNo: '',
name: '',
id: ''
})
},
// 删除摸底考试后培训课程
deleteMatterTrainCourse(index,_index) {
vm.moduleList.partList[index].test.splice(_index,1)
},
// 选择资源包
selectChange() {
},
// 完成
finishConponent() {
}
}
......@@ -441,6 +493,18 @@ export default {
</script>
<style lang="scss">
.create-component {
.first-step {
margin-top: 20px;
.bg-img {
width: 80px;
height: 80px;
}
.word-num {
font-size: 12px;
color: #999;
padding-top: 5px;
}
}
.step-content {
overflow: hidden;
height: 60px;
......@@ -501,7 +565,7 @@ export default {
background: #F3F3F3;
padding: 10px;
}
.single-test, .single-course, .matter-test, .train-test, .matter-train-test {
.single-test-div, .single-course-div, .matter-test-div, .train-test-div, .matter-train-test-div {
margin: 20px;
border-bottom: 1px dotted #ccc;
.title {
......@@ -522,6 +586,14 @@ export default {
}
}
.module-form {
.el-input__inner {
border: none;
}
.el-select .el-input__inner{
border: 1px solid #dcdfe6;
}
}
}
</style>
......
src/views/layout/header.vue
浏览文件 @ 1a694f4b
<template>
<div class="header-container">
<div class="logo"><img src="../../assets/image/index_logoicon.png"/>内容管理系统</div>
<div class="user-info">
<div class="el-dropdown-link">
<img class="user-logo" src="../../assets/image/img.jpg">
<span id="headName">{{name}}，您好</span>
<span class="line">|</span>
<span id="login-out">退出</span>
</div>
</div>
<!--导航-->
<div class="logo"><img src="../../assets/image/index_logoicon.png"/>项目管理平台</div>
<div class="user-info">
<el-dropdown trigger="click" @command="handleCommand">
<span class="el-dropdown-link">
{{'系统切换'}}
<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<div class="el-dropdown-link">
<img class="user-logo" src="../../assets/image/img.jpg">
<span id="headName">{{name}}</span><i class="el-icon-arrow-down el-icon--right"></i>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item in systemInfoList" :key="item.id">
<span class="menu-item" @click="forward(item)">{{item.systemName}}</span>
</el-dropdown-item>
<el-dropdown-item command="logout">退出</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<!--导航-->
<div class="user-info" style="padding-right:10px;">
<span class="el-dropdown-link" @click="forward">{{'返回云鹊医首页'}}</span>
<span class="line">|</span>
</div>
</div>
</template>
<script>
......@@ -35,11 +29,13 @@ export default {
},
computed: {},
methods: {
handleCommand() {
handleCommand(command) {
if (command === 'logout') {
}
},
forward() {
window.location.href = 'https://www.yunqueyi.com/'
}
}
}
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或