|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-row :gutter="20"> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | <el-form-item label="模版名称" prop="extName"> | 
|---|
|  |  |  | <el-form-item label="模板名称" prop="extName"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | v-model="baseForm.extName" | 
|---|
|  |  |  | placeholder="请输入" | 
|---|
|  |  |  | ></el-input> </el-form-item | 
|---|
|  |  |  | ></el-col> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | <el-form-item label="模版分类" prop="groupID"> | 
|---|
|  |  |  | <el-form-item label="模板分类" prop="groupID"> | 
|---|
|  |  |  | <el-select v-model="baseForm.groupID" placeholder="请选择分类"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in deptOptions" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row :gutter="20"> | 
|---|
|  |  |  | <el-col :span="12"> | 
|---|
|  |  |  | <el-form-item label="模版概述" prop="name"> | 
|---|
|  |  |  | <el-form-item label="模板概述" prop="name"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | v-model="baseForm.note" | 
|---|
|  |  |  | placeholder="请输入" | 
|---|
|  |  |  | 
|---|
|  |  |  | ></el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <div style="display: flex"> | 
|---|
|  |  |  | <div class="elcardiv"> | 
|---|
|  |  |  | <div class="presentation"> | 
|---|
|  |  |  | <div class="presentation-left"> | 
|---|
|  |  |  | <div class="leftvlue-jbxx">话术列表</div> | 
|---|
|  |  |  | <el-divider></el-divider> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table :data="targetList" :row-class-name="tableRowClassName"> | 
|---|
|  |  |  | <el-table-column label="序号" align="center" key="id" prop="id" /> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="序号" | 
|---|
|  |  |  | fixed | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | key="id" | 
|---|
|  |  |  | prop="id" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="问题文本" | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="操作" | 
|---|
|  |  |  | align="center" | 
|---|
|  |  |  | fixed="right" | 
|---|
|  |  |  | width="200" | 
|---|
|  |  |  | class-name="small-padding fixed-width" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="elcardiv"> | 
|---|
|  |  |  | <div class="presentation-right"> | 
|---|
|  |  |  | <el-form | 
|---|
|  |  |  | :model="ruleForm" | 
|---|
|  |  |  | :rules="rules" | 
|---|
|  |  |  | 
|---|
|  |  |  | label-width="100px" | 
|---|
|  |  |  | class="demo-ruleForm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="leftvlue-jbxx">话术编辑</div> | 
|---|
|  |  |  | <el-divider></el-divider> | 
|---|
|  |  |  | <div class="leftvlue-jbxx">话术编辑</div> | 
|---|
|  |  |  | <el-divider></el-divider> | 
|---|
|  |  |  | <div style="margin: 15px; margin-top: 50px"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-form-item label="话术文本" prop="name"> | 
|---|
|  |  |  | <el-input | 
|---|
|  |  |  | v-model="ruleForm.switchText" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item> | 
|---|
|  |  |  | <el-button type="primary" @click="submitForm('ruleForm')" | 
|---|
|  |  |  | >保存模版</el-button | 
|---|
|  |  |  | >保存模板</el-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-button | 
|---|
|  |  |  | v-if="ruleForm.id" | 
|---|
|  |  |  | 
|---|
|  |  |  | padding: 10px; | 
|---|
|  |  |  | .leftvlue-jbxx { | 
|---|
|  |  |  | font-size: 24px; | 
|---|
|  |  |  | border-left: 5px solid #5788fe; | 
|---|
|  |  |  | border-left: 5px solid #5788FE; | 
|---|
|  |  |  | padding-left: 5px; | 
|---|
|  |  |  | margin: 15px 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .presentation { | 
|---|
|  |  |  | margin: 20px 0; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | .presentation-left { | 
|---|
|  |  |  | width: 60%; | 
|---|
|  |  |  | // height: 500px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .presentation-right { | 
|---|
|  |  |  | width: 40%; | 
|---|
|  |  |  | max-height: 688px; | 
|---|
|  |  |  | padding: 0 20px; | 
|---|
|  |  |  | font-size: 18px; | 
|---|
|  |  |  | overflow: auto; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .leftvlue-jbxx { | 
|---|
|  |  |  | font-size: 24px; | 
|---|
|  |  |  | border-left: 5px solid #5788FE; | 
|---|
|  |  |  | padding-left: 5px; | 
|---|
|  |  |  | margin: 15px 0; | 
|---|
|  |  |  | } | 
|---|