|
@@ -4,9 +4,10 @@
|
|
|
<div class="main" v-if="showPage">
|
|
|
<div>
|
|
|
<div class="title">字词练习卡</div>
|
|
|
+ <div class="right" @click="Startcread">开始创建</div>
|
|
|
<div class="number_cread">
|
|
|
<span class="left">文件数量:{{ data.total_count }}</span>
|
|
|
- <div class="right" @click="Startcread">开始创建</div>
|
|
|
+ <el-input v-model="searchInput" placeholder="检索" @keyup.enter.native="getdata" />
|
|
|
</div>
|
|
|
<div class="table">
|
|
|
<div>
|
|
@@ -18,8 +19,16 @@
|
|
|
</div>
|
|
|
<div v-for="(item, i) in data.word_sentence_card_list" :key="i + 'one'">
|
|
|
<div class="number">{{ item.number }}</div>
|
|
|
- <div
|
|
|
- class="dv dv1"
|
|
|
+ <div class="dv dv1" @click="editName(item)">
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
+ <div class="dv dvs">
|
|
|
+ {{ item.type == 'WORD' ? '字词卡' : '书写卡' }}
|
|
|
+ </div>
|
|
|
+ <div class="dv">{{ item.text }}</div>
|
|
|
+ <div class="dv dv2">{{ item.create_time }}</div>
|
|
|
+ <span
|
|
|
+ class="edit-btn"
|
|
|
@click="
|
|
|
$router.push({
|
|
|
path: '/wordcard/cread',
|
|
@@ -30,15 +39,8 @@
|
|
|
},
|
|
|
})
|
|
|
"
|
|
|
- >
|
|
|
- {{ item.name }}
|
|
|
- </div>
|
|
|
- <div class="dv dvs">
|
|
|
- {{ item.type == 'WORD' ? '字词卡' : '书写卡' }}
|
|
|
- </div>
|
|
|
- <div class="dv">{{ item.text }}</div>
|
|
|
- <div class="dv dv2">{{ item.create_time }}</div>
|
|
|
- <span class="edit-btn" @click="editName(item)"><i class="el-icon-edit"></i></span>
|
|
|
+ ><i class="el-icon-edit"></i
|
|
|
+ ></span>
|
|
|
<el-popconfirm title="确定删除这一条记录吗?" @confirm="deleteOne(item.id, i)">
|
|
|
<img slot="reference" src="../../assets/teacherdev/delete-one.png" alt="" />
|
|
|
</el-popconfirm>
|
|
@@ -97,6 +99,7 @@ export default {
|
|
|
userID: this.$route.query.UserID ? this.$route.query.UserID : '',
|
|
|
saveShow: false,
|
|
|
saveName: '',
|
|
|
+ searchInput: '',
|
|
|
};
|
|
|
},
|
|
|
// 计算属性 类似于data概念
|
|
@@ -162,6 +165,7 @@ export default {
|
|
|
cur_page: this.page,
|
|
|
page_capacity: this.pageSize,
|
|
|
app_user_id: this.userID,
|
|
|
+ search_content: this.searchInput.trim(),
|
|
|
})
|
|
|
.then((res) => {
|
|
|
this.data = res;
|
|
@@ -199,8 +203,7 @@ export default {
|
|
|
LearnWebSI(Mname, {
|
|
|
id: this.activeItem.id,
|
|
|
name: this.saveName,
|
|
|
- type: this.activeItem.type,
|
|
|
- text: this.activeItem.text,
|
|
|
+ update_scope: 1,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
this.loading.close();
|
|
@@ -245,28 +248,32 @@ export default {
|
|
|
text-transform: uppercase;
|
|
|
color: #2c2c2c;
|
|
|
}
|
|
|
+ .right {
|
|
|
+ width: 112px;
|
|
|
+ height: 40px;
|
|
|
+ background: #669aff;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ color: #ffffff;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-left: 1088px;
|
|
|
+ }
|
|
|
.number_cread {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 12px;
|
|
|
+ align-items: center;
|
|
|
.left {
|
|
|
- margin-top: 40px;
|
|
|
font-weight: 400;
|
|
|
font-size: 16px;
|
|
|
line-height: 24px;
|
|
|
color: #000000;
|
|
|
}
|
|
|
- .right {
|
|
|
- width: 112px;
|
|
|
- height: 40px;
|
|
|
- background: #669aff;
|
|
|
- border-radius: 4px;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 16px;
|
|
|
- line-height: 40px;
|
|
|
- text-align: center;
|
|
|
- color: #ffffff;
|
|
|
- cursor: pointer;
|
|
|
+ .el-input {
|
|
|
+ width: 220px;
|
|
|
}
|
|
|
}
|
|
|
.table {
|