xcx

config/index.js

       '/api': {
         // target: 'https://dp.huiju360.com.cn/hj_operations',
         // target: 'http://192.168.0.62:8080', //wf
-        //target: 'http://127.0.0.1:8080', 
-        target: 'http://192.168.0.62:8080', //wf
+        // target: 'http://127.0.0.1:8080', 
+        // target: 'http://192.168.0.62:8080', //wf
         // target: 'http://192.168.0.11', //ys
-        // target: 'http://192.168.0.125:8080', //hyq
+        target: 'http://192.168.0.125:8080', //hyq
         // target: 'http://dev.ycjcjy.com/', //frp
         changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
         // pathRewrite: {

src/pages/system/cardAndCouponManager/cardManager/edit.vue

     <form class="mainForm">
       <ul>
         <li class="flex-h">
-          <span>选择案场：</span>
+          <span>选择案场：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="cardInfo.CaseId" placeholder="请选择" @change="caseChange">
           </div>
         </li>
         <li class="flex-h">
-          <span>卡图片：</span>
+          <span>卡图片：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-upload
           </div>
         </li>
         <li class="flex-h">
-          <span>卡名称：</span>
+          <span>卡名称：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>卡价格：</span>
+          <span>卡价格：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>总张数：</span>
+          <span>总张数：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>发送类型：</span>
+          <span>发送类型：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-radio v-model="cardInfo.SendType" label="channel">渠道</el-radio>
           </div>
         </li>
         <li class="flex-h" v-if="cardInfo.SendType === 'channel'">
-          <span>选择渠道：</span>
+          <span>选择渠道：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="cardInfo.ChannelId" placeholder="请选择">
           </div>
         </li>
         <li class="flex-h">
-          <span>目标课程：</span>
+          <span>目标课程：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择">
           </div>
         </li>
         <li class="flex-h">
-          <span>卡有效时间：</span>
+          <span>卡有效时间：<em>*</em></span>
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
-                <!-- <el-date-picker
-                  v-model="cardInfo.StartDate"
-                  type="date"
-                  placeholder="选择起始日期">
-                </el-date-picker>
-                <span style="line-height:40px;">至</span>
-                <el-date-picker
-                  v-model="cardInfo.EndDate"
-                  type="date"
-                  placeholder="选择截止日期">
-                </el-date-picker> -->
                 <el-date-picker
                   v-model="date"
                   type="daterange"
           </div>
         </li>
         <li class="flex-h" v-if="cardInfo.SendType !== 'case' && cardInfo.SendType !== 'system'">
-          <span>视频：</span>
+          <span>视频：<em>*</em></span>
           <div class="flex-item">
             <div style="vertical-align: middle;">
               <a style="line-height: 40px;" v-if="videoOff" :href="cardInfo.VideoUrl" target="blank">{{cardInfo.VideoUrl}}</a>
           </div>
         </li>
         <li class="flex-h">
-          <span>分享描述：</span>
+          <span>分享描述：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>规则描述：</span>
+          <span>规则描述：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>使用说明：</span>
+          <span>使用说明：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
         TotalCount: '',
         CaseId: '',
         OrgId: '',
-        Share: {},
+        Share: {
+          CardShareInfo: '',
+          CardUseRule: '',
+          CardUseInstruction: '',
+        },
         Images: null,
         Targets: [{}],
         ChannelId: ''
     addGoods () { // 添加指定商品
       this.centerDialogVisible = true
     },
+    checkInfo () { // 校验表单信息
+      if (this.cardInfo.CaseId === '') {
+        this.$message({
+          type: 'error',
+          message: '案场不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Images === '') {
+        this.$message({
+          type: 'error',
+          message: '卡图片不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.CardName === '') {
+        this.$message({
+          type: 'error',
+          message: '卡名称不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Price === '') {
+        this.$message({
+          type: 'error',
+          message: '卡价格不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.TotalCount === '') {
+        this.$message({
+          type: 'error',
+          message: '总张数不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.SendType === '') {
+        this.$message({
+          type: 'error',
+          message: '发送类型不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.SendType === 'channel' && this.cardInfo.ChannelId === '') {
+        this.$message({
+          type: 'error',
+          message: '渠道不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Targets[0].TargetId === '') {
+        this.$message({
+          type: 'error',
+          message: '目标课程不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.StartDate === '') {
+        this.$message({
+          type: 'error',
+          message: '开始时间不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.EndDate === '') {
+        this.$message({
+          type: 'error',
+          message: '截止时间不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.SendType === 'channel' && this.cardInfo.VideoUrl === '') {
+        this.$message({
+          type: 'error',
+          message: '视频不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Share.CardShareInfo === '') {
+        this.$message({
+          type: 'error',
+          message: '分享描述不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Share.CardUseRule === '') {
+        this.$message({
+          type: 'error',
+          message: '使用规则不能为空'
+        })
+        return false
+      }
+      if (this.cardInfo.Share.CardUseInstruction === '') {
+        this.$message({
+          type: 'error',
+          message: '使用说明不能为空'
+        })
+        return false
+      }
+    },
     submit () { // 保存
+      if (!this.checkInfo()) {
+        return false
+      }
       if (this.$route.query.id) {
         if (this.date !== '') {
           this.cardInfo.StartDate = this.date[0]
           }
         }
         this.cardInfo.TotalCount = this.cardInfo.TotalCount - 0
-        console.log(JSON.stringify(this.cardInfo))
         this.editCard(this.cardInfo).then((res) => {
-          this.$alert('操作成功', '提示', {
-            confirmButtonText: '确定',
-            callback: action => {
-              this.$router.push({ name: 'cardList' })
-            }
+          this.$message({
+            type: 'success',
+            message: '操作成功'
           })
+          this.$router.push({ name: 'cardList' })
         })
       } else {
         this.cardInfo.OrgId = this.OrgId

src/pages/system/cardAndCouponManager/couponManager/edit.vue

       <!-- <h1 style="font-size:22px;">{{isEdit === 0 ? '新建' : '编辑'}}{{couponInfo.CouponType === 'goods' ? '饮品优惠券' : '课程优惠券'}}</h1> -->
       <ul>
         <li class="flex-h">
-          <span>选择案场：</span>
+          <span>选择案场：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="couponInfo.CaseId" placeholder="请选择" @change="caseChange">
           </div>
         </li>
         <li class="flex-h">
-          <span>券图片：</span>
+          <span>券图片：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-upload
           </div>
         </li>
         <li class="flex-h">
-          <span>券名称：</span>
+          <span>券名称：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>券类型：</span>
+          <span>券类型：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="couponInfo.CouponType" placeholder="请选择" @change="couponTypeChange">
           </div>
         </li>
         <li class="flex-h">
-          <span>券价格：</span>
+          <span>券价格：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>总张数：</span>
+          <span>总张数：<em>*</em></span>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>发送类型：</span>
+          <span>发送类型：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-radio v-model="couponInfo.SendType" label="channel">渠道</el-radio>
           </div>
         </li>
         <li class="flex-h" v-if="couponInfo.SendType === 'channel'">
-          <span>选择渠道：</span>
+          <span>选择渠道：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
               <el-select v-model="couponInfo.ChannelId" placeholder="请选择">
           </div>
         </li>
         <li class="flex-h">
-          <span>目标商品：</span>
+          <span>目标商品：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-radio v-model="couponInfo.IsAll" label="1">全部商品</el-radio>
           </div>
         </li>
         <li class="flex-h" v-if="couponInfo.CouponType === 'goods'">
-          <span>券有效时间：</span>
+          <span>券有效时间：<em>*</em></span>
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
           </div>
         </li>
         <li class="flex-h" v-if="couponInfo.CouponType === 'course'">
-          <span>券有效时间：</span>
+          <span>券有效时间：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-date-picker
           </div>
         </li>
         <li class="flex-h" v-if="couponInfo.SendType !== 'case' && couponInfo.SendType !== 'system'">
-          <span>视频：</span>
+          <span>视频：<em>*</em></span>
           <div class="flex-item">
             <div style="vertical-align: middle;">
               <a style="line-height: 40px;" v-if="videoOff" :href="couponInfo.VideoUrl" target="blank">{{couponInfo.VideoUrl}}</a>
           </div>
         </li>
         <li class="flex-h">
-          <span>分享描述：</span>
+          <span>分享描述：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>规则描述：</span>
+          <span>规则描述：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
           </div>
         </li>
         <li class="flex-h">
-          <span>使用说明：</span>
+          <span>使用说明：<em>*</em></span>
           <div class="flex-item">
             <div>
               <el-input
         })
       }
     },
+    checkInfo () { // 校验表单信息
+      if (this.couponInfo.CaseId === '') {
+        this.$message({
+          type: 'error',
+          message: '案场不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.Images[0].CouponImageUrl === '') {
+        this.$message({
+          type: 'error',
+          message: '券图片不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.CouponName === '') {
+        this.$message({
+          type: 'error',
+          message: '券名称不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.CouponType === '') {
+        this.$message({
+          type: 'error',
+          message: '券类型不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.Price === '') {
+        this.$message({
+          type: 'error',
+          message: '券价格不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.TotalCount === '') {
+        this.$message({
+          type: 'error',
+          message: '总张数不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.SendType === '') {
+        this.$message({
+          type: 'error',
+          message: '发送类型不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.SendType === 'channel' && this.couponInfo.ChannelId === '') {
+        this.$message({
+          type: 'error',
+          message: '渠道不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.IsAll === 0 && this.couponInfo.Targets[0].TargetId === '') {
+        this.$message({
+          type: 'error',
+          message: '目标商品不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.SendType === 'channel' && this.couponInfo.VideoUrl === '') {
+        this.$message({
+          type: 'error',
+          message: '视频不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.Share.CouponShareInfo === '') {
+        this.$message({
+          type: 'error',
+          message: '分享描述不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.Share.UseRule === '') {
+        this.$message({
+          type: 'error',
+          message: '使用规则不能为空'
+        })
+        return false
+      }
+      if (this.couponInfo.Share.UseInstruction === '') {
+        this.$message({
+          type: 'error',
+          message: '使用说明不能为空'
+        })
+        return false
+      }
+    },
     submit () { // 保存
+      if (!this.checkInfo()) {
+        return false
+      }
       if (this.$route.query.id) {
         if (this.couponInfo.ValidDays) {
           this.couponInfo.StartDate = undefined