|
|
@@ -4,7 +4,7 @@
|
|
|
* @Autor: XuTongZhang
|
|
|
* @Date: 2020-07-28 16:28:13
|
|
|
* @LastEditors: XuTongZhang
|
|
|
- * @LastEditTime: 2020-08-13 11:21:52
|
|
|
+ * @LastEditTime: 2020-08-13 15:43:02
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="indexPage">
|
|
|
@@ -77,13 +77,13 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<el-dialog :visible.sync="dialogVisible" width="650px" :before-close="closeDia" :close-on-click-modal="false">
|
|
|
- <el-form :model="codeForm" ref="form" label-width="200px" :rules="rules" label-position="left">
|
|
|
- <el-form-item label="二维码名称" prop="templateName">
|
|
|
- <el-input v-model="codeForm.templateName" placeholder="请输入模板名称" autocomplete="off"></el-input>
|
|
|
+ <el-form :model="codeForm" ref="codeForm" label-width="200px" :rules="rules" label-position="left">
|
|
|
+ <el-form-item label="二维码名称" prop="qrcodeName">
|
|
|
+ <el-input v-model="codeForm.qrcodeName" placeholder="请输入二维码名称" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="二维码有效期" prop="templateIntroduce">
|
|
|
+ <el-form-item label="二维码有效期" prop="time">
|
|
|
<el-date-picker
|
|
|
- v-model="codeForm"
|
|
|
+ v-model="codeForm.time"
|
|
|
type="daterange"
|
|
|
align="right"
|
|
|
unlink-panels
|
|
|
@@ -93,20 +93,23 @@
|
|
|
:picker-options="pickerOptions">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="二维码状态" prop="isDisable">
|
|
|
- <el-radio-group v-if="state!==2" v-model="codeForm.isDisable">
|
|
|
- <el-radio :label="1">启用中</el-radio>
|
|
|
- <el-radio :label="0">禁用中</el-radio>
|
|
|
+ <el-form-item label="二维码状态" prop="status">
|
|
|
+ <el-radio-group v-model="codeForm.status">
|
|
|
+ <el-radio :label="0">启用中</el-radio>
|
|
|
+ <el-radio :label="1">禁用中</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<div class="flex">
|
|
|
- <el-button>生成二维码</el-button>
|
|
|
+ <el-button @click="createQrCoed">{{codeForm.qrcodePath ? '修改二维码' : '生成二维码'}}</el-button>
|
|
|
</div>
|
|
|
<el-image
|
|
|
- style="width: 100px; height: 100px"
|
|
|
- :src="url"
|
|
|
- :preview-src-list="[url]">
|
|
|
+ class="img"
|
|
|
+ :src="codeForm.qrcodePath ? $img + codeForm.qrcodePath : ''"
|
|
|
+ :preview-src-list="[$img + codeForm.qrcodePath]">
|
|
|
</el-image>
|
|
|
+ <div class="flex">
|
|
|
+ <el-button @click="downLoad">下载</el-button>
|
|
|
+ </div>
|
|
|
</el-form>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -123,17 +126,16 @@ export default {
|
|
|
dialogFormVisible: false,
|
|
|
state: 0,
|
|
|
form: {},
|
|
|
+ url: '',
|
|
|
codeForm: {},
|
|
|
pickList: [],
|
|
|
downList0: [],
|
|
|
downList1: [],
|
|
|
downList2: [],
|
|
|
rules: {
|
|
|
- templateName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }],
|
|
|
- templateIntroduce: [{ required: true, message: '请输入模板内容', trigger: 'blur' }],
|
|
|
- sceneId: [{ required: true, message: '请选择关联场景', trigger: 'blur' }],
|
|
|
- processId: [{ required: true, message: '请选择关联流程', trigger: 'blur' }],
|
|
|
- formId: [{ required: true, message: '请选择关联表单', trigger: 'blur' }]
|
|
|
+ qrcodeName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }],
|
|
|
+ time: [{ required: true, message: '请输入时间区间', trigger: 'blur' }],
|
|
|
+ status: [{ required: true, message: '请选择二维码状态', trigger: 'blur' }]
|
|
|
},
|
|
|
list: [],
|
|
|
btn: [
|
|
|
@@ -196,7 +198,7 @@ export default {
|
|
|
onClick (picker) {
|
|
|
const end = new Date()
|
|
|
const start = new Date()
|
|
|
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
|
|
+ end.setTime(end.getTime() + 3600 * 1000 * 24 * 7)
|
|
|
picker.$emit('pick', [start, end])
|
|
|
}
|
|
|
}, {
|
|
|
@@ -204,7 +206,7 @@ export default {
|
|
|
onClick (picker) {
|
|
|
const end = new Date()
|
|
|
const start = new Date()
|
|
|
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
|
|
+ end.setTime(end.getTime() + 3600 * 1000 * 24 * 30)
|
|
|
picker.$emit('pick', [start, end])
|
|
|
}
|
|
|
}, {
|
|
|
@@ -212,7 +214,7 @@ export default {
|
|
|
onClick (picker) {
|
|
|
const end = new Date()
|
|
|
const start = new Date()
|
|
|
- start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
|
|
+ end.setTime(end.getTime() + 3600 * 1000 * 24 * 90)
|
|
|
picker.$emit('pick', [start, end])
|
|
|
}
|
|
|
}]
|
|
|
@@ -312,7 +314,64 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
qrCode (row) {
|
|
|
+ console.log(row)
|
|
|
+ this.codeForm.templateId = row.id
|
|
|
this.openDia()
|
|
|
+ this.$api
|
|
|
+ .post('/qrCode/checkQrCode', {
|
|
|
+ reqdata: {
|
|
|
+ templateId: row.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.$api
|
|
|
+ .post('/qrCode/queryQrCodeDetail', {
|
|
|
+ reqdata: {
|
|
|
+ templateId: row.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.codeForm = res.object
|
|
|
+ this.$set(this.codeForm, 'time', [res.object.startTime, res.object.endTime])
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ createQrCoed () {
|
|
|
+ let a
|
|
|
+ this.$refs['codeForm'].validate((valid) => {
|
|
|
+ a = valid
|
|
|
+ })
|
|
|
+ if (!a) return
|
|
|
+ let { templateId, time, qrcodeName, id } = this.codeForm
|
|
|
+ let url = this.codeForm.qrcodePath ? '/qrCode/updateQrCodeInfo' : '/qrCode/createQrCodeByTemplate'
|
|
|
+ this.$api
|
|
|
+ .post(url, {
|
|
|
+ reqdata: {
|
|
|
+ qrcodeName,
|
|
|
+ templateId,
|
|
|
+ id: id,
|
|
|
+ startTime: new Date(time[0]).valueOf(),
|
|
|
+ endTime: new Date(time[1]).valueOf()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.$api
|
|
|
+ .post('/qrCode/queryQrCodeDetail', {
|
|
|
+ reqdata: {
|
|
|
+ templateId
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.codeForm = res.object
|
|
|
+ this.$set(this.codeForm, 'time', [res.object.startTime, res.object.endTime])
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ downLoad () {
|
|
|
+ this.codeForm.qrcodePath ? window.open(this.$img + this.codeForm.qrcodePath) : this.$message({
|
|
|
+ message: '暂无二维码',
|
|
|
+ type: 'error'
|
|
|
+ })
|
|
|
},
|
|
|
open () {
|
|
|
this.dialogFormVisible = true
|
|
|
@@ -326,6 +385,7 @@ export default {
|
|
|
},
|
|
|
closeDia () {
|
|
|
this.dialogVisible = false
|
|
|
+ this.codeForm = {}
|
|
|
},
|
|
|
callPage (val) {
|
|
|
this.page = val
|
|
|
@@ -354,4 +414,11 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
+.img {
|
|
|
+ width: 350px;
|
|
|
+ height: 350px;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-left:150px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
</style>
|
