Skip to content

X
xinrenli-admin
Commit 3273a44a by zhangmengjie
Options

23.3.8

parent 01424b51
Showing with 1026 additions and 9 deletions
src/components/RightToolbar/index.vue
<template>
<div class="top-right-btn" :style="style">
<el-row>
<el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
<!-- <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
<el-button size="mini" circle icon="el-icon-search" @click="toggleSearch()" />
</el-tooltip>
<el-tooltip class="item" effect="dark" content="刷新" placement="top">
......@@ -9,7 +9,7 @@
</el-tooltip>
<el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
<el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" />
</el-tooltip>
</el-tooltip> -->
</el-row>
<el-dialog :title="title" :visible.sync="open" append-to-body>
<el-transfer
......
src/views/dynamic/components/index.vue 0 → 100644
<template>
<div class="app-container">
<el-dialog :title=title :visible.sync="dialogVisibl" width="30%" :before-close="dialog" center>
<!-- 图片说明 -->
<el-image style="width:100%; " :src="url" :preview-src-list="srcList">
</el-image>
</el-dialog>
</div>
</template>
<script>
import comvideo from './video.vue'
export default {
name: "orderform",
components: {
comvideo
},
props: {
dialogVisibl: {
type: Boolean
},
},
data() {
return {
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
form: {
name: ''
},
title: ''
};
},
created() { },
methods: {
dialog() {
this.$emit('visivie')
}
}
};
</script>
src/views/dynamic/components/modify.vue 0 → 100644
<template>
<div class="app-container">
<el-dialog :title='title' :visible.sync="dialogVisibl" width="60%" :before-close="dialog">
<el-form ref="form" :model="form" label-width="80px" :rules="rules" >
<el-form-item label="动态标题" class="customer" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="动态内容" prop="desc">
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>
<el-form-item label="添加图片" class="customer" prop="name">
<ImageUpload></ImageUpload>
</el-form-item>
<el-form-item>
</el-form-item>
</el-form>
<el-button type="primary" @click="onSubmit">确认修改</el-button>
</el-dialog>
</div>
</template>
<script>
import comvideo from './video.vue'
export default {
name: "modify",
components: {
comvideo
},
props: {
dialogVisibl: {
type: Boolean
},
title: {
type: String
}
},
data() {
return {
width: '30%',
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
value1: '',
form: {
name: '',
desc: ''
},
rules: {
name: [
{ required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
],
desc: [
{ required: true, message: '请填写活动形式', trigger: 'blur' }
]
}
};
},
created() { },
methods: {
dialog() {
this.$emit('diaisibl')
},
onSubmit() {
this.$emit('onSubmit')
}
}
};
</script>
<style lang="scss" scoped>
.description {
font-size: 25px;
margin-top: 10px;
}
.customer {
width: 33%;
}
.imgdiv {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
&-img {
width: 120px;
}
}
</style>
\ No newline at end of file
src/views/dynamic/components/video.vue 0 → 100644
<template>
<div class="m-video" :style="`width: ${width}px; `">
<video
ref="veo"
:style="`object-fit: ${zoom};`"
:src="videoUrl"
:poster="videoCover"
:width="width"
:autoplay="autoplay"
:controls="!originPlay&&controls"
:loop="loop"
:muted="autoplay || muted"
:preload="preload"
@click.prevent.once="onPlay">
</video>
</div>
</template>
<script>
export default {
name: 'Video',
props: {
videoUrl: { // 视频文件url，必传，支持网络地址 https 和相对地址 require('@/assets/files/Bao.mp4')
type: String,
required: true,
default: '../void/lh.mp4'
},
videoCover: { // 视频封面url，支持网络地址 https 和相对地址 require('@/assets/images/Bao.jpg')
type: String,
default: 'https://img2.baidu.com/it/u=3202947311,1179654885&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500'
},
width: { // 视频播放器宽度
type: String,
default: '100%'
},
// height: { // 视频播放器高度
// type: Number,
// default: 150
// },
/*
由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
属性也一样不能自动播放！
本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
*/
autoplay: { // 视频就绪后是否马上播放
type: Boolean,
default: false
},
controls: { // 是否向用户显示控件，比如进度条，全屏
type: Boolean,
default: true
},
loop: { // 视频播放完成后，是否循环播放
type: Boolean,
default: false
},
muted: { // 是否静音
type: Boolean,
default: false
},
preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
type: String,
default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
},
showPlay: { // 播放暂停时是否显示播放器中间的暂停图标
type: Boolean,
default: false
},
playWidth: { // 中间播放暂停按钮的边长
type: Number,
default: 96
},
zoom: { // video的poster默认图片和视频内容缩放规则
type: String,
default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
}
},
data () {
return {
originPlay: true,
vplay: false
}
},
mounted () {
if (this.showPlay) {
this.$refs.veo.addEventListener('pause', this.onPause)
this.$refs.veo.addEventListener('playing', this.onPlaying)
}
if (this.autoplay) {
this.vplay = true
this.originPlay = false
}
// 自定义设置播放速度
// this.$refs.veo.playbackRate = 2
},
methods: {
onPlay () {
console.log('click')
if (!this.autoplay) {
this.vplay = true
this.originPlay = false
this.$refs.veo.play()
} else {
this.$refs.veo.pause()
}
},
onPause () {
this.vplay = false
console.log('pause')
this.$once('hook:beforeDestroy', function () {
removeEventListener('pause', this.onPause)
})
},
onPlaying () {
this.vplay = true
console.log('playing')
// 自动清理自己，避免内存泄漏
this.$once('hook:beforeDestroy', function () {
removeEventListener('playing', this.onPlaying)
})
}
}
}
</script>
<style lang="sass" scoped>
</style>
\ No newline at end of file
src/views/dynamic/index.vue 0 → 100644
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="94px">
<el-form-item label="联系人姓名" prop="dataName">
<el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable />
</el-form-item>
<el-form-item label="联系电话" prop="tableName">
<el-input v-model="queryParams.tableName" placeholder="请输入联系电话" clearable />
</el-form-item>
<el-form-item label="维修时间" prop="tableComment">
<el-input v-model="queryParams.tableComment" placeholder="请选择维修时间" clearable />
</el-form-item>
<el-form-item label="维修时间" prop="tableComment">
<el-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleGenTable">导出订单</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" width="50" label="序号" align="center">
</el-table-column>
<el-table-column prop="date" label="动态标题" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="name" label="动态内容" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="address" label="图片展示" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" @click="imageCaption(scope)">查看详情</el-button>
</template>
</el-table-column>
<el-table-column label="操作" width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="modify(scope.row, '1')">修改</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button>
</template>
</el-table-column>
</el-table>
<!-- 其他 -->
<comindex :dialogVisibl="dialogVisible" @visivie='visivie' :control="control"></comindex>
<!-- 修改 详情 -->
<commodify :title="title" :dialogVisibl="dialogVi" @diaisibl="diaisibl" @onSubmit="onSubmit"></commodify>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
</div>
</template>
<script>
import comindex from './components/index'
import commodify from './components/modify'
export default {
name: "orderform",
data() {
return {
dialogVisible: false,
dialogVi: false,
control: 0,
total: 5,
title: '修改订单',
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
tableData: [{
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
zip: 200333
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
zip: 200333
}],
// 日期范围
dateRange: "",
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
tableName: undefined,
tableComment: undefined,
dataName: ""
},
// 预览参数
preview: {
open: false,
title: "代码预览",
data: {},
activeName: "domain.java"
}
};
},
components: {
comindex,
commodify
},
created() { },
methods: {
// 搜索
handleQuery() {
},
// 重置
resetQuery() {
},
// 导出订单
handleGenTable() {
},
// 页码切换
getList() {
},
// 打开查看详情
imageCaption(sta) {
this.dialogVisible = true
},
// 修改详情
modify(sta, val) {
if (val == '1') {
this.title = '修改订单'
} else {
this.title = '订单详情'
}
this.dialogVi = true
},
// 其他 弹窗关闭
visivie() {
this.dialogVisible = false
},
// 详情 修改 弹窗关闭
diaisibl() {
this.dialogVi = false
},
// 详情 修改 确认修改
onSubmit() {
this.dialogVi = false
}
}
};
</script>
src/views/orderform/components/index.vue 0 → 100644
<template>
<div class="app-container">
<el-dialog :title=title :visible.sync="dialogVisibl" width="30%" :before-close="dialog" center>
<div v-if="control != 4">
<!-- 图片说明 -->
<el-image v-if="control == '1'" style="width:100%; " :src="url" :preview-src-list="srcList">
</el-image>
<!-- 视频说明 -->
<comvideo v-if="control == '2'"></comvideo>
<!-- 语音说明 -->
<audio v-if="control == '3'" controls ref="audio" class="aud">
<source src="" />
</audio>
</div>
<!-- 沟通后金额 -->
<div v-if="control == '4'">
<el-form :model="form">
<el-form-item label="沟通后金额" >
<el-input v-model="form.name" placeholder="请输入沟通后金额"></el-input>
</el-form-item>
</el-form>
</div>
<!-- 驳回 -->
<div v-if="control == '5'">
<el-form :model="form">
<el-form-item label="驳回理由" >
<el-input v-model="form.name" type="textarea" placeholder="请输入驳回理由"></el-input>
</el-form-item>
</el-form>
</div>
<span v-if="control == '4' || control == '5'" slot="footer" class="dialog-footer">
<el-button type="primary" @click="dialog">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import comvideo from './video.vue'
export default {
name: "orderform",
components: {
comvideo
},
props: {
dialogVisibl: {
type: Boolean
},
control: {
type: String
}
},
data() {
return {
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
form: {
name: ''
},
title: ''
};
},
watch: {
control(st, old) {
console.log(st, old)
if (st == '4') {
this.title = '生成支付订单'
} else if (st == '1') {
this.title = ''
} else if (st == '5') {
this.title = '订单驳回'
}
}
},
created() { },
methods: {
dialog() {
this.$emit('visivie')
}
}
};
</script>
src/views/orderform/components/modify.vue 0 → 100644
<template>
<div class="app-container">
<el-dialog :title='title' :visible.sync="dialogVisibl" width="60%" :before-close="dialog">
<el-form ref="form" :model="form" label-width="80px">
<span class="description">客户基本信息</span>
<div class="customer">
<el-form-item label="联系人" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系电话" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="订单标题" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系人" class="customer-lab">
<el-date-picker v-model="value1" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"
class="customer-lab-icke">
</el-date-picker>
</el-form-item>
<el-form-item label="维修地址" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
</div>
<div class="description">
<span>图片说明</span>
<div class="imgdiv">
<el-image class="imgdiv-img" :src="url" :preview-src-list="srcList">
</el-image>
</div>
</div>
<div class="description">
<span>视频说明</span>
<div class="imgdiv">
<comvideo :width="width"></comvideo>
</div>
</div>
<div class="description">
<span>语音描述</span>
<div class="imgdiv">
<audio controls ref="audio" class="aud">
<source src="" />
</audio>
</div>
</div>
<div class="description">
<span>备注说明</span>
<div class="imgdiv">
<el-input type="textarea" v-model="form.desc"></el-input>
</div>
</div>
<el-form-item>
</el-form-item>
</el-form>
<el-button @click="dialog">返回</el-button>
<el-button type="primary" @click="onSubmit">确认修改</el-button>
</el-dialog>
</div>
</template>
<script>
import comvideo from './video.vue'
export default {
name: "modify",
components: {
comvideo
},
props: {
dialogVisibl: {
type: Boolean
},
title: {
type: String
}
},
data() {
return {
width: '30%',
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
srcList: [
'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'
],
value1: '',
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
}
};
},
created() { },
methods: {
dialog() {
this.$emit('diaisibl')
},
onSubmit(){
this.$emit('onSubmit')
}
}
};
</script>
<style lang="scss" scoped>
.description {
font-size: 25px;
margin-top: 10px;
}
.customer {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
&-lab {
width: 33%;
&-icke {
width: 100%;
}
}
}
.imgdiv {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
&-img {
width: 120px;
}
}
</style>
\ No newline at end of file
src/views/orderform/components/video.vue 0 → 100644
<template>
<div class="m-video" :style="`width: ${width}px; `">
<video
ref="veo"
:style="`object-fit: ${zoom};`"
:src="videoUrl"
:poster="videoCover"
:width="width"
:autoplay="autoplay"
:controls="!originPlay&&controls"
:loop="loop"
:muted="autoplay || muted"
:preload="preload"
@click.prevent.once="onPlay">
</video>
</div>
</template>
<script>
export default {
name: 'Video',
props: {
videoUrl: { // 视频文件url，必传，支持网络地址 https 和相对地址 require('@/assets/files/Bao.mp4')
type: String,
required: true,
default: 'https://haokan.baidu.com/v?pd=wisenatural&vid=9170416735180523490'
},
videoCover: { // 视频封面url，支持网络地址 https 和相对地址 require('@/assets/images/Bao.jpg')
type: String,
default: 'https://img2.baidu.com/it/u=3202947311,1179654885&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500'
},
width: { // 视频播放器宽度
type: String,
default: '100%'
},
// height: { // 视频播放器高度
// type: Number,
// default: 150
// },
/*
由于目前在最新版的Chrome浏览器（以及所有以Chromium为内核的浏览器）中，
已不再允许自动播放音频和视频。就算你为video或audio标签设置了autoplay
属性也一样不能自动播放！
本组件解决方法：设置视频 autoplay 时，自动将视频设置为静音 muted: true 即可实现自
动播放，然后用户可以使用控制栏开启声音，类似某宝商品自动播放的宣传视频逻辑
*/
autoplay: { // 视频就绪后是否马上播放
type: Boolean,
default: false
},
controls: { // 是否向用户显示控件，比如进度条，全屏
type: Boolean,
default: true
},
loop: { // 视频播放完成后，是否循环播放
type: Boolean,
default: false
},
muted: { // 是否静音
type: Boolean,
default: false
},
preload: { // 是否在页面加载后载入视频，如果设置了autoplay属性，则preload将被忽略；
type: String,
default: 'auto' // auto:一旦页面加载，则开始加载视频; metadata:当页面加载后仅加载视频的元数据 none:页面加载后不应加载视频
},
showPlay: { // 播放暂停时是否显示播放器中间的暂停图标
type: Boolean,
default: false
},
playWidth: { // 中间播放暂停按钮的边长
type: Number,
default: 96
},
zoom: { // video的poster默认图片和视频内容缩放规则
type: String,
default: 'none' // none:(默认)保存原有内容，不进行缩放; fill:不保持原有比例，内容拉伸填充整个内容容器; contain:保存原有比例，内容以包含方式缩放; cover:保存原有比例，内容以覆盖方式缩放
}
},
data () {
return {
originPlay: true,
vplay: false
}
},
mounted () {
if (this.showPlay) {
this.$refs.veo.addEventListener('pause', this.onPause)
this.$refs.veo.addEventListener('playing', this.onPlaying)
}
if (this.autoplay) {
this.vplay = true
this.originPlay = false
}
// 自定义设置播放速度
// this.$refs.veo.playbackRate = 2
},
methods: {
onPlay () {
console.log('click')
if (!this.autoplay) {
this.vplay = true
this.originPlay = false
this.$refs.veo.play()
} else {
this.$refs.veo.pause()
}
},
onPause () {
this.vplay = false
console.log('pause')
this.$once('hook:beforeDestroy', function () {
removeEventListener('pause', this.onPause)
})
},
onPlaying () {
this.vplay = true
console.log('playing')
// 自动清理自己，避免内存泄漏
this.$once('hook:beforeDestroy', function () {
removeEventListener('playing', this.onPlaying)
})
}
}
}
</script>
<style lang="sass" scoped>
</style>
\ No newline at end of file
src/views/orderform/index.vue
<template>
<div>
11111111
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="94px">
<el-form-item label="联系人姓名" prop="dataName">
<el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable />
</el-form-item>
<el-form-item label="联系电话" prop="tableName">
<el-input v-model="queryParams.tableName" placeholder="请输入联系电话" clearable />
</el-form-item>
<el-form-item label="维修时间" prop="tableComment">
<el-input v-model="queryParams.tableComment" placeholder="请选择维修时间" clearable />
</el-form-item>
<el-form-item label="维修时间" prop="tableComment">
<el-select v-model="value" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleGenTable">导出订单</el-button>
</el-form-item>
</el-form>
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" width="50" label="序号" align="center">
</el-table-column>
<el-table-column prop="date" label="联系人" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="name" label="联系电话" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="province" label="维修时间" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="city" label="维修地址" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="address" label="预算金额(元)" :show-overflow-tooltip="true" align="center">
<template>
<el-input v-model="queryParams.dataName" placeholder="请输入联系人姓名" clearable />
</template>
</el-table-column>
<el-table-column prop="address" label="沟通后金额(元)" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="address" label="订单标题" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="address" label="图片说明" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" @click="imageCaption(scope, '1')">查看详情</el-button>
</template>
</el-table-column>
<el-table-column prop="address" label="视频说明" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" @click="imageCaption(scope, '2')">查看详情</el-button>
</template>
</el-table-column>
<el-table-column prop="address" label="语音描述" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-button type="text" size="small" @click="imageCaption(scope, '3')">查看详情</el-button>
</template>
</el-table-column>
<el-table-column prop="zip" label="订单状态" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="zip" label="驳回理由" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column prop="zip" label="备注说明" :show-overflow-tooltip="true" align="center">
</el-table-column>
<el-table-column label="操作" width="150">
<template slot-scope="scope">
<el-button @click="imageCaption(scope.row, '4')" type="text" size="small">生成支付订单</el-button>
<el-button type="text" size="small" @click="imageCaption(scope.row, '5')">驳回</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '1')">修改</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '2')">详情</el-button>
</template>
</el-table-column>
</el-table>
<!-- 其他 -->
<comindex :dialogVisibl="dialogVisible" @visivie='visivie' :control="control"></comindex>
<!-- 修改 详情 -->
<commodify :title="title" :dialogVisibl="dialogVi" @diaisibl="diaisibl" @onSubmit="onSubmit"></commodify>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
</div>
</template>
<script>
import comindex from './components/index'
import commodify from './components/modify'
export default {
name: "orderform",
data() {
return {
}
dialogVisible: false,
dialogVi: false,
control: '0',
total: 5,
title: '修改订单',
queryParams: {
pageNum: 0,
pageSize: 10
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
tableData: [{
date: '2016-05-02',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1518 弄',
zip: 200333
}, {
date: '2016-05-04',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1517 弄',
zip: 200333
}, {
date: '2016-05-01',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1519 弄',
zip: 200333
}, {
date: '2016-05-03',
name: '王小虎',
province: '上海',
city: '普陀区',
address: '上海市普陀区金沙江路 1516 弄',
zip: 200333
}],
// 日期范围
dateRange: "",
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
tableName: undefined,
tableComment: undefined,
dataName: ""
},
// 预览参数
preview: {
open: false,
title: "代码预览",
data: {},
activeName: "domain.java"
}
};
},
components: {
comindex,
commodify
},
mounted() { },
beforeDestroy() {},
methods: {}
}
created() { },
methods: {
// 搜索
handleQuery() {
},
// 重置
resetQuery() {
},
// 导出订单
handleGenTable() {
},
// 页码切换
getList(){
},
// 打开查看详情
imageCaption(sta, val) {
switch (val) {
case '1':
this.control = val
break;
case '2':
this.control = val
break;
case '3':
this.control = val
break;
case '4':
this.control = val
break;
case '5':
this.control = val
break;
}
this.dialogVisible = true
},
// 修改详情
modify(sta, val) {
if (val == '1') {
this.title = '修改订单'
} else {
this.title = '订单详情'
}
this.dialogVi = true
},
// 其他 弹窗关闭
visivie() {
this.dialogVisible = false
},
// 详情 修改 弹窗关闭
diaisibl() {
this.dialogVi = false
},
// 详情 修改 确认修改
onSubmit() {
this.dialogVi = false
}
}
};
</script>
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