Skip to content

P
pet-business-web
Commit 85e942fc authored by 陈明豪's avatar 陈明豪
Browse files
Options

数据统计-医院数据统计-前端部分

parent ed1770e9
Show whitespace changes
Inline Side-by-side
Showing with 836 additions and 25 deletions
src/views/data-statistics/echars-components/china-map.vue
View file @ 85e942fc
<template>
<div class="chinaecharts">
<div id="mapChart" ref="mapChart" />
</div>
<div ref="mapChart" class="chinaecharts" />
</template>
<script>
......@@ -27,11 +25,18 @@ export default {
const mapChart = this.$echarts.init(this.$refs.mapChart)
mapChart.setOption({
backgroundColor: '', // 背景颜色
// borderWidth: 4, // 设置外层边框
// borderColor: '#f8911b',
title: {
text: '',
subtext: '',
color: '#fff',
x: 'center'
text: '医院所在城市分析',
left: 'left',
textStyle: {
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
color: '#333333'
// margin-bottom: 20px,
}
},
// 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。
visualMap: {
......@@ -72,7 +77,7 @@ export default {
label: '1-99人',
color: '#BCDBB4'
},
{ lte: 0, label: '无', color: '#FAFAFA' } // 不指定 min，表示 min 为无限大（-Infinity）。
{ lte: 0, label: '无', color: '#fff' } // 不指定 min，表示 min 为无限大（-Infinity）。
],
textStyle: {
color: '#737373'
......@@ -83,7 +88,6 @@ export default {
show: true, // 鼠标移入是否触发数据
trigger: 'item', // 出发方式
formatter: (item) => {
console.log('itemData', item)
const unit = _this.unit
const percent = item.data.value / _this.sum * 100
return `<div>
......@@ -93,6 +97,34 @@ export default {
</div>`
}
},
// 配置地图样式
geo: {
top: '20%',
show: true,
zoom: 1.3,
map: 'china',
silent: true,
aspectScale: 0.75, // 长宽比,默认0.75
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
roam: false,
itemStyle: {
normal: {
// areaColor: 'yellow',
borderWidth: 2.5, // 设置外层边框
borderColor: '#767676'
// shadowColor: 'red', //#A0A2A5 外边框阴影色
// shadowBlur: 10, //外边框阴影
// opacity: 1
}
}
},
// 配置地图的数据，并且显示
series: [
{
......@@ -169,12 +201,8 @@ export default {
<style scoped>
.chinaecharts {
width: 100%;
height: 100%;
/*background-color: #333;*/
}
#mapChart {
width: 100%;
height: 500px;
/*background-color: #333;*/
}
</style>
src/views/data-statistics/echars-components/columnarChart.vue 0 → 100644
View file @ 85e942fc
<template>
<div ref="columnar" class="columnarCharts" />
</template>
<script>
export default {
name: 'ColumnarChart',
props: ['title', 'startColor', 'endColor', 'label', 'unit', 'xData', 'yData', 'name'],
data() {
return {}
},
watch: {},
created() {
},
mounted() {
this.setEcharts()
},
methods: {
setEcharts() {
const _this = this
// 基于准备好的dom，初始化echarts实例
const mapChart = this.$echarts.init(this.$refs.columnar)
mapChart.setOption({
title: {
left: 'left',
text: _this.title,
textStyle: {
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
color: '#333333'
// margin-bottom: 20px,
}
},
legend: {
show: true,
// data: ['历史入驻量', '当前有效数量'],
left: 'right',
textStyle: { // 图例的公用文本样式。
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 400,
color: '#666'
}
},
grid: {
x: 60,
x2: 10,
y2: 40
},
xAxis: {
type: 'category',
data: _this.xData
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value}' + _this.unit
}
},
// 悬浮框样式
tooltip: {
show: true, // 鼠标移入是否触发数据
trigger: 'axis', // 出发方式
formatter: (axis) => {
return `<div>
<div>${axis[0].name}</div>
<div style="display: flex">
<div style="background-image: linear-gradient(to bottom, ${_this.startColor}, ${_this.endColor});;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
<span>${_this.label}</span>
<span style="
margin-left: 5px;
background-image: -webkit-linear-gradient(top, ${_this.startColor}, ${_this.endColor});
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;">
${axis[0].value}(${_this.unit})</span>
</div>
</div>`
}
},
series: [
{
data: _this.yData,
barWidth: '12px',
type: 'bar',
name: _this.name,
itemStyle: {
normal: {
barBorderRadius: [20, 20, 0, 0]
}
},
color: new this.$echarts.graphic.LinearGradient(
0, 1, 0, 0, [{ // 代表渐变色从正上方开始
offset: 0, // offset范围是0~1，用于表示位置，0是指0%处的颜色
color: _this.endColor
}, // 柱图渐变色
{
offset: 1, // 指100%处的颜色
color: _this.startColor
}
]),
label: {
show: true,
position: 'top',
textStyle: {
color: '#3490CD',
fontSize: 12,
fontWeight: 'bold'
},
formatter: '{c}' + _this.unit
}
}
]
})
}
}
}
</script>
<style scoped>
.columnarCharts {
width: 100%;
height: 500px;
}
</style>
src/views/data-statistics/echars-components/radar-chart-for-hospital.vue 0 → 100644
View file @ 85e942fc
<template>
<div ref="radarMap" class="radarChart">
雷达
</div>
</template>
<script>
export default {
name: 'RadarChartForHospital',
props: ['title', 'radarIndicatorData', 'radarLegendData'],
data() {
return {}
},
watch: {},
mounted() {
this.setCharts()
},
methods: {
setCharts() {
// const _this = this
// 基于准备好的dom，初始化echarts实例
const mapChart = this.$echarts.init(this.$refs.radarMap)
mapChart.setOption({
title: {
left: 'left',
text: '医院评级分布',
textStyle: {
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
color: '#333333'
}
},
tooltip: {
show: true
},
legend: {
data: ['历史入驻量', '当前有效数量'],
left: 'right',
textStyle: { // 图例的公用文本样式。
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 400,
color: '#666'
}
},
radar: {
// shape: 'circle',
center: ['50%', '55%'],
radius: 140,
indicator: [
{ name: '一星诊疗机构', max: 50 },
{ name: '二星诊疗机构', max: 50 },
{ name: '三星诊疗机构', max: 50 },
{ name: '四星诊疗机构', max: 50 },
{ name: '五星诊疗机构', max: 50 }
],
axisName: { // (圆外的标签)雷达图每个指示器名称的配置项。
color: '#666666',
fontSize: 12,
fontWeight: 400,
fontFamily: 'Microsoft YaHei'
}
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
data: [
{
value: [42, 30, 20, 35, 50, 18],
name: '历史入驻量',
symbol: 'emptyCircle', // 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none', emptyCircle
symbolSize: 6,
itemStyle: {
color: new this.$echarts.graphic.LinearGradient( // 设置渐变色
0, 0, 0, 1,
[
{ offset: 0, color: '#7245D9' },
{ offset: 1, color: '#5A5FE6' }
]
)
},
// 雷达图辐射区域的样式
areaStyle: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: 'rgba(114, 69, 217, 0.3)' },
{ offset: 1, color: 'rgba(90, 95, 230, 0.3)' }
]
)
}
},
{
value: [50, 14, 28, 26, 42, 21],
name: '当前有效数量',
symbol: 'emptyCircle',
symbolSize: 6,
itemStyle: {
color: new this.$echarts.graphic.LinearGradient( // 设置渐变色
0, 0, 0, 1,
[
{ offset: 0, color: '#3994C1' },
{ offset: 1, color: '#5BB158' }
]
)
},
areaStyle: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: 'rgba(57, 148, 193, 0.3)' },
{ offset: 1, color: 'rgba(91, 177, 88, 0.3)' }
]
)
}
}
]
}
]
})
}
}
}
</script>
<style scoped>
.radarChart {
width: 100%;
height: 500px;
}
</style>
src/views/data-statistics/echars-components/radar-chart-for-platform-petowner.vue 0 → 100644
View file @ 85e942fc
<template>
<div ref="radarMap" class="radarChart">
雷达
</div>
</template>
<script>
export default {
name: 'RadarChartForPlatformPetOwner',
props: ['title', 'radarIndicatorData', 'radarLegendData'],
data() {
return {}
},
watch: {},
mounted() {
this.setCharts()
},
methods: {
setCharts() {
// const _this = this
// 基于准备好的dom，初始化echarts实例
const mapChart = this.$echarts.init(this.$refs.radarMap)
mapChart.setOption({
title: {
left: 'left',
text: '宠主绑定医院数量分析',
textStyle: {
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
color: '#333333'
}
},
tooltip: {
show: true
// formatter: function(item) {
// console.log('radarItem', item)
// return `<div>
// <div>${item.name}</div>
// <div style="display: flex;width: 180px">
// <div style="width: 10%">
// <div style="background: #00afff;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
// </div>
// <div style="width: 60%">
// <div>5000元以下</div>
// </div>
// <div style="width: 30%">
// <div style="text-align: right">${item.value[0]}</div>
// </div>
// </div>
// <div style="display: flex;width: 180px">
// <div style="width: 10%">
// <div style="background: #00afff;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
// </div>
// <div style="width: 60%">
// <div>5000~12000元</div>
// </div>
// <div style="width: 30%">
// <div style="text-align: right">${item.value[1]}</div>
// </div>
// </div>
// <div style="display: flex;width: 180px">
// <div style="width: 10%">
// <div style="background: #00afff;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
// </div>
// <div style="width: 60%">
// <div>12000~30000元</div>
// </div>
// <div style="width: 30%">
// <div style="text-align: right">${item.value[2]}</div>
// </div>
// </div>
// <div style="display: flex;width: 180px">
// <div style="width: 10%">
// <div style="background: #00afff;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
// </div>
// <div style="width: 60%">
// <div>530000~100000元</div>
// </div>
// <div style="width: 30%">
// <div style="text-align: right">${item.value[3]}</div>
// </div>
// </div>
// <div style="display: flex;width: 180px">
// <div style="width: 10%">
// <div style="background: #00afff;width: 10px;height: 10px;margin-top: 7px;margin-right:5px;border-radius: 10px"></div>
// </div>
// <div style="width: 60%">
// <div>100000元以上</div>
// </div>
// <div style="width: 30%">
// <div style="text-align: right">${item.value[4]}</div>
// </div>
// </div>
// </div>`
// }
},
legend: {
data: ['历史入驻量', '当前有效数量'],
textStyle: { // 图例的公用文本样式。
fontSize: 12,
fontFamily: 'Microsoft YaHei',
fontWeight: 400,
color: '#666'
}
},
radar: {
// shape: 'circle',
center: ['50%', '55%'],
radius: 130,
indicator: [
{ name: '5000元以下', max: 50 },
{ name: '5000~12000元', max: 50 },
{ name: '12000~30000元', max: 50 },
{ name: '30000~100000元', max: 50 },
{ name: '100000元以上', max: 50 }
],
axisName: { // (圆外的标签)雷达图每个指示器名称的配置项。
color: '#666666',
fontSize: 12,
fontWeight: 400,
fontFamily: 'Microsoft YaHei'
}
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
data: [
{
value: [42, 30, 20, 35, 50, 18],
name: '历史入驻量',
symbol: 'emptyCircle', // 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none', emptyCircle
symbolSize: 6,
itemStyle: {
color: new this.$echarts.graphic.LinearGradient( // 设置渐变色
0, 0, 0, 1,
[
{ offset: 0, color: '#7245D9' },
{ offset: 1, color: '#5A5FE6' }
]
)
},
// 雷达图辐射区域的样式
areaStyle: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: 'rgba(114, 69, 217, 0.3)' },
{ offset: 1, color: 'rgba(90, 95, 230, 0.3)' }
]
)
}
},
{
value: [50, 14, 28, 26, 42, 21],
name: '当前有效数量',
symbol: 'emptyCircle',
symbolSize: 6,
itemStyle: {
color: new this.$echarts.graphic.LinearGradient( // 设置渐变色
0, 0, 0, 1,
[
{ offset: 0, color: '#3994C1' },
{ offset: 1, color: '#5BB158' }
]
)
},
areaStyle: {
color: new this.$echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: 'rgba(57, 148, 193, 0.3)' },
{ offset: 1, color: 'rgba(91, 177, 88, 0.3)' }
]
)
}
}
]
}
]
})
}
}
}
</script>
<style scoped>
.radarChart {
width: 100%;
height: 500px;
}
</style>
src/views/data-statistics/hospital-data-statistics/hospital-data-statistics.vue
View file @ 85e942fc
......@@ -115,10 +115,10 @@
</div>
<div v-for="(item, key) in hospitalPrestoredRank" :key="key" class="prestoredRankDiv">
<div class="rank_hospital_name_font">
<overlong-tool :text="item.name" :max="40" />
<overlong-tool :text="item.name" :max="30" />
</div>
<el-row>
<el-col :span="20">
<el-col :span="19">
<el-progress
:percentage="item.percent"
:stroke-width="9"
......@@ -126,7 +126,7 @@
class="prestoredRankProgress"
/>
</el-col>
<el-col :span="4">
<el-col :span="5">
<div class="prestoredRankFont">
{{ item.total }}元
</div>
......@@ -142,10 +142,10 @@
</div>
<div v-for="(item, key) in hospitalTimeRank" :key="key" class="timeRankDiv">
<div class="rank_hospital_name_font">
<overlong-tool :text="item.name" :max="15" />
<overlong-tool :text="item.name" :max="13" />
</div>
<el-row>
<el-col :span="17">
<el-col :span="16">
<el-progress
:percentage="item.percent"
:stroke-width="9"
......@@ -153,7 +153,7 @@
class="timeRankProgress"
/>
</el-col>
<el-col :span="7">
<el-col :span="8">
<div class="timeRankFont">
{{ item.total }}天
</div>
......@@ -170,13 +170,75 @@
</div>
</el-col>
<el-col :span="6">
2
<div class="cardDiv" style="padding-bottom: 0px">
<columnar-chart
title="医院评级分布"
start-color="#3490CE"
end-color="#5FB54B"
label="医院数量"
unit="家"
:x-data="columnarChartData.xData"
:y-data="columnarChartData.yData"
name="医院数量"
/>
</div>
</el-col>
<el-col :span="9">
3
<div class="cardDiv" style="padding-bottom: 0px">
<!-- <div style="text-align: right;position: absolute;z-index: 10;width: 34%">-->
<!-- <el-radio-group v-model="radarSelect">-->
<!-- <el-radio-button label="lastYear" class="radioButton">去年</el-radio-button>-->
<!-- <el-radio-button label="currentYear" class="radioButton">今年</el-radio-button>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<radar-chart-for-hospital />
</div>
</el-col>
</el-row>
<el-row class="row2">
<el-col :span="24">
<div class="cardDiv">
<div class="cardTitle">
医院授权到期信息
</div>
<el-divider class="dividerLine" />
<el-table :data="tableData" style="width: 100%">
<el-table-column label="序号" min-width="20px" show-overflow-tooltip type="index" />
<el-table-column sortable label="医院名称" show-overflow-tooltip prop="name" />
<el-table-column sortable label="科室ID" show-overflow-tooltip prop="deptId" />
<el-table-column sortable label="医院评级" show-overflow-tooltip prop="hospitalLevel" />
<el-table-column sortable label="联系人" show-overflow-tooltip prop="linkPerson" />
<el-table-column sortable label="联系人手机号" show-overflow-tooltip prop="linkPhone" />
<el-table-column sortable label="医院地址" show-overflow-tooltip prop="address" />
<el-table-column sortable label="入驻日期" show-overflow-tooltip prop="inDate" />
<el-table-column sortable label="授权到期日期" show-overflow-tooltip prop="outDate" />
<el-table-column sortable label="预储值余额" show-overflow-tooltip prop="balance" />
<el-table-column label="状态" show-overflow-tooltip prop="status" />
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
v-hasPermi="['business:banner:query']"
icon="el-icon-document"
plain
size="mini"
style="width: 50px; border-radius: 4px 4px 4px 4px;border: 1px solid #5fb54b;"
type="success"
@click="handleDetail(scope.row)"
>详情
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getBannerList"
/>
</div>
</el-col>
</el-row>
<el-row />
</div>
</template>
......@@ -185,9 +247,13 @@ import ChinaMap from '@/views/data-statistics/echars-components/china-map.vue'
import TwoLineChart from '@/views/data-statistics/echars-components/twoLineChart.vue'
import ProgressColor from '@/views/data-statistics/other-components/progress-color.vue'
import OverlongTool from '@/views/data-statistics/other-components/overlong-tool.vue'
import ColumnarChart from '@/views/data-statistics/echars-components/columnarChart.vue'
import RadarChartForHospital from '@/views/data-statistics/echars-components/radar-chart-for-hospital.vue'
export default {
name: 'HospitalDataStatistics',
components: { OverlongTool, ProgressColor, TwoLineChart, ChinaMap },
components: {
RadarChartForHospital,
ColumnarChart, OverlongTool, ProgressColor, TwoLineChart, ChinaMap },
data() {
return {
mapData: [
......@@ -389,7 +455,259 @@ export default {
percent: 20,
total: 245
}
]
],
columnarChartData: {
xData: ['1~5人', '2~10人', '10~15人', '15人以上'],
yData: [453, 626, 66, 366]
},
radarSelect: 'lastYear',
tableData: [
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
},
{
name: '乖乖宠物医院（八里台店）',
deptId: 'DUGYWB212345',
hospitalLevel: '三星诊疗医院',
linkPerson: 'JACK',
linkPhone: '13423453345',
address: '天津市滨海新区平山道57号增1',
inDate: '2023/10/23',
outDate: '2023/12/23',
balance: 13123,
status: '1'
}
],
total: 20,
queryParams: {
pageNum: 1,
pageSize: 20
}
}
},
watch: {},
......@@ -671,4 +989,17 @@ export default {
padding-left: 10px;
}
}
::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
color: #5FB54B !important;
background-color: #fff !important;
border-color: #E5E5E5 !important;
box-shadow: 0 0 0 0 #E5E5E5;
}
::v-deep .el-radio-button__inner:hover {
color: #6db45d !important;
}
.dividerLine {
margin-top: 14px;
margin-bottom: 24px;
}
</style>
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