Skip to content

P
pica-admin-IM
提交 d3a01c52 编写于 作者: huangwensu's avatar huangwensu
浏览文件
操作

创建项目组件

上级 119abed4
隐藏空白字符变更
内嵌 并排
正在显示 包含 438 行增加 和 370 行删除
src/views/education/item-component.vue
浏览文件 @ d3a01c52
...@@ -2,326 +2,241 @@ ...@@ -2,326 +2,241 @@
<div class="create-component"> <div class="create-component">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="step-content"> <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-one">1</span><el-step title="基础信息"></el-step>
<span class="step-two">2</span><el-step title="选择模块"></el-step> <span class="step-two">2</span><el-step title="选择模块"></el-step>
</el-steps> </el-steps>
<div class="btn-container"> <div class="btn-container">
<el-button type="default" size="small">暂存</el-button> <el-button type="default" size="small" @click="justStorage">暂存</el-button>
<el-button type="primary" size="small" style="margin-left:0;">完成</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> </div>
<div class="model-btn"> <div class="first-step" v-if="stepNum == 1">
<el-button type="primary" size="small" @click="addModule">添加空白模块</el-button> <el-form ref="basicInfoForm" class="basic-form" :model="componentList" :rules="basicRule" label-width="125px" label-suffix=":" size="mini">
<el-button type="primary" size="small" @click="addFromModule" style="margin-left:0;">从模块添加</el-button> <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>
<div class="tab-content"> <div v-if="stepNum == 2">
<el-tabs type="card" v-model="firstTab" editable> <div class="model-btn">
<el-tab-pane <el-button type="primary" size="small" @click="addModule">添加空白模块</el-button>
:key="index" <el-button type="primary" size="small" @click="addFromModule" style="margin-left:0;">从模块添加</el-button>
v-for="(item, index) in editableTabs" </div>
:label="item.title" <div class="tab-content">
:name="item.name"> <el-tabs type="card" v-model="firstTab" editable @tab-click="handleClick">
</el-tab-pane> <el-tab-pane
<el-form ref="moduleForm" :model="moduleParam" :rules="rules" label-suffix=":" label-width="130px" style="width:100%;"> :key="index"
<el-row> v-for="(item, index) in editableTabs"
<el-col :span="10"> :label="item.title"
<el-form-item label="模块名称" prop="name"> :name="item.name">
<el-input v-model="moduleParam.name" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input> <div>
</el-form-item> <el-form ref="moduleForm" :model="componentList.moduleList[0]" :rules="rules" label-suffix=":" label-width="130px" style="width:100%;">
</el-col> <el-row>
<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">
<el-col :span="10"> <el-col :span="10">
<el-form-item label="课程名称" prop="name"> <el-form-item label="模块名称" prop="name">
<el-input v-model="item51.name" size="mini" placeholder="请输入课程名称" style="width:288px;"></el-input> <el-input v-model="componentList.moduleList[0].name" size="mini" placeholder="请选择模块名称" style="width:288px;"></el-input>
<span><i class="el-icon-delete"></i></span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10"> <el-col :span="10">
<el-form-item label="课程ID" prop="id"> <el-form-item label="是否对外开放" prop="openFlag">
<el-input v-model="item51.id" size="mini" placeholder="请输入课程ID" style="width:288px;"></el-input> <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-form-item>
</el-col> </el-col>
</el-row> </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>
<div class="tip">请注意该模板下，用户需要完成考试后才可参加培训</div> <el-form ref="templateForm" :model="componentList.moduleList[0]" :rules="templateRules" label-suffix=":" label-width="130px" style="width:100%;">
<el-row> <div v-for="(item,index) in componentList.moduleList[0].partList" :key="index">
<el-col :span="10"> <div class="single-test">
<el-form-item label="考试名称" prop="name"> <div class="single-test-div">
<el-input v-model="item5.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input> <div class="title">{{item.titleName}}<span @click="deleteTest(index)"><i class="el-icon-delete"></i></span></div>
</el-form-item> <div v-if="item.type == 1">
</el-col> <el-row>
<el-col :span="10"> <el-col :span="10">
<el-form-item label="考试ID" prop="id"> <el-form-item label="考试名称" prop="name">
<el-input v-model="item5.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input> <el-input v-model="item.name" size="mini" placeholder="请输入考试名称" style="width:288px;"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="10">
<el-row> <el-form-item label="考试ID" prop="id">
<el-col :span="10"> <el-input v-model="item.id" size="mini" placeholder="请输入考试ID" style="width:288px;"></el-input>
<el-form-item label="配置证书" prop="name"> </el-form-item>
<el-radio-group v-model="openLable" @change="selectIsOpen"> </el-col>
<el-radio label="是"></el-radio> </el-row>
<el-radio label="否"></el-radio> <el-row>
</el-radio-group> <el-col :span="10">
</el-form-item> <el-form-item label="配置证书" prop="name">
</el-col> <el-radio-group v-model="openLable" @change="selectIsOpen">
<el-col :span="10"> <el-radio label="是"></el-radio>
<el-form-item label="选择证书" prop="id"> <el-radio label="否"></el-radio>
<el-input v-model="item5.id" size="mini" placeholder="请选择证书" style="width:288px;"></el-input> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <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>
</div> </el-tab-pane>
</el-form> </el-tabs>
</el-tabs> </div>
</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> </div>
</template> </template>
<script> <script>
import BreadCrumb from '../../components/breadcrumb.vue' import BreadCrumb from '../../components/breadcrumb.vue'
let vm = null
export default { export default {
components: { components: {
BreadCrumb BreadCrumb
}, },
data() { data() {
return { return {
columnFormVisible: false,
stepNum: 1,
dialogTitle: '调用资源包',
curmbFirst: '教培项目', curmbFirst: '教培项目',
curmbSecond: '项目组件', curmbSecond: '项目组件',
firstTab: '1', firstTab: '1',
...@@ -329,62 +244,87 @@ export default { ...@@ -329,62 +244,87 @@ export default {
editableTabs: [{ editableTabs: [{
title: '模块 1', title: '模块 1',
name: '1' name: '1'
}, {
title: '模块 2',
name: '2'
}], }],
moduleParam: { componentList: {
name: '', name: '',
isOpen: '' id: '',
}, introduce: '',
templateParam: { imageUrl:'',
test: [{ seqNo: '',
name: '', certificateId: '', // 0 没有证书
id: '' certificateCondition: '',
}], moduleList: [{
course: [{
name: '', name: '',
id: '' openFlag: '', // 1不开放 2开放
}], partList: [
matter: [{ {
name: '', titleName: '单个考试',
id: '', type: 1, // 1考试 2课程
test: [{ name: '',
name: '', id: '', // 新增时为空
id: '' seqNo: '',
},{ conditionFlag: 1, // 1为没有限制 2有限制
name: '', numFlag: 1, // 1为单个 2为可以无限添加
id: '' templetSeqNo: ''
}] },{
}], titleName: '单个课程',
train: [{ type: 2, // 1考试 2课程
name: '', name: '',
id: '', id: '', // 新增时为空
test: [{ seqNo: '',
name: '', conditionFlag: 1, // 1为没有限制 2有限制
id: '' numFlag: 1, // 1为单个 2为可以无限添加
},{ templetSeqNo: ''
name: '', },{
id: '' titleName: '培训后考试',
}] type: 1, // 1考试 2课程
}], name: '',
matterTrain: [{ id: '', // 新增时为空
name: '', seqNo: '',
id: '', conditionFlag: 1, // 1为没有限制 2有限制
test: [{ numFlag: 2, // 1为单个 2为可以无限添加
name: '', templetSeqNo: '',
id: '' partContentList: [
},{ {
name: '',
id: '' }
}] ]
}
]
}] }]
}, },
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: { rules: {
"name": [ "name": [
{ required: true, message: '请输入模块名称', trigger: 'blur' }, { required: true, message: '请输入模块名称', trigger: 'blur' },
], ],
"isOpen": [ "openFlag": [
{ required: true } { required: true }
] ]
}, },
...@@ -399,41 +339,153 @@ export default { ...@@ -399,41 +339,153 @@ export default {
} }
}, },
created() {
vm = this
},
methods: { methods: {
// 暂存
justStorage() {
},
// 下一步
nextStep() {
vm.stepNum = 2
},
// 上传组件图片
beforeAvatarUpload() {
},
// 获取组件完成率
handleChange(value) {
},
// 是否对外开放 // 是否对外开放
selectIsOpen() { selectIsOpen() {
},
// tab点击
handleClick(tab,event) {
}, },
// 添加空白模块 // 添加空白模块
addModule() { addModule() {
let seq = vm.editableTabs.length + 1
vm.editableTabs.push({
title: '模块 ' + seq,
name: '' + seq
})
}, },
// 从模板中添加 // 从模板中添加
addFromModule() { addFromModule() {
vm.columnFormVisible = true
}, },
// 添加单个考试 // 添加单个考试
addTest() { addTest() {
vm.moduleList.partList.push({
type: 1,
seqNo: '',
name: '',
id: ''
})
}, },
// 添加单个课程 // 添加单个课程
addCourse() { addCourse() {
vm.moduleList.partList.push({
type: 2,
seqNo: '',
name: '',
id: ''
})
}, },
//摸底考试后培训 //摸底考试后培训
addMatterTest() { addMatterTest() {
vm.moduleList.partList.push({
type: 3,
seqNo: '',
name: '',
id: ''
})
}, },
// 培训后考试 // 培训后考试
addTrainTest() { addTrainTest() {
vm.moduleList.partList.push({
type: 4,
seqNo: '',
name: '',
id: ''
})
}, },
//摸底考试获得资格，培训再次考试 // 摸底考试获得资格，培训再次考试
addMatterTrain() { 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 { ...@@ -441,6 +493,18 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.create-component { .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 { .step-content {
overflow: hidden; overflow: hidden;
height: 60px; height: 60px;
...@@ -501,7 +565,7 @@ export default { ...@@ -501,7 +565,7 @@ export default {
background: #F3F3F3; background: #F3F3F3;
padding: 10px; 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; margin: 20px;
border-bottom: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
.title { .title {
...@@ -522,6 +586,14 @@ export default { ...@@ -522,6 +586,14 @@ export default {
} }
} }
.module-form {
.el-input__inner {
border: none;
}
.el-select .el-input__inner{
border: 1px solid #dcdfe6;
}
}
} }
</style> </style>
......
src/views/layout/header.vue
浏览文件 @ d3a01c52
<template> <template>
<div class="header-container"> <div class="header-container">
<div class="logo"><img src="../../assets/image/index_logoicon.png"/>内容管理系统</div> <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="user-info"> <div class="user-info">
<el-dropdown trigger="click" @command="handleCommand"> <el-dropdown trigger="click" @command="handleCommand">
<span class="el-dropdown-link"> <div class="el-dropdown-link">
{{'系统切换'}} <img class="user-logo" src="../../assets/image/img.jpg">
<i class="el-icon-arrow-down el-icon--right"></i> <span id="headName">{{name}}</span><i class="el-icon-arrow-down el-icon--right"></i>
</span> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item in systemInfoList" :key="item.id"> <el-dropdown-item command="logout">退出</el-dropdown-item>
<span class="menu-item" @click="forward(item)">{{item.systemName}}</span>
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<!--导航-->
<div class="user-info" style="padding-right:10px;">
<span class="el-dropdown-link" @click="forward">{{'返回云鹊医首页'}}</span>
<span class="line">|</span>
</div>
</div> </div>
</template> </template>
<script> <script>
...@@ -35,11 +29,13 @@ export default { ...@@ -35,11 +29,13 @@ export default {
}, },
computed: {}, computed: {},
methods: { methods: {
handleCommand() { handleCommand(command) {
if (command === 'logout') {
}
}, },
forward() { forward() {
window.location.href = 'https://www.yunqueyi.com/'
} }
} }
} }
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或