|
|
|
@ -2,43 +2,66 @@
|
|
|
|
|
* @Author: ch
|
|
|
|
|
* @Date: 2022-06-15 17:29:32
|
|
|
|
|
* @LastEditors: ch
|
|
|
|
|
* @LastEditTime: 2022-06-28 17:48:42
|
|
|
|
|
* @LastEditTime: 2022-06-30 15:59:57
|
|
|
|
|
* @Description: file content
|
|
|
|
|
-->
|
|
|
|
|
<template>
|
|
|
|
|
<table-list
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:operation="['search']"
|
|
|
|
|
:code="_pagingCode"
|
|
|
|
|
:config="config"
|
|
|
|
|
:data="list"
|
|
|
|
|
:total="total"
|
|
|
|
|
@search="handleSearch"
|
|
|
|
|
:reset="handleReset"
|
|
|
|
|
>
|
|
|
|
|
<template #search>
|
|
|
|
|
<el-form inline>
|
|
|
|
|
<el-form-item label="商品名称" prop="productName">
|
|
|
|
|
<el-input v-model="state.condition.productName" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="用户昵称">
|
|
|
|
|
<el-input v-model="state.condition.userName" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="手机号" prop="phone">
|
|
|
|
|
<el-input v-model="state.condition.phone" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="评分" prop="name">
|
|
|
|
|
<el-select v-model="state.condition.scoreList" multiple collapse-tags collapse-tags-tooltip>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, idx) in opts.score"
|
|
|
|
|
:key="idx"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="是否显示" prop="name">
|
|
|
|
|
<el-select v-model="state.condition.isShow">
|
|
|
|
|
<div>
|
|
|
|
|
<table-list
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:operation="['search']"
|
|
|
|
|
:code="_pagingCode"
|
|
|
|
|
:config="config"
|
|
|
|
|
:data="list"
|
|
|
|
|
:total="total"
|
|
|
|
|
@search="handleSearch"
|
|
|
|
|
:reset="handleReset"
|
|
|
|
|
>
|
|
|
|
|
<template #search>
|
|
|
|
|
<el-form inline>
|
|
|
|
|
<el-form-item label="商品名称" prop="productName">
|
|
|
|
|
<el-input v-model="state.condition.productName" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="用户昵称">
|
|
|
|
|
<el-input v-model="state.condition.userName" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="手机号" prop="phone">
|
|
|
|
|
<el-input v-model="state.condition.phone" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="评分" prop="name">
|
|
|
|
|
<el-select v-model="state.condition.scoreList" multiple collapse-tags collapse-tags-tooltip>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, idx) in opts.score"
|
|
|
|
|
:key="idx"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="是否显示" prop="name">
|
|
|
|
|
<el-select v-model="state.condition.isShow">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, idx) in opts.isShow"
|
|
|
|
|
:key="idx"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="评价时间" prop="dateRange">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="state.condition.dateRange"
|
|
|
|
|
:default-time="[new Date(0, 0, 0, 0, 0, 0), new Date(0, 0, 0, 23, 59, 59)]"
|
|
|
|
|
type="datetimerange"
|
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template #operation="{ selection }">
|
|
|
|
|
<div class="batch-show-hide" v-if="selection.length">
|
|
|
|
|
<el-select v-model="allShowHideVal">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, idx) in opts.isShow"
|
|
|
|
|
:key="idx"
|
|
|
|
@ -46,32 +69,11 @@
|
|
|
|
|
:value="item.value"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="评价时间" prop="dateRange">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="state.condition.dateRange"
|
|
|
|
|
:default-time="[new Date(0, 0, 0, 0, 0, 0), new Date(0, 0, 0, 23, 59, 59)]"
|
|
|
|
|
type="datetimerange"
|
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template #operation="{ selection }">
|
|
|
|
|
<div class="batch-show-hide" v-if="selection.length">
|
|
|
|
|
<el-select v-model="allShowHideVal">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="(item, idx) in opts.isShow"
|
|
|
|
|
:key="idx"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value"
|
|
|
|
|
></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
<el-button type="primary" @click="handleAllShowHide(selection)">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</table-list>
|
|
|
|
|
<el-button type="primary" @click="handleAllShowHide(selection)">确定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</table-list>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script setup lang="jsx">
|
|
|
|
|
import ElButton from '@/components/extra/ElButton.vue';
|
|
|
|
@ -102,7 +104,7 @@
|
|
|
|
|
const allShowHideVal = ref(true);
|
|
|
|
|
|
|
|
|
|
store.dispatch('comment/search', { pagingCode: _pagingCode });
|
|
|
|
|
onActivated(() => handleSearch);
|
|
|
|
|
onActivated(handleSearch);
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 搜索
|
|
|
|
|