Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 62c8d0e

Browse files
committed
修改部分前端模板和增加前端页面中行内上传图像的功能
1 parent 5df66e5 commit 62c8d0e

File tree

4 files changed

+64
-24
lines changed

4 files changed

+64
-24
lines changed

‎api/app/Http/Resources/Template.php‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,9 @@ class ##name## extends JsonResource
1515
public function toArray($request)
1616
{
1717
$data = parent::toArray($request);
18-
// 数据转换
18+
$data['created_at'] = $data['created_at'] * 1000;
19+
$data['updated_at'] = $data['updated_at'] * 1000;
20+
// 数据转换
1921

2022
return $data;
2123
}

‎element/src/mixin/line_upload.js‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import { getToken } from '@/utils/auth.js'
2+
import '@/styles/uploader.scss'
3+
4+
export default {
5+
data() {
6+
return {
7+
actionUrl: `${process.env.VUE_APP_BASE_API}/medias`,
8+
headers: {
9+
Authorization: 'Bearer ' + getToken()
10+
},
11+
uploadId: null
12+
};
13+
},
14+
methods: {
15+
readyUpload(id) {
16+
this.uploadId = id
17+
},
18+
async uploadSuccess(res) {
19+
let { data } = res
20+
let img = data.url
21+
let item = this.tableData.find(v => v.id === this.uploadId)
22+
if (item) {
23+
item.img = img
24+
let { update } = require(`@/api/${this.module}`)
25+
try {
26+
await update(item)
27+
this.$message.succcess('配图上传成功')
28+
this.fetchData()
29+
} catch (e) {
30+
} finally {
31+
}
32+
}
33+
this.uploadId = null
34+
}
35+
}
36+
};

‎element/src/views/template/index.vue‎

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
<template>
22

33
<div class="warpper">
4-
<el-form :inline="true" :model="searchForm" class="demo-form-inline">
5-
<el-form-item label="名称">
6-
<el-input v-model="searchForm.name" @keyup.enter.native="search" placeholder="请输入名称">
7-
</el-input>
8-
</el-form-item>
9-
<el-form-item label="状态">
10-
<el-select v-model="searchForm.status" placeholder="请选择状态">
11-
<el-option :value='true' label='是'></el-option>
12-
<el-option :value='false' label='否'></el-option>
13-
</el-select>
14-
</el-form-item>
15-
<el-form-item>
16-
<el-button @click="find()" plain>查询</el-button>
17-
<el-button type="info" @click="findReset()" plain>重置</el-button>
18-
</el-form-item>
19-
</el-form>
204
<div class="toolbar">
5+
<el-form :inline="true" :model="searchForm" class="demo-form-inline">
6+
<el-form-item label="名称">
7+
<el-input v-model="searchForm.name" @keyup.enter.native="search" placeholder="请输入名称">
8+
</el-input>
9+
</el-form-item>
10+
<el-form-item label="状态">
11+
<el-select v-model="searchForm.status" placeholder="请选择状态">
12+
<el-option :value='true' label='是'></el-option>
13+
<el-option :value='false' label='否'></el-option>
14+
</el-select>
15+
</el-form-item>
16+
<el-form-item>
17+
<el-button @click="find()" plain>查询</el-button>
18+
<el-button type="info" @click="findReset()" plain>重置</el-button>
19+
</el-form-item>
20+
</el-form>
2121
<el-button type="primary" plain @click="add">添加</el-button>
2222
</div>
2323
<div class="table">
@@ -63,16 +63,18 @@
6363
</el-row>
6464
<el-row :gutter="20">
6565
<el-col :span="12">
66-
<el-select v-model="formData.status" placeholder="请选择状态">
67-
<el-option :value='true' label='是'></el-option>
68-
<el-option :value='false' label='否'></el-option>
69-
</el-select>
66+
<el-form-item label="状态">
67+
<el-select v-model="formData.status" placeholder="请选择状态">
68+
<el-option :value='true' label='是'></el-option>
69+
<el-option :value='false' label='否'></el-option>
70+
</el-select>
71+
</el-form-item>
7072
</el-col>
7173
</el-row>
7274
</el-form>
7375
<div slot="footer" class="dialog-footer">
7476
<el-button @click="dialogFormVisible = false">取 消</el-button>
75-
<el-button type="primary" @click="save()">{{ cmdTitle }}</el-button>
77+
<el-button type="primary" @click="save('ruleForm')">{{ cmdTitle }}</el-button>
7678
</div>
7779
</el-dialog>
7880
</div>

‎element/src/views/template/simple.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
<el-row :gutter="20">
3030
<el-col :span="12">
3131
<el-form-item label="名称" prop="name">
32-
<el-input v-model="formData.seller_name" :disabled="isEdit" />
32+
<el-input v-model="formData.name" :disabled="isEdit" />
3333
</el-form-item>
3434
</el-col>
3535
<el-col :span="12">
@@ -51,7 +51,7 @@
5151
</el-form>
5252
<div slot="footer" class="dialog-footer">
5353
<el-button @click="dialogFormVisible = false">取 消</el-button>
54-
<el-button type="primary" @click="save()">{{ cmdTitle }}</el-button>
54+
<el-button type="primary" @click="save('ruleForm')">{{ cmdTitle }}</el-button>
5555
</div>
5656
</el-dialog>
5757
</div>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /