Commit eb5972e4 authored by 黄奎's avatar 黄奎

页面修改

parent 3428de45
......@@ -6,9 +6,23 @@
</div>
<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-option label="不限" :value="0"></el-option>
<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.Name">
</el-input>
<span>是否回复</span>
<el-select style="margin:0 10px" class="w200" @change="msg.pageIndex=1,getList()" v-model="msg.IsReply"
size="small" placeholder="请选择" clearable>
<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>
</el-select>
<el-button @click="msg.pageIndex=1,getList()" size="small" type="primary">
查询
</el-button>
......@@ -16,23 +30,32 @@
<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">
<el-table-column prop="UserName" label="用户昵称"></el-table-column>
<el-table-column prop="CategoryName" label="分类"></el-table-column>
<el-table-column prop="BrandName" label="品牌名称"></el-table-column>
<el-table-column prop="CreateDate" label="创建时间"></el-table-column>
<el-table-column label="是否回复">
<template slot-scope="scope">
<img :src="scope.row.Image" style="width:35px;height:35px;" alt="" />
<el-tag v-if="scope.row.ReplyDate==''" effect="dark">
未回复
</el-tag>
<el-tag v-else effect="dark">
已回复
</el-tag>
</template>
</el-table-column>
<el-table-column label="启用状态" width="300px">
<el-table-column label="回复内容">
<template slot-scope="scope">
{{scope.row.Enable==1?"启用":"禁用"}}
{{scope.row.ReplyContent}}
</template>
</el-table-column>
<el-table-column prop="Sort" label="排序">
<el-table-column prop="ReplyDate" label="回复时间">
</el-table-column>
<el-table-column label="操作" width="250px">
<template slot-scope="scope">
<el-button size="mini" type="info" plain @click="showCategoryForm(scope.row)">编辑 </el-button>
<el-button size="mini" type="info" plain @click="RemmoveCategory(scope.row)">删除</el-button>
<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>
</template>
</el-table-column>
</el-table>
......@@ -40,48 +63,56 @@
: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="isShowReplayForm" width="600px">
<el-form label-width="150px">
<el-form-item label="分类名称">
<el-input type="text" style="width:250px" size="small" maxlength="100" v-model="postMsg.Name">
</el-input>
<el-form-item label="咨询用户">
{{replayMsg.UserName}}
</el-form-item>
<el-form-item label="咨询时间">
{{replayMsg.CreateDate}}
</el-form-item>
<el-form-item label="咨询分类">
{{replayMsg.CategoryName}}
</el-form-item>
<el-form-item label="咨询品牌">
{{replayMsg.BrandName}}
</el-form-item>
<el-form-item label="Logo">
<div>
<el-button @click="openChangeDig()" size="small">选择文件</el-button>
<el-form-item label="商品图片">
<div class="indexApp_image" v-for="(item,index) in replayMsg.GoodsImgList" :key="index">
<img v-if="item.Path" :src="item.Path" alt="" style="width:100px;height:100px;" /><br />
{{item.Name}}
</div>
<div class="indexApp_image">
<img v-if="postMsg.Image" :src="postMsg.Image" alt="" style="width:100px;height:100px;" />
</el-form-item>
<el-form-item label="更多照片">
<div class="indexApp_image" v-for="(item,index) in replayMsg.MoreImgList" :key="index">
<img v-if="item.Path" :src="item.Path" alt="" style="width:100px;height:100px;" /><br />
{{item.Name}}
</div>
</el-form-item>
<el-form-item label="启用状态" prop="name">
<el-radio v-model="postMsg.Enable" :label="1">启用</el-radio>
<el-radio v-model="postMsg.Enable" :label="2">禁用</el-radio>
<el-form-item label="备注信息">
{{ replayMsg.Remark}}
</el-form-item>
<el-form-item label="排序">
<el-input style="width:250px" size="small" maxlength="200" v-model="postMsg.Sort">
<el-form-item label="回复内容">
<template v-if="showType==1">
<el-input style="width:250px" size="small" maxlength="200" v-model="replayMsg.ReplyContent">
</el-input>
</template>
<template v-else>
{{replayMsg.ReplyContent}}
</template>
</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="isShowReplayForm = false">取 消</el-button>
<el-button size="small" type="primary" @click="saveData()" v-if="showType==1">确 定</el-button>
</span>
</el-dialog>
<!-- 选择文件 -->
<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 {
components: {
ChooseImg
},
data() {
return {
loading: false,
......@@ -91,32 +122,72 @@
pageIndex: 1,
pageSize: 15,
Name: "",
CategoryId: "",
BrandId: "",
UserId: "",
IsReply: "",
},
//回复状态
ReplyList: [{
Id: 1,
Name: "已回复"
},
{
Id: 2,
Name: "未回复"
},
dateList: [], //日期
],
editTitle: "回复",
postMsg: {
Id: 0,
Name: "",
Image: "",
Enable: 1,
Sort: 0,
//回复信息
replayMsg: {
GoodsId: 0,
GoodsImgList: [],
MoreImgList: [],
ReplyContent: "", //回复内容
Remark: "", //备注信息
CategoryName: "", //分类名称
BrandName: "", //品牌名称
UserName: "", //咨询用户
CreateDate: "", //咨询时间
},
isShowCategoryForm: false,
isShowChooseImage: false,
CategoryList: [], //分类列表
isShowReplayForm: false, //是否显示回复弹窗
showType: 1, //回复类型(1-回复,2-查看)
}
},
created() {},
created() {
this.getCategoryList()
},
mounted() {
this.getList();
},
methods: {
openChangeDig() {
this.isShowChooseImage = true;
showReplayForm(item, showType) {
this.replayMsg.GoodsId = item.Id;
this.replayMsg.GoodsImgList = item.GoodsImgList;
this.replayMsg.MoreImgList = item.MoreImgList;
this.replayMsg.Remark = item.Remark;
this.replayMsg.CategoryName = item.CategoryName;
this.replayMsg.BrandName = item.BrandName;
this.replayMsg.UserName = item.UserName;
this.replayMsg.CreateDate = item.CreateDate;
this.showType = showType;
if (this.showType == 2) {
this.replayMsg.ReplyContent = item.ReplyContent;
}
this.isShowReplayForm = true;
},
SelectId(msg) {
let url = this.getIconLink(msg.url)
this.postMsg.Image = url
this.isShowChooseImage = false;
//获取分类列表
getCategoryList() {
this.apipost("/api/Assess/GetCategoryDropList", {}, res => {
if (res.data.resultCode == 1) {
this.CategoryList = res.data.data;
} else {
this.Error(res.data.message);
}
})
},
//获取数据
getList() {
......@@ -136,11 +207,11 @@
this.msg.pageIndex = val;
this.getList();
},
//新增修改分类
//设置咨询回复
saveData() {
this.assetsApipost("/api/Assess/GetGoodsPageList", this.postMsg, res => {
this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
if (res.data.resultCode == 1) {
this.isShowReplayForm = false;
this.Success(res.data.message);
this.getList();
} else {
......@@ -148,25 +219,7 @@
}
})
},
//删除分类
RemmoveCategory(item) {
let that = this;
that.Confirm("是否删除此分类?", function () {
that.apipost(
"/api/Assess/DelCategoryInfo", {
CategoryId: item.Id,
},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getList();
} else {
that.Error(res.data.message);
}
},
);
});
}
}
};
</script>
......
......@@ -69,7 +69,6 @@
pageSize: 15,
CategoryId: 0, //分类编号
Name: '', //品牌名称
},
CategoryList: [], //分类列表
dateList: [], //日期
......
......@@ -41,7 +41,7 @@
:current-page.sync="msg.pageIndex" layout="prev, pager, next" :total="total">
</el-pagination>
</div>
<!-- 修改版权 -->
<!-- 修改分类 -->
<el-dialog :title="editTitle" :visible.sync="isShowCategoryForm" width="500px">
<el-form label-width="150px">
<el-form-item label="分类名称">
......
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