|
|
@@ -3920,7 +3920,7 @@
|
|
|
<div class="spanName">选择系统文件</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <el-button @click="searchImageValue = '',searchImage()" v-if="isSysPic2 == false">选择网络文件</el-button>
|
|
|
+ <el-button @click="searchImageValue = courseName,resetImage()" v-if="isSysPic2 == false">选择网络文件</el-button>
|
|
|
<div class="isSysPic" v-if="isSysPic2 == true && cover.length > 0">
|
|
|
<img :src="cover[0].url" alt="" />
|
|
|
<div class="deletePic" @click="deleteSysPic">
|
|
|
@@ -3965,13 +3965,17 @@
|
|
|
<el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
|
|
|
:before-close="handleClose" class="dialog_diy">
|
|
|
<div>
|
|
|
- <div class="people_top_right" style="position: relative;">
|
|
|
- <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue" @keyup.enter.native="searchImage()"></el-input>
|
|
|
- <div class="search_img" @click="searchImage" style="right: 10px;">
|
|
|
- <img src="../../../assets/icon/search.png" alt />
|
|
|
+ <div class="people_top_right" style="display: flex;align-items: center;">
|
|
|
+ <div style="position: relative; width: 100%;">
|
|
|
+ <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue" @keyup.enter.native="resetImage()"></el-input>
|
|
|
+ <div class="search_img" @click="resetImage" style="right: 10px;">
|
|
|
+ <img src="../../../assets/icon/search.png" alt />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <el-button type="primary" size="default" style="margin-left: 10px;" @click="changePicture">换一组</el-button>
|
|
|
</div>
|
|
|
<div class="sysPicBox" v-loading="imageloading">
|
|
|
+ <div class="picNone" v-if="!imageList.length">请输入关键词搜索图片</div>
|
|
|
<div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
|
|
|
<img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
|
|
|
</div>
|
|
|
@@ -4554,6 +4558,7 @@ export default {
|
|
|
sysPicVisible2: false,
|
|
|
imageloading: false,
|
|
|
searchImageValue:"",
|
|
|
+ ppage:1,
|
|
|
imageList: [],
|
|
|
heightPx:'100%'
|
|
|
};
|
|
|
@@ -9325,76 +9330,34 @@ export default {
|
|
|
searchImage() {
|
|
|
var _this = this;
|
|
|
_this.imageList = []
|
|
|
+ if(!_this.searchImageValue){
|
|
|
+ _this.sysPicVisible2 = true
|
|
|
+ return
|
|
|
+ }
|
|
|
_this.imageloading = true
|
|
|
- _this.ajax.post('https://gpt.cocorobo.cn/search', {
|
|
|
- page: 1,
|
|
|
- pageSize: 21,
|
|
|
- keywords: this.searchImageValue,
|
|
|
- category: 'unsplash',
|
|
|
- isNeedTranslate: true
|
|
|
+ _this.ajax.post('https://gpt.cocorobo.cn/search_image', {
|
|
|
+ page: _this.ppage,
|
|
|
+ pagesize: 9,
|
|
|
+ query: _this.searchImageValue
|
|
|
}).then(function (response) {
|
|
|
// console.log(response.data.data);
|
|
|
- var data = response.data.data;
|
|
|
+ var data = response.data.FunctionResponse.result;
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
- _this.imageList.push(data[i].small_img_path)
|
|
|
+ _this.imageList.push({url:data[i].image})
|
|
|
}
|
|
|
_this.imageloading = false
|
|
|
}).catch(function (error) {
|
|
|
console.log(error);
|
|
|
});
|
|
|
_this.sysPicVisible2 = true
|
|
|
-
|
|
|
- // _this.ajax.post('https://gpt.cocorobo.cn/search', {
|
|
|
- // page: 1,
|
|
|
- // pageSize: 4,
|
|
|
- // keywords: '',
|
|
|
- // category: 'pexels',
|
|
|
- // isNeedTranslate: true
|
|
|
- // }).then(function (response) {
|
|
|
- // // console.log(response.data.data);
|
|
|
- // var data = response.data.data;
|
|
|
- // for (var i = 0; i < data.length; i++) {
|
|
|
- // _this.imageList.push(data[i].small_img_path)
|
|
|
- // }
|
|
|
- // _this.imageloading = false
|
|
|
- // }).catch(function (error) {
|
|
|
- // console.log(error);
|
|
|
- // });
|
|
|
-
|
|
|
- // _this.ajax.post('https://gpt.cocorobo.cn/search', {
|
|
|
- // page: 1,
|
|
|
- // pageSize: 4,
|
|
|
- // keywords: '',
|
|
|
- // category: 'pixabay',
|
|
|
- // isNeedTranslate: false
|
|
|
- // }).then(function (response) {
|
|
|
- // // console.log(response.data.data);
|
|
|
- // var data = response.data.data;
|
|
|
- // for (var i = 0; i < data.length; i++) {
|
|
|
- // _this.imageList.push(data[i].small_img_path)
|
|
|
- // }
|
|
|
- // _this.imageloading = false
|
|
|
- // }).catch(function (error) {
|
|
|
- // console.log(error);
|
|
|
- // });
|
|
|
-
|
|
|
- // _this.ajax.post('https://gpt.cocorobo.cn/search', {
|
|
|
- // page: 1,
|
|
|
- // pageSize: 4,
|
|
|
- // keywords: '',
|
|
|
- // category: '500px',
|
|
|
- // isNeedTranslate: true
|
|
|
- // }).then(function (response) {
|
|
|
- // // console.log(response.data.data);
|
|
|
- // var data = response.data.data;
|
|
|
- // for (var i = 0; i < data.length; i++) {
|
|
|
- // _this.imageList.push(data[i].small_img_path)
|
|
|
- // }
|
|
|
- // _this.imageloading = false
|
|
|
- // }).catch(function (error) {
|
|
|
- // console.log(error);
|
|
|
- // });
|
|
|
-
|
|
|
+ },
|
|
|
+ changePicture(){
|
|
|
+ this.ppage++
|
|
|
+ this.searchImage()
|
|
|
+ },
|
|
|
+ resetImage(){
|
|
|
+ this.ppage = 1
|
|
|
+ this.searchImage()
|
|
|
}
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
@@ -11895,6 +11858,16 @@ ol {
|
|
|
align-content: flex-start;
|
|
|
height: 435px;
|
|
|
overflow: auto;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.picNone {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 45%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ width:fit-content;
|
|
|
+ color: #9c9c9c;
|
|
|
}
|
|
|
|
|
|
.sysPic {
|
