Merge remote-tracking branch 'origin/build' into build
This commit is contained in:
aixianling
@@ -113,12 +113,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</ai-user-selecter>
|
</ai-user-selecter>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="地区分布" style="width: 100%;" prop="taskEndTime">
|
<el-form-item label="地区分布" style="width: 100%;">
|
||||||
<div class="area-flex" v-for="(item, index) in areaList" :key="index">
|
<div class="area-flex" v-for="(item, index) in areaList" :key="index">
|
||||||
<span class="area-label">{{item.areaName}}</span>
|
<span class="area-label">{{item.areaName}}</span>
|
||||||
<el-input placeholder="请输入" size="small" style="width:100px" v-model="item.proportion" @change="areaNumChange(index)" maxlength="3"></el-input>
|
<el-input placeholder="请输入" size="small" style="width:100px" v-model="item.proportion" @change="areaNumChange(index)" maxlength="3"></el-input>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</ai-card>
|
</ai-card>
|
||||||
|
|||||||
@@ -74,6 +74,9 @@
|
|||||||
<ai-info-item label="预计执行天数" :value="info.days"></ai-info-item>
|
<ai-info-item label="预计执行天数" :value="info.days"></ai-info-item>
|
||||||
|
|
||||||
<ai-info-item :label="dayList[index].label" :value="item" v-for="(item, index) in info.timePlan" :key="index" style="width:25%"></ai-info-item>
|
<ai-info-item :label="dayList[index].label" :value="item" v-for="(item, index) in info.timePlan" :key="index" style="width:25%"></ai-info-item>
|
||||||
|
<ai-info-item label="地区分布" isLine>
|
||||||
|
<div class="area-flex" v-for="(item, index) in info.questionConfig" :key="index"><span class="area-label">{{item.areaName}}</span>{{item.proportion}}</div>
|
||||||
|
</ai-info-item>
|
||||||
</ai-wrapper>
|
</ai-wrapper>
|
||||||
</template>
|
</template>
|
||||||
</ai-card>
|
</ai-card>
|
||||||
@@ -886,5 +889,16 @@
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.area-flex {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 32px;
|
||||||
|
.area-label {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666;
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -98,7 +98,7 @@
|
|||||||
|
|
||||||
<el-table-column label="门店评分" slot="mark" align="center">
|
<el-table-column label="门店评分" slot="mark" align="center">
|
||||||
<template v-slot="{row}">
|
<template v-slot="{row}">
|
||||||
<el-rate :value="4" disabled></el-rate>
|
<el-rate :value="4" show-score text-color="#ff9900" disabled></el-rate>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
|
|||||||
@@ -1,18 +1,129 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<ai-detail class="detail">
|
||||||
Detail
|
<template slot="title">
|
||||||
</div>
|
<ai-title title="评价详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)"></ai-title>
|
||||||
|
</template>
|
||||||
|
<template slot="content">
|
||||||
|
<ai-card title="基本信息">
|
||||||
|
<template #content>
|
||||||
|
<ai-wrapper>
|
||||||
|
<ai-info-item label="门店名称" :value="info.applyItemName"></ai-info-item>
|
||||||
|
<ai-info-item label="门店地址" :value="info.integralUserName"></ai-info-item>
|
||||||
|
<ai-info-item label="经营者姓名" :value="info.phone"></ai-info-item>
|
||||||
|
<ai-info-item label="联系电话" :value="info.areaName"></ai-info-item>
|
||||||
|
<ai-info-item label="评价人" :value="info.girdName"></ai-info-item>
|
||||||
|
<ai-info-item label="评价人电话" :value="info.auditTime"></ai-info-item>
|
||||||
|
<ai-info-item label="评价时间" :value="info.auditTime"></ai-info-item>
|
||||||
|
<ai-info-item label="评价人类型" :value="info.auditTime"></ai-info-item>
|
||||||
|
<ai-info-item label="评价类型" isLine :value="info.auditTime"></ai-info-item>
|
||||||
|
<ai-info-item label="评语" isLine :value="info.auditTime"></ai-info-item>
|
||||||
|
<ai-info-item label="现场图片" isLine :value="info.auditTime">
|
||||||
|
<div class="files">
|
||||||
|
<ai-uploader
|
||||||
|
:instance="instance"
|
||||||
|
fileType="img"
|
||||||
|
acceptType=".jpg,.png,.jpeg,.JPG,.PNG,.JPEG"
|
||||||
|
v-model="info.images"
|
||||||
|
:limit="9" :disabled="true">
|
||||||
|
</ai-uploader>
|
||||||
|
</div>
|
||||||
|
</ai-info-item>
|
||||||
|
</ai-wrapper>
|
||||||
|
</template>
|
||||||
|
</ai-card>
|
||||||
|
<ai-card title="打分细则">
|
||||||
|
<label class="aibar-left">1、正面清单</label>
|
||||||
|
<ai-table
|
||||||
|
class="mt-16"
|
||||||
|
:tableData="tableData1"
|
||||||
|
:is-show-pagination="false"
|
||||||
|
:col-configs="colConfigs1">
|
||||||
|
</ai-table>
|
||||||
|
<label class="aibar-left">2、负面清单</label>
|
||||||
|
<ai-table
|
||||||
|
class="mt-16"
|
||||||
|
:tableData="tableData2"
|
||||||
|
:is-show-pagination="false"
|
||||||
|
:col-configs="colConfigs2">
|
||||||
|
</ai-table>
|
||||||
|
</ai-card>
|
||||||
|
</template>
|
||||||
|
</ai-detail>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "Detail",
|
name: "Detail",
|
||||||
|
props: {
|
||||||
|
instance: Function,
|
||||||
|
dict: Object,
|
||||||
|
params: Object
|
||||||
|
},
|
||||||
data() {
|
data() {
|
||||||
return {}
|
return {
|
||||||
|
info: {},
|
||||||
|
tableData1:[],
|
||||||
|
colConfigs1:[
|
||||||
|
{ prop: 'integralUserName', label: '清单类型', align: 'center' },
|
||||||
|
{ prop: 'areaName', label: '状态', align: 'center' },
|
||||||
|
{ prop: 'girdName', label: '分数', align: 'center' },
|
||||||
|
],
|
||||||
|
tableData2:[],
|
||||||
|
colConfigs2:[
|
||||||
|
{ prop: 'integralUserName', label: '清单类型', align: 'center' },
|
||||||
|
{ prop: 'areaName', label: '状态', align: 'center' },
|
||||||
|
{ prop: 'girdName', label: '分数', align: 'center' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
cancel() {
|
||||||
|
this.$emit('change', {
|
||||||
|
type: 'List',
|
||||||
|
isRefresh: true
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.detail{
|
||||||
|
.files {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.file-item {
|
||||||
|
width: 118px;
|
||||||
|
height: 118px;
|
||||||
|
margin: 0 20px 20px 0;
|
||||||
|
|
||||||
|
img, video {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all ease 0.3s;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aibar-left{
|
||||||
|
color: #222;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-16{
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,8 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<ai-list class="app-mark-list">
|
<ai-list class="app-mark-list">
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<ai-title title="门店评价" isShowBottomBorder>
|
<ai-title title="门店评价" isShowBottomBorder> </ai-title>
|
||||||
</ai-title>
|
|
||||||
</template>
|
</template>
|
||||||
<template slot="content">
|
<template slot="content">
|
||||||
<ai-search-bar class="search-bar">
|
<ai-search-bar class="search-bar">
|
||||||
|
|||||||
302
project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
Normal file
302
project/fengdu/AppOutSource/AppMarkStatic/AppMarkStatic.vue
Normal file
@@ -0,0 +1,302 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-ark-static">
|
||||||
|
<ai-list>
|
||||||
|
<template #content>
|
||||||
|
<ai-title title="门店概况"></ai-title>
|
||||||
|
<div class="card_list">
|
||||||
|
<div class="card" v-for="(item,index) in cardList" :key="index">
|
||||||
|
<h2>{{ item.label }}</h2>
|
||||||
|
<p class="color1">{{ item.value || 0 }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row">
|
||||||
|
<div class="left-row flex-col">
|
||||||
|
<ai-title title="6月五星门店（排名不分先后）">
|
||||||
|
<template #rightBtn>
|
||||||
|
<label class="tooltip">默认选择一个网格</label>
|
||||||
|
<el-select placeholder="请选择网格" v-model="form.data" size="small">
|
||||||
|
<el-option
|
||||||
|
v-for="item in []"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</ai-title>
|
||||||
|
<ai-table :is-show-pagination="false"
|
||||||
|
:tableData="tableData"
|
||||||
|
:col-configs="colConfigs"></ai-table>
|
||||||
|
</div>
|
||||||
|
<div class="right-row flex-col">
|
||||||
|
<ai-title title="网格五星门店数量排名"></ai-title>
|
||||||
|
<div class="bar-chart" ref="chartRef"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ai-title title="统计列表"></ai-title>
|
||||||
|
<ai-search-bar>
|
||||||
|
<template #left>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="经营类型"
|
||||||
|
:selectList="[]">
|
||||||
|
</ai-select>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="所属网格"
|
||||||
|
:selectList="[]">
|
||||||
|
</ai-select>
|
||||||
|
</template>
|
||||||
|
<template #right>
|
||||||
|
<el-input
|
||||||
|
v-model="search.createUserName"
|
||||||
|
size="small"
|
||||||
|
v-throttle="() => {search.current = 1, getList()}"
|
||||||
|
placeholder="请输入门店名称"
|
||||||
|
clearable
|
||||||
|
@clear="search.current = 1, search.createUserName = '', getList()"
|
||||||
|
suffix-icon="iconfont iconSearch">
|
||||||
|
</el-input>
|
||||||
|
</template>
|
||||||
|
</ai-search-bar>
|
||||||
|
<ai-table
|
||||||
|
:tableData="colConfigs1"
|
||||||
|
:col-configs="colConfigs1"
|
||||||
|
:total="total"
|
||||||
|
:current.sync="search.current"
|
||||||
|
:size.sync="search.size"
|
||||||
|
@getList="getList">
|
||||||
|
<el-table-column
|
||||||
|
label="门店照片"
|
||||||
|
slot="pic"
|
||||||
|
align="left">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<img :src="row.picUrl" alt="" v-viewer>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="门店评分" slot="mark" align="center">
|
||||||
|
<template v-slot="{row}">
|
||||||
|
<el-rate :value="4" show-score text-color="#ff9900" disabled></el-rate>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
</ai-table>
|
||||||
|
</template>
|
||||||
|
</ai-list>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let chartInstance = null;
|
||||||
|
export default {
|
||||||
|
name: "AppMarkStatic",
|
||||||
|
label: '门店统计',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
data: {},
|
||||||
|
form: {},
|
||||||
|
search:{},
|
||||||
|
cardList: [
|
||||||
|
{
|
||||||
|
label: '门店总数量',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '总网格数',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '总网格员',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '五星门店',
|
||||||
|
value: 122
|
||||||
|
}
|
||||||
|
],
|
||||||
|
tableData: [],
|
||||||
|
colConfigs: [
|
||||||
|
{prop: '1', label: '门店名称', align: 'center'},
|
||||||
|
{prop: '2', label: '经营类型', align: 'center'},
|
||||||
|
{prop: '3', label: '经营者名称', align: 'center'},
|
||||||
|
],
|
||||||
|
total: 10,
|
||||||
|
colConfigs1: [
|
||||||
|
{type: "selection"},
|
||||||
|
{ slot: 'pic', align: 'center' },
|
||||||
|
{ prop: 'integralUserName', label: '门店名称', align: 'center' },
|
||||||
|
{ prop: 'areaName', label: '经营者姓名', align: 'center' },
|
||||||
|
{ prop: 'girdName', label: '联系电话', align: 'center' },
|
||||||
|
{ prop: 'createTime', label: '录入时间', align: 'center' },
|
||||||
|
{ prop: 'createTime', label: '所属网格', align: 'center' },
|
||||||
|
{ prop: 'status', label: '门店地址', align: 'center'},
|
||||||
|
{ prop: 'auditUserName', label: '经营类型', align: 'center' },
|
||||||
|
{slot:'mark',align: 'center'}
|
||||||
|
],
|
||||||
|
tableData1: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
getList(){
|
||||||
|
|
||||||
|
},
|
||||||
|
resize() {
|
||||||
|
if (chartInstance) {
|
||||||
|
chartInstance.resize()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
initChart() {
|
||||||
|
chartInstance = echarts.init(this.$refs.chartRef)
|
||||||
|
chartInstance.setOption({
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
axisPointer: {
|
||||||
|
type: 'shadow'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
show: false
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
top: '1%',
|
||||||
|
left: '3%',
|
||||||
|
right: '4%',
|
||||||
|
bottom: '3%',
|
||||||
|
containLabel: true
|
||||||
|
},
|
||||||
|
xAxis: {
|
||||||
|
type: 'value',
|
||||||
|
boundaryGap: [0, 0.01]
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'category',
|
||||||
|
data: ['Brazil', 'Indonesia', 'USA', 'India', 'China', 'World']
|
||||||
|
},
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: '2012',
|
||||||
|
type: 'bar',
|
||||||
|
itemStyle:{
|
||||||
|
color:'#389FFF'
|
||||||
|
},
|
||||||
|
data: [19325, 23438, 31000, 121594, 134141, 681807]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
||||||
|
|
||||||
|
window.addEventListener('resize', this.resize)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
this.initChart()
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeDestroy() {
|
||||||
|
if (chartInstance) {
|
||||||
|
chartInstance.dispose()
|
||||||
|
chartInstance = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.app-ark-static {
|
||||||
|
height: 100%;
|
||||||
|
background: #F3F6F9;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
.card_list {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
flex: 1;
|
||||||
|
height: 96px;
|
||||||
|
background: #F9F9F9;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-right: 20px;
|
||||||
|
padding: 16px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #888888;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color1 {
|
||||||
|
color: #2891FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color2 {
|
||||||
|
color: #22AA99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color3 {
|
||||||
|
color: #F8B425;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-row {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 20px;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
.left-row {
|
||||||
|
height: 100%;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-row {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-col {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mt-10 {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #D9001B;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.h-full {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bar-chart {
|
||||||
|
width: 100%;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
50
project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue
Normal file
50
project/fengdu/AppOutSource/AppRateManage/AppRateManage.vue
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
<template>
|
||||||
|
<ai-list>
|
||||||
|
<template slot="title">
|
||||||
|
<ai-title title="评分管理" :isShowBottomBorder="false">
|
||||||
|
</ai-title>
|
||||||
|
</template>
|
||||||
|
<template #tabs>
|
||||||
|
<el-tabs v-model="currIndex">
|
||||||
|
<el-tab-pane v-for="(tab,i) in tabs" :key="i" :label="tab.label">
|
||||||
|
<component v-if="currIndex == i" :is="tab.comp" @change="onChange" lazy :instance="instance" :dict="dict" :permissions="permissions"/>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
</template>
|
||||||
|
</ai-list>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import RuleManage from "./components/RuleManage.vue";
|
||||||
|
import AppraiseTask from "./components/AppraiseTask.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "AppRateManage",
|
||||||
|
label:'评分管理',
|
||||||
|
|
||||||
|
props: {
|
||||||
|
instance: Function,
|
||||||
|
dict: Object,
|
||||||
|
permissions: Function
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
currIndex:0,
|
||||||
|
tabs:[
|
||||||
|
{label: '规则管理', name: 'RuleManage', comp: RuleManage, permission: ''},
|
||||||
|
{label: '评选任务', name: 'AppraiseTask', comp: AppraiseTask, permission: ''}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
onChange(data) {
|
||||||
|
console.log(data)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,20 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
AppraiseTask
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "AppraiseTask",
|
||||||
|
data() {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
create() {
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,203 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<ai-list>
|
||||||
|
<template #content>
|
||||||
|
<div class="card_list">
|
||||||
|
<div class="card" v-for="(item,index) in cardList" :key="index">
|
||||||
|
<h2>{{ item.label }}</h2>
|
||||||
|
<p class="color1">{{ item.value || 0 }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ai-title title="评分列表"></ai-title>
|
||||||
|
<ai-search-bar>
|
||||||
|
<template #left>
|
||||||
|
<el-button type="primary" icon="iconfont iconAdd" @click="handleAdd">添加</el-button>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="请选择事件类型"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="请选择自定义事件"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="请选择状态"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
<ai-select
|
||||||
|
v-model="search.applyItemId"
|
||||||
|
@change="(search.current = 1), getList()"
|
||||||
|
placeholder="有效地区"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
</template>
|
||||||
|
</ai-search-bar>
|
||||||
|
|
||||||
|
<ai-table
|
||||||
|
:tableData="tableData"
|
||||||
|
:col-configs="colConfigs"
|
||||||
|
:total="total"
|
||||||
|
style="margin-top: 6px;"
|
||||||
|
:current.sync="search.current"
|
||||||
|
:size.sync="search.size"
|
||||||
|
@getList="getList">
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
label="状态"
|
||||||
|
slot="state">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<span class="start">启用</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column slot="options" width="180px" fixed="right" label="操作" align="center">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<div class="table-options">
|
||||||
|
<el-button type="text">停用</el-button>
|
||||||
|
<el-button type="text">编辑</el-button>
|
||||||
|
<el-button type="text">删除</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</ai-table>
|
||||||
|
</template>
|
||||||
|
</ai-list>
|
||||||
|
<ai-dialog title="评分规则" :visible.sync="dialog" width="800px">
|
||||||
|
<el-form ref="formRef" :model="form" label-width="120px">
|
||||||
|
<el-form-item label="事件类型：">
|
||||||
|
<ai-select
|
||||||
|
v-model="form.applyItemId"
|
||||||
|
placeholder="请选择事件类型"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="自定义事件：">
|
||||||
|
<ai-select
|
||||||
|
v-model="form.applyItemId"
|
||||||
|
placeholder="请选择自定义事件"
|
||||||
|
:selectList="dictList">
|
||||||
|
</ai-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="规则：">常规</el-form-item>
|
||||||
|
<el-form-item label="分值：">
|
||||||
|
<el-input v-model="form.num" size="small" placeholder="请输入分值"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</ai-dialog>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "RuleManage",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
search:{},
|
||||||
|
dictList:[],
|
||||||
|
cardList: [
|
||||||
|
{
|
||||||
|
label: '规则总数量',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '正向事件规则项',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '正向事件总分数',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负向事件规则项',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '负向事件总分数',
|
||||||
|
value: 122
|
||||||
|
},
|
||||||
|
],
|
||||||
|
total: 10,
|
||||||
|
colConfigs: [
|
||||||
|
{type: "selection"},
|
||||||
|
{ prop: 'integralUserName', label: '类型', align: 'center' },
|
||||||
|
{ prop: 'areaName', label: '事件', align: 'center' },
|
||||||
|
{ prop: 'girdName', label: '规则', align: 'center' },
|
||||||
|
{ prop: 'createTime', label: '分值', align: 'center' },
|
||||||
|
{ slot: 'state', label: '状态', align: 'center' },
|
||||||
|
],
|
||||||
|
tableData: [],
|
||||||
|
dialog:false,
|
||||||
|
form:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleAdd(){
|
||||||
|
this.dialog = true
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.card_list {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.card {
|
||||||
|
flex: 1;
|
||||||
|
height: 96px;
|
||||||
|
background: #F9F9F9;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-right: 20px;
|
||||||
|
padding: 16px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #888888;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color1 {
|
||||||
|
color: #2891FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color2 {
|
||||||
|
color: #22AA99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.color3 {
|
||||||
|
color: #F8B425;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.start{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #2EA222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stop{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #FF4466;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user