|
@@ -14,15 +14,27 @@
|
|
|
<el-col :span="5" id="header-two-left">
|
|
|
<el-form ref="anFormRef" label-width="80px">
|
|
|
<el-form-item label="藏品名称(套):" label-width="102px">
|
|
|
- <el-input v-model="input.value1" class="anInput" placeholder="筛选藏品标题" center></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model="input.value1"
|
|
|
+ class="anInput"
|
|
|
+ placeholder="筛选藏品标题"
|
|
|
+ center
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form label-width="80px">
|
|
|
<el-form-item label="创建时间:">
|
|
|
- <el-date-picker v-model="input.value2" type="datetimerange" class="up-input-right" range-separator="至"
|
|
|
- start-placeholder="开始日期" end-placeholder="结束日期" align="right">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="input.value2"
|
|
|
+ type="datetimerange"
|
|
|
+ class="up-input-right"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ align="right"
|
|
|
+ >
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -36,47 +48,138 @@
|
|
|
</el-main>
|
|
|
<div class="footer">
|
|
|
<el-row class="state">
|
|
|
- <el-button :class="flag == 0 ? 'active' : ''" size="small" @click="onSalel">在售</el-button>
|
|
|
- <el-button :class="flag == 1 ? 'active' : ''" size="small" @click="preSale">预售</el-button>
|
|
|
- <el-button :class="flag == 2 ? 'active' : ''" size="small" @click="expired">已过期</el-button>
|
|
|
+ <el-button
|
|
|
+ :class="flag == 0 ? 'active' : ''"
|
|
|
+ size="small"
|
|
|
+ @click="onSalel"
|
|
|
+ >在售</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ :class="flag == 1 ? 'active' : ''"
|
|
|
+ size="small"
|
|
|
+ @click="preSale"
|
|
|
+ >预售</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ :class="flag == 2 ? 'active' : ''"
|
|
|
+ size="small"
|
|
|
+ @click="expired"
|
|
|
+ >已过期</el-button
|
|
|
+ >
|
|
|
</el-row>
|
|
|
|
|
|
<el-table :data="tableData" border style="width: 100%">
|
|
|
- <el-table-column prop="tetherId" label="id" width="110" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="tetherId"
|
|
|
+ label="id"
|
|
|
+ width="110"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="tetherName" label="藏品名称(套)" width="220" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="tetherName"
|
|
|
+ label="藏品名称(套)"
|
|
|
+ width="220"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="showTimeStart" label="创建时间" width="220" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="showTimeStart"
|
|
|
+ label="创建时间"
|
|
|
+ width="220"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="showTimeEnd" label="结束时间" width="220" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="showTimeEnd"
|
|
|
+ label="结束时间"
|
|
|
+ width="220"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="number" label="藏品数量" width="195" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="total"
|
|
|
+ label="藏品数量"
|
|
|
+ width="195"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="status" label="状态" width="200" align="center">
|
|
|
+ <el-table-column
|
|
|
+ prop="sellStatus"
|
|
|
+ label="状态"
|
|
|
+ width="200"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag size="medium">{{ scope.row.sellStatus }}</el-tag>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="edit" label="操作" width="280" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-button type="text" @click="sList(scope.row)">藏品列表</el-button>
|
|
|
+ <el-button type="text" @click="sList(scope.row)"
|
|
|
+ >藏品列表</el-button
|
|
|
+ >
|
|
|
<el-row>
|
|
|
<el-button type="text" @click="upJia">上架</el-button>
|
|
|
- <el-button type="text" @click="editTime">修改时间</el-button>
|
|
|
+ <el-button type="text" @click="CurendTime(scope.row)"
|
|
|
+ >修改时间</el-button
|
|
|
+ >
|
|
|
</el-row>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <el-pagination @current-change="handleCurrentChange" background layout="total, prev, pager, next" :total="total"
|
|
|
- id="page" :page-size="10">
|
|
|
+ <el-pagination
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ background
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ :total="total"
|
|
|
+ id="page"
|
|
|
+ :page-size="10"
|
|
|
+ >
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
+ <el-dialog
|
|
|
+ title="修改时间"
|
|
|
+ :visible.sync="dialogFormVisible"
|
|
|
+ :style="{ width: '100%' }"
|
|
|
+ >
|
|
|
+ <el-form>
|
|
|
+ <el-form-item label="结束时间" label-width="80px">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="showendtime"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="选择结束时间"
|
|
|
+ value-format="yyyy-MM-dd hh:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <span id="tab"
|
|
|
+ >当前结束时间为{{ showEnd }},结束日期需大于当前结束日期</span
|
|
|
+ >
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitTime">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</el-container>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { selectether, sellingList, advanceList, selledList } from "@/api/sets/index";
|
|
|
+import {
|
|
|
+ selectether,
|
|
|
+ sellingList,
|
|
|
+ advanceList,
|
|
|
+ selledList,
|
|
|
+ updataEndtime,
|
|
|
+} from "@/api/sets/index";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- pageInfo: { // 分页信息
|
|
|
+ dialogFormVisible: false,
|
|
|
+ pageInfo: {
|
|
|
+ // 分页信息
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
},
|
|
@@ -89,6 +192,8 @@ export default {
|
|
|
tableData: [],
|
|
|
startTime: [],
|
|
|
endTime: [],
|
|
|
+ showEnd: "",
|
|
|
+ showendtime: "",
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
@@ -96,6 +201,18 @@ export default {
|
|
|
this.sellingsList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ submitTime() {
|
|
|
+ this.dialogFormVisible = false;
|
|
|
+ if (!this.showendtime) return;
|
|
|
+ console.log(this.showendtime);
|
|
|
+ let { code } = updataEndtime(this.showendtime).catch((err) => err);
|
|
|
+ console.log(code);
|
|
|
+ },
|
|
|
+ CurendTime(data) {
|
|
|
+ console.log(data);
|
|
|
+ this.dialogFormVisible = true;
|
|
|
+ this.showEnd = data.showTimeEnd;
|
|
|
+ },
|
|
|
handleCurrentChange(newPage) {
|
|
|
this.pageInfo.pageNum = newPage;
|
|
|
this.setsList();
|
|
@@ -122,7 +239,6 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
|
|
|
-
|
|
|
// 点击标签切换修改后
|
|
|
onSalel() {
|
|
|
this.flag = 0;
|
|
@@ -137,7 +253,6 @@ export default {
|
|
|
this.selledsList();
|
|
|
},
|
|
|
|
|
|
-
|
|
|
// 重置
|
|
|
empty() {
|
|
|
this.input.value1 = "";
|
|
@@ -204,6 +319,9 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
+#tab {
|
|
|
+ color: red;
|
|
|
+}
|
|
|
.el-main {
|
|
|
color: #333;
|
|
|
border: 1px solid #d3d7d4;
|