|
@@ -0,0 +1,232 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <a-modal
|
|
|
+ class="modalBox"
|
|
|
+ :title="titleText"
|
|
|
+ v-model="isshow"
|
|
|
+ @cancle="cancel"
|
|
|
+ width="60%"
|
|
|
+ :centered="true">
|
|
|
+ <a-form-model ref="ruleForm" :model="formData" :rules="rules" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
|
|
|
+ <a-form-model-item label="司机姓名" props="name">
|
|
|
+ <a-input v-model.trim="formData.name" :maxLength="30" placeholder="请输入司机姓名(最多30个字符)"/>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="手机号码" props="phone">
|
|
|
+ <a-input v-model.trim="formData.phone" @input="mobileInput" :maxLength="11" placeholder="请输入手机号"/>
|
|
|
+ </a-form-model-item>
|
|
|
+ <a-form-model-item label="状态" props="loginFlag"><a-radio-group
|
|
|
+ name="radioGroup"
|
|
|
+ v-model="formData.loginFlag"
|
|
|
+ >
|
|
|
+ <a-radio :value="1">是</a-radio>
|
|
|
+ <a-radio :value="0">否</a-radio>
|
|
|
+ </a-radio-group> </a-form-model-item>
|
|
|
+ <a-form-model-item label="" class="btn-cont" :label-col="{ span: 0 }" :wrapper-col="{ span: 24 }">
|
|
|
+ <a-button type="primary" @click="onSubmit">保存</a-button>
|
|
|
+ <a-button @click="cancel">取消</a-button>
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-form-model>
|
|
|
+ </a-modal>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ STable,
|
|
|
+ VSelect
|
|
|
+} from '@/components'
|
|
|
+import {
|
|
|
+ saveUserPower,
|
|
|
+ slelerDetails
|
|
|
+} from '@/api/userManage.js'
|
|
|
+export default {
|
|
|
+ name: 'AddDiverModal',
|
|
|
+ components: {
|
|
|
+ STable,
|
|
|
+ VSelect
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ visible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ itemId: {
|
|
|
+ type: String,
|
|
|
+ default: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ // 校验手机号
|
|
|
+ // const isMobileValid = (rule, value, callback) => {
|
|
|
+ // if (!value) {
|
|
|
+ // callback(new Error('请输入手机号'))
|
|
|
+ // } else {
|
|
|
+ // if (!isMobile(value)) {
|
|
|
+ // callback(new Error('请输入正确的手机号'))
|
|
|
+ // } else {
|
|
|
+ // callback()
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ return {
|
|
|
+ titleText: '新增',
|
|
|
+ isshow: this.visible,
|
|
|
+ formLayout: 'horizontal',
|
|
|
+ form: this.$form.createForm(this, {
|
|
|
+ name: 'ruleForm'
|
|
|
+ }),
|
|
|
+ optionData: [],
|
|
|
+ formData: {
|
|
|
+ name: '',
|
|
|
+ loginFlag: '', // 活动状态
|
|
|
+ phone: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ phone: [{
|
|
|
+ required: true,
|
|
|
+ pattern: /^\d{11}$/,
|
|
|
+ message: '请输入手机号',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ name: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入司机姓名',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ loginFlag: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择状态',
|
|
|
+ trigger: 'blur'
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ cancel (e) {
|
|
|
+ this.clear()
|
|
|
+ this.$emit('close')
|
|
|
+ },
|
|
|
+ handleChange (value) {
|
|
|
+ console.log(`selected ${value}`)
|
|
|
+ },
|
|
|
+ handleBlur () {
|
|
|
+ console.log('blur')
|
|
|
+ },
|
|
|
+ handleFocus () {
|
|
|
+ console.log('focus')
|
|
|
+ },
|
|
|
+ filterOption (input, option) {
|
|
|
+ return (
|
|
|
+ option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
+ )
|
|
|
+ },
|
|
|
+ getPageInfo () {
|
|
|
+ slelerDetails({
|
|
|
+ id: this.itemId
|
|
|
+ }).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ console.log(res, '-------------返回数据')
|
|
|
+ this.form.setFieldsValue({
|
|
|
+ 'formData': res.data
|
|
|
+ })
|
|
|
+ // this.form.setFieldsValue({
|
|
|
+ // 'formData.loginFlag': Number(res.data.loginFlag)
|
|
|
+ // })
|
|
|
+ // this.form.setFieldsValue({ 'formData.name': res.data.name })
|
|
|
+ // this.form.setFieldsValue({ 'formData.phone': res.data.phone })
|
|
|
+ // this.form.setFieldsValue({ 'formData.sex': res.data.sex })
|
|
|
+ // this.form.setFieldsValue({ 'formData.org.name': res.data.org.name })
|
|
|
+ // this.form.setFieldsValue({ 'formData.remarks': res.data.remarks })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 保存提交
|
|
|
+ onSubmit () {
|
|
|
+ // const _this = this
|
|
|
+ // this.$refs.ruleForm.validate(valid => {
|
|
|
+ // if (!valid) {
|
|
|
+ // const formData = Object.assign({}, this.formData, values.formData)
|
|
|
+ // formData.id = _this.itemId
|
|
|
+ // saveUserPower(formData).then(res => {
|
|
|
+ // console.log(res, 'rrrrrrrrr')
|
|
|
+ // if (res.status == 200) {
|
|
|
+ // _this.$message.success(res.message)
|
|
|
+ // _this.$emit('refresh')
|
|
|
+ // setTimeout(function () {
|
|
|
+ // _this.isshow = false
|
|
|
+ // }, 300)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ this.$refs.ruleForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ const params = {
|
|
|
+ name: this.formData.name,
|
|
|
+ loginFlag: this.formData.loginFlag,
|
|
|
+ phone: this.formData.phone
|
|
|
+ }
|
|
|
+ saveUserPower(params).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ if (this.$hasPermissions('M_bundel_buyRecord')) {
|
|
|
+ this.$router.push({ path: '/SetmealSales/PurchasedSetmeal' })
|
|
|
+ } else {
|
|
|
+ this.cancel()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 取消
|
|
|
+ handleCancel () {
|
|
|
+ this.cancel()
|
|
|
+ },
|
|
|
+ clear () {
|
|
|
+ // this.form.resetFields()
|
|
|
+ delete this.formData.id
|
|
|
+ // this.formData.roleNames = []
|
|
|
+ this.formData.name = ''
|
|
|
+ this.formData.loginFlag = ''
|
|
|
+ this.formData.phone = ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ beforeCreate () {
|
|
|
+ this.form = this.$form.createForm(this, {
|
|
|
+ name: 'miniForm'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible (newValue, oldValue) {
|
|
|
+ this.isshow = newValue
|
|
|
+ },
|
|
|
+ isshow (val) {
|
|
|
+ if (!val) {
|
|
|
+ this.$emit('close')
|
|
|
+ } else {
|
|
|
+ // this.form.resetFields()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ itemId (newValue, oldValue) {
|
|
|
+ console.log(newValue, '----------id')
|
|
|
+ if (newValue && this.isshow) {
|
|
|
+ this.titleText = '编辑'
|
|
|
+ this.getPageInfo(newValue)
|
|
|
+ } else {
|
|
|
+ this.titleText = '新增'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+ .modalBox {}
|
|
|
+
|
|
|
+ .ant-modal-footer {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+</style>
|