jiangyy
5 years ago
18 changed files with 742 additions and 1006 deletions
@ -1,5 +1,5 @@ |
|||||
NODE_ENV=development |
NODE_ENV=development |
||||
VUE_APP_API_SERVER = http://192.168.1.130:8080/api |
# VUE_APP_API_SERVER = http://192.168.1.130:8080/api |
||||
# VUE_APP_API_SERVER = http://10.10.10.98:8080/api |
VUE_APP_API_SERVER = http://10.10.10.207:8080/api |
||||
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api |
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api |
||||
VUE_APP_NODE_ENV=dev |
VUE_APP_NODE_ENV=dev |
||||
@ -0,0 +1,255 @@ |
|||||
|
<template> |
||||
|
<div style=" position: relative;"> |
||||
|
|
||||
|
<el-button type="default" |
||||
|
@click="diaCancel">取消返回</el-button> |
||||
|
<el-button type="primary" |
||||
|
@click="submitCode">提交</el-button> |
||||
|
|
||||
|
<el-form :inline="true" |
||||
|
:model="dataForm" |
||||
|
class="form"> |
||||
|
|
||||
|
<el-form-item label="反馈内容" |
||||
|
prop="feedbackInfo" |
||||
|
label-width="150px" |
||||
|
style="display:block"> |
||||
|
<el-input type="textarea" |
||||
|
:autosize="{ minRows: 5, maxRows: 8}" |
||||
|
:rows="5" |
||||
|
resize="none" |
||||
|
style="width:600px" |
||||
|
placeholder='请输入反馈内容' |
||||
|
v-model="dataForm.feedbackInfo"> |
||||
|
</el-input> |
||||
|
<div slot="tip" |
||||
|
class="el-upload__tip">反馈内容，至多200字，只有上个版本被驳回才可填写</div> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="反馈图片" |
||||
|
label-width="150px" |
||||
|
style="display:block"> |
||||
|
<el-upload class="avatar-uploader" |
||||
|
ref="uploadFeedbackPic" |
||||
|
:action="upload_url" |
||||
|
list-type="picture-card" |
||||
|
:name="upload_name" |
||||
|
:on-exceed="exceedFeedbackPic" |
||||
|
:on-remove="removeFeedbackPic" |
||||
|
:file-list="feedbackPicList" |
||||
|
:limit="5" |
||||
|
:http-request="uploadFeedbackPic"> |
||||
|
<span class="font-14">选择图片</span> |
||||
|
<div slot="tip" |
||||
|
class="el-upload__tip">反馈图片，最多5张，大小2M以内</div> |
||||
|
</el-upload> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import CDialog from '@c/CDialog' |
||||
|
import CommitForm from './CommitForm' |
||||
|
import SubmitItem from './SubmitItem' |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
loading: false, |
||||
|
codeId: '', // 上传代码id，父组件传 |
||||
|
|
||||
|
dataForm: { |
||||
|
feedbackInfo: '', // 反馈内容 |
||||
|
feedbackStuff: '' // 反馈素材 |
||||
|
}, |
||||
|
|
||||
|
// 上传素材 |
||||
|
dialogImageUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/mediaupload', |
||||
|
upload_url: '', // 上传URL |
||||
|
upload_name: '', // 图片或视频名称 |
||||
|
feedbackPicList: [], // 预览列表 |
||||
|
|
||||
|
// 弹出框相关 |
||||
|
dialog: { |
||||
|
title: '', |
||||
|
visible: false |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
CDialog, CommitForm, SubmitItem |
||||
|
}, |
||||
|
mounted () { |
||||
|
}, |
||||
|
computed: { |
||||
|
tableHeight () { |
||||
|
return this.clientHeight * 0.56 - 100 |
||||
|
}, |
||||
|
...mapGetters(['clientHeight']) |
||||
|
}, |
||||
|
methods: { |
||||
|
initData (codeId) { |
||||
|
this.codeId = codeId |
||||
|
}, |
||||
|
reseatDataForm () { |
||||
|
this.dataForm = { |
||||
|
feedbackInfo: '', // 反馈内容 |
||||
|
feedbackStuff: '' // 反馈素材 |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
removeFeedbackPic (file) { |
||||
|
this.feedbackPicList.splice(this.feedbackPicList.findIndex(item => item.uid === file.uid), 1) |
||||
|
// console.log(this.feedbackPicList) |
||||
|
}, |
||||
|
exceedFeedbackPic: () => { |
||||
|
this.$message({ |
||||
|
message: '最多上传5张反馈图片', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
}, |
||||
|
// 上传反馈图片 |
||||
|
uploadFeedbackPic: (params) => { |
||||
|
let file = params.file |
||||
|
let fileType = file.type |
||||
|
let isImage = fileType.indexOf('image') !== -1 |
||||
|
let fileUrl = this.$refs.uploadFeedbackPic.uploadFiles[this.feedbackPicList.length].url |
||||
|
file.url = fileUrl |
||||
|
this.feedbackPicList.push(file) |
||||
|
|
||||
|
let isLt2M = file.size / 1024 / 1024 < 2 |
||||
|
if (!isLt2M) { |
||||
|
this.$message({ |
||||
|
message: '上传图片大小不能超过 2MB!', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
this.feedbackPicList.pop() |
||||
|
return |
||||
|
} |
||||
|
if (!isImage) { |
||||
|
this.$message({ |
||||
|
message: '请选择图片!', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
this.feedbackPicList.pop() |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.upload_name = 'file_img[]' |
||||
|
let formData = new FormData() |
||||
|
|
||||
|
formData.append('type', fileType) |
||||
|
formData.append('media', file) |
||||
|
formData.append('codeId', this.codeId) |
||||
|
this.startLoading() |
||||
|
window.app.ajax.post2(this.dialogImageUrl, formData, |
||||
|
(data, rspMsg) => { |
||||
|
this.endLoading() |
||||
|
if (data.code === 0) { |
||||
|
this.feedbackPicList[this.feedbackPicList.length - 1].mediaid = data.data |
||||
|
} else { |
||||
|
this.feedbackPicList.pop() |
||||
|
this.$message.error(rspMsg) |
||||
|
} |
||||
|
}, |
||||
|
(rspMsg, data) => { |
||||
|
this.feedbackPicList.pop() |
||||
|
this.endLoading() |
||||
|
this.$message.error(rspMsg) |
||||
|
}, { headers: { 'Content-Type': 'multipart/form-data' } }) |
||||
|
}, |
||||
|
|
||||
|
submitCode () { |
||||
|
let params = { |
||||
|
codeId: this.codeId, |
||||
|
isSpeed: false |
||||
|
} |
||||
|
|
||||
|
// 反馈说明 |
||||
|
if (this.dataForm.feedbackInfo !== '') { |
||||
|
params.feedbackInfo = this.dataForm.feedbackInfo |
||||
|
} |
||||
|
this.dataForm.feedbackStuff = '' |
||||
|
this.feedbackPicList.forEach(element => { |
||||
|
this.dataForm.feedbackStuff = this.dataForm.feedbackStuff + element.mediaid + '|' |
||||
|
}) |
||||
|
|
||||
|
if (this.dataForm.feedbackStuff !== '') { |
||||
|
this.dataForm.feedbackStuff = this.dataForm.feedbackStuff.slice(0, this.dataForm.feedbackStuff.length - 1) |
||||
|
params.feedbackStuff = this.dataForm.feedbackStuff |
||||
|
} |
||||
|
|
||||
|
console.log(params) |
||||
|
|
||||
|
// console.log('反馈图片：') |
||||
|
// console.log(params.feedbackStuff) |
||||
|
|
||||
|
// const url = 'https://epmet-cloud.elinkservice.cn/api/third/code/audit' |
||||
|
const url = '/third/code/audit' |
||||
|
this.startLoading() |
||||
|
window.app.ajax.post(url, params, |
||||
|
(data, rspMsg) => { |
||||
|
this.endLoading() |
||||
|
this.$message.success('提交审核成功，请等待审核结果') |
||||
|
this.resetData() |
||||
|
this.$emit('okSubmit') |
||||
|
}, |
||||
|
(rspMsg, data) => { |
||||
|
this.endLoading() |
||||
|
this.$message.error(rspMsg) |
||||
|
}) |
||||
|
}, |
||||
|
// 取消 |
||||
|
diaCancel () { |
||||
|
this.resetData() |
||||
|
this.$emit('cancleSubmit') |
||||
|
}, |
||||
|
resetData () { |
||||
|
this.reseatDataForm() |
||||
|
|
||||
|
// 反馈说明 |
||||
|
this.feedbackPicList = [] |
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
props: { |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped > |
||||
|
.el-tabs { |
||||
|
margin: 0 20px; |
||||
|
} |
||||
|
.el-upload__tip { |
||||
|
color: rgb(155, 155, 155); |
||||
|
margin: 0; |
||||
|
} |
||||
|
.form { |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
.div_btn { |
||||
|
z-index: 10; |
||||
|
position: absolute; |
||||
|
top: 5px; |
||||
|
right: 30px; |
||||
|
} |
||||
|
</style> |
||||
@ -1,346 +0,0 @@ |
|||||
|
|
||||
<!--审核项--> |
|
||||
<template> |
|
||||
<div> |
|
||||
|
|
||||
<el-form :inline="true" |
|
||||
:model="dataForm" |
|
||||
style="width:1300px"> |
|
||||
<el-form-item label="页面列表" |
|
||||
prop="versionDesc" |
|
||||
label-width="100px"> |
|
||||
<el-select v-model="dataForm.address" |
|
||||
placeholder="页面列表" |
|
||||
style="width:300px" |
|
||||
filterable> |
|
||||
<el-option v-for="item in addressList" |
|
||||
:key="item.value" |
|
||||
:label="item.label" |
|
||||
:value="item.value"> |
|
||||
</el-option> |
|
||||
</el-select> |
|
||||
<div class="el-upload__tip">小程序版本说明和功能解释</div> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="标签" |
|
||||
prop="tag" |
|
||||
label-width="80px"> |
|
||||
<el-input placeholder='请输入标签' |
|
||||
style="width:300px" |
|
||||
type="textarea" |
|
||||
:autosize="{ minRows: 2, maxRows: 4}" |
|
||||
:rows="3" |
|
||||
maxlength="20" |
|
||||
show-word-limit |
|
||||
v-model="dataForm.tag"> |
|
||||
</el-input> |
|
||||
<div class="el-upload__tip">小程序的标签，用空格分隔，标签至多10个，标签长度至多20</div> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item label="标题" |
|
||||
prop="title" |
|
||||
label-width="80px"> |
|
||||
<el-input placeholder='请输入标题' |
|
||||
style="width:300px" |
|
||||
type="textarea" |
|
||||
:autosize="{ minRows: 2, maxRows: 4}" |
|
||||
:rows="3" |
|
||||
maxlength="32" |
|
||||
show-word-limit |
|
||||
v-model="dataForm.title"> |
|
||||
</el-input> |
|
||||
<div class="el-upload__tip">小程序页面的标题，标题长度至多32</div> |
|
||||
</el-form-item> |
|
||||
<el-form-item label="可选类目" |
|
||||
prop="title" |
|
||||
label-width="100px"> |
|
||||
<el-table id="out-table" |
|
||||
ref="table_category" |
|
||||
:header-cell-style="{color:'#000'}" |
|
||||
:data="categoryList" |
|
||||
style="width: 1000px" |
|
||||
border> |
|
||||
<el-table-column label="" |
|
||||
width="35" |
|
||||
center> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-radio :label="scope.row.id" |
|
||||
v-model="templateRadio" |
|
||||
@change.native="getRadioRow(scope.$index,scope.row)"> </el-radio> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column prop="firstClass" |
|
||||
label="一级名称" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="firstId" |
|
||||
label="一级ID" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="secondClass" |
|
||||
label="二级名称" |
|
||||
min-width="70" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="secondId" |
|
||||
label="二级ID" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="thirdClass" |
|
||||
label="三级名称" |
|
||||
min-width="70" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="thirdId" |
|
||||
label="三级ID" |
|
||||
header-align="center" |
|
||||
min-width="100" |
|
||||
align="center"></el-table-column> |
|
||||
</el-table> |
|
||||
</el-form-item> |
|
||||
|
|
||||
</el-form> |
|
||||
<div style="margin-top:10px"> |
|
||||
<el-button type="primary" |
|
||||
style="margin:0 10px 10px 10px" |
|
||||
@click="addItem()">增加</el-button> |
|
||||
</div> |
|
||||
<el-table id="out-table" |
|
||||
ref="table" |
|
||||
:header-cell-style="{color:'#000'}" |
|
||||
:data="itemTableData" |
|
||||
:style="{width: '100%'}" |
|
||||
border> |
|
||||
|
|
||||
<el-table-column prop="address" |
|
||||
label="页面" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="tag" |
|
||||
label="标签" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="title" |
|
||||
label="标题" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
|
|
||||
<el-table-column prop="firstClass" |
|
||||
label="一级名称" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="firstId" |
|
||||
label="一级ID" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="secondClass" |
|
||||
label="二级名称" |
|
||||
min-width="70" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="secondId" |
|
||||
label="二级ID" |
|
||||
min-width="100" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="thirdClass" |
|
||||
label="三级名称" |
|
||||
min-width="70" |
|
||||
header-align="center" |
|
||||
align="center"></el-table-column> |
|
||||
<el-table-column prop="thirdId" |
|
||||
label="三级ID" |
|
||||
header-align="center" |
|
||||
min-width="100" |
|
||||
align="center"></el-table-column> |
|
||||
<!--操作列--> |
|
||||
<el-table-column label="操作" |
|
||||
fixed="right" |
|
||||
:min-width="80" |
|
||||
header-align="center" |
|
||||
class="operate"> |
|
||||
<template slot-scope="scope"> |
|
||||
|
|
||||
<el-button size="mini" |
|
||||
type="text" |
|
||||
@click.stop="deleteItem(scope.$index, scope.row)">删除</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
|
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import CTable from '@c/CTableNoPage' |
|
||||
import CForm from '@c/CForm' |
|
||||
import { mapGetters } from 'vuex' |
|
||||
import { Loading } from 'element-ui' // 引入Loading服务 |
|
||||
|
|
||||
let loading // 加载动画 |
|
||||
export default { |
|
||||
data () { |
|
||||
return { |
|
||||
codeId: '', |
|
||||
addressUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/getpage', |
|
||||
categoryUrl: 'https://epmet-cloud.elinkservice.cn/api/third/code/getcategory', |
|
||||
addressList: [], // 页面列表 |
|
||||
categoryList: [], // 类目列表 |
|
||||
templateRadio: '', |
|
||||
selCategory: {}, |
|
||||
dataForm: { |
|
||||
address: '', |
|
||||
tag: '', |
|
||||
title: '' |
|
||||
}, |
|
||||
// 类目查询相关 |
|
||||
tableParams: {}, |
|
||||
operations: [], |
|
||||
|
|
||||
// 最终的审核列表数据 |
|
||||
itemTableData: [] |
|
||||
} |
|
||||
}, |
|
||||
components: { |
|
||||
CTable, CForm |
|
||||
}, |
|
||||
mounted () { |
|
||||
}, |
|
||||
computed: { |
|
||||
tableHeight () { |
|
||||
return this.clientHeight - 60 - 80 - 80 - 50 - 400 |
|
||||
}, |
|
||||
...mapGetters(['clientHeight']) |
|
||||
}, |
|
||||
props: { |
|
||||
optionData: { |
|
||||
type: Object, |
|
||||
default () { |
|
||||
return {} |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
initData (codeId) { |
|
||||
this.reseatData() |
|
||||
this.codeId = codeId |
|
||||
const params = { |
|
||||
codeId: this.codeId |
|
||||
} |
|
||||
window.app.ajax.post(this.addressUrl, params, |
|
||||
(data, rspMsg) => { |
|
||||
data.forEach(item => { |
|
||||
let obj = {} |
|
||||
obj.label = item |
|
||||
obj.value = item |
|
||||
this.addressList.push(obj) |
|
||||
}) |
|
||||
}, |
|
||||
(rspMsg, data) => { |
|
||||
this.$message.error(rspMsg) |
|
||||
}) |
|
||||
|
|
||||
window.app.ajax.post(this.categoryUrl, params, |
|
||||
(data, rspMsg) => { |
|
||||
// data = [ |
|
||||
// { |
|
||||
// 'first_class': '社交', |
|
||||
// 'second_class': '社区/论坛', |
|
||||
// 'first_id': 684, |
|
||||
// 'second_id': 794 |
|
||||
// }, |
|
||||
// { |
|
||||
// 'first_class': '社交1', |
|
||||
// 'second_class': '社区/论坛1', |
|
||||
// 'first_id': 685, |
|
||||
// 'second_id': 796 |
|
||||
// } |
|
||||
// ] |
|
||||
data.forEach((item, index) => { |
|
||||
item.id = index |
|
||||
}) |
|
||||
this.categoryList = data |
|
||||
}, |
|
||||
(rspMsg, data) => { |
|
||||
this.$message.error(rspMsg) |
|
||||
}) |
|
||||
}, |
|
||||
getRadioRow (index, row) { |
|
||||
this.selCategory = row |
|
||||
}, |
|
||||
// 增加一条审核项 |
|
||||
addItem () { |
|
||||
if (this.itemTableData.length === 5) { |
|
||||
this.$message.warning('最多填写5项审核项') |
|
||||
return false |
|
||||
} |
|
||||
// eslint-disable-next-line |
|
||||
// debugger |
|
||||
|
|
||||
// 判断是否重复添加页面 |
|
||||
const that = this |
|
||||
let result = this.itemTableData.some((value) => { |
|
||||
return value.address === that.dataForm.address |
|
||||
}) |
|
||||
|
|
||||
if (result) { |
|
||||
this.$message.warning('当前页面已添加，请更换页面后重新添加') |
|
||||
return false |
|
||||
} |
|
||||
let oneObj = {} |
|
||||
oneObj.address = this.dataForm.address |
|
||||
oneObj.title = this.dataForm.title |
|
||||
oneObj.tag = this.dataForm.tag |
|
||||
oneObj.firstClass = this.selCategory.firstClass |
|
||||
oneObj.firstId = this.selCategory.firstId |
|
||||
oneObj.secondClass = this.selCategory.secondClass |
|
||||
oneObj.secondId = this.selCategory.secondId |
|
||||
oneObj.thirdClass = this.selCategory.thirdClass |
|
||||
oneObj.thirdId = this.selCategory.thirdId |
|
||||
|
|
||||
this.itemTableData.push(oneObj) |
|
||||
}, |
|
||||
deleteItem (index) { |
|
||||
this.itemTableData.splice(index, 1) |
|
||||
}, |
|
||||
getItemList () { |
|
||||
return this.itemTableData |
|
||||
}, |
|
||||
reseatData () { |
|
||||
this.dataForm = { |
|
||||
address: '', |
|
||||
tag: '', |
|
||||
title: '' |
|
||||
} |
|
||||
this.templateRadio = '' |
|
||||
this.addressList = [] |
|
||||
this.categoryList = [] |
|
||||
this.itemTableData = [] |
|
||||
this.selCategory = {} |
|
||||
}, |
|
||||
// 开启加载动画 |
|
||||
startLoading () { |
|
||||
loading = Loading.service({ |
|
||||
lock: true, // 是否锁定 |
|
||||
text: '正在加载……', // 加载中需要显示的文字 |
|
||||
background: 'rgba(0,0,0,.7)' // 背景颜色 |
|
||||
}) |
|
||||
}, |
|
||||
// 结束加载动画 |
|
||||
endLoading () { |
|
||||
// clearTimeout(timer); |
|
||||
if (loading) { |
|
||||
loading.close() |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
Loading…
Reference in new issue