|
|
@@ -4,73 +4,33 @@
|
|
|
<el-page-header @back="onCancel" :content="name"></el-page-header>
|
|
|
</h2>
|
|
|
<div class="m-core">
|
|
|
- <el-form
|
|
|
- :model="form"
|
|
|
- ref="form"
|
|
|
- label-width="300px"
|
|
|
- :inline="true"
|
|
|
- label-position="left"
|
|
|
- >
|
|
|
- <el-alert
|
|
|
- title="直播设备配置"
|
|
|
- type="info"
|
|
|
- :closable="false"
|
|
|
- style="margin-bottom: 20px"
|
|
|
- ></el-alert>
|
|
|
+ <el-form :model="form" ref="form" label-width="300px" :inline="true" label-position="left">
|
|
|
+ <el-alert title="直播设备配置" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- class="mline"
|
|
|
- label="直播设备"
|
|
|
- prop="os"
|
|
|
- label-width="130px"
|
|
|
- :rules="[{ required: true, message: '请选择推广类型' }]"
|
|
|
- >
|
|
|
+ <el-form-item class="mline" label="直播设备" prop="os" label-width="130px"
|
|
|
+ :rules="[{ required: true, message: '请选择推广类型' }]">
|
|
|
<el-radio-group v-model="form.os" @input="changeOs">
|
|
|
<!-- value="rongCloud"></el-option>
|
|
|
<el-option label="腾讯云" value="tencentCloud" -->
|
|
|
- <el-radio v-if="serviceProvider === 'rongCloud'" label="pc"
|
|
|
- >web</el-radio
|
|
|
- >
|
|
|
- <el-radio v-if="serviceProvider === 'tencentCloud'" label="client"
|
|
|
- >客户端</el-radio
|
|
|
- >
|
|
|
+ <el-radio v-if="serviceProvider === 'rongCloud'" label="pc">web</el-radio>
|
|
|
+ <el-radio v-if="serviceProvider === 'tencentCloud'" label="client">乐直播</el-radio>
|
|
|
<el-radio label="mobile">手机</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- class="mline"
|
|
|
- label="直播场景"
|
|
|
- prop="useScene"
|
|
|
- label-width="130px"
|
|
|
- :rules="[{ required: true, message: '请选择直播场景' }]"
|
|
|
- >
|
|
|
+ <el-form-item class="mline" label="直播场景" prop="useScene" label-width="130px"
|
|
|
+ :rules="[{ required: true, message: '请选择直播场景' }]">
|
|
|
<el-radio-group v-model="form.useScene">
|
|
|
- <el-radio label="NORMAL">普通模式</el-radio>
|
|
|
- <el-radio label="MUSIC">音乐模式</el-radio>
|
|
|
+ <el-radio label="NORMAL">普通场景</el-radio>
|
|
|
+ <el-radio label="MUSIC">音乐场景</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
- <el-alert
|
|
|
- title="直播课信息"
|
|
|
- type="info"
|
|
|
- :closable="false"
|
|
|
- style="margin-bottom: 20px"
|
|
|
- ></el-alert>
|
|
|
+ <el-alert title="直播课信息" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- label="直播课标题"
|
|
|
- class="nomb"
|
|
|
- prop="roomTitle"
|
|
|
- :rules="[{ required: true, message: '请输入直播课标题' }]"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- maxlength="10"
|
|
|
- show-word-limit
|
|
|
- placeholder="请输入直播课标题"
|
|
|
- v-model.trim="form.roomTitle"
|
|
|
- ></el-input>
|
|
|
+ <el-form-item label="直播课标题" class="nomb" prop="roomTitle" :rules="[{ required: true, message: '请输入直播课标题' }]">
|
|
|
+ <el-input maxlength="10" show-word-limit placeholder="请输入直播课标题" v-model.trim="form.roomTitle"></el-input>
|
|
|
</el-form-item>
|
|
|
<!-- <el-form-item
|
|
|
label="直播方案"
|
|
|
@@ -96,71 +56,30 @@
|
|
|
<el-option label="腾讯云" value="tencentCloud"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item
|
|
|
- label="直播开始时间"
|
|
|
- class="nomb"
|
|
|
- prop="liveStartTime"
|
|
|
- :rules="[{ required: true, message: '请选择直播开始时间' }]"
|
|
|
- >
|
|
|
- <el-date-picker
|
|
|
- v-model="form.liveStartTime"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- type="datetime"
|
|
|
- format="yyyy-MM-dd HH:mm"
|
|
|
- value-format="yyyy-MM-dd HH:mm"
|
|
|
- placeholder="请选择直播开始时间"
|
|
|
- >
|
|
|
+ <el-form-item label="直播开始时间" class="nomb" prop="liveStartTime"
|
|
|
+ :rules="[{ required: true, message: '请选择直播开始时间' }]">
|
|
|
+ <el-date-picker v-model="form.liveStartTime" :picker-options="pickerOptions" type="datetime"
|
|
|
+ format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm" placeholder="请选择直播开始时间">
|
|
|
</el-date-picker>
|
|
|
<p style="color: red">主讲人可提前30分钟进入直播间准备直播</p>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- label="主讲人身份"
|
|
|
- class="nomb"
|
|
|
- prop="clientType"
|
|
|
- :rules="[{ required: true, message: '请选择直播方案' }]"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- placeholder="请选择主讲人身份"
|
|
|
- v-model="form.clientType"
|
|
|
- :disabled="form.os == 'mobile'"
|
|
|
- clearable
|
|
|
- @change="
|
|
|
- value => {
|
|
|
- form.speakerId = '';
|
|
|
- }
|
|
|
- "
|
|
|
- >
|
|
|
+ <el-form-item label="主讲人身份" class="nomb" prop="clientType" :rules="[{ required: true, message: '请选择直播方案' }]">
|
|
|
+ <el-select placeholder="请选择主讲人身份" v-model="form.clientType" :disabled="form.os == 'mobile'" clearable @change="value => {
|
|
|
+ form.speakerId = '';
|
|
|
+ }
|
|
|
+ ">
|
|
|
<el-option label="老师" value="TEACHER"></el-option>
|
|
|
<el-option label="员工" value="EDUCATION"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item
|
|
|
- label="主讲人"
|
|
|
- class="nomb"
|
|
|
- prop="speakerId"
|
|
|
- :rules="[{ required: true, message: '请输入主讲人' }]"
|
|
|
- v-if="form.clientType == 'TEACHER'"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- v-model.trim="form.speakerId"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- placeholder="请输入主讲人"
|
|
|
- remote
|
|
|
- filterable
|
|
|
- :remote-method="remoteMethod"
|
|
|
- :loading="remoteLoading"
|
|
|
- @change="changeTeacher"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in teacherList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.realName"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-form-item label="主讲人" class="nomb" prop="speakerId" :rules="[{ required: true, message: '请输入主讲人' }]"
|
|
|
+ v-if="form.clientType == 'TEACHER'">
|
|
|
+ <el-select v-model.trim="form.speakerId" collapse-tags clearable placeholder="请输入主讲人" remote filterable
|
|
|
+ :remote-method="remoteMethod" :loading="remoteLoading" @change="changeTeacher">
|
|
|
+ <el-option v-for="item in teacherList" :key="item.id" :label="item.realName" :value="item.id">
|
|
|
<span style="float: left">{{ item.realName }}</span>
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
item.phone
|
|
|
@@ -169,30 +88,10 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item
|
|
|
- v-else
|
|
|
- label="主讲人"
|
|
|
- class="nomb"
|
|
|
- prop="speakerId"
|
|
|
- :rules="[{ required: true, message: '请输入主讲人' }]"
|
|
|
- >
|
|
|
- <el-select
|
|
|
- v-model.trim="form.speakerId"
|
|
|
- collapse-tags
|
|
|
- clearable
|
|
|
- placeholder="请输入主讲人"
|
|
|
- remote
|
|
|
- filterable
|
|
|
- :remote-method="remoteMethodEduc"
|
|
|
- :loading="remoteLoading"
|
|
|
- @change="changeTeacher"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in educationList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.realName"
|
|
|
- :value="item.id"
|
|
|
- >
|
|
|
+ <el-form-item v-else label="主讲人" class="nomb" prop="speakerId" :rules="[{ required: true, message: '请输入主讲人' }]">
|
|
|
+ <el-select v-model.trim="form.speakerId" collapse-tags clearable placeholder="请输入主讲人" remote filterable
|
|
|
+ :remote-method="remoteMethodEduc" :loading="remoteLoading" @change="changeTeacher">
|
|
|
+ <el-option v-for="item in educationList" :key="item.id" :label="item.realName" :value="item.id">
|
|
|
<span style="float: left">{{ item.realName }}</span>
|
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
item.phone
|
|
|
@@ -202,27 +101,13 @@
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- label="直播课内容"
|
|
|
- prop="liveRemark"
|
|
|
- :rules="[{ required: true, message: '请输入直播课内容' }]"
|
|
|
- >
|
|
|
- <el-input
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入直播课内容"
|
|
|
- v-model.trim="form.liveRemark"
|
|
|
- type="textarea"
|
|
|
- maxlength="200"
|
|
|
- show-word-limit
|
|
|
- ></el-input>
|
|
|
+ <el-form-item label="直播课内容" prop="liveRemark" :rules="[{ required: true, message: '请输入直播课内容' }]">
|
|
|
+ <el-input :rows="3" placeholder="请输入直播课内容" v-model.trim="form.liveRemark" type="textarea" maxlength="200"
|
|
|
+ show-word-limit></el-input>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- label="预热模板（模板使用于分享宣传图片）"
|
|
|
- prop="preTemplate"
|
|
|
- :rules="[{ required: true, message: '请选择预热模板' }]"
|
|
|
- >
|
|
|
+ <el-form-item label="预热模板（模板使用于分享宣传图片）" prop="preTemplate" :rules="[{ required: true, message: '请选择预热模板' }]">
|
|
|
<el-checkbox-group v-model="checkList" @change="bindCheckBox">
|
|
|
<div class="chioseWrap">
|
|
|
<div class="chioseItem" @click="setPreTemplate(1)">
|
|
|
@@ -230,12 +115,7 @@
|
|
|
<!-- v-model="form.preTemplate" -->
|
|
|
<div class="remberBox">
|
|
|
<div class="wrap"></div>
|
|
|
- <el-checkbox
|
|
|
- class="chioseBox"
|
|
|
- :label="1"
|
|
|
- :checked="form.preTemplate == 1"
|
|
|
- ><br
|
|
|
- /></el-checkbox>
|
|
|
+ <el-checkbox class="chioseBox" :label="1" :checked="form.preTemplate == 1"><br /></el-checkbox>
|
|
|
<!-- <div
|
|
|
class="dotWrap"
|
|
|
:class="[form.preTemplate == 1 ? 'checked' : '']"
|
|
|
@@ -247,13 +127,8 @@
|
|
|
<div class="remberBox">
|
|
|
<!-- v-model="form.preTemplate" -->
|
|
|
<div class="wrap"></div>
|
|
|
- <el-checkbox
|
|
|
- name="2"
|
|
|
- class="chioseBox"
|
|
|
- :label="2"
|
|
|
- :checked="form.preTemplate == 2"
|
|
|
- ><br
|
|
|
- /></el-checkbox>
|
|
|
+ <el-checkbox name="2" class="chioseBox" :label="2"
|
|
|
+ :checked="form.preTemplate == 2"><br /></el-checkbox>
|
|
|
<!-- <div
|
|
|
class="dotWrap"
|
|
|
:class="[form.preTemplate == 2 ? 'checked' : '']"
|
|
|
@@ -264,12 +139,7 @@
|
|
|
<img src="./images/img3.png" alt="" />
|
|
|
<div class="remberBox">
|
|
|
<div class="wrap"></div>
|
|
|
- <el-checkbox
|
|
|
- class="chioseBox"
|
|
|
- :label="3"
|
|
|
- :checked="form.preTemplate == 3"
|
|
|
- ><br
|
|
|
- /></el-checkbox>
|
|
|
+ <el-checkbox class="chioseBox" :label="3" :checked="form.preTemplate == 3"><br /></el-checkbox>
|
|
|
<!-- <div
|
|
|
class="dotWrap"
|
|
|
:class="[form.preTemplate == 3 ? 'checked' : '']"
|
|
|
@@ -281,34 +151,19 @@
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-alert
|
|
|
- title="观看权限配置"
|
|
|
- type="info"
|
|
|
- :closable="false"
|
|
|
- style="margin-bottom: 20px"
|
|
|
- ></el-alert>
|
|
|
+ <el-alert title="观看权限配置" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- class="mline"
|
|
|
- label="观看权限信息"
|
|
|
- prop="popularizeType"
|
|
|
- label-width="130px"
|
|
|
- :rules="[{ required: true, message: '请选择推广类型' }]"
|
|
|
- >
|
|
|
+ <el-form-item class="mline" label="观看权限信息" prop="popularizeType" label-width="130px"
|
|
|
+ :rules="[{ required: true, message: '请选择推广类型' }]">
|
|
|
<el-radio-group v-model="form.popularizeType" @change="changeType">
|
|
|
- <el-radio label="ALL">公开</el-radio>
|
|
|
- <el-radio label="PRIVATE">私密</el-radio>
|
|
|
+ <el-radio label="ALL">公开模式</el-radio>
|
|
|
+ <el-radio label="PRIVATE">私密模式</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- class="mline"
|
|
|
- label="观看模式"
|
|
|
- prop="viewMode"
|
|
|
- label-width="130px"
|
|
|
- :rules="[{ required: true, message: '请选择推广类型' }]"
|
|
|
- >
|
|
|
+ <el-form-item class="mline" label="观看模式" prop="viewMode" label-width="130px"
|
|
|
+ :rules="[{ required: true, message: '请选择推广类型' }]">
|
|
|
<el-radio-group v-model="form.viewMode">
|
|
|
<el-radio label="LOGIN">登录</el-radio>
|
|
|
<el-radio label="VISITOR">游客</el-radio>
|
|
|
@@ -316,85 +171,35 @@
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- v-if="
|
|
|
- form.popularizeType == 'SCHOOL' ||
|
|
|
- form.popularizeType == 'ORGAN' ||
|
|
|
- form.popularizeType == 'TEAM'
|
|
|
- "
|
|
|
- label="分部"
|
|
|
- prop="organIds"
|
|
|
- :rules="[{ required: true, message: '请选择分部' }]"
|
|
|
- >
|
|
|
- <select-all
|
|
|
- v-model.trim="form.organIds"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- placeholder="请选择分部"
|
|
|
- @change="changeSection"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in selects.branchs"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-form-item v-if="form.popularizeType == 'SCHOOL' ||
|
|
|
+ form.popularizeType == 'ORGAN' ||
|
|
|
+ form.popularizeType == 'TEAM'
|
|
|
+ " label="分部" prop="organIds" :rules="[{ required: true, message: '请选择分部' }]">
|
|
|
+ <select-all v-model.trim="form.organIds" filterable clearable placeholder="请选择分部" @change="changeSection">
|
|
|
+ <el-option v-for="(item, index) in selects.branchs" :key="index" :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</select-all>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- v-if="form.popularizeType == 'SCHOOL'"
|
|
|
- label="合作单位"
|
|
|
- prop="schoolIds"
|
|
|
- :rules="[{ required: true, message: '请选择合作单位' }]"
|
|
|
- >
|
|
|
- <select-all
|
|
|
- v-model.trim="form.schoolIds"
|
|
|
- :disabled="form.organIds.length <= 0"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- multiple
|
|
|
- >
|
|
|
+ <el-form-item v-if="form.popularizeType == 'SCHOOL'" label="合作单位" prop="schoolIds"
|
|
|
+ :rules="[{ required: true, message: '请选择合作单位' }]">
|
|
|
+ <select-all v-model.trim="form.schoolIds" :disabled="form.organIds.length <= 0" filterable clearable multiple>
|
|
|
<!-- @change="changeSchool" -->
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in cooperationList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-option v-for="(item, index) in cooperationList" :key="index" :label="item.name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
</select-all>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- v-if="form.popularizeType == 'TEAM'"
|
|
|
- label="乐团"
|
|
|
- prop="teamIds"
|
|
|
- :rules="[{ required: true, message: '请选择乐团' }]"
|
|
|
- >
|
|
|
- <select-all
|
|
|
- v-model.trim="form.teamIds"
|
|
|
- :disabled="form.organIds.length <= 0"
|
|
|
- filterable
|
|
|
- clearable
|
|
|
- multiple
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in teamList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
+ <el-form-item v-if="form.popularizeType == 'TEAM'" label="乐团" prop="teamIds"
|
|
|
+ :rules="[{ required: true, message: '请选择乐团' }]">
|
|
|
+ <select-all v-model.trim="form.teamIds" :disabled="form.organIds.length <= 0" filterable clearable multiple>
|
|
|
+ <el-option v-for="(item, index) in teamList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
</select-all>
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
- <el-alert
|
|
|
- title="直播间信息"
|
|
|
- type="info"
|
|
|
- :closable="false"
|
|
|
- style="margin-bottom: 20px"
|
|
|
- ></el-alert>
|
|
|
+ <el-alert title="直播间信息" type="info" :closable="false" style="margin-bottom: 20px"></el-alert>
|
|
|
<!-- <el-row class="row">
|
|
|
<el-form-item
|
|
|
prop="roomConfig.whether_like"
|
|
|
@@ -438,13 +243,8 @@
|
|
|
</el-form-item>
|
|
|
</el-row> -->
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- prop="roomConfig.whether_video"
|
|
|
- label-width="130px"
|
|
|
- class="mline"
|
|
|
- label="保存直播回放"
|
|
|
- :rules="[{ required: true, message: '是否保存直播回放' }]"
|
|
|
- >
|
|
|
+ <el-form-item prop="roomConfig.whether_video" label-width="130px" class="mline" label="保存直播回放"
|
|
|
+ :rules="[{ required: true, message: '是否保存直播回放' }]">
|
|
|
<el-radio-group v-model="form.roomConfig.whether_video">
|
|
|
<el-radio :label="0">是</el-radio>
|
|
|
<el-radio :label="1">否</el-radio>
|
|
|
@@ -452,13 +252,8 @@
|
|
|
</el-form-item>
|
|
|
</el-row>
|
|
|
<el-row class="row">
|
|
|
- <el-form-item
|
|
|
- prop="roomConfig.whether_view_shop_cart"
|
|
|
- label-width="130px"
|
|
|
- class="mline"
|
|
|
- label="是否展示购物车"
|
|
|
- :rules="[{ required: true, message: '是否展示购物车' }]"
|
|
|
- >
|
|
|
+ <el-form-item prop="roomConfig.whether_view_shop_cart" label-width="130px" class="mline" label="是否展示购物车"
|
|
|
+ :rules="[{ required: true, message: '是否展示购物车' }]">
|
|
|
<el-radio-group v-model="form.roomConfig.whether_view_shop_cart">
|
|
|
<el-radio :label="0">是</el-radio>
|
|
|
<el-radio :label="1">否</el-radio>
|
|
|
@@ -472,13 +267,7 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog
|
|
|
- title="预览"
|
|
|
- width="415px"
|
|
|
- :close-on-click-modal="false"
|
|
|
- append-to-body
|
|
|
- :visible.sync="preLookVisible"
|
|
|
- >
|
|
|
+ <el-dialog title="预览" width="415px" :close-on-click-modal="false" append-to-body :visible.sync="preLookVisible">
|
|
|
<preview :form="form" />
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -864,41 +653,51 @@ export default {
|
|
|
.nomb {
|
|
|
margin-bottom: 0px !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .mline {
|
|
|
.el-form-item__content {
|
|
|
display: inline-block !important;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-form--inline {
|
|
|
.el-form-item__content {
|
|
|
display: block;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-select {
|
|
|
width: 300px !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-date-editor {
|
|
|
width: 300px !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-checkbox {
|
|
|
margin-left: 15px !important;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-input {
|
|
|
position: relative;
|
|
|
font-size: 14px;
|
|
|
display: inline-block;
|
|
|
width: 300px;
|
|
|
}
|
|
|
+
|
|
|
.row {
|
|
|
padding-left: 24px;
|
|
|
}
|
|
|
+
|
|
|
::v-deep .el-textarea__inner {
|
|
|
width: 600px;
|
|
|
}
|
|
|
+
|
|
|
.chioseWrap {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
+
|
|
|
.chioseItem {
|
|
|
border-radius: 4px;
|
|
|
overflow: hidden;
|
|
|
@@ -907,6 +706,7 @@ export default {
|
|
|
width: 188px;
|
|
|
height: 188px;
|
|
|
cursor: pointer;
|
|
|
+
|
|
|
.remberBox {
|
|
|
.wrap {
|
|
|
width: 100px;
|
|
|
@@ -915,6 +715,7 @@ export default {
|
|
|
position: absolute;
|
|
|
// background-color: red;
|
|
|
}
|
|
|
+
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
@@ -927,11 +728,13 @@ export default {
|
|
|
position: absolute;
|
|
|
top: 1px;
|
|
|
right: 1px;
|
|
|
+
|
|
|
.chioseBox {
|
|
|
::v-deep .el-checkbox__inner {
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
border-radius: 50%;
|
|
|
+
|
|
|
&::after {
|
|
|
height: 8px;
|
|
|
left: 6px;
|
|
|
@@ -941,18 +744,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.dotWrap {
|
|
|
width: 21px;
|
|
|
height: 21px;
|
|
|
- background: url("../../assets/images/icon_checkbox_default.png")
|
|
|
- no-repeat center;
|
|
|
+ background: url("../../assets/images/icon_checkbox_default.png") no-repeat center;
|
|
|
background-size: contain;
|
|
|
margin-right: 8px;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
|
+
|
|
|
&.checked {
|
|
|
- background: url("../../assets/images/icon_checkbox.png") no-repeat
|
|
|
- center;
|
|
|
+ background: url("../../assets/images/icon_checkbox.png") no-repeat center;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
}
|
