| | |
| | | <div style="display: flex; margin-bottom: 10px"> |
| | | <div |
| | | v-for="item in variablelist" |
| | | class="tsgname" |
| | | :class="item.default ? 'tsgname' : 'tsgnames'" |
| | | @click="tsgnameto(item)" |
| | | > |
| | | {{ item.variatename }} |
| | |
| | | <el-form-item label="问题语音" prop="verbaltrickyy"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :on-change="handleChange" |
| | | :file-list="fileList" |
| | | :action="uploadImgUrl" |
| | | :headers="headers" |
| | | :show-file-list="false" |
| | | :on-success=" |
| | | (response, file) => handleChange(response, file, 1) |
| | | " |
| | | accept=".wav,.mp3" |
| | | :limit="1" |
| | | :on-exceed="handleExceed" |
| | | > |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | <!-- <el-input v-model="indexform.userName" maxlength="66" |
| | | show-word-limit /> --> |
| | | </el-form-item> |
| | | </el-col></el-row |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <span style="font-size: 12px">{{ |
| | | indexform.scriptVoice.substring( |
| | | indexform.scriptVoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | indexform.scriptVoice |
| | | ? indexform.scriptVoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="无匹配文本" prop="noMatchText"> |
| | |
| | | ></el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="无匹配语音" prop="matchyy"> |
| | | <el-form-item label="无匹配语音" prop="verbaltrickyy"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :on-change="handleChange" |
| | | :file-list="fileList" |
| | | :action="uploadImgUrl" |
| | | :show-file-list="false" |
| | | :headers="headers" |
| | | :on-success=" |
| | | (response, file) => handleChange(response, file, 2) |
| | | " |
| | | accept=".wav,.mp3" |
| | | :limit="1" |
| | | :on-exceed="handleExceed" |
| | | > |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col></el-row |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <span style="font-size: 12px">{{ |
| | | indexform.nomatchvoice.substring( |
| | | indexform.nomatchvoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | indexform.nomatchvoice |
| | | ? indexform.nomatchvoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="无声文本" prop="slienceText"> |
| | |
| | | ></el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="无声语音" prop="silentyy"> |
| | | <el-form-item label="无声语音" prop="verbaltrickyy"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :on-change="handleChange" |
| | | :file-list="fileList" |
| | | :action="uploadImgUrl" |
| | | :show-file-list="false" |
| | | :headers="headers" |
| | | :on-success=" |
| | | (response, file) => handleChange(response, file, 3) |
| | | " |
| | | accept=".wav,.mp3" |
| | | :limit="1" |
| | | :on-exceed="handleExceed" |
| | | > |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col></el-row |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <span style="font-size: 12px">{{ |
| | | indexform.sliencevoice.substring( |
| | | indexform.sliencevoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | indexform.sliencevoice |
| | | ? indexform.sliencevoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | | <el-row> |
| | | <el-col :span="24"> |
| | |
| | | ></el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-form-item label="听不清语音" prop="vagueyy"> |
| | | <el-form-item label="听不清语音" prop="verbaltrickyy"> |
| | | <el-upload |
| | | class="upload-demo" |
| | | action="https://jsonplaceholder.typicode.com/posts/" |
| | | :on-change="handleChange" |
| | | :file-list="fileList" |
| | | :action="uploadImgUrl" |
| | | :show-file-list="false" |
| | | :headers="headers" |
| | | :on-success=" |
| | | (response, file) => handleChange(response, file, 4) |
| | | " |
| | | accept=".wav,.mp3" |
| | | :limit="1" |
| | | :on-exceed="handleExceed" |
| | | > |
| | | <el-button size="small" type="primary">点击上传</el-button> |
| | | </el-upload> |
| | | </el-form-item> |
| | | </el-col></el-row |
| | | > |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <span style="font-size: 12px">{{ |
| | | indexform.noclearlyvoice.substring( |
| | | indexform.noclearlyvoice.lastIndexOf("/") + 1 |
| | | ) |
| | | }}</span> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <mini-audio |
| | | :audio-source=" |
| | | indexform.noclearlyvoice |
| | | ? indexform.noclearlyvoice |
| | | : 'https://example.com/example.mp3' |
| | | " |
| | | ></mini-audio> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="nextstep">下一步</el-button> |
| | |
| | | @syioption="syioption" |
| | | @xiayioption="xiayioption" |
| | | :intent="false" |
| | | :Verbalproblem="false" |
| | | /> |
| | | </el-card> |
| | | <el-row :gutter="20"> |
| | |
| | | } from "@/api/AiCentre/index"; |
| | | import Regular from "@/components/Regular"; //正则组件 |
| | | import store from "@/store"; |
| | | import { getToken } from "@/utils/auth"; |
| | | |
| | | export default { |
| | | name: "Verbalproblem", |
| | | components: { Regular }, |
| | | data() { |
| | | return { |
| | | headers: { |
| | | Authorization: "Bearer " + getToken(), |
| | | }, |
| | | uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/uploadSort", |
| | | Editprogress: 1, //编辑进度 |
| | | loading: false, // 遮罩层 |
| | | radio: "false", //单选题选中 |
| | |
| | | }, |
| | | // 文件---------------------- |
| | | // 控制文件 |
| | | handleChange(file, fileList) { |
| | | this.fileList = fileList.slice(-3); |
| | | handleChange(response, file, additionalParam) { |
| | | console.log(response); |
| | | if (additionalParam == 1) { |
| | | this.indexform.scriptVoice = response.url; |
| | | } else if (additionalParam == 2) { |
| | | this.indexform.nomatchvoice = response.url; |
| | | } else if (additionalParam == 3) { |
| | | this.indexform.sliencevoice = response.url; |
| | | } else if (additionalParam == 4) { |
| | | this.indexform.noclearlyvoice = response.url; |
| | | } |
| | | }, |
| | | // 文件超出个数限制时的钩子 |
| | | handleExceed(files, fileList) { |
| | | this.$message.warning( |
| | | `当前限制选择 1 个文件,本次选择了 ${files.length} 个文件,共选择了 ${ |
| | | files.length + fileList.length |
| | | } 个文件` |
| | | ); |
| | | }, |
| | | |
| | | // 标签----------------- |
| | | gettabList() { |
| | | const tagqueryParams = { |
| | |
| | | padding-top: 0; |
| | | padding-bottom: 0; |
| | | } |
| | | .tsgname { |
| | | .tsgnames { |
| | | width: 90px; |
| | | margin-right: 10px; |
| | | text-align: center; |
| | |
| | | font-size: 18px; |
| | | border-radius: 5px; |
| | | } |
| | | .tsgname:hover { |
| | | .tsgnames:hover { |
| | | background: #3366f5; |
| | | } |
| | | .tsgname { |
| | | width: 90px; |
| | | margin-right: 10px; |
| | | text-align: center; |
| | | cursor: pointer; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | background: #66c18c; |
| | | color: #ffff; |
| | | font-size: 18px; |
| | | border-radius: 5px; |
| | | } |
| | | .tsgname:hover { |
| | | background: #20894d; |
| | | } |
| | | .tsgnamebj { |
| | | width: 90px; |
| | | margin-left: 15px; |