parent
fa72a54964
commit
579ce77ad5
@ -0,0 +1,34 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
export function getList(params,isLoading=true){
|
||||
return request({
|
||||
method:'get',
|
||||
url:'/api/admin/collect-money/get-list',
|
||||
params,
|
||||
isLoading
|
||||
})
|
||||
}
|
||||
|
||||
export function getForm(id,params){
|
||||
return request({
|
||||
method:'get',
|
||||
url:`/api/admin/collect-money/get-form/${id}`,
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
export function save(data){
|
||||
return request({
|
||||
method:'post',
|
||||
url:'/api/admin/collect-money/save',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function destroy(id,data){
|
||||
return request({
|
||||
method:'post',
|
||||
url:`/api/admin/collect-money/delete/${id}`,
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
export function getList(params){
|
||||
return request({
|
||||
method:'get',
|
||||
url:'/api/admin/serve-detail/get-list',
|
||||
params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
export function getList(params,isLoading=true){
|
||||
return request({
|
||||
method:'get',
|
||||
url:'/api/admin/sku/get-list',
|
||||
params,
|
||||
isLoading
|
||||
})
|
||||
}
|
||||
|
||||
export function getForm(id,params){
|
||||
return request({
|
||||
method:'get',
|
||||
url:`/api/admin/sku/get-form/${id}`,
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
export function save(data){
|
||||
return request({
|
||||
method:'post',
|
||||
url:'/api/admin/sku/save',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function destroy(id,data){
|
||||
return request({
|
||||
method:'post',
|
||||
url:`/api/admin/sku/delete/${id}`,
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -1,231 +0,0 @@
|
||||
<template>
|
||||
<div style="padding: 0px 20px">
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" text="详细信息" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content">
|
||||
<Button type="primary" icon="ios-arrow-back" @click="$router.back()">返回</Button>
|
||||
<Button type="primary" @click="$router.push(`/detailCustomer/${$route.params.id++}`)" ghost style="margin-left: 10px;">下一条<Icon type="ios-arrow-forward" /></Button>
|
||||
</div>
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-card :style="{height : cardHeight + 'px'}">
|
||||
<div class="grid">
|
||||
<div style="grid-area: a1-1">姓名</div>
|
||||
<div style="grid-area: a1-2">XXX</div>
|
||||
<div style="grid-area: a1-3">性别</div>
|
||||
<div style="grid-area: a1-4">男</div>
|
||||
<div style="grid-area: a1-5">身份证号</div>
|
||||
<div style="grid-area: a1-6">320503198111122755</div>
|
||||
<div style="grid-area: a1-7">户籍地址</div>
|
||||
<div style="grid-area: a1-8">江苏省苏州市虎丘区阳光假日新苑90幢2404室</div>
|
||||
|
||||
<div style="grid-area: a2-1">辖区</div>
|
||||
<div style="grid-area: a2-2"> </div>
|
||||
<div style="grid-area: a2-3">街道/乡镇</div>
|
||||
<div style="grid-area: a2-4"> </div>
|
||||
<div style="grid-area: a2-5">社区、村委</div>
|
||||
<div style="grid-area: a2-6"> </div>
|
||||
<div style="grid-area: a2-7">上门详细地址</div>
|
||||
<div style="grid-area: a2-8"> </div>
|
||||
|
||||
<div style="grid-area: a3-1">联系人</div>
|
||||
<div style="grid-area: a3-2"> </div>
|
||||
<div style="grid-area: a3-3">联系电话</div>
|
||||
<div style="grid-area: a3-4"> </div>
|
||||
<div style="grid-area: a3-5">与本人关系</div>
|
||||
<div style="grid-area: a3-6"> </div>
|
||||
<div style="grid-area: a3-7">联系人备注</div>
|
||||
<div style="grid-area: a3-8"> </div>
|
||||
|
||||
<div style="grid-area: a4-1">联系人2</div>
|
||||
<div style="grid-area: a4-2"> </div>
|
||||
<div style="grid-area: a4-3">联系电话</div>
|
||||
<div style="grid-area: a4-4"> </div>
|
||||
<div style="grid-area: a4-5">与本人关系</div>
|
||||
<div style="grid-area: a4-6"> </div>
|
||||
<div style="grid-area: a4-7">联系人2备注</div>
|
||||
<div style="grid-area: a4-8"> </div>
|
||||
|
||||
<div style="grid-area: a5-1">委托人</div>
|
||||
<div style="grid-area: a5-2"> </div>
|
||||
<div style="grid-area: a5-3">联系电话</div>
|
||||
<div style="grid-area: a5-4"> </div>
|
||||
<div style="grid-area: a5-5">与本人关系</div>
|
||||
<div style="grid-area: a5-6"> </div>
|
||||
<div style="grid-area: a5-7">委托人备注</div>
|
||||
<div style="grid-area: a5-8"> </div>
|
||||
|
||||
<div style="grid-area: a6-1">失能等级</div>
|
||||
<div style="grid-area: a6-2"> </div>
|
||||
<div style="grid-area: a6-3">备注</div>
|
||||
<div style="grid-area: a6-4"> </div>
|
||||
</div>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<div class="image">
|
||||
<div class="image-title">
|
||||
健康档案
|
||||
</div>
|
||||
<div class="image-content">
|
||||
<div>
|
||||
<div class="image-content-title">身份证头像面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">身份证国徽面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[1]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">社保卡正面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex-basis: 100%;">
|
||||
<div class="image-content-title">出院小结</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[1]" lazy style="width: 340px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">街道证明</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">长护险申请人承诺书</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">委托书</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">失能等级评定表</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">申请告知书签字版</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
cardHeight: 0,
|
||||
srcList: [
|
||||
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
|
||||
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
var clientHeight = document.documentElement.clientHeight
|
||||
var lxHeader_height = 96.5; //查询 头部
|
||||
var paginationHeight = 37; //分页的高度
|
||||
var topHeight = 50; //页面 头部
|
||||
let cardHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
|
||||
that.cardHeight = cardHeight;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.initLoad()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.grid{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.6fr 1fr 0.8fr 1fr 1.4fr 1fr 2.6fr;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas:
|
||||
"a1-1 a1-2 a1-3 a1-4 a1-5 a1-6 a1-7 a1-8"
|
||||
"a2-1 a2-2 a2-3 a2-4 a2-5 a2-6 a2-7 a2-8"
|
||||
"a3-1 a3-2 a3-3 a3-4 a3-5 a3-6 a3-7 a3-8"
|
||||
"a4-1 a4-2 a4-3 a4-4 a4-5 a4-6 a4-7 a4-8"
|
||||
"a5-1 a5-2 a5-3 a5-4 a5-5 a5-6 a5-7 a5-8"
|
||||
"a6-1 a6-2 a6-3 a6-4 a6-4 a6-4 a6-4 a6-4";
|
||||
|
||||
&>div{
|
||||
font-size: 13px;
|
||||
border: 1px solid rgba(200,200,200,0.5);
|
||||
|
||||
padding: 10px 4px;
|
||||
}
|
||||
:nth-child(2n + 1){
|
||||
font-size: 13.5px;
|
||||
background: rgba(243,242,247,0.8);
|
||||
color: #6E6B7B;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
.image{
|
||||
|
||||
|
||||
&-title{
|
||||
font-size: 13.5px;
|
||||
color: #6E6B7B;
|
||||
font-weight: 600;
|
||||
}
|
||||
&-content{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
|
||||
&>div{
|
||||
padding-right: 20px;
|
||||
}
|
||||
::v-deep .el-image__preview{
|
||||
border-radius: 6px;
|
||||
}
|
||||
&-title{
|
||||
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-card{
|
||||
overflow-y: scroll !important;
|
||||
}
|
||||
::v-deep .el-card::-webkit-scrollbar {
|
||||
width: 6px !important;
|
||||
height: 10px !important;
|
||||
}
|
||||
::v-deep .el-card::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px !important;
|
||||
background: #ddd !important;
|
||||
}
|
||||
::v-deep .el-divider{
|
||||
background: #B3241D;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="收款单">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input v-model="select.keyword" placeholder="关键字搜索" style="width: 200px; margin-right: 10px"/>
|
||||
<Button style="margin-left: 10px" type="primary">查询</Button>
|
||||
<Button style="margin-left: 10px" type="primary" @click="$refs['addcollectMoney'].type = 'add',$refs['addcollectMoney'].isShow = true">新建</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
|
||||
<xy-table
|
||||
:total="total"
|
||||
:list="list"
|
||||
:table-item="table"
|
||||
@editor="editor"
|
||||
@delete="destroy"></xy-table>
|
||||
|
||||
<add ref="addcollectMoney" @refresh="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getList,destroy} from '@/api/collectMoney'
|
||||
import {parseTime} from "@/utils"
|
||||
|
||||
import add from "./component/addcollectMoney"
|
||||
|
||||
export default {
|
||||
components:{
|
||||
add
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select:{
|
||||
page:1,
|
||||
page_size:10,
|
||||
keyword:''
|
||||
},
|
||||
types:[],
|
||||
|
||||
total:0,
|
||||
list:[],
|
||||
table:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
async getList(){
|
||||
const res = await getList(this.select)
|
||||
this.total = res.total
|
||||
this.list = res.data
|
||||
console.log(this.list)
|
||||
},
|
||||
|
||||
editor(row){
|
||||
this.$refs['addcollectMoney'].type = 'editor'
|
||||
this.$refs['addcollectMoney'].id = row.id
|
||||
this.$refs['addcollectMoney'].isShow = true
|
||||
},
|
||||
destroy(row){
|
||||
destroy(row.id).then(res => {
|
||||
this.$successMessage('destroy','')
|
||||
this.getList()
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="护工工资">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input v-model="select.keyword" placeholder="关键字搜索" style="width: 200px; margin-right: 10px"/>
|
||||
<Button style="margin-left: 10px" type="primary">查询</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
|
||||
<xy-table
|
||||
:total="total"
|
||||
:list="list"
|
||||
:table-item="table"></xy-table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {salaryList as getList} from '@/api/worker'
|
||||
import {parseTime} from "@/utils"
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
select:{
|
||||
page:1,
|
||||
page_size:10,
|
||||
keyword:''
|
||||
},
|
||||
types:[],
|
||||
|
||||
total:0,
|
||||
list:[],
|
||||
table:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
async getList(){
|
||||
const res = await getList(this.select)
|
||||
console.log(res)
|
||||
this.total = res.total
|
||||
this.list = res.data
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="服务明细">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input v-model="select.keyword" placeholder="关键字搜索" style="width: 200px; margin-right: 10px"/>
|
||||
<Button style="margin-left: 10px" type="primary">查询</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
|
||||
<xy-table
|
||||
:total="total"
|
||||
:list="list"
|
||||
:table-item="table"></xy-table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getList} from '@/api/serveDetail'
|
||||
import {parseTime} from "@/utils"
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
select:{
|
||||
page:1,
|
||||
page_size:10,
|
||||
keyword:''
|
||||
},
|
||||
types:[],
|
||||
|
||||
total:0,
|
||||
list:[],
|
||||
table:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
async getList(){
|
||||
const res = await getList(this.select)
|
||||
this.total = res.total
|
||||
this.list = res.data
|
||||
console.log(this.list)
|
||||
},
|
||||
|
||||
},
|
||||
mounted() {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -1,186 +0,0 @@
|
||||
<template>
|
||||
<div style="padding: 0px 20px">
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" text="详细信息" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content">
|
||||
<Button type="primary" icon="ios-arrow-back" @click="$router.back()">返回</Button>
|
||||
<Button type="primary" @click="$router.push(`/detailCustomer/${$route.params.id++}`)" ghost style="margin-left: 10px;">下一条<Icon type="ios-arrow-forward" /></Button>
|
||||
</div>
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-card :style="{height : cardHeight + 'px'}">
|
||||
<div class="grid">
|
||||
<div style="grid-area: a1-1">姓名</div>
|
||||
<div style="grid-area: a1-2">XXX</div>
|
||||
<div style="grid-area: a1-3">性别</div>
|
||||
<div style="grid-area: a1-4">男</div>
|
||||
<div style="grid-area: a1-5">身份证号</div>
|
||||
<div style="grid-area: a1-6">320503198111122755</div>
|
||||
<div style="grid-area: a1-7">户籍地址</div>
|
||||
<div style="grid-area: a1-8">江苏省苏州市虎丘区阳光假日新苑90幢2404室</div>
|
||||
|
||||
</div>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<div class="image">
|
||||
<div class="image-title">
|
||||
健康档案
|
||||
</div>
|
||||
<div class="image-content">
|
||||
<div>
|
||||
<div class="image-content-title">身份证头像面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">身份证国徽面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[1]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">社保卡正面</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 180px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div style="flex-basis: 100%;">
|
||||
<div class="image-content-title">出院小结</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[1]" lazy style="width: 340px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">街道证明</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">长护险申请人承诺书</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">委托书</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">失能等级评定表</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="image-content-title">申请告知书签字版</div>
|
||||
<div>
|
||||
<el-image fit="cover" :src="srcList[0]" lazy style="width: 140px;" :preview-src-list="srcList"></el-image>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
cardHeight: 0,
|
||||
srcList: [
|
||||
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
|
||||
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initLoad() {
|
||||
var that = this;
|
||||
var clientHeight = document.documentElement.clientHeight
|
||||
var lxHeader_height = 96.5; //查询 头部
|
||||
var paginationHeight = 37; //分页的高度
|
||||
var topHeight = 50; //页面 头部
|
||||
let cardHeight = clientHeight - lxHeader_height - topHeight - paginationHeight - 20;
|
||||
that.cardHeight = cardHeight;
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.initLoad()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.grid{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.6fr 1fr 0.8fr 1fr 1.4fr 1fr 2.6fr;
|
||||
grid-template-rows: auto;
|
||||
grid-template-areas:
|
||||
"a1-1 a1-2 a1-3 a1-4 a1-5 a1-6 a1-7 a1-8";
|
||||
&>div{
|
||||
font-size: 13px;
|
||||
border: 1px solid rgba(200,200,200,0.5);
|
||||
|
||||
padding: 10px 4px;
|
||||
}
|
||||
:nth-child(2n + 1){
|
||||
font-size: 13.5px;
|
||||
background: rgba(243,242,247,0.8);
|
||||
color: #6E6B7B;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
}
|
||||
.image{
|
||||
|
||||
|
||||
&-title{
|
||||
font-size: 13.5px;
|
||||
color: #6E6B7B;
|
||||
font-weight: 600;
|
||||
}
|
||||
&-content{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
|
||||
&>div{
|
||||
padding-right: 20px;
|
||||
}
|
||||
::v-deep .el-image__preview{
|
||||
border-radius: 6px;
|
||||
}
|
||||
&-title{
|
||||
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
::v-deep .el-card{
|
||||
overflow-y: scroll !important;
|
||||
}
|
||||
::v-deep .el-card::-webkit-scrollbar {
|
||||
width: 6px !important;
|
||||
height: 10px !important;
|
||||
}
|
||||
::v-deep .el-card::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px !important;
|
||||
background: #ddd !important;
|
||||
}
|
||||
::v-deep .el-divider{
|
||||
background: #B3241D;
|
||||
}
|
||||
</style>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,52 +0,0 @@
|
||||
<template>
|
||||
<div class="container" style="padding: 0px 20px">
|
||||
<!--查询-->
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" text="长护险经办人管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
|
||||
<Button type="primary" style="margin-left: 10px">查询</Button>
|
||||
<Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">创建长护险经办人</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表格-->
|
||||
<xy-table :list="list" :table-item="tableItem" @delClick="del"></xy-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isShowAdd:false,
|
||||
tableItem:[
|
||||
{
|
||||
prop:"name",
|
||||
label:"姓名"
|
||||
},
|
||||
{
|
||||
prop:"mobile",
|
||||
label:"电话"
|
||||
}
|
||||
],
|
||||
list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"name":"\u5434\u5a1f\u82ac","mobile":"18550337240","idcard":142,"idcard_back":143,"created_at":"2021-12-16T13:36:18.000000Z","updated_at":"2021-12-16T13:36:18.000000Z","deleted_at":null},{"id":2,"name":"\u82cf\u4eba\u4eba","mobile":"18550337000","idcard":144,"idcard_back":145,"created_at":"2021-12-16T13:36:48.000000Z","updated_at":"2021-12-16T13:36:48.000000Z","deleted_at":null}],"pager":""}}').data.rows
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
del(row){
|
||||
console.log(row)
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -1,58 +0,0 @@
|
||||
<template>
|
||||
<div class="container" style="padding: 0px 20px">
|
||||
<!--查询-->
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" text="站点管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input style="width: 200px; margin-right: 10px" placeholder="关键字搜索" />
|
||||
<Button type="primary" style="margin-left: 10px">查询</Button>
|
||||
<Button type="primary" style="margin-left: 10px" @click="isShowAdd = true">创建站点</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表格-->
|
||||
<xy-table :list="list" :table-item="tableItem"></xy-table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
isShowAdd:false,
|
||||
tableItem:[
|
||||
{
|
||||
prop:"name",
|
||||
label:"名称"
|
||||
},
|
||||
{
|
||||
prop:"address",
|
||||
label:"地址"
|
||||
},
|
||||
{
|
||||
prop:"manager",
|
||||
label:"站长"
|
||||
},
|
||||
{
|
||||
prop:"mobile",
|
||||
label:"联系电话"
|
||||
}
|
||||
],
|
||||
list:JSON.parse('{"status":1,"data":{"rows":[{"id":1,"manager":"\u5218\u603b","mobile":"18888888888","city_id":null,"district_id":null,"address":"\u8001\u5e72\u90e8\u5c40","created_at":"2021-12-04T06:06:44.000000Z","updated_at":"2021-12-04T06:06:44.000000Z","deleted_at":null,"name":"\u8001\u5e72\u90e8\u5c40"}],"pager":""}}').data.rows
|
||||
}
|
||||
},
|
||||
methods: {},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<div>
|
||||
<div ref="lxHeader">
|
||||
<lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="服务项目">
|
||||
<div slot="content"></div>
|
||||
<slot>
|
||||
<div>
|
||||
<Input placeholder="关键字搜索" style="width: 200px; margin-right: 10px"/>
|
||||
<Button style="margin-left: 10px" type="primary">查询</Button>
|
||||
<Button style="margin-left: 10px" type="primary" @click="$refs['addSku'].type = 'add',$refs['addSku'].isShow = true">新建服务</Button>
|
||||
</div>
|
||||
</slot>
|
||||
</lx-header>
|
||||
</div>
|
||||
|
||||
<xy-table
|
||||
:total="total"
|
||||
:list="list"
|
||||
:table-item="table"
|
||||
@editor="editor"
|
||||
@delete="destroy"></xy-table>
|
||||
|
||||
<add-sku ref="addSku" :skuType="types" @refresh="getSku"></add-sku>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {getList,destroy} from '@/api/sku'
|
||||
import {getList as getTypes} from '@/api/skuCategory'
|
||||
import {parseTime} from "@/utils"
|
||||
|
||||
import addSku from "@/views/product/skuComponent/addSku"
|
||||
|
||||
export default {
|
||||
components:{
|
||||
addSku
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
select:{
|
||||
page:1,
|
||||
page_size:10
|
||||
},
|
||||
types:[],
|
||||
|
||||
total:0,
|
||||
list:[],
|
||||
table:[
|
||||
{
|
||||
type:'index',
|
||||
width:40,
|
||||
},
|
||||
{
|
||||
prop:'name',
|
||||
label:'名称',
|
||||
minWidth:200,
|
||||
align:'left'
|
||||
},
|
||||
{
|
||||
prop:'category.name',
|
||||
label:'所属分类',
|
||||
minWidth:200,
|
||||
align:'left'
|
||||
},
|
||||
{
|
||||
prop:'sortnumber',
|
||||
label:'排序',
|
||||
width:120
|
||||
},
|
||||
{
|
||||
prop:'created_at',
|
||||
label:'创建信息',
|
||||
width: 200,
|
||||
formatter:(cell,data,value)=>{
|
||||
return parseTime(new Date(value),'{y}-{m}-{d}')
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getTypes(){
|
||||
const res = await getTypes({},false)
|
||||
this.types = res.data
|
||||
},
|
||||
|
||||
async getSku(){
|
||||
const res = await getList(this.select)
|
||||
this.total = res.total
|
||||
this.list = res.data
|
||||
console.log(this.list)
|
||||
},
|
||||
|
||||
editor(row){
|
||||
this.$refs['addSku'].type = 'editor'
|
||||
this.$refs['addSku'].id = row.id
|
||||
this.$refs['addSku'].isShow = true
|
||||
},
|
||||
destroy(row){
|
||||
destroy(row.id).then(res => {
|
||||
this.$successMessage('destroy','服务项目')
|
||||
this.getSku()
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getTypes()
|
||||
this.getSku()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
</style>
|
||||
Loading…
Reference in new issue