添加xsjhd 弹框条件按钮

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

@@ -2,6 +2,7 @@
   <BasePage :power='power' class="min_full" :config="config">
     <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+      <Tbjhd :app='ctx.basePage' v-if="ctx.basePage.showDialog"   />
     </template>
     <template #toolbar="ctx">
       <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
@@ -18,6 +19,7 @@
 
 <script>
   import Edit from './edit.vue'
+  import Tbjhd from './tbjhd.vue'
   export default {
     data() {
       return {
@@ -289,20 +291,23 @@
         }
       },
       tbjhd(ctx) {
-        this.$confirm('是否继续操作, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(res => {
-          this.$post('lxyl/ckgl/usofh/sync/xsjhd', {
+        ctx.DialogTitle='同步交货单'
+         ctx.DialogWidth='30vw'
+        ctx.showDialog=true
+        // this.$confirm('是否继续操作, 是否继续?', '提示', {
+        //   confirmButtonText: '确定',
+        //   cancelButtonText: '取消',
+        //   type: 'warning'
+        // }).then(res => {
+        //   this.$post('lxyl/ckgl/usofh/sync/xsjhd', {
 
-          }).then(res => {
-            if (res.success) {
-              this.$success('操作成功')
-              ctx.refresh()
-            }
-          })
-        })
+        //   }).then(res => {
+        //     if (res.success) {
+        //       this.$success('操作成功')
+        //       ctx.refresh()
+        //     }
+        //   })
+        // })
 
       },
       qr(ctx) {
@@ -374,7 +379,8 @@
       // }
     },
     components: {
-      Edit
+      Edit,
+      Tbjhd
     }
 
   }

src/views/ccgl/jcsj/xsjhd/tbjhd.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  v-if="loading" :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.$post('common/datetime',{}).then(res=>{
+  let nowTime=res.data.data||new Date().getTime()
+  /* 初始赋值*/
+  this.nowTime=nowTime
+  // this.editColItemList[0].value=nowTime-24*60*60*1000
+  this.editColItemList[0].value=nowTime
+  this.loading=true
+})
+
+    },
+    data() {
+      return {
+        isLoading:false,
+        text:'正在请求中...',
+      readonly:false,
+      loading:false,
+      editColItemList:[
+        {
+          label: '时间',
+          prop: 'time',
+          span: 24,
+          type: 'datetime',
+          value: '',
+          "required": true,
+        },
+        {
+          label: '单号',
+          prop: 'ddh',
+          span: 24,
+          type: 'input',
+          value: '',
+        }
+
+      ]
+
+      }
+    },
+    methods: {
+       save(){
+              this.$refs['form'].validate((valid) => {
+                if(valid){
+                  this.isLoading=true
+                  this.$post('lxyl/ckgl/usofh/sync/xsjhd',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>