系统更新

suerprisePlus

2024-07-04 81f92eb9fb83ed5d8ac0b0a5c206315416f10df0

 src/components/Chat/chatList.vue

@@ -4,35 +4,24 @@
      <div class="web__main" ref="main">

        <div class="web__main-item" v-for="(item, index) in list" :key="loding(index)"

          :class="{ 'web__main-item--mine': item.mine }">



          <div class="web__main_content">

            <div>

              <img :src="item.img" />

            </div>



            <div class="web__main_Date">

              <div>

                <cite>

                  <div style="display: flex">

                  <div style="float: left;">

                    {{ item.name }}



                    <!-- <div style="margin-left: 10px" v-show="item.file">

                      <el-select

                        @change="(val) => setFileChange(val)"

                        v-model="item.file"

                        size="mini"

                      >

                        <el-option

                          v-for="(res, key) in item.fileList"

                          :key="key"

                          :label="res.name"

                          :value="res.url"

                        >

                        </el-option>

                      </el-select>

                    </div> -->

                  </div>



                  <div>

                  <div v-show="item.sourceValue" class="sourcefrom" style="float: left;margin-left:20px">

                    <el-select size="small" v-model="item.sourceValue"  placeholder="资料来源">

                      <el-option value="1" label="GEDB"></el-option>

                      <el-option value="2" label="GeoAgent"></el-option>

                    </el-select>

                  </div>

                  <div style="float: right;">

                    {{ item.date }}

                  </div>

                </cite>

@@ -47,13 +36,32 @@
                  </div>

                  <div v-else-if="res.type == 'markdown'">

                    <vue-markdown :source="res.val" class="newConcentLeft my-markdown"></vue-markdown>

                    <div v-show="res.link" style="float: right; ">

                      <a @click="setDownLoadFile(res.link)" style="color: white">下载报告</a>

                    </div>

                  </div>

                  <div v-else-if="res.type == 'table'">

                    <table class="contTable">

                      <thead>

                        <th v-for="(item, index) in res.val[0]" :key="index">

                          {{ item }}

                        </th>

                      </thead>

                      <tbody>

                        <tr v-for="(item, index) in res.val[1]" :key="index">

                          <td v-for="(rs, flag) in item" :key="flag">

                            {{ rs }}

                          </td>

                        </tr>

                      </tbody>

                    </table>

                  </div>

                  <div style="margin-bottom:10px" v-else-if="res.type == 'rag'">

                    <div v-show="res.acction">

                      {{ res.acction }}

                    </div>

                    <div> {{ res.question }} </div>

                    <div style="display: flex;">

                    <div style="display: flex">

                      来源: {{ res.source }}

                      <div @click.stop="setRagMoreList(res.msg)" class="setRagMore" v-show="res.more">

                        ...更多

@@ -61,9 +69,7 @@
                    </div>

                  </div>

                </div>



              </div>



            </div>

          </div>

        </div>

@@ -97,7 +103,7 @@
        width = value - 30 + "px";

      }

      if (width == "100vh") {

        return "99vh"

        return "99vh";

      }

      return width;

    }

@@ -121,7 +127,7 @@
      imgSrc: "",

      videoSrc: "",

      audioSrc: "",

      isDisabled: true,

      isDisabled: true

    };

  },

  watch: {

@@ -135,6 +141,14 @@
    }

  },

  methods: {

    setDownLoadFile(res) {

      const downloadLink = document.createElement('a');

      downloadLink.href = res

      document.body.appendChild(downloadLink);

      downloadLink.click();

      document.body.removeChild(downloadLink);



    },

    setRagMoreList(res) {

      if (this.isDisabled) {

        this.isDisabled = false;

@@ -143,9 +157,8 @@
        }, 500);

        setTimeout(() => {

          this.isDisabled = false;

        }, 3000)

        }, 3000);

      }



    },

    setFileChange(res) {

      if (res == "testUrl") return;

@@ -272,11 +285,47 @@
  vertical-align: bottom;

  display: inline-block;

}



.contTable {

  border: 1px solid white;

  font-family: "Arial", sans-serif !important;

}



.contTable th {

  border: 1px solid white;

  padding: 10px;

  text-align: center;

  font-size: 16px;

}



.contTable td {

  border: 1px solid white;

  padding: 10px;

  text-align: center;

  font-size: 14px;

}

</style>

<style scoped>

.webBody {

  display: flex;

  justify-content: center;

}



/deep/.el-select:hover .el-input__inner {

  background-color: rgba(255, 255, 255, 0.1) !important;

  color: #ffffff !important;

}



/deep/ .el-input__inner {

  background-color: rgba(255, 255, 255, 0.1) !important;

  padding: 0 10px !important;

  color: #ffffff !important;



}



/deep/.el-input--small .el-input__inner{

  height: 30px;

  font-size: 12px;

}



.webmainBox {

@@ -294,7 +343,6 @@
  /* padding-left: 60px; */

  min-height: 68px;

  text-align: left;



}



.web__main-user,

@@ -308,7 +356,6 @@
  padding: 10px !important;

  border-radius: 10px !important;

  margin-top: 10px;



}



.web__main-user {

@@ -385,8 +432,8 @@
  text-align: left;

  font-style: normal;

  width: 100%;

  display: flex;

  justify-content: space-between;

  /* display: flex; */

  /* justify-content: space-between; */

}



.web__main-arrow {

@@ -486,15 +533,36 @@


.setRagMore {

  margin-left: 10px;



}



.setRagMore:hover {

  color: #409EFF;



  color: #409eff;

}

</style>

<style>

 
.el-select-dropdown {

  background-color: #555555 !important;

  color: #409eff !important;

 
}

.el-select-dropdown__item{

  color: #ffffff !important;

  background: transparent !important;

}

.el-select-dropdown__item.selected{

  color: #409eff !important;

  background: transparent !important;

}

.el-select-dropdown__item.selected span{

  color: #409eff !important;

  background: transparent !important;



}

.el-select-dropdown__item:hover{

  /* background-color: #555555 !important; */

  color: #409eff!important;

}

.parentBox {

  height: 100%;

  /* background: rgb(31, 31, 31); */

@@ -568,15 +636,10 @@
  font-weight: 400;

  font-size: 14px;



  line-height: 20px;

  text-align: left;

  font-style: normal;

  white-space: pre-wrap;

  word-wrap: break-word;









}



.newConcentLeft img {

@@ -590,35 +653,46 @@
.newConcentLeft pre {

  white-space: normal;

}

</style>



.newConcentLeft li {



  font-size: 15px !important;

  line-height: 15px !important;

}



.newConcentLeft p {



  font-size: 15px !important;

  /*  */

}

</style>



<style>

.web_Main_markDown h1 {

  line-height: 30px !important;

  line-height: 20px !important;

  font-size: 20px !important;

}



.web_Main_markDown h2 {

  line-height: 25px !important;

  line-height: 20px !important;

  font-size: 18px !important;

  margin-left: 10px;

}



.web_Main_markDown h3 {

  line-height: 25px !important;

  line-height: 20px !important;

  font-size: 18px !important;

  margin-left: 10px;

}



.web_Main_markDown li {

  line-height: 20px !important;

  line-height: 15px !important;

  font-size: 16px !important;

  margin-left: 20px;

}



.web_Main_markDown p {

  line-height: 20px !important;

  line-height: 15px !important;

  font-size: 16px !important;

  margin-left: 20px;

}