Mp-company
/
cjy-mp-company
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

完善详情页开发

Browse Source
master
李春波 2 years ago
parent 10e452ff07
commit 58981a1692
4 changed files with 146 additions and 36 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 9
      app/admin/controller/MiniProgramController.php
  2. 5
      app/common/service/wechat/OpenPlatform.php
  3. 7
      front/src/utils/filter.js
  4. 161
      front/src/views/authorizer/detail.vue

9
app/admin/controller/MiniProgramController.php
Unescape View File

@ -15,8 +15,12 @@ class MiniProgramController extends BaseController
$miniprogram = new MiniProgram($row['platform_id']);
// $row['visit_status'] = $miniprogram->getVisitStatus($row['appid']);
$version = $miniprogram->getVersionInfo($row['appid']);
$version['release_info']['release_qrcode'] = base64_encode($miniprogram->getQrCode($row['appid']));
$version['exp_info']['exp_qrcode'] = base64_encode($miniprogram->getExpQrCode($row['appid']));
if (!empty($version['release_info'])) {
$version['release_info']['release_qrcode'] = base64_encode($miniprogram->getQrCode($row['appid']));
}
if (!empty($version['exp_info'])) {
$version['exp_info']['exp_qrcode'] = base64_encode($miniprogram->getExpQrCode($row['appid']));
}
// $json = [
// 'errcode' => 0,
// 'errmsg' => 'ok',
@ -31,6 +35,7 @@ class MiniProgramController extends BaseController
$version['audit_info'] = $miniprogram->getLatestAuditStatus($row['appid']);
// $version['audit_info'] = $json;
$row['version'] = $version;
$row['code_template'] = $miniprogram->getTemplate();
return success($row);
}
}

5
app/common/service/wechat/OpenPlatform.php
Unescape View File

@ -96,4 +96,9 @@ class OpenPlatform extends BaseServices {
throw new BadRequestHttpException($e->getMessage());
}
}
public function getTemplate()
{
return $this->app->code_template->list();
}
}

7
front/src/utils/filter.js
Unescape View File

@ -23,3 +23,10 @@ Vue.filter('moment', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
Vue.filter('momentUnix', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
return moment.unix(dataStr).format(pattern)
})
Vue.filter('truncate', function (value, limit = 10) {
if (value.length > limit) {
return value.slice(0, limit) + '...';
}
return value;
})

161
front/src/views/authorizer/detail.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<page-header-wrapper :title="false">
<a-card :bordered="false" title="线上版本">
<a-row>
<a-card :bordered="false" :loading="loading" title="线上版本">
<a-row v-if="release_info">
<a-col span="8">
<a-descriptions>
<a-descriptions-item :span="3" label="版本号">
@ -19,18 +19,19 @@
<img :src="'data:image/jpge;base64,' + release_info['release_qrcode']" alt="" width="150">
</a-col>
</a-row>
<span v-else> 尚未提交线上版本 </span>
</a-card>
<a-card :bordered="false" title="审核版本">
<a-dropdown slot="extra">
<a-menu slot="overlay">
<a-menu-item v-for="(item) in audit_option" :key="item.value">{{ item.content }}</a-menu-item>
</a-menu>
<a-button type="primary"> 操作
<a-icon type="down"/>
</a-button>
</a-dropdown>
<a-card :bordered="false" :loading="loading" title="审核版本">
<span v-if="audit_info.errcode === 85058"> 暂无提交审核的版本或者版本已发布上线 </span>
<a-descriptions v-else-if="audit_info.errcode === 0">
<a-dropdown slot="extra">
<a-menu slot="overlay">
<a-menu-item v-for="(item) in audit_option" :key="item.value">{{ item.content }}</a-menu-item>
</a-menu>
<a-button type="primary"> 操作
<a-icon type="down"/>
</a-button>
</a-dropdown>
<a-descriptions-item :span="3" label="版本号">
{{ audit_info['user_version'] }}
</a-descriptions-item>
@ -52,24 +53,85 @@
</a-descriptions>
<span v-else> {{ audit_info['errmsg'] }} </span>
</a-card>
<a-card :bordered="false" title="体验版本">
<a-col span="8">
<a-descriptions>
<a-descriptions-item :span="3" label="版本号">
{{ exp_info['exp_version'] }}
</a-descriptions-item>
<a-descriptions-item :span="3" label="发布时间">
{{ exp_info['exp_time'] | momentUnix }}
</a-descriptions-item>
<a-descriptions-item :span="3" label="版本描述">
{{ exp_info['exp_desc'] }}
</a-descriptions-item>
</a-descriptions>
</a-col>
<a-col v-if="exp_info['exp_qrcode']" span="16">
<img :src="'data:image/jpge;base64,' + exp_info['exp_qrcode']" alt="" width="150">
</a-col>
<a-card :bordered="false" :loading="loading" title="体验版本">
<template v-if="exp_info">
<a-dropdown slot="extra">
<a-menu slot="overlay">
<a-menu-item v-for="(item) in audit_option" :key="item.value">{{ item.content }}</a-menu-item>
</a-menu>
<a-button type="primary"> 操作
<a-icon type="down"/>
</a-button>
</a-dropdown>
<a-col span="8">
<a-descriptions v-if="exp_info">
<a-descriptions-item :span="3" label="版本号">
{{ exp_info['exp_version'] }}
</a-descriptions-item>
<a-descriptions-item :span="3" label="发布时间">
{{ exp_info['exp_time'] | momentUnix }}
</a-descriptions-item>
<a-descriptions-item :span="3" label="版本描述">
{{ exp_info['exp_desc'] }}
</a-descriptions-item>
</a-descriptions>
</a-col>
<a-col v-if="exp_info['exp_qrcode']" span="16">
<img :src="'data:image/jpge;base64,' + exp_info['exp_qrcode']" alt="" width="150">
</a-col>
</template>
<template v-else>
<div style="text-align: center; margin: 60px 0">
<p>尚未提交体验版</p>
<a-button type="primary" @click="() => this.modal_visible = true">
提交代码
</a-button>
</div>
</template>
</a-card>
<a-modal
:confirm-loading="modal_loading"
:visible="modal_visible"
title="提交代码"
width="700px"
@cancel="modalCancel"
@ok="modalOk"
>
<a-form :form="form" v-bind="formLayout">
<a-form-item help="第三方平台小程序模板库的模板id。需从开发者工具上传代码到第三方平台草稿箱，然后从草稿箱添加到模板库"
label="模板ID(template_id)">
<a-select v-decorator="['template_id', {rules: [{required: true, message: '请输入app_id'}]}]"
placeholder="请选择">
<a-select-option disabled value="-1">
<div class="normal_flex">
<p style="width:100px; margin:0">模板ID</p>
<p style="width:100px; margin:0">版本号</p>
<p style="flex:1; margin:0">模板描述</p>
</div>
</a-select-option>
<a-select-option v-for="(item, i) in code_template" :key="item['template_id']">
<div class="normal_flex">
<p style="width:100px; margin:0">{{ item['template_id'] }}</p>
<p style="width:100px; margin:0">{{ item['user_version'] }}</p>
<p style="flex:1; margin:0">{{ item['user_desc'] | truncate(15) }}</p>
</div>
</a-select-option>
</a-select>
</a-form-item>
<a-form-item label="ext.json配置(ext_json)">
<div slot="help">用于控制ext.json配置文件的内容的参数 <a
href="https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/2.0/api/code/commit.html"
target="_blank">提交代码api说明</a></div>
<a-textarea v-decorator="['ext_json', {rules: [{required: true, message: '请输入app_id'}]}]"/>
</a-form-item>
<a-form-item help="代码版本号，开发者可自定义(长度不超过64个字符)" label="代码版本号(user_version)">
<a-input v-decorator="['user_version', {rules: [{required: true, message: '请输入secret'}]}]"/>
</a-form-item>
<a-form-item help="代码版本描述，开发者可自定义" label="版本描述(user_desc)">
<a-input v-decorator="['user_desc', {rules: [{required: true, message: '请输入token'}]}]"/>
</a-form-item>
</a-form>
</a-modal>
</page-header-wrapper>
</template>
@ -82,20 +144,47 @@ export default {
data() {
return {
enum_data: data,
release_info: {},
exp_info: {},
release_info: undefined,
exp_info: undefined,
audit_info: {},
code_template: [],
loading: true,
modal_visible: true,
modal_loading: false,
formLayout: {
labelCol: {
xs: {span: 24},
sm: {span: 7}
},
wrapperCol: {
xs: {span: 24},
sm: {span: 17}
}
},
form: this.$form.createForm(this)
}
},
methods: {
getDetail(id) {
this.loading = true
getDetail({id}).then(res => {
this.release_info = res.data.version.release_info
this.exp_info = res.data.version.exp_info
this.release_info = res.data.version?.release_info
this.exp_info = res.data.version?.exp_info
this.audit_info = res.data.version.audit_info
this.code_template = res.data.code_template?.template_list
this.loading = false
})
}
},
modalOk() {
// this.modal_visible = false
this.form.validateFields((errors, values) => {
console.log(errors, values)
})
},
modalCancel() {
this.modal_visible = false
},
},
computed: {
audit_option() {
@ -131,5 +220,9 @@ export default {
</script>
<style lang="less" scoped>
.normal_flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
</style>
Write Preview
Loading…
Cancel
Save