lshcomment 1.0.0

package/src/components/iris-card-modal/ApplicableProduct.vue

@@ -0,0 +1,332 @@
+<template>
+  <div>
+    <div v-if="!view" class="u-ti f-mb20">
+      <div class="f-f1">
+        <div class="f-ib">
+          车型销售代码前6位
+          <b-form-input style="display:inline-block;width:200px;margin-right:20px;" v-model.trim="queryParams.bm6" placeholder="请输入车型销售代码前六位" autocomplete="off"/>
+        </div>
+        <div class="f-ib">
+          产品类型
+          <EleSelect style="display:inline-block;width:200px;margin-right:20px;" v-model="queryParams.typeCodes" :options="global.state('dataDictionarys','CardScopeProductType',[],'refDetailCode')" multiple/>
+        </div>
+        <div class="f-ib">
+          产品编号
+          <b-form-input style="display:inline-block;width:130px;" v-model.trim="queryParams.productNo" placeholder="请输入产品编号" autocomplete="off"/>
+        </div>
+      </div>
+      <div>
+        <b-button size="sm" variant="primary" @click="search()">查询</b-button>
+        <b-button size="sm" variant="default" @click="reset()">重置</b-button>
+      </div>
+    </div>
+    <div v-if="!view" class="f-mb10">
+      <b-button size="sm" variant="success" @click="add()">新增</b-button>
+      <b-button size="sm" variant="primary" @click="edit()">编辑</b-button>
+      <b-button size="sm" variant="danger" @click="del()">删除</b-button>
+      <EleUpload class="f-ml10 f-mr10 f-vam" text="批量导入" importText="模板下载" size="sm" :data="{relationCode:'importProductScope'}" :paramMap="{
+        phaseType,
+        cardTemplateCode,
+        cardMakeOrderNo,
+        relationNo: queryParams.relationNo,
+      }" accept=".xlsx" :showFileList="false" :importRelationCode="'importProductScopeTmpl'" :abnormal="true" @importsClosure="search" />
+      <b-button v-if="ifBatchProductRef" class="f-mr10" size="sm" variant="warning" @click="$refs.BatchProductRef.visible=true">引用历史批次适用产品</b-button>
+      <b-button size="sm" variant="default" @click="global.exportExcel({
+        fileExportType:'FileExportTypeCardProductScopeRpt',
+        fileRelactionCode:'FileExportTypeCardProductScopeRpt',
+        parameters:{
+          ...queryParams,
+          phaseType,
+          cardTemplateCode,
+          cardMakeOrderNo,
+        }
+      })">导出</b-button>
+    </div>
+    <EleTable ref="EleTable" :api="`${this.global.isdev}${cardNos.length ? '/v2/cardcoupons/scope/queryProductScopeByCardNos' : '/v2/cardcoupons/scope/queryProductScope'}`" :query="cardNos.length ? {cardNos} : {
+      ...queryParams,
+      phaseType,
+      cardTemplateCode,
+      cardMakeOrderNo,
+      cardMakeModifyNo,
+      bm6UseSet: bm6UseSet.length ? bm6UseSet : undefined,
+    }" :selectable="selectable" :isStartGetData="['TEMPLATE'].includes(phaseType)" :ifPage="!cardNos.length">
+      <el-table-column type="selection" fixed width="50" :selectable="selectable" />
+      <el-table-column label="是否参与打折" prop="discountFlag" min-width="168" show-overflow-tooltip />
+      <el-table-column label="车型销售代码前6位" prop="bm6" min-width="168" show-overflow-tooltip />
+      <el-table-column label="品牌" prop="brandCode" min-width="168" show-overflow-tooltip />
+      <el-table-column label="来源" prop="factoryCode" min-width="168" show-overflow-tooltip />
+      <el-table-column label="车系" prop="seriesCode" min-width="168" show-overflow-tooltip />
+      <el-table-column label="产品类型" prop="typeName" min-width="168" show-overflow-tooltip />
+      <el-table-column label="产品编码" prop="productNo" min-width="168" show-overflow-tooltip />
+      <el-table-column label="工时是否参与计算" prop="calculateFlag" min-width="168" show-overflow-tooltip />
+      <el-table-column label="更新人" prop="updateByStr" min-width="168" show-overflow-tooltip />
+      <el-table-column label="更新时间" prop="updateTimeStr" min-width="168" show-overflow-tooltip />
+    </EleTable>
+    
+    <EleDialog ref="EleDialog" :title="`${title}适用产品`" size="mini" beforeClose>
+      <el-form class="m-form" :model="form" ref="form" label-position="right" label-width="145px">
+        <el-form-item label="是否参与打折" prop="discountFlag" :rules="[{required: true, message: '不能为空'}]">
+          <EleSelect v-model="form.discountFlag" :options="[{label:'是',value:'是'},{label:'否',value:'否'}]"></EleSelect>
+        </el-form-item>
+        <el-form-item label="车型销售代码前6位" prop="bm6" :rules="[{required: true, message: '不能为空'}]">
+          <el-input v-model="form.bm6" :maxlength="6" @blur="getModelInfoByBm6"></el-input>
+        </el-form-item>
+        <el-form-item label="品牌" prop="brandCode">
+          <EleSelect v-model="form.brandCode" :options="global.userInfo.benzProductVehicleSet" optionLabel="" optionValue="" @change="brandCodeChange"></EleSelect>
+        </el-form-item>
+        <el-form-item label="来源" prop="factoryCode">
+          <EleSelect ref="factoryCode" v-model="form.factoryCode" :api="`${global.isdev}/v1/sys/car/getDynamicCarRelationInfo.htm`" :query="{fatherProperty:'brandCode',fatherPropertyValue:this.form.brandCode}" :pageNums="1000" optionLabel="" optionValue="" :disabled="!form.brandCode" @change="factoryCodeChange"></EleSelect>
+        </el-form-item>
+        <el-form-item label="车系" prop="seriesCode">
+          <EleSelect ref="seriesCode" v-model="form.seriesCode" :api="`${global.isdev}/v1/sys/car/getDynamicCarRelationInfo.htm`" :query="{fatherProperty:'factoryCode',fatherPropertyValue:`${this.form.brandCode}|${this.form.factoryCode}`}" :pageNums="1000" optionLabel="" optionValue="" :disabled="!form.factoryCode" @change="seriesCodeChange"></EleSelect>
+        </el-form-item>
+        <el-form-item label="产品类型" prop="typeCode" :rules="[{required: true, message: '不能为空'}]">
+          <EleSelect ref="typeCode" v-model="form.typeCode" :options="global.state('dataDictionarys','CardScopeProductType',[],'refDetailCode')" @change="val => val == 'CSPT-All' ? form.productNo = '' : null"/>
+        </el-form-item>
+        <el-form-item label="产品编码" prop="productNo" :rules="[form.typeCode != 'CSPT-All' ? {required: true, message: '不能为空'} : {}]">
+          <el-input v-model="form.productNo" :disabled="form.typeCode == 'CSPT-All'"></el-input>
+        </el-form-item>
+        <el-form-item label="工时是否参与计算" prop="calculateFlag" :rules="[{required: true, message: '不能为空'}]">
+          <EleSelect v-model="form.calculateFlag" :options="[{label:'是',value:'是'},{label:'否',value:'否'}]"></EleSelect>
+        </el-form-item>
+        <div class="f-tar">
+          <b-button size="sm" variant="default" @click="$refs.EleDialog.visible=false">取消</b-button>
+          <b-button size="sm" variant="primary" @click="saveProductScope()">确认</b-button>
+        </div>
+      </el-form>
+    </EleDialog>
+    <EleDialog ref="bm6Dialog" title="选择车型销售代码前6位" size="mini" :closeOnClickModal="false" :showClose="false" showFooter customFooter>
+      <EleSelect ref="bm6Select" :options="bm6List" optionLabel="" optionValue=""></EleSelect>
+      <template slot="footer">
+        <el-button type="primary" @click="bm6Confirm">确 定</el-button>
+      </template>
+    </EleDialog>
+    <EleDialog ref="BatchProductRef" :title="`历史制卡批次选择`" size="large">
+      <BatchProductRef @cancel="$refs.BatchProductRef.visible=false" @confirm="followProductScope"></BatchProductRef>
+    </EleDialog>
+  </div>
+</template>
+
+<script>
+import BatchProductRef from './BatchProductRef.vue'
+  export default {
+    components: {
+      BatchProductRef,
+    },
+    props:{
+      phaseType: { type: String, default: 'TEMPLATE' }, // TEPLATE-模板，BATCH-批次，MODIFY-批次修改
+      cardTemplateCode: { type: String, default(){return this.$route.query.cardTemplateCode || ''} }, // 模板编号，必填
+      cardMakeOrderNo: { type: String, default(){return undefined} }, // 批次号，['BATCH','MODIFY'].includes(phaseType)时必填
+      cardMakeModifyNo: { type: String, default(){return undefined} }, // 修改/删除审批单号，修改审批查询
+      relationNo: { type: String, default(){return undefined} }, // ['MODIFY'].includes(phaseType)查看时必填
+      bm6UseSet: { type: Array, default(){return []} }, // 发放车辆卡时，用bm6匹配适用产品
+      cardNos: { type: Array, default(){return []} }, // 通过卡券查询适用产品
+      ifBatchProductRef: { type: Boolean, default: false },  // 是否显示引用历史批次适用产品
+      selectable: { type: Function }, // 仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选，Function(row, index)
+      view: Boolean, // 仅查看
+    },
+    data() {
+      return {
+        queryParamsBase: {
+          relationNo: this.relationNo,
+          bm6: '',
+          typeCodes: [],
+          productNo: '',
+        },
+        queryParams: {},
+        title: '',
+        formBase: {
+          discountFlag: '',
+          bm6: '',
+          brandCode: '',
+          factoryCode: '',
+          seriesCode: '',
+          typeCode: '',
+          productNo: '',
+          calculateFlag: '',
+        },
+        form: {},
+        bm6Flag: true,
+        bm6List: [],
+      }
+    },
+    mounted() {
+      this.reset()
+      if(this.phaseType == 'BATCH'){
+        this.search()
+      }
+      if(this.phaseType == 'MODIFY'){
+        if(this.queryParams.relationNo || this.cardMakeModifyNo){
+          this.search()
+        } else {
+          this.getSequence()
+        }
+      }
+    },
+    methods: {
+      setList(data){
+        this.$refs.EleTable.list = data
+      },
+      reset(){
+        this.queryParams = JSON.parse(JSON.stringify(this.queryParamsBase))
+      },
+      getSequence(){
+        this.global.post(`${this.global.isdev}/systemFoundation_service/v1/sys/seq/getSequence`,{serviceCode:'CARDMORDRELSEQ'},obj => {
+          this.queryParamsBase.relationNo = obj
+          this.queryParams.relationNo = obj
+          this.queryParams = JSON.parse(JSON.stringify(this.queryParams))
+          // 批次修改带入历史
+          this.global.post(`${this.global.isdev}/v2/cardcoupons/scope/modifyInitProductScope`,{
+            phaseType: this.phaseType,
+            cardTemplateCode: this.cardTemplateCode,
+            cardMakeOrderNo: this.cardMakeOrderNo,
+            relationNo: this.queryParams.relationNo,
+          },obj=>{
+            this.search()
+          })
+        })
+      },
+      search(){
+        this.$nextTick(() => {
+          if(['BATCH','MODIFY'].includes(this.phaseType) && (!this.cardTemplateCode || !this.cardMakeOrderNo)) return
+          if(['MODIFY'].includes(this.phaseType) && !this.queryParams.relationNo && !this.cardMakeModifyNo) return
+          this.$refs.EleTable.resetData()
+        });
+      },
+      add(){
+        this.title = '新增'
+        this.form = JSON.parse(JSON.stringify(this.formBase))
+        this.$refs.EleDialog.visible = true
+      },
+      edit(){
+        if(this.$refs.EleTable.multipleSelection.length != 1) return this.$message('请选择一条数据')
+        this.title = '编辑'
+        this.bm6Flag = false
+        this.form = JSON.parse(JSON.stringify(this.$refs.EleTable.multipleSelection[0]))
+        this.$refs.EleDialog.visible = true
+        this.$nextTick(() => {
+          setTimeout(() => {
+            this.bm6Flag = true
+          }, 100);
+        });
+      },
+      // bm6查车型
+      getModelInfoByBm6(){
+        this.$nextTick(() => {
+          if(this.form.bm6.length == 6){
+            this.global.post(`${this.global.isdev}/systemFoundation_service/v1/sys/car/getModelInfoByBm6`,{bm6:this.form.bm6},obj => {
+              if(obj){
+                this.bm6Flag = false
+                this.form.brandCode = obj.brandCode
+                this.form.factoryCode = obj.factoryCode
+                this.form.seriesCode = obj.seriesCode
+                this.$refs.factoryCode.resetData()
+                this.$refs.seriesCode.resetData()
+                this.$nextTick(() => {
+                  this.bm6Flag = true
+                });
+              }
+            })
+          }
+        });
+      },
+      // 品牌改变
+      brandCodeChange(){
+        if(this.bm6Flag){
+          this.form.factoryCode=''
+          this.$refs.factoryCode.resetData()
+        }
+      },
+      // 来源改变
+      factoryCodeChange(){
+        if(this.bm6Flag){
+          this.form.seriesCode=''
+          this.$refs.seriesCode.resetData()
+        }
+      },
+      // 车系改变，车型查bm6
+      seriesCodeChange(){
+        if(this.bm6Flag){
+          this.$nextTick(() => {
+            this.bm6List = []
+            if(this.form.brandCode && this.form.factoryCode && this.form.seriesCode){
+              this.global.post(`${this.global.isdev}/systemFoundation_service/v1/sys/car/getModelBm6Info`,{
+                brandCode: this.form.brandCode,
+                factoryCode: this.form.factoryCode,
+                seriesCode: this.form.seriesCode,
+              },obj => {
+                if(obj){
+                  if(obj.length == 1){
+                    this.form.bm6 = obj[0].bm6
+                  } else {
+                    this.$refs.bm6Dialog.visible = true
+                    this.bm6List = obj.map(item => item.bm6)
+                  }
+                }
+              })
+            }
+          });
+        }
+      },
+      // 选择bm6确认
+      bm6Confirm(){
+        if(!this.$refs.bm6Select.selectValue) return this.$message('请选择车型销售代码前6位')
+        this.form.bm6 = this.$refs.bm6Select.selectValue
+        this.$refs.bm6Dialog.visible = false
+      },
+      // 新增/编辑适用产品 确认
+      saveProductScope(){
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            this.global.post(`${this.global.isdev}/v2/cardcoupons/scope/saveProductScope`,{
+              ...this.form,
+              typeName: this.$refs.typeCode.getSelect().label,
+              phaseType:  this.phaseType,
+              cardTemplateCode: this.cardTemplateCode,
+              cardMakeOrderNo: this.cardMakeOrderNo,
+              relationNo: this.queryParams.relationNo,
+            },obj => {
+              this.$message.success('操作成功')
+              this.$refs.EleDialog.visible = false
+              this.$refs.EleTable.resetData('')
+            })
+          }
+        })
+      },
+      // 删除
+      del(){
+        if(!this.$refs.EleTable.multipleSelection.length) return this.$message('请先选择数据')
+        this.$confirm('是否确认删除本次选择的数据', '提示', {
+          confirmButtonText: '确认',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.global.post(`${this.global.isdev}/v2/cardcoupons/scope/delProductScope`, {
+            ids: this.$refs.EleTable.multipleSelection.map(item => item.id),
+            phaseType: this.phaseType,
+            cardTemplateCode: this.cardTemplateCode,
+            cardMakeOrderNo: this.cardMakeOrderNo,
+            relationNo: this.queryParams.relationNo,
+          }, obj => {
+            this.$message.success('删除成功')
+            this.$refs.EleTable.resetData('')
+          })
+        })
+      },
+      // 引用历史批次产品
+      followProductScope(row){
+        this.global.post(`${this.global.isdev}/v2/cardcoupons/scope/followProductScope`, {
+          phaseType:  this.phaseType,
+          cardTemplateCode: this.cardTemplateCode,
+          cardMakeOrderNo: this.cardMakeOrderNo,
+          followCardMakeOrderNo: row.cardMakeOrderNo,
+          relationNo: this.queryParams.relationNo,
+        }, obj => {
+          this.$message.success('引用成功')
+          this.$refs.BatchProductRef.visible = false
+          this.$refs.EleTable.resetData()
+        })
+      },
+    },
+  }
+</script>

package/src/components/iris-card-modal/BatchProductRef.vue

@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <b-row class="f-mb10">
+      <b-col>
+        <b-form-fieldset horizontal label="卡券批次号" :label-cols="4" class="text-right">
+          <b-form-input autocomplete="off" v-model.trim="query.cardMakeOrderNo"></b-form-input>
+        </b-form-fieldset>
+      </b-col>
+      <b-col>
+        <b-form-fieldset horizontal label="卡券批次名称" :label-cols="4" class="text-right">
+          <b-form-input autocomplete="off" v-model.trim="query.batchName"></b-form-input>
+        </b-form-fieldset>
+      </b-col>
+      <b-col>
+        <b-form-fieldset horizontal label="制卡日期" :label-cols="4" class="text-right">
+          <EleDatePicker ref="makeDate" type="daterange" valueFormat="yyyy-MM-dd" @change="val => {query.makeDateStart = val[0];query.makeDateEnd = val[1]}" />
+        </b-form-fieldset>
+      </b-col>
+    </b-row>
+    <div class="f-mb20 f-tar">
+      <b-button size="sm" variant="primary" @click="$refs.EleTable.resetData()">查询</b-button>
+      <b-button size="sm" variant="default" @click="reset()">重置</b-button>
+    </div>
+    <EleTable class="f-mb20" ref="EleTable" :api="`${this.global.isdev}/v2/cardcoupons/batch/query.htm`" :query="query" radio>
+      <el-table-column label="批次号" prop="cardMakeOrderNo" min-width="168" show-overflow-tooltip />
+      <el-table-column label="批次名称" prop="batchName" min-width="168" show-overflow-tooltip />
+      <el-table-column label="制卡人" prop="makeEmpName" min-width="168" show-overflow-tooltip />
+      <el-table-column label="制卡时间" prop="makeDate" min-width="168" show-overflow-tooltip />
+    </EleTable>
+    <div class="f-tar">
+      <b-button size="sm" variant="default" @click="$emit('cancel')">取消</b-button>
+      <b-button size="sm" variant="primary" @click="confirm">确认</b-button>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        queryBase: {
+          storeCodeSet: [this.global.userInfo.userAvailableInfo.storeInfoVo.storeCode],
+          cardTemplateCode: this.$route.query.cardTemplateCode || '',
+          cardMakeOrderNo: '',
+          batchName: '',
+          makeDateStart: '',
+          makeDateEnd: '',
+        },
+        query: {},
+      }
+    },
+    mounted() {
+      this.reset()
+    },
+    methods: {
+      reset(){
+        this.query = JSON.parse(JSON.stringify(this.queryBase))
+        this.$refs.makeDate.change()
+      },
+      confirm(){
+        if(!this.$refs.EleTable.radioValue) return this.$message('请选择一条数据')
+        this.$emit('confirm',this.$refs.EleTable.radioValue)
+      },
+    },
+  }
+</script>