PH
/
newQudou


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379
							<?php /*a:5:{s:76:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\store\store_product_reply\index.php";i:1595820902;s:61:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\container.php";i:1595820902;s:62:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\frame_head.php";i:1595820902;s:57:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\style.php";i:1595820902;s:64:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\frame_footer.php";i:1595820902;}*/ ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php if(empty($is_layui) || (($is_layui instanceof \think\Collection || $is_layui instanceof \think\Paginator ) && $is_layui->isEmpty())): ?>
    <link href="/system/frame/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <?php endif; ?>
    <link href="/static/plug/layui/css/layui.css" rel="stylesheet">
    <link href="/system/css/layui-admin.css" rel="stylesheet">
    <link href="/system/frame/css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="/system/frame/css/animate.min.css" rel="stylesheet">
    <link href="/system/frame/css/style.min.css?v=3.0.0" rel="stylesheet">
    <script src="/system/frame/js/jquery.min.js"></script>
    <script src="/system/frame/js/bootstrap.min.js"></script>
    <script src="/static/plug/layui/layui.all.js"></script>
    <script>
        $eb = parent._mpApi;
        window.controlle="<?php echo strtolower(trim(preg_replace("/[A-Z]/", "_\\0", app('request')->controller()), "_"));?>";
        window.module="<?php echo app('http')->getName();?>";
    </script>


    <title></title>
    
<script src="/static/plug/sweetalert2/sweetalert2.all.min.js"></script>

    <!--<script type="text/javascript" src="/static/plug/basket.js"></script>-->
<script type="text/javascript" src="/static/plug/requirejs/require.js"></script>
<?php /*  <script type="text/javascript" src="/static/plug/requirejs/require-basket-load.js"></script>  */ ?>
<script>
    var hostname = location.hostname;
    if(location.port) hostname += ':' + location.port;
    requirejs.config({
        map: {
            '*': {
                'css': '/static/plug/requirejs/require-css.js'
            }
        },
        shim:{
            'iview':{
                deps:['css!iviewcss']
            },
            'layer':{
                deps:['css!layercss']
            }
        },
        baseUrl:'//'+hostname+'/',
        paths: {
            'static':'static',
            'system':'system',
            'vue':'static/plug/vue/dist/vue.min',
            'axios':'static/plug/axios.min',
            'iview':'static/plug/iview/dist/iview.min',
            'iviewcss':'static/plug/iview/dist/styles/iview',
            'lodash':'static/plug/lodash',
            'layer':'static/plug/layer/layer',
            'layercss':'static/plug/layer/theme/default/layer',
            'jquery':'static/plug/jquery/jquery.min',
            'moment':'static/plug/moment',
            'sweetalert':'static/plug/sweetalert2/sweetalert2.all.min',
            'formCreate':'/static/plug/form-create/form-create.min',

        },
        basket: {
            excludes:['system/js/index','system/util/mpVueComponent','system/util/mpVuePackage']
//            excludes:['system/util/mpFormBuilder','system/js/index','system/util/mpVueComponent','system/util/mpVuePackage']
        }
    });
</script>
<script type="text/javascript" src="/system/util/mpFrame.js"></script>
    
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content">

<div class="layui-fluid">
    <div class="layui-row layui-col-space15" id="app">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">搜索条件</div>
                <div class="layui-card-body">
                    <form class="layui-form layui-form-pane" action="">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">用户昵称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="nickname" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">商品名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="product_name" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">订单id</label>
                                <div class="layui-input-block">
                                    <input type="text" name="order_id" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">筛选类型</label>
                                <div class="layui-input-block">
                                    <select name="is_reply">
                                        <option value="">全部</option>
                                        <option value="2">已回复</option>
                                        <option value="0">未回复</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">评分筛选</label>
                                <div class="layui-input-block">
                                    <select name="score_type">
                                        <option value="">全部</option>
                                        <option value="1">好评</option>
                                        <option value="2">差评</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="search"
                                            lay-filter="search">
                                        <i class="layui-icon layui-icon-search"></i>搜索
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">评价列表</div>
                <div class="layui-card-body">
                    <div class="layui-btn-container">
                        <button type="button" class="layui-btn layui-btn-sm"
                                onclick="$eb.createModalFrame(this.innerText,'<?php echo Url('create'); ?>')">添加虚拟评论
                        </button>
                    </div>
                    <div class="layui-form">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th width="18%">产品信息</th>
                                <th width="8%">订单号</th>
                                <th width="8%">买家</th>
                                <th width="8%">评分</th>
                                <th width="16%">评论内容</th>
                                <th width="17%">回复内容</th>
                                <th width="10%">评论时间</th>
                                <th width="14%">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-for="(item,index) in messageList">
                                <td>
                                    <div class="layui-col-md3 layui-col-sm3 layui-col-xs3">
                                        <img style="width: 100%;" :src="item.image" @click="lockImage(item.image)" alt="">
                                    </div>
                                    <div class="layui-col-md9 layui-col-sm9 layui-col-xs9">{{item.store_name}}</div>
                                </td>
                                <td>{{item.order_id}}</td>
                                <td>{{item.nickname}}</td>
                                <td>{{item.product_score}}</td>
                                <td>
                                    <div class="layui-col-md12 layui-col-sm12 layui-col-xs12" style="margin: 5px 0;">
                                        {{item.comment}}
                                    </div>
                                    <div class="layui-col-md12 layui-col-sm12 layui-col-xs12">
                                        <img @click="lockImage(pic)" style="width: 30%;" v-for="pic in item.pics" :src="pic"
                                             alt="">
                                    </div>
                                </td>
                                <td>{{item.merchant_reply_content}}</td>
                                <td>{{item._add_time}}</td>
                                <td>
                                    <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"
                                            @click="edit(item,index)">回复
                                    </button>
                                    <button type="button" class="layui-btn layui-btn-normal layui-btn-sm"
                                            @click="delReply(item,index)">删除
                                    </button>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                        <div ref="pages" style="text-align: right;" v-if="count > where.limit"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/system/js/layuiList.js"></script>


<script type="text/javascript">
    var product_id = <?=$product_id?>;
    require(['vue'], function (Vue) {
        new Vue({
            el: "#app",
            data: {
                where: {
                    page: 1,
                    title: '',
                    is_reply: '',
                    limit: 10,
                    product_name: '',
                    producr_id: product_id,
                    message_page: 1,
                    order_id: '',
                    nickname: '',
                    score_type: '',
                },
                product: {
                    loading: false,
                    loadend: false,
                    loadTitle: '加载更多',
                },
                product_name: '',
                messageList: [],
                message: {
                    loading: false,
                    loadend: false,
                    loadTitle: '加载更多',
                },
                count: 0,
            },
            watch: {
                'where.producr_id': function (n) {
                    this.message.loadend = false;
                    this.where.message_page = 1;
                    this.$set(this, 'messageList', []);
                    this.getMessageList();
                },
                'where.message_page': function (n) {
                    this.message.loadend = false;
                    this.getMessageList(true);
                }
            },
            methods: {
                see: function (nickname, uid) {
                    $eb.createModalFrame(nickname + '-会员详情', layList.Url({c: 'user.user', a: 'see', p: {uid: uid}}));
                },
                Reset: function () {
                    if (!this.where.product_name) return;
                    this.where.page = 1;
                    this.product.loadend = false;
                    this.product_name = '';
                    this.where.product_name = '';
                    this.$set(this, 'productImaesList', []);
                    this.getProductImaesList();
                },
                seachs: function () {
                    this.where.page = 1;
                    this.product.loadend = false;
                    if (!this.where.product_name && !this.product_name) return layList.msg('请输入产品名称再进行查找！');
                    if (this.where.product_name == this.product_name) return;
                    this.product_name = this.where.product_name;
                    this.$set(this, 'productImaesList', []);
                    this.getProductImaesList();
                },
                delReply: function (item, index) {
                    var url = layList.U({a: 'delete', p: {id: item.id}}), that = this;
                    $eb.$swal('delete', function () {
                        $eb.axios.get(url).then(function (res) {
                            if (res.status == 200 && res.data.code == 200) {
                                $eb.$swal('success', res.data.msg);
                                that.messageList.splice(index, 1);
                                that.$set(that, 'messageList', that.messageList);
                            } else
                                return Promise.reject(res.data.msg || '删除失败')
                        }).catch(function (err) {
                            $eb.$swal('error', err);
                        });
                    })
                },
                edit: function (item, index) {
                    var url = layList.U({a: 'set_reply'}), rid = item.id;
                    $eb.$alert('textarea', {
                        'title': '请输入回复内容',
                        'value': item.merchant_reply_content
                    }, function (result) {
                        $eb.axios.post(url, {content: result, id: rid}).then(function (res) {
                            if (res.status == 200 && res.data.code == 200) {
                                item.merchant_reply_time = 1;
                                item.merchant_reply_content = result;
                                $eb.swal(res.data.msg);
                            } else
                                $eb.swal(res.data.msg);
                        });
                    })
                },
                loadList: function () {
                    this.getProductImaesList();
                },
                lockImage: function (href) {
                    return layList.layer.open({
                        type: 1,
                        title: false,
                        closeBtn: 0,
                        shadeClose: true,
                        content: '<img src="' + href + '" style="display: block;width: 100%;" />'
                    });
                },
                getMessageList: function (isFa) {
                    var that = this;
                    if (that.message.loading) return;
                    if (that.message.loadend) return;
                    var index = layList.layer.load(1, {shade: [0.1, '#fff']});
                    layList.baseGet(layList.U({a: 'get_product_reply_list', q: that.where}), function (res) {
                        var list = res.data.list;
                        var loadend = list.length < that.where.limit;
                        that.message.loading = false;
                        that.message.loadend = loadend;
                        that.count = res.data.count;
                        that.$set(that, 'messageList', list);
                        layList.layer.close(index);
                        isFa || that.initPage();
                    }, function (res) {
                        that.message.loading = false;
                        layList.layer.close(index);
                    });
                },
                slitherMonitor: function () {
                    var clientHeight = document.documentElement.clientHeight;
                    if (this.$refs.producr.offsetHeight >= clientHeight) this.$refs.producr.style.overflowX = 'scroll';
                    else this.$refs.producr.style.overflow = 'hidden';
                },
                initPage: function () {
                    var that = this;
                    that.$nextTick(function () {
                        layList.laypage.render({
                            elem: that.$refs.pages
                            , count: that.count
                            , limit: that.where.limit
                            , layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
                            , jump: function (obj) {
                                that.where.message_page = obj.curr
                            }
                        });
                    })
                }
            },
            mounted: function () {
                layList.form.render();
                this.getMessageList();
                //查询
                var that = this;
                layList.search('search', function (where) {
                    if ((where.product_name && that.where.product_name == where.product_name) || (where.is_reply && that.where.is_reply == where.is_reply)) return false;
                    that.where.product_name = where.product_name;
                    that.where.is_reply = where.is_reply;
                    that.where.nickname = where.nickname;
                    that.where.message_page = 1;
                    that.where.order_id = where.order_id;
                    that.where.score_type = where.score_type;
                    that.message.loadend = false;
                    that.getMessageList();
                });
            }
        })
    })
</script>


</div>
</body>
</html>