fix: 修改闭合标签

zhangxiao

2024-08-05 026fa8bacfd6f469f0c2ff91263da316dc8b194d

fix: 修改闭合标签

 src/views/dmx/knowledgeLib/tool.vue

@@ -65,11 +65,6 @@
                <a-form-item field="prompt" label="提示词">
                  <a-textarea
                    v-model="form.prompt"
                    style="
                      height: 10rem;
                      border: 1px solid var(--color-fill-3);
                      border-radius: 4px;
                    "
                    placeholder="请填写提示词"
                  />
                </a-form-item>
@@ -272,35 +267,24 @@
                  />
                </div>
              </div>
            </div>
            <a-divider style="margin-top: 10px" />
            <div class="groupMain">
              <a-checkbox-group v-model="data" @change="handleChange" >
                <div class="groupList">
                  <a-checkbox  value="1"></a-checkbox>
                  <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)">
                    而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
                    适合用于生产环境。其版本号通常为双数，如 1.26。legacy versions
                    则是之前发布的稳定版，对于需要
                    特定旧版本的兼容性或安全性支持的用户有用，但一般不
                    推荐用于新项目，除非有特殊需求。在实际使用中，如果追求最新功能
                    且愿意面对可能存在的一些不稳定因素，可以尝试使用主线版本进行测试和研究；如果是用于生产环境
                  </div>
                  <div class="groupList-right">
                    <a-switch v-model="switchType"  checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/>
                  </div>
                </div>

                <div class="groupList">
                  <a-checkbox  value="1"></a-checkbox>
                  <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)">
                    而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
                    适合用于生产环境。其版本号通常为双数，如 1.26。legacy versions
                    则是之前发布的稳定版，对于需要
                  </div>
                  <div class="groupList-right">
                    <a-switch v-model="switchType"  checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/>
                  </div>
            </a-checkbox-group>
          </div>
          <a-divider style="margin-top: 10px" />
          <div class="groupMain">
            <a-checkbox-group v-model="data" @change="handleChange">
              <div class="groupList">
                <a-checkbox value="1"></a-checkbox>
                <div
                  class="groupList-content"
                  @click="groupListContentClick('1')"
                  @dblclick="contentClick(1)"
                >
                  而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
                  适合用于生产环境。其版本号通常为双数，如 1.26。legacy versions
                  则是之前发布的稳定版，对于需要
                  特定旧版本的兼容性或安全性支持的用户有用，但一般不
                  推荐用于新项目，除非有特殊需求。在实际使用中，如果追求最新功能
                  且愿意面对可能存在的一些不稳定因素，可以尝试使用主线版本进行测试和研究；如果是用于生产环境
                </div>
                <div class="groupList-right">
                  <a-switch
@@ -310,6 +294,35 @@
                    @change="handleChangeStatus()"
                  />
                </div>
              </div>

              <div class="groupList">
                <a-checkbox value="1"></a-checkbox>
                <div
                  class="groupList-content"
                  @click="groupListContentClick('2')"
                  @dblclick="contentClick(1)"
                >
                  而 stable version 是最新稳定版，经过充分测试和验证，bug 较少，
                  适合用于生产环境。其版本号通常为双数，如 1.26。legacy versions
                  则是之前发布的稳定版，对于需要
                </div>
                <div class="groupList-right">
                  <a-switch
                    v-model="switchType"
                    checked-value="1"
                    unchecked-value="0"
                    @change="handleChangeStatus()"
                  />
                </div>
              </div>
              <div class="groupList-right">
                <a-switch
                  v-model="switchType"
                  checked-value="1"
                  unchecked-value="0"
                  @change="handleChangeStatus()"
                />
              </div>
            </a-checkbox-group>
          </div>
@@ -486,71 +499,71 @@
</script>

<style scoped lang="less">
.parser{
  width: 100%;
  ::v-deep .arco-btn-outline:hover, .arco-btn-outline, .arco-btn-outline[type='button']{
    color: #2a2a2b;
    border: 1px solid #2a2a2b;
  }
  .button{
    //color: #2a2a2b!important;
  }
}
.groupMain{
  width: 100%;
  height: 500px;
  overflow: auto;
  display: flex;
  justify-content: center;
  .groupList{
    display: flex;
    padding: 24px;
    border-radius: 8px;
    //background: #eff8ff;
    border: 1px solid var(--color-neutral-3);
    margin-bottom: 20px;
    overflow: auto;
    .groupList-content{
      width: 700px;
      //height: 100px;
      overflow: auto;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      color: var(--color-text-1);
      font-size: 14px;
      font-family: Inter;
      position: relative;


  .parser{
    width: 100%;
    ::v-deep .arco-btn-outline:hover, .arco-btn-outline, .arco-btn-outline[type='button']{
      color: #2a2a2b;
      border: 1px solid #2a2a2b;
    }
    .button{
      //color: #2a2a2b!important;
    }
  }
  .groupMain {
  .groupMain{
    width: 100%;
    height: 500px;
    overflow: auto;
    display: flex;
    justify-content: center;
    .groupList {
    .groupList{
      display: flex;
      padding: 24px;
      border-radius: 8px;
      //background: #eff8ff;
      border: 1px solid #f0f0f0;
      border: 1px solid var(--color-neutral-3);
      margin-bottom: 20px;
      overflow: auto;
      .groupList-content {
      .groupList-content{
        width: 700px;
        //height: 100px;
        overflow: auto;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.88);
        color: var(--color-text-1);
        font-size: 14px;
        font-family: Inter;
        position: relative;


      }
    }
  }
    .groupMain {
      width: 100%;
      height: 500px;
      overflow: auto;
      display: flex;
      justify-content: center;
      .groupList {
        display: flex;
        padding: 24px;
        border-radius: 8px;
        //background: #eff8ff;
        border: 1px solid #f0f0f0;
        margin-bottom: 20px;
        overflow: auto;
        .groupList-content {
          width: 700px;
          //height: 100px;
          overflow: auto;
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          color: rgba(0, 0, 0, 0.88);
          font-size: 14px;
          font-family: Inter;
          position: relative;
        }
      }
    }
</style>