|
|
@@ -78,7 +78,7 @@
|
|
|
<body>
|
|
|
|
|
|
<div id="app">
|
|
|
- <div id="all">
|
|
|
+ <div id="all" style="max-width: 1500px; margin: 0 auto">
|
|
|
<div class="myTop">
|
|
|
<el-link href="https://memos.tianyunperfect.cn/">memos主页</el-link>
|
|
|
<el-button @click="page = page - 1;search()" :disabled="page === 1">上一页</el-button>
|
|
|
@@ -93,18 +93,18 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<!--输入框，绑定回车事件，触发查询-->
|
|
|
- <el-input style="margin-left: 30px; width: 40vw; padding-left: 10px" placeholder="搜索" v-model="searchStr" @change="searchStrChange"></el-input>
|
|
|
- <el-input style="margin-left: 30px; width: 20vw; padding-left: 10px" placeholder="问答" v-model="searchStr2" @change="searchStrChange2"></el-input>
|
|
|
+ <el-input style="margin-left: 30px; width: 20vw; padding-left: 10px" placeholder="关键字" v-model="searchStr" @change="searchStrChange"></el-input>
|
|
|
+ <el-input style="margin-left: 30px; width: 20vw; padding-left: 10px" placeholder="AI 问答" v-model="searchStr2" @change="searchStrChange2"></el-input>
|
|
|
<br><br>
|
|
|
<div></div>
|
|
|
- <div style="display: flex;align-items:stretch; width: 70vw">
|
|
|
+ <div style="display: flex;align-items:stretch; width: 60vw">
|
|
|
<!-- 创建一个用于编辑的容器 -->
|
|
|
<el-input
|
|
|
@paste.native="handlePaste"
|
|
|
@keydown.enter.native="keyDown"
|
|
|
type="textarea"
|
|
|
:autosize={minRows:2}
|
|
|
- placeholder="请输入内容"
|
|
|
+ placeholder="记录内容"
|
|
|
@input="localStorage.setItem('contentStr', contentStr)"
|
|
|
v-model="contentStr">
|
|
|
</el-input>
|
|
|
@@ -161,68 +161,71 @@
|
|
|
<div v-if="searchStr2" style="margin: 10px; padding: 10px">
|
|
|
<el-input v-model="searchResStr" type="textarea" :autosize="{minRows: 1}" readonly="true"></el-input>
|
|
|
</div>
|
|
|
- <div v-for="item in contentList">
|
|
|
- <el-row style="margin: 10px; padding: 10px" class="border">
|
|
|
- <el-col :span="14" class="contentLine">
|
|
|
- <div style="display: flex">
|
|
|
- <el-date-picker
|
|
|
- v-model="item.created_ts"
|
|
|
- type="datetime"
|
|
|
- readonly="true"
|
|
|
- placeholder="选择日期时间">
|
|
|
- </el-date-picker>
|
|
|
- <div style="margin-left: 20px">
|
|
|
- <el-checkbox-button v-for="tag in commonTags" :label="tag" :key="item"
|
|
|
- @change="checked=>checkChange(checked,item,tag)"
|
|
|
- :checked="isChooseTag(item,tag)">{{tag}}
|
|
|
- </el-checkbox-button>
|
|
|
+ <div >
|
|
|
+ <div v-for="item in contentList">
|
|
|
+ <el-row style="margin: 10px; padding: 10px" class="border">
|
|
|
+ <el-col :span="18" class="contentLine">
|
|
|
+ <div style="display: flex">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="item.created_ts"
|
|
|
+ type="datetime"
|
|
|
+ readonly="true"
|
|
|
+ placeholder="选择日期时间">
|
|
|
+ </el-date-picker>
|
|
|
+ <div style="margin-left: 20px">
|
|
|
+ <el-checkbox-button v-for="tag in commonTags" :label="tag" :key="item"
|
|
|
+ @change="checked=>checkChange(checked,item,tag)"
|
|
|
+ :checked="isChooseTag(item,tag)">{{tag}}
|
|
|
+ </el-checkbox-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="myText" @dblclick="edit(item)">
|
|
|
- <!-- <el-input v-model="item.content" type="textarea" :autosize="{minRows: 1}" readonly="true"></el-input>-->
|
|
|
- <div :id="item.resource_name"></div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div v-for="item in resourceMap[item.id]">
|
|
|
- <el-image v-if="item['type'].startsWith('image')"
|
|
|
- :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=150'"
|
|
|
- :preview-src-list="['https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=750']"
|
|
|
- class="img">
|
|
|
- </el-image>
|
|
|
- <audio controls v-if="item['type'].startsWith('audio')">
|
|
|
- <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="audio/ogg">
|
|
|
- <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="audio/mpeg">
|
|
|
- 您的浏览器不支持 audio 元素。
|
|
|
- </audio>
|
|
|
- <video width="320" height="240" controls v-if="item['type'].startsWith('video')">
|
|
|
- <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="video/mp4">
|
|
|
- <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="video/ogg">
|
|
|
- 您的浏览器不支持 HTML5 video 元素。
|
|
|
- </video>
|
|
|
- <el-link v-if="item['type'].startsWith('application')" :href="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" target="_blank">{{item['filename']}}</el-link>
|
|
|
+ <div class="myText" @dblclick="edit(item)">
|
|
|
+ <!-- <el-input v-model="item.content" type="textarea" :autosize="{minRows: 1}" readonly="true"></el-input>-->
|
|
|
+ <div :id="item.resource_name"></div>
|
|
|
</div>
|
|
|
+ <div>
|
|
|
+ <div v-for="item in resourceMap[item.id]">
|
|
|
+ <el-image v-if="item['type'].startsWith('image')"
|
|
|
+ :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=150'"
|
|
|
+ :preview-src-list="['https://memos_assert.tianyunperfect.cn/' + item['internal_path'] + '?width=750']"
|
|
|
+ class="img">
|
|
|
+ </el-image>
|
|
|
+ <audio controls v-if="item['type'].startsWith('audio')">
|
|
|
+ <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="audio/ogg">
|
|
|
+ <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="audio/mpeg">
|
|
|
+ 您的浏览器不支持 audio 元素。
|
|
|
+ </audio>
|
|
|
+ <video width="320" height="240" controls v-if="item['type'].startsWith('video')">
|
|
|
+ <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="video/mp4">
|
|
|
+ <source :src="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" type="video/ogg">
|
|
|
+ 您的浏览器不支持 HTML5 video 元素。
|
|
|
+ </video>
|
|
|
+ <el-link v-if="item['type'].startsWith('application')" :href="'https://memos_assert.tianyunperfect.cn/' + item['internal_path']" target="_blank">{{item['filename']}}</el-link>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" style="display: flex">
|
|
|
- <div class="editClass">
|
|
|
- <el-button size="small" @click="window.open('https://memos.tianyunperfect.cn/m/' + item.resource_name)">跳转</el-button>
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- <el-button size="small" @click="edit(item)">编辑</el-button>
|
|
|
- </div>
|
|
|
- <div class="editClass">
|
|
|
- <el-button size="small" @click="archive(item)">归档</el-button>
|
|
|
- <br>
|
|
|
- <br>
|
|
|
- <el-button size="small" type="warning" @click="del(item)">删除</el-button>
|
|
|
- </div>
|
|
|
- <div class="editClass" style="margin-left: 30px">
|
|
|
- <el-checkbox :value="selectedIds.includes(item.id)" @change="handleCheckboxChange(item.id, $event)">合并</el-checkbox>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" style="display: flex">
|
|
|
+ <div class="editClass">
|
|
|
+ <el-button size="small" @click="window.open('https://memos.tianyunperfect.cn/m/' + item.resource_name)">跳转</el-button>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ <el-button size="small" @click="edit(item)">编辑</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="editClass">
|
|
|
+ <el-button size="small" @click="archive(item)">归档</el-button>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ <el-button size="small" type="warning" @click="del(item)">删除</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="editClass" style="margin-left: 30px">
|
|
|
+ <el-checkbox :value="selectedIds.includes(item.id)" @change="handleCheckboxChange(item.id, $event)">合并</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
title="提示"
|
tianyun