123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266 |
- <template>
- <div class="addPage">
- <div class="formBox">
- <a-form :form="form" @submit="handleSubmit">
- <a-row>
- <a-col :span="24">
- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="版本号">
- <a-input
- v-decorator="[
- 'formData.version',
- { initialValue: formData.version,getValueFromEvent: $filterEmpty,
- rules: [{ required: true, message: '请输入(0~999999)之间的版本号' }]
- },
- ]"
- oninput="if(value.length>6)value=value.slice(0,6);if(value<0)value=0"
- id="addEditionSetting-version"
- placeholder="请输入(0~999999)之间的版本号"
- allowClear
- type="number" />
- </a-form-item>
- </a-col>
- <a-col :span="24">
- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="请选择更新时间">
- <a-date-picker
- show-time
- id="addEditionSetting-publicDate"
- placeholder="年/月/日 时/分/秒"
- :disabled-date="disabledDate"
- v-decorator="['formData.publicDate', { initialValue: formData.publicDate, rules: [{ required: true, message: '请选择更新时间!' }] }]" />
- </a-form-item>
- </a-col>
- <a-col :span="24">
- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="强制升级">
- <a-radio-group
- name="radioGroup"
- id="addEditionSetting-forceUpgrade"
- @change="onChange"
- v-decorator="[
- 'formData.forceUpgrade',
- {
- initialValue: formData.forceUpgrade,
- rules: [{ required: true, type: 'number', message: '请选择是否强制升级!' }] },
- ]">
- <a-radio :value="1">是</a-radio>
- <a-radio :value="0">否</a-radio>
- </a-radio-group>
- </a-form-item>
- </a-col>
- <a-col :span="24">
- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="下载链接">
- <a-textarea
- :maxLength="300"
- v-decorator="[
- 'formData.downloadUrl',
- { initialValue: formData.downloadUrl,getValueFromEvent: $filterEmpty,
- rules: [{ message: '请输入下载链接(最长为300字符)' }]
- },
- ]"
- id="addEditionSetting-downloadUrl"
- placeholder="请输入下载链接(最长为300字符)"
- allowClear />
- </a-form-item>
- </a-col>
- <a-col :span="24">
- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="升级内容">
- <a-textarea
- placeholder="请输入升级内容(最多500个字符)"
- :maxLength="500"
- id="addEditionSetting-upgradeContent"
- auto-size
- v-decorator="[
- 'formData.upgradeContent',
- { initialValue: formData.upgradeContent,getValueFromEvent: $filterEmpty,
- rules: [{ required: true, message: '请输入升级内容(最多500个字符)' }]
- },
- ]" />
- </a-form-item>
- </a-col>
- </a-row>
- <a-row>
- <a-col :span="24">
- <a-form-item label="附件" :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol">
- <div style="display: block;">
- <Upload
- ref="upfile"
- id="addEditionSetting-attachment"
- :maxNums="1"
- :fileSize="100"
- v-decorator="[
- 'formData.attachment',
- { initialValue: formData.attachment,
- rules: [{ required: true, message: '请上传app安装文件' }]
- },
- ]"
- fileType="application/vnd.android.package-archive"
- upText="附件上传">
- </Upload>
- </div>
- <div style="line-height: 16px;clear: both;padding-top: 10px;color: #999;">(上传apk格式文件)</div>
- </a-form-item>
- </a-col>
- </a-row>
- <a-form-item :label-col="formTailLayout.labelCol" :wrapper-col="formTailLayout.wrapperCol">
- <a-button htmlType="submit" type="primary" id="addEditionSetting-submit">
- 保存
- </a-button>
- <a-button style="margin-left: 20px;" @click="cansel" id="addEditionSetting-cansel">
- 取消
- </a-button>
- </a-form-item>
- </a-form>
- </div>
- </div>
- </template>
- <script>
- import {
- Upload
- } from '@/components'
- import {
- saveItem,
- editItem
- } from '@/api/editionSetting.js'
- import moment from 'moment'
- const formItemLayout = {
- labelCol: {
- span: 3
- },
- wrapperCol: {
- span: 6
- }
- }
- const formTailLayout = {
- wrapperCol: {
- offset: 5
- }
- }
- export default {
- name: 'AddeditionSetting',
- components: {
- Upload
- },
- data () {
- return {
- formItemLayout,
- formTailLayout,
- form: this.$form.createForm(this),
- formData: {
- version: '',
- publicDate: null,
- downloadUrl: '',
- forceUpgrade: '0',
- upgradeContent: '',
- attachment: ''
- },
- applyName: 'IT后台',
- applyCode: 'atit',
- mode1: 'time'
- }
- },
- methods: {
- moment,
- // 禁止当前之前的日期选择
- range (start, end) {
- const result = []
- for (let i = start; i < end; i++) {
- result.push(i)
- }
- return result
- },
- disabledDate (current) {
- // Can not select days before today and today
- return current && current < moment().subtract(1, 'days')
- },
- // disabledDateTime () {
- // return {
- // disabledHours: () => this.range(0, moment().hour()),
- // disabledMinutes: () => this.range(0, moment().minute()),
- // disabledSeconds: () => this.range(0, moment().second())
- // }
- // },
- // 保存
- handleSubmit (e) {
- e.preventDefault()
- const _this = this
- this.form.validateFields((err, values) => {
- if (!err) {
- const query = this.$route.query
- const formData = Object.assign({}, this.formData, values.formData, {
- applyName: 'IT后台'
- }, {
- applyCode: 'atit'
- })
- formData.publicDate = formData.publicDate.format('YYYY-MM-DD HH:mm:ss')
- saveItem(formData).then(res => {
- // console.log(res, 'rrrrrrrrr')
- if (res.status == 200) {
- _this.$message.success(res.message ? res.message : '保存成功')
- _this.$router.push({
- name: 'editionSetting_list'
- })
- } else {
- _this.$message.error(res.message)
- }
- })
- }
- })
- },
- // 返回列表
- cansel () {
- this.$router.push({
- name: 'editionSetting_list'
- })
- },
- // 选择时间
- handleOpenChange1 (open) {
- console.log(open)
- if (open) {
- this.mode1 = 'time'
- }
- },
- // 改变默认选项
- onChange (e) {
- console.log('radio checked', e.target.value)
- }
- },
- beforeRouteEnter (to, from, next) {
- next(vm => {
- console.log(111)
- // vm.loading = false
- const params = vm.$route.query
- console.log(params.id)
- if (params.id) {
- editItem({
- id: params.id
- }).then(res => {
- console.log(res)
- if (res.status == 200) {
- const page = res.data
- vm.formData = Object.assign(vm.formData, page)
- vm.formData.forceUpgrade = Number(vm.formData.forceUpgrade)
- vm.formData.publicDate = moment(vm.formData.publicDate)
- vm.$refs.upfile.setFileList(vm.formData.attachment)
- }
- })
- }
- })
- }
- }
- </script>
- <style lang="less">
- .addPage {
- .formBox {
- padding: 34px 0 10px;
- flex-grow: 1;
- background: #fff;
- border-radius: 5px;
- }
- }
- </style>
|