WXL
2024-08-01 bac13bc1c321bc155c37a3305a7bb6b9d0732d12
src/views/repositoryai/verbaltrick/particulars/index.vue
@@ -246,7 +246,7 @@
                <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 }}
@@ -277,19 +277,37 @@
              <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">
@@ -306,20 +324,39 @@
          ></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">
@@ -336,20 +373,39 @@
          ></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">
@@ -367,20 +423,39 @@
          ></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>
@@ -455,6 +530,7 @@
                @syioption="syioption"
                @xiayioption="xiayioption"
                :intent="false"
                :Verbalproblem="false"
              />
            </el-card>
            <el-row :gutter="20">
@@ -594,12 +670,17 @@
} 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", //单选题选中
@@ -841,17 +922,19 @@
    },
    // 文件----------------------
    // 控制文件
    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 = {
@@ -1128,7 +1211,7 @@
  padding-top: 0;
  padding-bottom: 0;
}
.tsgname {
.tsgnames {
  width: 90px;
  margin-right: 10px;
  text-align: center;
@@ -1140,9 +1223,24 @@
  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;