提交页面

src/views/ccgl/jcsj/xsjhd/sfsap.vue

+<template>
+  <DefaultDialog v-loading='isLoading' :element-loading-text="text" :app='app'>
+    <div slot="form" style="">
+    <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+      <el-row  :gutter="20" :app="this" class="editRow">
+        <EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+          v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label" v-if="(item.show==false)?false:true"
+          :prop='item.prop' :key="item.prop" :type="item.type" :typeConfig='item.typeConfig' :rule="item.rule" />
+        <!-- 额外数据 -->
+      </el-row>
+    </el-form>
+    </div>
+    <div slot="reFooter" class="refooter" >
+      <span slot="footer" class="dialog-footer" >
+        <el-button  @click="app.showDialog=false">取 消</el-button>
+        <el-button  type="primary" @click="save()">确 定</el-button>
+      </span>
+     </div>
+  </DefaultDialog>
+</template>
+<script>
+
+  import {
+    editMixin,
+    editMixin_expand
+  } from 'common'
+  export default {
+    mixins: [editMixin, editMixin_expand],
+    props: {
+      app: {
+        type: Object,
+        default: ()=>{
+			return {}
+		}
+      }
+    },
+    async mounted() {
+/* 初始化数据 */
+this.$nextTick(()=>{
+  this.form.gzsl=this.app.singleItem.lfimg,
+  this.form.id=this.app.singleItem.id
+})
+    },
+    data() {
+      return {
+        isLoading:false,
+        text:'正在请求中...',
+      readonly:false,
+      editColItemList:[
+
+        {
+          label: '过账数量',
+          prop: 'gzsl',
+          span: 24,
+          type: 'inputNumber',
+          value: '',
+        }
+
+      ]
+
+      }
+    },
+    methods: {
+       save(){
+              this.$refs['form'].validate((valid) => {
+                if(valid){
+                  this.isLoading=true
+                  this.$post('/lxyl/ckgl/usofh/relaseSapModifyAndGzsl',this.form).then(res=>{
+                    if(res.success){
+                       this.isLoading=false
+                      this.$success('操作成功')
+                      this.app.showDialog=false
+                      this.app.$refs.TablePager.refresh()
+                    }
+                  }).finally(res=>{
+                    this.isLoading=false
+                  })
+                }
+              })
+            }
+
+    }
+  }
+</script>
+
+<style scoped>
+</style>