axwen-test31 2.0.0

package/src/views/customer/computed-tags/confirm-modal-new.vue

@@ -0,0 +1,473 @@
+<template>
+    <yt-dialog class="computed-tags-confirm" @confirm="handleConfirm" :title="tagsTitle" append-to-body v-model="visible">
+        <yt-form ref="form" @submit="handleSubmit" :fields="fields"></yt-form>
+    </yt-dialog>
+</template>
+  
+<script>
+  import * as service from '@/api/customer/customer-tags'
+  import EditModal from './edit-modal-new'
+  import { qryLibrary } from '@/api/system'
+  import { throttle } from 'lodash'
+
+  export default {
+        components: {
+            EditModal,
+        },
+      data() {
+          return {
+              visible: false,
+              tagsTitle:'新增为衍生标签',
+              fields: [
+                  {
+                      title: '衍生标签名称',
+                      key: 'title',
+                      type: 'input',
+                      isRequired: true,
+                      width: '100%'
+                  },
+                  {
+                    title: '标签库',
+                    type: 'select',
+                    key: 'libId',
+                    options: [],
+                    defaultValue: '1',
+                    isRequired: true,
+                    onInput: (value, item, form) => {
+                        this.submitSucRemoveAche()
+                        form.areas = ''
+                    }
+                },
+                {
+                    title: '衍生标签类型',
+                    type: 'select',
+                    key: 'labelType',
+                    options: [
+                        { label: '衍生数值型', value: 'number' },
+                        { label: '衍生布尔型', value: 'boolean' },
+                        { label: '衍生选项型', value: 'select' },
+                        { label: '衍生日期型', value: 'date' }
+                    ],
+                    defaultValue: 'number',
+                    isRequired: true,
+                    onInput: (value, item, form) => {
+                        this.submitSucRemoveAche()
+                        form.areas = ''
+                    },
+                },
+                {
+                    title: '规则配置',
+                    key: 'areas',
+                    defaultValue: [],
+                    isRequired: true,
+                    renderContent: (h, item, form) => {
+                        return <EditModal ref="editor" readonly={ false } defineName={this.defineName} selectLabel={this.selectLabel} params={this.tag} form={form} mode={this.mode} labelType={form.labelType} libId={form.libId} onHandleModel ={(data) => this.handleModel(data)} onGetLabelRule ={(data,type) => this.getLabelRule(data,type)}></EditModal>
+                    },
+                },
+                {
+                    title: '说明',
+                    key: 'desc',
+                    type: 'textarea',
+                    width: '100%',
+                    attrs: {
+                        rows: 3
+                    }
+                }
+              ],
+              tag: {},
+              mode: 'add',
+              directApply: false,
+              resubmitFlag: false,
+              stat: null,
+              tagsMap: {}, // 存一个map，节省从原始结构解码出group结构的时间
+              groupList: null,
+              storeData:null,
+              defineName: null,
+              selectLabel:[],
+              signMap:['+','-','*','/'],
+              selectLabelData: []
+          }
+      },
+      created() {
+        this.getLibrary()
+      },
+      methods: {
+            // 获取标签库
+            async getLibrary() {
+                const libList = (await qryLibrary())?.data.map((v) => {
+                    return {
+                        label: v.name,
+                        value: v.pkId
+                    }
+                })
+                this.fields[1].options = libList
+            },
+          async show(data, mode, isSave = false) {
+            this.storeData = null
+            this.visible = true
+            this.tag = data
+            this.mode = mode
+            this.tagsTitle = this.mode === 'add' ? '新建为衍生标签' : this.mode === 'edit' ? "保存为衍生标签" : '复制为衍生标签'
+            this.stat = data.stat
+            if(mode === 'add') {
+                if(!isSave) { // 没有修改规则的初始化
+                    this.submitSucRemoveAche()
+                    this.$nextTick(() => {
+                        this.$refs.form.reset()
+                    })
+                }
+                this.fields[1].disabled = false  
+                this.fields[2].disabled = false            
+            }
+            if (mode === 'edit' || mode === 'copy') {
+                this.$nextTick(() => {
+                    if(!isSave) { // 没有修改规则的初始化
+                        this.defineName = data.defineName
+                        this.selectLabel = data?.selectDeriveLabelDTOS || []
+                        this.$refs.form.setForm({
+                            title: data.condName || '',
+                            desc: data.dsc || '',
+                            areas: data.defineName || '',
+                            libId: data.libId || '',
+                            labelType: data.condType || '',
+                            pkId: data.pkId || ''
+                        })
+                        // 回显规则
+                        sessionStorage.setItem('tempLabelText', data.tempLabelText)
+                        sessionStorage.setItem('labeTtemplateContent', JSON.stringify(data.defineName))
+                        if(data.condType === 'number') {
+                            let params = {
+                                numLabelTab: data.numberCondBlock ? 'numberLabel' : 'dateLabel',
+                                dateType: data.dateCondBlock?.intervalType || 'year'
+                            }
+                            sessionStorage.setItem('numberLabelAche', JSON.stringify(params))
+                        }
+                        if(data.condType === 'select') {
+                            sessionStorage.setItem('selectLabelType', this.formatIncludePercent(data.selectDeriveLabelDTOS))
+                            sessionStorage.setItem('selectLabelData', this.formatShowSelectLabelData(data.selectDeriveLabelDTOS))           
+                        }
+                    }
+                    this.fields[1].disabled = true  
+                    this.fields[2].disabled = true
+                })
+            }
+          },
+          formatShowSelectLabelData(data) {
+            let target = data.map((item, idx)=>{
+                return {
+                    optionName: item.optionName,
+                    classCst: '',
+                    classNum: '',
+                    classRange: {
+                        range1: item.optionMin.includes('%') ? item.optionMin : Number(item.optionMin),
+                        range2: item.optionMax.includes('%') ? item.optionMax : Number(item.optionMax)
+                    }
+                }
+            })
+            return JSON.stringify(target)           
+          },
+          formatIncludePercent(data) {
+            return data[0]?.optionMax.includes('%') ? '2' : '1'
+          },
+          handleModel(data) {
+            this.visible = data
+          },
+          getLabelRule(data,type) {
+            this.$refs.form.setForm({ areas:data })
+            this.tag = data
+          },
+          hide() {
+              this.$refs.form.reset()
+              this.visible = false
+          },
+          reset() {
+              this.submitSucRemoveAche()
+              this.tag = {}
+              this.$refs.form.reset()
+          },
+          handleConfirm: throttle(function (directApply) {
+              if (!directApply) {
+                  this.directApply = false
+              }
+              this.$refs.form.submit()
+          }, 300),
+          formatCondBlockNumber(data) {
+            let isHadDate = data.filter(item=>item?.valType === 'date') // 存在日期型该参数返回为[]
+            if(isHadDate.length) return []
+            let target = data.map(item=>{
+                return {
+                    blockContent: item.dragType === 'sign' ? item.labelNm : item.labelCode,
+                    deriveLabel: false,
+                    valType: item.dragType === 'label' ? item.valType : ''
+                }
+            })
+            return target
+          },
+          formatCondBlockDate(data) { // 处理存在日期型标签的情况，即衍生标签为数值型和日期型的时候          
+            let firstDateIdx = data.findIndex(item=> item.valType === 'date' || item.labelCode === 'system_date')
+            let lastDateIdx = data.findLastIndex(item=> item.valType === 'date' || item.labelCode === 'system_date')
+            let constantIdx = data.findIndex(item=> item.labelCode === 'constant')
+            let signIdx = data.findIndex(item=> this.signMap.includes(item.labelCode))
+            let numLabelDateType = sessionStorage.getItem('numLabelDateType') ? JSON.parse(sessionStorage.getItem('numLabelDateType')) : 'day'
+            let params = {
+                startDate:{
+                    blockContent: data[firstDateIdx]?.labelCode === 'system_date' ? data[firstDateIdx]?.labelNm : data[firstDateIdx]?.labelCode,
+                    valType: data[firstDateIdx]?.valType || '',
+                    ckType: data[firstDateIdx]?.labelCode === 'system_date' ? 'String' : ''
+                },
+                intervalType: numLabelDateType,
+                sign: data[signIdx]?.labelCode
+            }
+            params.endDate = lastDateIdx > -1 ? {
+                blockContent: data[lastDateIdx]?.labelCode === 'system_date' ? data[lastDateIdx]?.labelNm : data[lastDateIdx]?.labelCode, 
+                valType: data[lastDateIdx]?.valType || '',
+                ckType: data[lastDateIdx]?.labelCode === 'system_date' ? 'String' : ''
+            } : null
+            // 测试说有问题，后端排查前端将endDate置为空有问题，故注释
+            // if(firstDateIdx > -1 && lastDateIdx > -1 && data[firstDateIdx]?.labelCode === data[lastDateIdx]?.labelCode) { // 第一项时间和最后一项时间为同项，endDate为null
+            //     params.endDate = null
+            // }
+            let form = this.$refs.form.getForm()
+            // 和张杰以及后端沟通原始需求 - 日期型只支持一个日期和常量，故endData字段应该为null
+            if (form.labelType === 'date') {
+                params.endDate = null
+            }
+            params.value = constantIdx > -1 ? data[constantIdx]?.labelNm : ''
+            return params
+          },
+          formatCondBlockSelect(data) {
+            let target = this.selectLabelData.map((item, idx)=>{
+                return {
+                    optionName: item.optionName,
+                    optionMax: item.classRange.range2,
+                    optionMin: item.classRange.range1,
+                    labelCode: data.length ? data[0]?.labelCode : '',
+                    seqId: idx + 1
+                }
+            })
+            return target
+          },
+          formatCondBlock(type,data) {
+            if(!data.length) return type === 'date,number' ? {} : []
+            let target
+            switch (type) {
+                case 'boolean':
+                    target = data
+                    break
+                case 'date,number':
+                    target = this.formatCondBlockDate(data)
+                    break
+                case 'number':
+                    target = this.formatCondBlockNumber(data)
+                    break
+                case 'select':
+                    target = this.formatCondBlockSelect(data)
+                    break
+                default:
+                    break
+            }
+            return target
+          },
+          formatSelectDeriveLabelDTOS(data) {
+            let target = data.map(item=>{
+                return {
+                    labelCode: item.labelCode,
+                    optionMax: item.optionMax,
+                    optionMin: item.optionMin,
+                    optionName: item.optionName,
+                    seqId: item.seqId 
+                }
+            })
+            return target
+          },
+          submitSucRemoveAche() {
+            this.defineName = ''
+            this.selectLabel = []
+            sessionStorage.removeItem('selectLabelData')
+            sessionStorage.removeItem('labeTtemplateContent')
+            sessionStorage.removeItem('derivedList')
+            sessionStorage.removeItem('tempLabelText')
+            sessionStorage.removeItem('numberLabelAche')
+            sessionStorage.removeItem('selectLabelType')
+            sessionStorage.removeItem('numLabelDateType')   
+            sessionStorage.removeItem('isLabelUpdate')   
+            sessionStorage.removeItem('noUpdateSave')  
+            sessionStorage.removeItem('modeLabelType')                                              
+          },
+          handleSubmit(formData, valid) {
+            let condBlock = []
+            let defineName = ''
+            let params = {}
+            if(sessionStorage.getItem('selectLabelData')) { // 分层数据
+                this.selectLabelData = sessionStorage.getItem('selectLabelData') ? JSON.parse(sessionStorage.getItem('selectLabelData')) : ''
+            } else {
+                this.selectLabelData = []
+            }
+            let modeLabelType = sessionStorage.getItem('modeLabelType') ? JSON.parse(sessionStorage.getItem('modeLabelType')) : '' 
+            if (sessionStorage.getItem('isLabelUpdate') === 'true' || modeLabelType === 'add') { // 进行了规则更改操作
+                defineName = sessionStorage.getItem('labeTtemplateContent') ? JSON.parse(sessionStorage.getItem('labeTtemplateContent')) : ''
+                condBlock = sessionStorage.getItem('derivedList') ? JSON.parse(sessionStorage.getItem('derivedList')) : [] 
+                params = {
+                    compositeCondBlock: formData.labelType === 'boolean' ? this.formatCondBlock('boolean', condBlock) : [],
+                    condName: formData.title,
+                    condType: formData.labelType,
+                    dateCondBlock: formData.labelType === 'date' || formData.labelType === 'number' ? this.formatCondBlock('date,number', condBlock) : {},
+                    defineName,
+                    dsc: formData.desc,
+                    libId:formData.libId,
+                    numberCondBlock: formData.labelType === 'number' ? this.formatCondBlock('number', condBlock) : [],
+                    selectDeriveLabelDTOS: formData.labelType === 'select' ?  this.formatCondBlock('select', condBlock) : [],
+                    tempLabelText: sessionStorage.getItem('tempLabelText')
+                } 
+            } else {
+                params = {
+                    compositeCondBlock: this.tag?.compositeCondBlock?.length ? this.tag?.compositeCondBlock : [],
+                    condName: formData.title,
+                    condType: formData.labelType,
+                    dateCondBlock: this.tag?.dateCondBlock || {},
+                    defineName:this.tag?.defineName,
+                    dsc: formData.desc,
+                    libId:formData.libId,
+                    numberCondBlock: this.tag?.numberCondBlock?.length ? this.tag?.numberCondBlock : [],
+                    selectDeriveLabelDTOS: this.tag?.selectDeriveLabelDTOS?.length ? this.formatSelectDeriveLabelDTOS(this.tag?.selectDeriveLabelDTOS) : [],
+                    tempLabelText: sessionStorage.getItem('tempLabelText')
+                }
+            }            
+              let action = service.addDeriveLabels
+              if (this.mode === 'edit') {
+                  params.pkId = this.tag?.pkId || formData.pkId
+                  action = service.updateDeriveLabels
+              } else {
+                  params.pkId = null // 新增和复制用,防止主键冲突
+              }
+              valid && action(params).then(res => {
+                  if (this.directApply) {
+                      service.applyApproval({
+                          condName: res.data.condName,
+                          pkId: res.data.pkId,
+                          resubmitFlag : (this.mode === 'add' || (this.mode === 'edit' && this.stat === '01'))   ? this.resubmitFlag : !this.resubmitFlag
+                      }).then(res => {
+                          this.$message.success('操作成功')
+                          this.reset()
+                          this.$emit('succ')
+                          this.hide()
+                      })
+                      this.directApply = false
+                  } else {
+                      this.$message.success('操作成功')
+                      this.reset()
+                      this.$emit('succ')
+                      this.hide()
+                  }
+              })
+          },
+          getData(row) {
+            this.groupList = this.decodeGroupList(row.defineOriginal)
+            setTimeout(()=>{
+                let data = {
+                    ...row,
+                    groupList: this.groupList,
+                    defineText: this.renderText(),
+                    define: this.cleanData()
+                }
+                this.storeData = data 
+            },200)    
+          },
+          cleanData() {
+            let groupText = ''
+            this.groupList.forEach(group => {
+                const tags = group.tags
+                let tagsText = ''
+                tags.forEach(tag => {
+                    tagsText += (tag.operator || '') + (tag.constant ? tag.label : tag.condCode)
+                })
+                tagsText = tagsText ? `(${tagsText})` : ''
+                groupText += (group.op || '') + tagsText
+            })
+            return groupText
+          },
+          renderText() {
+            let groupText = ''
+            this.groupList.forEach((group, index) => {
+                const tags = group.tags
+                let tagsText = ''
+                tags.forEach((tag, index) => {
+                    tagsText += (tag.operator && index > 0 ? `<span class="op">${tag.operator}</span>` : ' ') + `<span class="label">${tag.label}</span>`
+                })
+                tagsText = tagsText ? `(${tagsText})` : ''
+                groupText += (group.op && index > 0 ? `<span class="op">${group.op}</span>` : ' ') + tagsText
+            })
+            return groupText
+          },
+          decodeGroupList(define) {
+            if (!define) {
+                return
+            }
+            const regx = /\(([^(]*)\)/g
+            const groupList = define.match(regx)
+            const groupOpList = (define.match(/\)(.)\(/g) || []).map(item => item[1])
+
+            let result = []
+            groupList.forEach((group, index) => {
+                const cleanStr = group.slice(1, -1)
+                const tags = cleanStr.split(/[\+|\-|\*|\/]/)
+                const tagOps = cleanStr.match(/[\+|\-|\*|\/]/g)
+
+                let tagList = []
+                tags.forEach((code, tagIndex) => {
+                    if (!code) return
+                    let tag = this.tagsMap[code]
+                    if (!!+code) {
+                        tag = {
+                            constant: true,
+                            label: +code
+                        }
+                    }
+                    if (tagIndex > 0) {
+                        tag.operator = tagOps[tagIndex - 1]
+                    } else {
+                        tag.operator = ''
+                    }
+                    tagList.push(tag)
+                })
+
+                result.push({
+                    tags: tagList,
+                    op: index > 0 ? groupOpList[index - 1] : ''
+                })
+            })
+            return result
+        },
+      }
+  }
+  </script>
+  
+  <style lang="less">
+  .computed-tags-confirm {
+      .tags-desc {
+          background: #eee;
+          padding: 8px;
+          line-height: 20px;
+          max-height: 72px;
+          min-height: 36px;
+          overflow: auto;
+        //   margin-bottom: 12px;
+  
+          .op {
+              color: @primary;
+              margin: 0 12px;
+              font-weight: 600;
+          }
+  
+          .label {
+              color: #58ab12;
+              display: inline-block;
+          }
+      }
+      .tags-desc-2{
+            background: #eee;
+            padding: 0 8px;
+      }
+  }
+  </style>
+  

package/src/views/customer/computed-tags/confirm-modal.vue

@@ -0,0 +1,116 @@
+<template>
+  <yt-dialog cancelText="上一步" class="computed-tags-confirm" @cancel="prevStep" @confirm="handleConfirm" title="保存为衍生标签" v-model="visible">
+      <div class="tags-desc" v-html="tag.defineText"></div>
+      <yt-button slot="after" type="primary" @click="saveAndApply">保存并提交审批</yt-button>
+      <yt-form ref="form" @submit="handleSubmit" :fields="fields"></yt-form>
+  </yt-dialog>
+</template>
+
+<script>
+import * as service from '@/api/customer/customer-tags'
+export default {
+    data() {
+        return {
+            visible: false,
+            fields: [
+                {
+                    title: '标签名称',
+                    key: 'title',
+                    type: 'input',
+                    isRequired: true,
+                    width: '100%'
+                },
+                {
+                    title: '说明',
+                    key: 'desc',
+                    type: 'textarea',
+                    width: '100%',
+                    props: {
+                        maxlength: 125
+                    },
+                    attrs: {
+                        rows: 3
+                    }
+                }
+            ],
+            tag: {},
+            mode: 'add',
+            directApply: false,
+            resubmitFlag: false,
+            stat: null
+        }
+    },
+    methods: {
+        show(data, mode) {
+            this.visible = true
+            this.tag = data
+            this.mode = mode
+            this.stat = data.stat
+            if (mode === 'edit') {
+                this.$nextTick(() => {
+                    this.$refs.form.form = {
+                        title: data.condName,
+                        desc: data.dsc
+                    }
+                })
+            }
+        },
+        hide() {
+            this.$refs.form.reset()
+            this.visible = false
+        },
+        reset() {
+            this.tag = {}
+            this.$refs.form.reset()
+        },
+        prevStep() {
+            this.hide()
+            this.$emit('prev')
+        },
+        handleConfirm(directApply) {
+            if (!directApply) {
+                this.directApply = false
+            }
+            this.$refs.form.submit()
+        },
+        handleSubmit(formData, valid) {
+            const params = {
+                condName: formData.title,
+                dsc: formData.desc,
+                defineTemp: this.tag.define,
+                defineName: this.tag.defineText
+            }
+            let action = service.add
+            if (this.mode === 'edit') {
+                params.pkId = this.tag.pkId
+                action = service.update
+            }
+            valid && action(params).then(res => {
+                if (this.directApply) {
+                    service.applyApproval({
+                        condName: res.data.condName,
+                        pkId: res.data.pkId,
+                        resubmitFlag : (this.mode === 'add' || (this.mode === 'edit' && this.stat === '01'))   ? this.resubmitFlag : !this.resubmitFlag
+                    }).then(res => {
+                        this.$message.success('操作成功')
+                        this.reset()
+                        this.$emit('succ')
+                        this.hide()
+                    })
+                    this.directApply = false
+                } else {
+                    this.$message.success('操作成功')
+                    this.reset()
+                    this.$emit('succ')
+                    this.hide()
+                }
+            })
+        },
+        saveAndApply() {
+            this.directApply = true
+            this.handleConfirm(true)
+        }
+    }
+}
+</script>
+