描述：服务管理新增和编辑

src/views/admin/meeting/modules/RoomServeModal.vue

@@ -1,53 +1,56 @@
 <template>
   <a-modal
-    title="操作"
-    style="top: 20px;"
-    :width="800"
-    v-model="visible"
-    :confirmLoading="confirmLoading"
-    @ok="handleSubmit"
+    title='操作'
+    style='top: 20px;'
+    :width='800'
+    v-model='visible'
+    :confirmLoading='confirmLoading'
+    @ok='handleSubmit'
   >
-    <a-form :form="form">
-      <a-form-item style="display:none">
+    <a-form :form='form'>
+      <a-form-item style='display:none'>
         <a-input v-decorator="['id']" />
       </a-form-item>
-      <a-form-item style="display:none">
+      <a-form-item style='display:none'>
         <a-input v-decorator="['version']" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="服务名称">
-        <a-input placeholder="服务名称" v-decorator="['serveName',{rules:[{required: true,  message: '请输入服务名称' }]}]" />
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='服务名称'>
+        <a-input placeholder='服务名称'
+                 v-decorator="['serveName',{rules:[{required: true,  message: '请输入服务名称' }]}]" />
       </a-form-item>
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="服务类型">
-        <a-select placeholder="服务类型" @change='changeServeType'  v-decorator="['serveType', {rules: [{required: true,  message: '请选择服务类型' }]}]">
-          <a-select-option :value="1">免费服务</a-select-option>
-          <a-select-option :value="2">增值服务</a-select-option>
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='服务类型'>
+        <a-select placeholder='服务类型' @change='changeServeType'
+                  v-decorator="['serveType', {rules: [{required: true,  message: '请选择服务类型' }]}]">
+          <a-select-option :value='1'>免费服务</a-select-option>
+          <a-select-option :value='2'>增值服务</a-select-option>
         </a-select>
       </a-form-item>
-      <a-form-item v-if="form.serveType === 2" :labelCol="labelCol" :wrapperCol="wrapperCol" label="金额描述">
-        <a-input placeholder="金额描述" v-decorator="['money',{rules:[{required: true,  message: '请输入金额描述' }]}]" />
+      <a-form-item v-if='mdl.serveType === 2' :labelCol='labelCol' :wrapperCol='wrapperCol' label='金额描述'>
+        <a-input placeholder='金额描述'
+                 v-decorator="['money',{rules:[{required: true,  message: '请输入金额描述' }]}]" />
       </a-form-item>
-      <a-form-item v-if="form.serveType === 1" :labelCol="labelCol" :wrapperCol="wrapperCol" label="服务图标">
+      <a-form-item v-if='mdl.serveType === 1' :labelCol='labelCol' :wrapperCol='wrapperCol' label='服务图标'>
         <!--        <a-input placeholder="室内图片url" v-decorator="['indoorPicUrl']" />-->
         <a-upload
           v-decorator="['pic']"
-          list-type="picture-card"
-          class="avatar-uploader"
-          :show-upload-list="false"
-          :action="uploadUrl"
-          :headers="headers"
-          :before-upload="beforeUpload"
-          @change="handleChange"
+          list-type='picture-card'
+          class='avatar-uploader'
+          :show-upload-list='false'
+          :action='uploadUrl'
+          :headers='headers'
+          :before-upload='beforeUpload'
+          @change='handleChange'
         >
-          <img v-if="imageUrl" :src="imageUrl" style="width: 102px; height: 102px"/>
+          <img v-if='imageUrl' :src='imageUrl' style='width: 102px; height: 102px' />
           <div v-else>
             <a-icon :type="loading ? 'loading' : 'plus'" />
-            <div class="ant-upload-text"> 上传 </div>
+            <div class='ant-upload-text'> 上传</div>
           </div>
         </a-upload>
       </a-form-item>
 
-      <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="备注">
-        <a-input placeholder="备注" v-decorator="['remake']" />
+      <a-form-item :labelCol='labelCol' :wrapperCol='wrapperCol' label='备注'>
+        <a-input placeholder='备注' v-decorator="['remake']" />
       </a-form-item>
     </a-form>
   </a-modal>
@@ -57,12 +60,11 @@ import { saveRoomServe } from '@/api/admin/meeting/roomServe'
 import pick from 'lodash.pick'
 import storage from 'store'
 import { ACCESS_TOKEN } from '@/store/mutation-types'
+
 export default {
   name: 'RoomServeModal',
-  props: {
-  },
-  components: {
-  },
+  props: {},
+  components: {},
   data() {
     return {
       visible: false,
@@ -91,7 +93,7 @@ export default {
   },
   methods: {
     changeServeType(value) {
-      this.form.type = value
+      this.mdl.serveType = value
     },
 
     beforeUpload(file) {
@@ -136,10 +138,6 @@ export default {
       if (this.mdl.pic) {
         this.imageUrl = process.env.VUE_APP_API_BASE_URL + this.mdl.pic
       }
-      console.log(this.mdl.serveType)
-      this.form.setFieldsValue({
-        serveType:this.mdl.serveType.toString()
-      })
       this.visible = true
       this.$nextTick(() => {
         this.form.setFieldsValue(pick(this.mdl, 'id', 'serveName', 'serveType', 'serveTime', 'remake', 'type', 'createBy', 'createTime', 'updateBy', 'updateTime', 'version', 'deleteFlag'))
@@ -183,6 +181,7 @@ export default {
       */
   }
 }
+
 function getBase64(img, callback) {
   const reader = new FileReader()
   reader.addEventListener('load', () => callback(reader.result))