| | |
| | | > |
| | | <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" |
| | |
| | | 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; |
| | | } |
| | | } |
| | | .button-textxg { |
| | | color: rgb(35, 81, 233); |
| | | } |