Commit 624b8a09 authored by 黄奎's avatar 黄奎

页面修改

parent b7d1b09a
This diff is collapsed.
......@@ -6,84 +6,34 @@
<div class="content">
<div style="margin-bottom:20px">
<span>分类</span>
<el-select
style="margin:0 10px"
class="w200"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.CategoryId"
size="small"
placeholder="请选择"
clearable
>
<el-select style="margin:0 10px" class="w200" @change="(msg.pageIndex = 1), getList()" v-model="msg.CategoryId"
size="small" placeholder="请选择" clearable>
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in CategoryList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in CategoryList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<span>分类名称</span>
<el-input
type="text"
style="width:250px"
size="small"
maxlength="100"
v-model="msg.BrandName"
@input="(msg.pageIndex = 1), getList()"
clearable
>
<el-input type="text" style="width:250px" size="small" maxlength="100" v-model="msg.BrandName"
@input="(msg.pageIndex = 1), getList()" clearable>
</el-input>
<span style="margin-left: 10px">咨询用户</span>
<el-select
size="small"
v-model="msg.UserId"
@change="(msg.pageIndex = 1), getList()"
placeholder="请选择"
:filter-method="ChangeListName"
filterable
clearable
>
<el-select size="small" v-model="msg.UserId" @change="(msg.pageIndex = 1), getList()" placeholder="请选择"
:filter-method="ChangeListName" filterable clearable>
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in userList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
></el-option>
<el-option v-for="item in userList" :key="item.Id" :label="item.Name" :value="item.Id"></el-option>
</el-select>
<span>是否回复</span>
<el-select
style="margin:0 10px"
@change="(msg.pageIndex = 1), getList()"
v-model="msg.IsReply"
size="small"
placeholder="请选择"
>
<el-select style="margin:0 10px" @change="(msg.pageIndex = 1), getList()" v-model="msg.IsReply" size="small"
placeholder="请选择">
<el-option label="不限" :value="0"></el-option>
<el-option
v-for="item in ReplyList"
:key="item.Id"
:label="item.Name"
:value="item.Id"
>
<el-option v-for="item in ReplyList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
<el-button
@click="(msg.pageIndex = 1), getList()"
size="small"
type="primary"
>
<el-button @click="(msg.pageIndex = 1), getList()" size="small" type="primary">
查询
</el-button>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%"
>
<el-table :data="tableData" v-loading="loading" border style="width: 100%">
<el-table-column prop="Id" label="编号" width="150"> </el-table-column>
<el-table-column prop="UserName" label="用户昵称"></el-table-column>
<el-table-column prop="CategoryName" label="分类"></el-table-column>
......@@ -107,43 +57,24 @@
<el-table-column prop="ReplyDate" label="回复时间"> </el-table-column>
<el-table-column label="操作" width="250px">
<template slot-scope="scope">
<el-button
v-if="scope.row.ReplyDate == ''"
size="mini"
type="info"
plain
@click="showReplayForm(scope.row, 1)"
>
回复
</el-button>
<el-button
size="mini"
type="info"
plain
@click="showReplayForm(scope.row, 2)"
>查看</el-button
>
<el-tooltip v-if="scope.row.ReplyDate == ''" class="item" effect="dark" content="回复" placement="top">
<img @click="showReplayForm(scope.row, 1)" class="app-order-icon"
src="../../assets/img/userman/add_remark.png" alt="" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="查看" placement="top">
<img @click="showReplayForm(scope.row, 2)" class="app-order-icon"
src="../../assets/img/userman/detail.png" alt="" />
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination
style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
:current-page.sync="msg.pageIndex"
layout="prev, pager, next"
:total="total"
>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 回复 -->
<el-dialog
:title="editTitle"
:visible.sync="isShowReplayForm"
width="600px"
>
<el-form label-width="150px" :rules="rules">
<el-dialog :title="editTitle" :visible.sync="isShowReplayForm" width="600px">
<el-form label-width="150px" >
<el-form-item label="咨询用户">
{{ replayMsg.UserName }}
</el-form-item>
......@@ -158,18 +89,10 @@
</el-form-item>
<el-form-item label="商品图片">
<div class="shopImg">
<div
class="indexApp_image"
v-for="(item, index) in replayMsg.GoodsImgList"
:key="index"
>
<div class="indexApp_image" v-for="(item, index) in replayMsg.GoodsImgList" :key="index">
<div>
<el-image
style="width: 100px; height: 100px"
v-if="item.Path"
:src="item.Path"
:preview-src-list="srcList"
></el-image>
<el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"
:preview-src-list="srcList"></el-image>
<br />
{{ item.Name }}
</div>
......@@ -178,18 +101,9 @@
</el-form-item>
<el-form-item label="更多照片">
<div class="shopImg">
<div
class="indexApp_more-image"
v-for="(item, index) in replayMsg.MoreImgList"
:key="index"
>
<div class="indexApp_more-image" v-for="(item, index) in replayMsg.MoreImgList" :key="index">
<div>
<el-image
style="width: 100px; height: 100px"
v-if="item.Path"
:src="item.Path"
></el-image
><br />
<el-image style="width: 100px; height: 100px" v-if="item.Path" :src="item.Path"></el-image><br />
{{ item.Name }}
</div>
</div>
......@@ -200,14 +114,8 @@
</el-form-item>
<el-form-item label="回复内容" prop="ReplyContent">
<template v-if="showType == 1">
<el-input
style="width:250px"
size="small"
maxlength="200"
:rows="3"
type="textarea"
v-model="replayMsg.ReplyContent"
>
<el-input style="width:300px" size="small" maxlength="200" :rows="3" type="textarea"
v-model="replayMsg.ReplyContent">
</el-input>
</template>
<template v-else>
......@@ -216,23 +124,15 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="isShowReplayForm = false"
>取 消</el-button
>
<el-button
size="small"
type="primary"
@click="saveData()"
v-if="showType == 1"
>确 定</el-button
>
<el-button size="small" @click="isShowReplayForm = false">取 消</el-button>
<el-button size="small" type="primary" @click="saveData()" v-if="showType == 1">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
export default {
export default {
data() {
return {
loading: false,
......@@ -248,8 +148,7 @@ export default {
IsReply: ""
},
//回复状态
ReplyList: [
{
ReplyList: [{
Id: 1,
Name: "已回复"
},
......@@ -371,22 +270,24 @@ export default {
});
}
}
};
};
</script>
<style>
.performanceStatics .content {
.performanceStatics .content {
background: #fff;
margin-top: 10px;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shopImg {
}
.shopImg {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.shopImg > div {
}
.shopImg>div {
width: 33%;
}
}
</style>
\ No newline at end of file
......@@ -45,8 +45,9 @@
</el-table-column>
<el-table-column label="操作" width="250px">
<template slot-scope="scope">
<el-button class="el-icon-s-tools" size="mini" type="info" plain @click="showBrandForm(scope.row)"></el-button>
<el-button class="el-icon-delete-solid" size="mini" type="info" plain @click="RemmoveBrand(scope.row)"></el-button>
<img @click="showBrandForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
<img @click="RemmoveBrand(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
alt="" />
</template>
</el-table-column>
</el-table>
......
......@@ -2,50 +2,25 @@
<div class="performanceStatics">
<div class="head-title">
分类管理
<el-button
style="float:right;margin-top: -5px;"
type="primary"
class="el-button--small"
@click="showCategoryForm(null)"
>新增</el-button
>
<el-button style="float:right;margin-top: -5px;" type="primary" class="el-button--small"
@click="showCategoryForm(null)">新增</el-button>
</div>
<div class="content">
<div style="margin-bottom:20px">
<span>分类名称</span>
<el-input
type="text"
style="width:250px"
size="small"
maxlength="100"
v-model="msg.Name"
@input="(msg.pageIndex = 1), getList()"
clearable
>
<el-input type="text" style="width:250px" size="small" maxlength="50" v-model="msg.Name"
@input="(msg.pageIndex = 1), getList()" clearable>
</el-input>
<el-button
@click="(msg.pageIndex = 1), getList()"
size="small"
type="primary"
>
<el-button @click="(msg.pageIndex = 1), getList()" size="small" type="primary">
查询
</el-button>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%"
>
<el-table :data="tableData" v-loading="loading" border style="width: 100%">
<el-table-column prop="Id" label="编号" width="150"> </el-table-column>
<el-table-column prop="Name" label="名称"></el-table-column>
<el-table-column label="Logo" width="300px">
<template slot-scope="scope">
<img
:src="scope.row.Image"
style="width:35px;height:35px;"
alt=""
/>
<img :src="scope.row.Image" style="width:35px;height:35px;" alt="" />
</template>
</el-table-column>
<el-table-column label="启用状态" width="300px">
......@@ -56,64 +31,29 @@
<el-table-column prop="Sort" label="排序"> </el-table-column>
<el-table-column label="操作" width="250px">
<template slot-scope="scope">
<el-button
class="el-icon-s-tools"
size="mini"
type="info"
plain
@click="showCategoryForm(scope.row)"
></el-button>
<el-button
class="el-icon-delete-solid"
size="mini"
type="info"
plain
@click="RemmoveCategory(scope.row)"
></el-button>
<img @click="showCategoryForm(scope.row)" src="../../assets/img/userman/edit.png" alt="" />
<img @click="RemmoveCategory(scope.row)" style="margin-left:10px;" src="../../assets/img/userman/del.png"
alt="" />
</template>
</el-table-column>
</el-table>
<el-pagination
style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
:current-page.sync="msg.pageIndex"
layout="prev, pager, next"
:total="total"
>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="msg.pageSize"
:current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 修改分类 -->
<el-dialog
:title="editTitle"
:visible.sync="isShowCategoryForm"
width="500px"
>
<el-dialog :title="editTitle" :visible.sync="isShowCategoryForm" width="500px">
<el-form :model="postMsg" :rules="rules" label-width="150px">
<el-form-item label="分类名称" prop="Name">
<el-input
type="text"
style="width:250px"
size="small"
maxlength="100"
v-model="postMsg.Name"
>
<el-input type="text" style="width:250px" size="small" maxlength="100" v-model="postMsg.Name">
</el-input>
</el-form-item>
<el-form-item label="Logo" prop="file">
<div>
<el-button @click="openChangeDig()" size="small"
>选择文件</el-button
>
<el-button @click="openChangeDig()" size="small">选择文件</el-button>
</div>
<div class="indexApp_image">
<img
v-if="postMsg.Image"
:src="postMsg.Image"
alt=""
style="width:100px;height:100px;"
/>
<img v-if="postMsg.Image" :src="postMsg.Image" alt="" style="width:100px;height:100px;" />
</div>
</el-form-item>
<el-form-item label="启用状态" prop="Enable">
......@@ -121,38 +61,25 @@
<el-radio v-model="postMsg.Enable" :label="2">禁用</el-radio>
</el-form-item>
<el-form-item label="排序" prop="Sort">
<el-input
style="width:250px"
size="small"
maxlength="200"
v-model="postMsg.Sort"
>
<el-input style="width:250px" size="small" maxlength="200" v-model="postMsg.Sort">
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="isShowCategoryForm = false"
>取 消</el-button
>
<el-button size="small" type="primary" @click="saveData()"
>确 定</el-button
>
<el-button size="small" @click="isShowCategoryForm = false">取 消</el-button>
<el-button size="small" type="primary" @click="saveData()">确 定</el-button>
</span>
</el-dialog>
<!-- 选择文件 -->
<el-dialog
title="选择文件"
:visible.sync="isShowChooseImage"
width="1240px"
>
<el-dialog title="选择文件" :visible.sync="isShowChooseImage" width="1240px">
<ChooseImg @SelectId="SelectId"></ChooseImg>
</el-dialog>
</div>
</template>
<script>
import ChooseImg from "@/components/global/ChooseImg.vue";
export default {
import ChooseImg from "@/components/global/ChooseImg.vue";
export default {
components: {
ChooseImg
},
......@@ -178,15 +105,21 @@ export default {
isShowCategoryForm: false,
isShowChooseImage: false,
rules: {
Name: [
{ required: true, message: "请输入名称", trigger: "blur" }
],
Sort: [
{ required: true, message: "请输入排序", trigger: "blur" }
],
Enable: [
{ required: true, message: "请选择状态", trigger: "change" }
]
Name: [{
required: true,
message: "请输入名称",
trigger: "blur"
}],
Sort: [{
required: true,
message: "请输入排序",
trigger: "blur"
}],
Enable: [{
required: true,
message: "请选择状态",
trigger: "change"
}]
}
};
......@@ -255,10 +188,9 @@ export default {
//删除分类
RemmoveCategory(item) {
let that = this;
that.Confirm("是否删除此分类?", function() {
that.Confirm("是否删除此分类?", function () {
that.apipost(
"/api/Assess/DelCategoryInfo",
{
"/api/Assess/DelCategoryInfo", {
CategoryId: item.Id
},
res => {
......@@ -273,14 +205,14 @@ export default {
});
}
}
};
};
</script>
<style>
.performanceStatics .content {
.performanceStatics .content {
background: #fff;
margin-top: 10px;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment