xcx

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

           <span>选择案场：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="cardInfo.CaseId" placeholder="请选择" @change="caseChange">
+              <el-select v-model="cardInfo.CaseId" placeholder="请选择" @change="caseChange" :disabled="isEdit">
                 <el-option
                   v-for="item in cases"
                   :key="item.CaseId"
           <div class="flex-item">
             <div>
               <el-upload
+                :disabled="isEdit"
                 class="avatar-uploader"
                 action='string'
                 :http-request="toolClass.upload"
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
+                :disabled="isEdit"
                 placeholder="请输入"
                 v-model="cardInfo.Price"
                 clearable>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
+                :disabled="isEdit"
                 placeholder="请输入"
                 v-model="cardInfo.TotalCount"
                 clearable>
           <span>发送类型：<em>*</em></span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="cardInfo.SendType" label="channel">渠道</el-radio>
-              <el-radio v-model="cardInfo.SendType" label="case">案场</el-radio>
-              <el-radio v-model="cardInfo.SendType" label="system">系统</el-radio>
+              <el-radio v-model="cardInfo.SendType" label="channel" :disabled="isEdit">渠道</el-radio>
+              <el-radio v-model="cardInfo.SendType" label="case" :disabled="isEdit">案场</el-radio>
+              <el-radio v-model="cardInfo.SendType" label="system" :disabled="isEdit">系统</el-radio>
             </div>
           </div>
         </li>
           <span>选择渠道：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="cardInfo.ChannelId" placeholder="请选择">
+              <el-select v-model="cardInfo.ChannelId" placeholder="请选择" :disabled="isEdit">
                 <el-option
                   v-for="item in channelList"
                   :key="item.ChannelId"
           <span>目标课程：<em>*</em></span>
           <div class="flex-item">
             <div>
-              <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择">
+              <el-select v-model="cardInfo.Targets[0].TargetId" placeholder="请选择" :disabled="isEdit">
                 <el-option
                   v-for="item in courseList"
                   :key="item.CourseId"
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
-                <el-date-picker
+                <!-- <el-date-picker
+                  :disabled="isEdit"
                   v-model="date"
                   type="daterange"
                   range-separator="至"
                   start-placeholder="开始日期"
                   end-placeholder="结束日期">
+                </el-date-picker> -->
+                <el-date-picker
+                  :disabled="isEdit"
+                  v-model="cardInfo.StartDate"
+                  type="date"
+                  placeholder="选择起始日期">
+                </el-date-picker>
+                <span style="line-height:40px;">至</span>
+                <el-date-picker
+                  :disabled="isEdit"
+                  v-model="cardInfo.EndDate"
+                  type="date"
+                  placeholder="选择截止日期">
                 </el-date-picker>
               </div>
             </div>
             <div style="vertical-align: middle;">
               <a style="line-height: 40px;" v-if="videoOff" :href="cardInfo.VideoUrl" target="blank">{{cardInfo.VideoUrl}}</a>
               <el-upload
+                :disabled="isEdit"
                 class="avatar-uploader"
                 action='string'
                 :http-request="toolClass.upload"
       videoOff: false,
       total: 0,
       type: this.$route.query.type,
-      isEdit: this.$route.query.id === undefined ? 0 : 1,
+      isEdit: !!this.$route.query.id,
       ChannelList: [], // 渠道列表
       TypeList: [], // 类型列表
       GoodsList: [], // 商品列表
             this.getCardById({
               id: this.$route.query.id
             }).then((res) => {
-              // console.log(JSON.stringify(res.Card))
-              this.cardInfo = res.Card
-              if (res.Card.VideoUrl) {
-                this.videoOff = true
-              }
-              if (res.Card.Images === null) {
-                this.cardInfo.Images = [{
-                  CardImageUrl: ''
-                }]
-              }
-              if (res.Card.StartDate) {
-                this.date = [res.Card.StartDate, res.Card.EndDate]
+              if (res.Card.CaseId !== '') {
+                var aRes = res
+                this.GetChannelListList({
+                  caseid: res.Card.CaseId,
+                  page: 1,
+                  pagesize: 10000
+                }).then((res) => {
+                  this.cardInfo = aRes.Card
+                  if (aRes.Card.VideoUrl) {
+                    this.videoOff = true
+                  }
+                  if (aRes.Card.Images === null) {
+                    this.cardInfo.Images = [{
+                      CardImageUrl: ''
+                    }]
+                  }
+                  if (aRes.Card.StartDate) {
+                    this.date = [aRes.Card.StartDate, aRes.Card.EndDate]
+                  }
+                })
+              } else {
+                this.cardInfo = res.Card
+                if (res.Card.VideoUrl) {
+                  this.videoOff = true
+                }
+                if (res.Card.Images === null) {
+                  this.cardInfo.Images = [{
+                    CardImageUrl: ''
+                  }]
+                }
+                if (res.Card.StartDate) {
+                  this.date = [res.Card.StartDate, res.Card.EndDate]
+                }
               }
             })
           }
     },
     submit () { // 保存
       if (this.$route.query.id) {
-        if (this.date !== '') {
-          this.cardInfo.StartDate = this.date[0]
-          this.cardInfo.EndDate = this.date[1]
-        }
+        // if (this.date !== '') {
+        //   this.cardInfo.StartDate = this.date[0]
+        //   this.cardInfo.EndDate = this.date[1]
+        // }
         this.courseList = this.courseList || []
         for (var x = 0; x < this.courseList.length; x++) {
           if (this.courseList[x].CourseId === this.cardInfo.Targets[0].TargetId) {
         })
       } else {
         this.cardInfo.OrgId = this.OrgId
-        if (this.date !== '') {
-          this.cardInfo.StartDate = this.date[0]
-          this.cardInfo.EndDate = this.date[1]
-        }
+        // if (this.date !== '') {
+        //   this.cardInfo.StartDate = this.date[0]
+        //   this.cardInfo.EndDate = this.date[1]
+        // }
         this.courseList = this.courseList || []
         for (var n = 0; n < this.courseList.length; n++) {
           if (this.courseList[n].CourseId === this.cardInfo.Targets[0].TargetId) {

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

           <span>选择案场：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="couponInfo.CaseId" placeholder="请选择" @change="caseChange">
+              <el-select v-model="couponInfo.CaseId" placeholder="请选择" @change="caseChange" :disabled="isEdit">
                 <el-option
                   v-for="item in cases"
                   :key="item.CaseId"
           <div class="flex-item">
             <div>
               <el-upload
+                :disabled="isEdit"
                 class="avatar-uploader"
                 action='string'
                 :http-request="toolClass.upload"
           <span>券类型：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="couponInfo.CouponType" placeholder="请选择" @change="couponTypeChange">
+              <el-select v-model="couponInfo.CouponType" placeholder="请选择" @change="couponTypeChange" :disabled="isEdit">
                 <el-option
                   v-for="item in TypeList"
                   :key="item.id"
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
+                :disabled="isEdit"
                 placeholder="请输入"
                 v-model="couponInfo.Price"
                 clearable>
           <div class="flex-item">
             <div style="width:200px;">
               <el-input
+                :disabled="isEdit"
                 placeholder="请输入"
                 v-model="couponInfo.TotalCount"
                 clearable>
           <span>发送类型：<em>*</em></span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="couponInfo.SendType" label="channel">渠道</el-radio>
-              <el-radio v-if="couponInfo.CouponType === 'course'" v-model="couponInfo.SendType" label="case">案场</el-radio>
-              <el-radio v-model="couponInfo.SendType" label="system">系统</el-radio>
+              <el-radio v-model="couponInfo.SendType" label="channel" :disabled="isEdit">渠道</el-radio>
+              <el-radio v-if="couponInfo.CouponType === 'course'" v-model="couponInfo.SendType" label="case" :disabled="isEdit">案场</el-radio>
+              <el-radio v-model="couponInfo.SendType" label="system" :disabled="isEdit">系统</el-radio>
             </div>
           </div>
         </li>
           <span>选择渠道：<em>*</em></span>
           <div class="flex-item">
             <div style="width:50%">
-              <el-select v-model="couponInfo.ChannelId" placeholder="请选择">
+              <el-select v-model="couponInfo.ChannelId" placeholder="请选择" :disabled="isEdit">
                 <el-option
                   v-for="item in channelList"
                   :key="item.ChannelId"
           <span>目标商品：<em>*</em></span>
           <div class="flex-item">
             <div>
-              <el-radio v-model="couponInfo.IsAll" label="1">全部商品</el-radio>
-              <el-radio v-model="couponInfo.IsAll" label="0">指定商品</el-radio>
+              <el-radio v-model="couponInfo.IsAll" label="1" :disabled="isEdit">全部商品</el-radio>
+              <el-radio v-model="couponInfo.IsAll" label="0" :disabled="isEdit">指定商品</el-radio>
             </div>
           </div>
         </li>
                     <el-button
                       size="mini"
                       type="warning"
-                      @click="deleteGoodsItem(scope.$index, scope.row)">删除</el-button>
+                      @click="deleteGoodsItem(scope.$index, scope.row)" :disabled="isEdit">删除</el-button>
                   </template>
                 </el-table-column>
               </el-table>
               <div style="text-align:center;padding:10px 0;">
-                <el-button type="success" size="mini" @click="addGoods">添加商品</el-button>
+                <el-button type="success" size="mini" @click="addGoods" :disabled="isEdit">添加商品</el-button>
               </div>
             </div>
           </div>
           <div class="flex-item">
             <div>
               <div class="addLine flex-h" style="align-item:center;margin-bottom:20px;">
-                <el-radio v-model="postData.TimeType" label="1">固定时间</el-radio>
+                <el-radio v-model="postData.TimeType" label="1" :disabled="isEdit">固定时间</el-radio>
                 <el-date-picker
+                  :disabled="isEdit"
                   v-model="couponInfo.StartDate"
                   type="date"
                   placeholder="选择起始日期">
                 </el-date-picker>
                 <span style="line-height:40px;">至</span>
                 <el-date-picker
+                  :disabled="isEdit"
                   v-model="couponInfo.EndDate"
                   type="date"
                   placeholder="选择截止日期">
                 </el-date-picker>
               </div>
               <div class="addLine flex-h" style="align-item:center;">
-                <el-radio v-model="postData.TimeType" label="2">领取后</el-radio>
+                <el-radio v-model="postData.TimeType" label="2" :disabled="isEdit">领取后</el-radio>
                 <span style="width:100px;">
                   <el-input
+                    :disabled="isEdit"
                     placeholder="请输入"
                     v-model="couponInfo.ValidDays"
                     clearable>
           <div class="flex-item">
             <div>
               <el-date-picker
+                :disabled="isEdit"
                 v-model="couponInfo.StartDate"
                 type="date"
                 placeholder="选择起始日期">
               </el-date-picker>
               <span style="line-height:40px;">至</span>
               <el-date-picker
+                :disabled="isEdit"
                 v-model="couponInfo.EndDate"
                 type="date"
                 placeholder="选择截止日期">
             <div style="vertical-align: middle;">
               <a style="line-height: 40px;" v-if="videoOff" :href="couponInfo.VideoUrl" target="blank">{{couponInfo.VideoUrl}}</a>
               <el-upload
+                :disabled="isEdit"
                 class="avatar-uploader"
                 action='string'
                 :http-request="toolClass.upload"
                 :show-file-list="false"
                 :on-success="videoSuccess">
-                <a style="line-height: 40px;padding: 0 10px;">{{videoOff ? '更换' : '添加'}}视频</a>
+                <a style="line-height: 40px;padding: 0 10px;" :disabled="isEdit">{{videoOff ? '更换' : '添加'}}视频</a>
               </el-upload>
-              <el-button v-if="videoOff" type="danger" @click="deleteVideo">删除视频</el-button>
+              <el-button v-if="videoOff" type="danger" @click="deleteVideo" :disabled="isEdit">删除视频</el-button>
             </div>
           </div>
         </li>
       total: 0,
       centerDialogVisible: false,
       type: this.$route.query.type || '', // goods、course
-      isEdit: this.$route.query.id === undefined ? 0 : 1,
+      isEdit: !!this.$route.query.id,
       ChannelList: [], // 渠道列表
       TypeList: [{ // 类型列表
         value: '商品券',
               id: this.$route.query.id
             }).then((res) => {
               // console.log(JSON.stringify(res))
-
               if (res.coupon.CaseId !== '') {
                 var aRes = res
                 this.GetChannelListList({