测试完成

WXL (wul)

2025-09-11 2d38ba9cd15c60b875bc8dc7eeb7aecc5a04fc2b

 src/views/repositoryai/general/particulars/index.vue

@@ -10,14 +10,14 @@
      >
        <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"
@@ -31,7 +31,7 @@
        </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="请输入"
@@ -51,233 +51,243 @@
          ></el-col>
        </el-row>
      </el-form>
      <div class="elcardiv">
        <div class="leftvlue-jbxx">话术列表</div>
        <el-divider></el-divider>
      <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 :data="targetList" :row-class-name="tableRowClassName">
            <el-table-column
              label="序号"
              fixed
              align="center"
              key="id"
              prop="id"
            />

          <el-table-column
            label="问题文本"
            align="center"
            key="switchText"
            width="250"
            prop="switchText"
            :show-overflow-tooltip="true"
            <el-table-column
              label="问题文本"
              align="center"
              key="switchText"
              width="250"
              prop="switchText"
              :show-overflow-tooltip="true"
            >
            </el-table-column>

            <el-table-column
              label="是否可用"
              align="center"
              key="isEnable"
              prop="isEnable"
            >
              <template slot-scope="scope">
                <span>{{ scope.row.isEnable == 1 ? "停用" : "启用" }}</span>
              </template>
            </el-table-column>
            <el-table-column
              label="最近修改"
              align="center"
              key="updateTime"
              width="250"
              prop="updateTime"
              :show-overflow-tooltip="true"
            >
            </el-table-column>

            <el-table-column
              label="操作"
              align="center"
              fixed="right"
              width="200"
              class-name="small-padding fixed-width"
            >
              <template slot-scope="scope">
                <el-button
                  size="medium"
                  type="text"
                  @click="handleUpdate(scope.row, scope.$index)"
                  ><span class="button-textxg"
                    ><i class="el-icon-edit"></i>修改</span
                  ></el-button
                >

                <el-button
                  size="medium"
                  type="text"
                  @click="handleDelete(scope.row)"
                  ><span class="button-textsc"
                    ><i class="el-icon-delete"></i>删除</span
                  ></el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="presentation-right">
          <el-form
            :model="ruleForm"
            :rules="rules"
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
          >
          </el-table-column>

          <el-table-column
            label="是否可用"
            align="center"
            key="isEnable"
            prop="isEnable"
          >
            <template slot-scope="scope">
              <span>{{ scope.row.isEnable == 1 ? "停用" : "启用" }}</span>
            </template>
          </el-table-column>
          <el-table-column
            label="最近修改"
            align="center"
            key="updateTime"
            width="250"
            prop="updateTime"
            :show-overflow-tooltip="true"
          >
          </el-table-column>

          <el-table-column
            label="操作"
            align="center"
            width="200"
            class-name="small-padding fixed-width"
          >
            <template slot-scope="scope">
              <el-button
                size="medium"
                type="text"
                @click="handleUpdate(scope.row, scope.$index)"
                ><span class="button-textxg"
                  ><i class="el-icon-edit"></i>修改</span
                ></el-button
              >

              <el-button
                size="medium"
                type="text"
                @click="handleDelete(scope.row)"
                ><span class="button-textsc"
                  ><i class="el-icon-delete"></i>删除</span
                ></el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-form
          :model="ruleForm"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <div style="margin: 15px; margin-top: 50px">
            <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"
                  placeholder="请输入"
                ></el-input>
              </el-form-item>
              <el-row :gutter="20">
                <el-col :span="12">
                  <el-form-item label="是否启用" prop="resource">
                    <el-select v-model="ruleForm.isEnable" placeholder="请选择">
                      <el-option
                        v-for="item in usable"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select> </el-form-item
                ></el-col>
                <el-col :span="12">
                  <el-form-item label="是否为结束语" prop="resource">
                    <el-select v-model="ruleForm.isEnd" placeholder="请选择">
                      <el-option
                        v-for="item in usablend"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select> </el-form-item
                ></el-col>
              </el-row>
              <el-form-item label="问题语音" prop="verbaltrickyy">
                <el-upload
                  class="upload-demo"
                  action="https://jsonplaceholder.typicode.com/posts/"
                  :on-change="handleChange"
                  :file-list="fileList"
                  :limit="1"
                  :on-exceed="handleExceed"
                >
                  <el-button size="small" type="primary">点击上传</el-button>
                </el-upload>
                <!-- <el-input v-model="indexform.userName" maxlength="30" /> -->
              </el-form-item>

            <el-form-item label="话术文本" prop="name">
              <el-input
                v-model="ruleForm.switchText"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="是否启用" prop="resource">
                  <el-select v-model="ruleForm.isEnable" placeholder="请选择">
              <el-form-item label="关键字(含)" prop="desc">
                <div class="xinz-inf">
                  <el-tag
                    :key="crux"
                    type="success"
                    v-for="crux in ruleForm.dynamiccruxs"
                    closable
                    effect="dark"
                    :disable-transitions="false"
                    @close="handleClosecrux(crux, ruleForm, 1)"
                  >
                    {{ crux }}
                  </el-tag>
                  <el-select
                    v-model="inputValue"
                    v-if="inputVisible"
                    @change="handleInputConfirm(ruleForm)"
                    filterable
                    remote
                    allow-create
                    reserve-keyword
                    default-first-option
                    :loading="loading"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in usable"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                      v-for="ruleForms in regular"
                      :key="ruleForms.label"
                      :label="ruleForms.label"
                      :value="ruleForms.label"
                    >
                    </el-option>
                  </el-select> </el-form-item
              ></el-col>
              <el-col :span="12">
                <el-form-item label="是否为结束语" prop="resource">
                  <el-select v-model="ruleForm.isEnd" placeholder="请选择">
                  </el-select>
                  <el-button
                    v-else
                    class="button-new-tag"
                    size="small"
                    @click="showInput(ruleForm)"
                    >+ 新增</el-button
                  >
                </div>
              </el-form-item>
              <el-form-item label="关键字(非)" prop="desc">
                <div class="xinz-inf">
                  <el-tag
                    :key="crux"
                    type="warning"
                    v-for="crux in ruleForm.nodynamiccruxs"
                    closable
                    effect="dark"
                    :disable-transitions="false"
                    @close="handleClosecrux(crux, ruleForm, 2)"
                  >
                    {{ crux }}
                  </el-tag>
                  <el-select
                    v-model="inputValue"
                    v-if="noinputVisible"
                    @change="handleInputConfirm(ruleForm)"
                    filterable
                    remote
                    allow-create
                    reserve-keyword
                    default-first-option
                    :loading="loading"
                    placeholder="请选择"
                  >
                    <el-option
                      v-for="item in usablend"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value"
                      v-for="ruleForms in noregular"
                      :key="ruleForms.value"
                      :label="ruleForms.label"
                      :value="ruleForms.label"
                    >
                    </el-option>
                  </el-select> </el-form-item
              ></el-col>
            </el-row>
            <el-form-item label="问题语音" prop="verbaltrickyy">
              <el-upload
                class="upload-demo"
                action="https://jsonplaceholder.typicode.com/posts/"
                :on-change="handleChange"
                :file-list="fileList"
                :limit="1"
                :on-exceed="handleExceed"
              >
                <el-button size="small" type="primary">点击上传</el-button>
              </el-upload>
              <!-- <el-input v-model="indexform.userName" maxlength="30" /> -->
            </el-form-item>

            <el-form-item label="关键字(含)" prop="desc">
              <div class="xinz-inf">
                <el-tag
                  :key="crux"
                  </el-select>
                  <el-button
                    v-else
                    class="button-new-tag"
                    size="small"
                    @click="showInputno(ruleForm)"
                    >+ 新增</el-button
                  >
                </div>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="submitForm('ruleForm')"
                  >保存模板</el-button
                >
                <el-button
                  v-if="ruleForm.id"
                  type="primary"
                  plain
                  @click="modification('edit')"
                  >保存话术</el-button
                >
                <el-button
                  v-else
                  type="success"
                  v-for="crux in ruleForm.dynamiccruxs"
                  closable
                  effect="dark"
                  :disable-transitions="false"
                  @close="handleClosecrux(crux, ruleForm, 1)"
                  plain
                  @click="modification('add')"
                  >新增话术</el-button
                >
                  {{ crux }}
                </el-tag>
                <el-select
                  v-model="inputValue"
                  v-if="inputVisible"
                  @change="handleInputConfirm(ruleForm)"
                  filterable
                  remote
                  allow-create
                  reserve-keyword
                  default-first-option
                  :loading="loading"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="ruleForms in regular"
                    :key="ruleForms.label"
                    :label="ruleForms.label"
                    :value="ruleForms.label"
                  >
                  </el-option>
                </el-select>
                <el-button
                  v-else
                  class="button-new-tag"
                  size="small"
                  @click="showInput(ruleForm)"
                  >+ 新增</el-button
                >
              </div>
            </el-form-item>
            <el-form-item label="关键字(非)" prop="desc">
              <div class="xinz-inf">
                <el-tag
                  :key="crux"
                  type="warning"
                  v-for="crux in ruleForm.nodynamiccruxs"
                  closable
                  effect="dark"
                  :disable-transitions="false"
                  @close="handleClosecrux(crux, ruleForm, 2)"
                >
                  {{ crux }}
                </el-tag>
                <el-select
                  v-model="inputValue"
                  v-if="noinputVisible"
                  @change="handleInputConfirm(ruleForm)"
                  filterable
                  remote
                  allow-create
                  reserve-keyword
                  default-first-option
                  :loading="loading"
                  placeholder="请选择"
                >
                  <el-option
                    v-for="ruleForms in noregular"
                    :key="ruleForms.value"
                    :label="ruleForms.label"
                    :value="ruleForms.label"
                  >
                  </el-option>
                </el-select>
                <el-button
                  v-else
                  class="button-new-tag"
                  size="small"
                  @click="showInputno(ruleForm)"
                  >+ 新增</el-button
                >
              </div>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="submitForm('ruleForm')"
                >保存模版</el-button
              >
              <el-button
                v-if="ruleForm.id"
                type="primary"
                plain
                @click="modification('edit')"
                >保存话术</el-button
              >
              <el-button
                v-else
                type="success"
                plain
                @click="modification('add')"
                >新增话术</el-button
              >
              <el-button @click="resetForm('ruleForm')">关闭</el-button>
            </el-form-item>
          </div>
        </el-form>
                <el-button @click="resetForm('ruleForm')">关闭</el-button>
              </el-form-item>
            </div>
          </el-form>
        </div>
      </div>
    </el-card>
  </div>
@@ -563,7 +573,28 @@
  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;
  }