jiangping
2025-05-28 ffa268a0585b4a1f7dac573c2c443bae97ac9a47
company/src/components/business/OperaSolutionsBaseWindow.vue
@@ -6,7 +6,10 @@
        :confirm-working="isWorking"
        @confirm="confirm"
    >
      <div>
        <el-form :model="form" ref="form" :rules="rules">
        <el-tabs type="border-card"    :before-leave="beforeTabClick"  v-model="form.saveType">
          <el-tab-pane label="方案基础信息" name="0">
            <el-form-item label="方案名称" prop="name">
                <el-input v-model="form.name" placeholder="请输入" v-trim/>
            </el-form-item>
@@ -23,8 +26,9 @@
            <el-form-item label="承保公司" prop="companyName">
                <el-input v-model="form.companyName" placeholder="请输入" v-trim/>
            </el-form-item>
            <el-form-item label="投保年龄" prop="minAge">
            <el-form-item label="投保年龄" required="true" >
                <div style="display: flex; align-items: center;">
                <el-form-item label="" prop="minAge" style="flex: 1;">
                    <el-select v-model="form.minAge" @change="changeMinAge" style="flex: 1;" placeholder="请选择">
                        <el-option
                            v-for="item in 80"
@@ -33,8 +37,10 @@
                            :value="item">
                        </el-option>
                    </el-select>
                    <span style="margin: 0 30px;">至</span>
                    <el-select v-model="form.maxAge" @change="changeMaxAge" style="flex: 1;" placeholder="请选择">
                </el-form-item>
                <span style="margin: 0 30px;padding-bottom: 20px;">至</span>
                <el-form-item label="" prop="maxAge" style="flex: 1;">
                <el-select v-model="form.maxAge" @change="changeMaxAge"  placeholder="请选择">
                        <el-option
                            v-for="item in 80"
                            :key="item"
@@ -42,6 +48,7 @@
                            :value="item">
                        </el-option>
                    </el-select>
                </el-form-item>
                </div>
            </el-form-item>
            <el-form-item label="生效时间" prop="validTypeNum">
@@ -101,7 +108,6 @@
                    <el-button type="primary" @click="impor">导入工种</el-button>
                    <el-button type="text" @click="exprot">导入模版xls</el-button>
                </div>
              <el-form-item label="已添加工种" prop="worktypeIdList">
                <u-table
                    :data="form.worktypeIdList"
@@ -129,6 +135,17 @@
                </u-table>
              </el-form-item>
            </div>
            <el-form-item label="特别约定" prop="specialAgreement">
              <RichEditor :richData="form.specialAgreement" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/>
            </el-form-item>
            <el-form-item label="特别说明" prop="specialInfo">
              <RichEditor :richData="form.specialInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor1" :readonly="false"/>
            </el-form-item>
            <el-form-item label="其他说明" prop="ortherInfo">
              <RichEditor :richData="form.ortherInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="风险设置" name="1" >
            <el-form-item label="风险设置" prop="risk">
                <div class="tx">
                    <div class="tx_item">
@@ -163,18 +180,12 @@
                    </div>
                </div>
            </el-form-item>
            <el-form-item label="特别约定" prop="specialAgreement">
                <RichEditor :richData="form.specialAgreement" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor" :readonly="false"/>
            </el-form-item>
            <el-form-item label="特别说明" prop="specialInfo">
                <RichEditor :richData="form.specialInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor1" :readonly="false"/>
            </el-form-item>
            <el-form-item label="其他说明" prop="ortherInfo">
                <RichEditor :richData="form.ortherInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/>
            </el-form-item>
          </el-tab-pane>
        </el-tabs>
        </el-form>
        <!--    上传工种    -->
        <input type="file" @change="getFile" style="opacity: 0;" ref="upload" accept=".xlsx" />
      </div>
    </GlobalWindow>
</template>
@@ -189,11 +200,19 @@
  import { numRule } from '@/utils/form'
  import RichEditor from '@/components/common/RichEditor'
  import { UTable, UTableColumn } from 'umy-ui'
import {getChangeMemberListOnlineSignLink} from "@/api/business/applyChange";
  export default {
    name: 'OperaSolutionsBaseWindow',
    extends: BaseOpera,
    components: { GlobalWindow, UploadFile, RichEditor, UTable, UTableColumn },
    data () {
    var validatorWorktype = (rule, value, callback) => {
      if (!this.form.worktypeIdList || this.form.worktypeIdList.length === 0) {
        callback(new Error('请完善工种信息!'));
      } else {
        callback();
      }
    };
      var validType = (rule, value, callback) => {
        if (this.form.validType === 0 && !value) {
          return callback(new Error('延迟天数不能为空'))
@@ -203,7 +222,7 @@
        callback()
      }
      var canAddFun = (rule, value, callback) => {
        if (!this.form.canAdd && !form.canReduce && !form.canChangeUnit) {
      if (!this.form.canAdd && !this.form.canReduce && !this.form.canChangeUnit) {
          return callback(new Error('批改支持不能为空'))
        }
        callback()
@@ -241,6 +260,7 @@
          delValidDays: 0,
          delOnlyReplace: 0,
          canAdd: 0,
        saveType: '0',
          correctWarnTime: '',
          worktypeIdList: [],
@@ -278,7 +298,10 @@
            { required: true, message: '请输入承保公司' }
          ],
          minAge: [
            { required: true, message: '请选择投保年龄' }
          { required: true, message: '请选择投保最小年龄' }
        ],
        maxAge: [
          { required: true, message: '请选择投保最大年龄' }
          ],
          validTypeNum: [
            { required: true, validator: validType }
@@ -287,7 +310,7 @@
            { required: true, message: '请输入批改提醒时间' }
          ],
          worktypeIdList: [
            { required: true, message: '请完善工种信息' }
          { required: true, validator: validatorWorktype }
          ],
          canAdd: [
            { required: true, validator: canAddFun }
@@ -306,6 +329,18 @@
      })
    },
    methods: {
    beforeTabClick(n,o){
      let re = true
      if( !this.form.id && n === '1'){
        this.$refs.form.validate((valid) => {
          if (!valid) {
            re = false
          }
          this.form.saveType = n
        })
      }
      return re
    },
      // 导入工种模板
      getFile(e) {
        const formdate = new FormData()
@@ -313,13 +348,15 @@
        formdate.append('insuranceId', this.form.insuranceId)
        importExcelForSolution(formdate)
          .then(res => {
            let arr = []
          const arr = []
            res.forEach(item => {
              arr.push({ worktypeId: item.id, worktypeName: item.name })
            })
            this.form.worktypeIdList = [...arr, ...this.form.worktypeIdList]
            let valData = this.form.worktypeIdList.map(item => item.worktypeName)
          this.$refs.form.validate()
          const valData = this.form.worktypeIdList.map(item => item.worktypeName)
            this.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name))
          this.$refs.form.validate()
          })
          .catch(err => {
            this.$message.error(err.message)
@@ -337,13 +374,13 @@
        window.open(process.env.VUE_APP_TYPEWORK_URL)
      },
      getWangedditor(val){
        this.form.specialAgreement = val;
      this.form.specialAgreement = val
      },
      getWangedditor1(val){
        this.form.specialInfo = val;
      this.form.specialInfo = val
      },
      getWangedditor2(val){
        this.form.ortherInfo = val;
      this.form.ortherInfo = val
      },
      changeMinAge(e) {
        if (this.form.maxAge && this.form.maxAge >= 0 && e > this.form.maxAge) {
@@ -443,6 +480,7 @@
            this.form.fanganFile = null
            this.form.worktypeIdList = []
            this.form[this.configData['field.id']] = null
          this.form.saveType = '0'
          })
          return
        }
@@ -453,6 +491,7 @@
              for (const key in this.form) {
                this.form[key] = res[key]
              }
            this.form.saveType = '0'
              this.form.correctWarnTime = `${this.form.correctWarnTime}:00`
              if (res.worktypeList) {
                this.form.worktypeIdList = res.worktypeList.map(item => {
@@ -476,7 +515,7 @@
            if (!this.form.id) {
                this.typeWorkCopy = res
            } else {
                let valData = this.form.worktypeIdList.map(item => item.worktypeName)
          const valData = this.form.worktypeIdList.map(item => item.worktypeName)
                this.typeWorkCopy = res.filter(item => !valData.includes(item.name))
            }
        })
@@ -496,24 +535,25 @@
          })
      },
      add () {
          let arr = this.typeWorkCopy.filter(item => this.worktypeId.includes(item.id))
          let dataVal = arr.map(item => {
      const arr = this.typeWorkCopy.filter(item => this.worktypeId.includes(item.id))
      const dataVal = arr.map(item => {
              return {
                  worktypeId: item.id,
                  worktypeName: item.name
              }
          })
          this.form.worktypeIdList = [ ...dataVal, ...this.form.worktypeIdList ]
          let valData = this.form.worktypeIdList.map(item => item.worktypeName)
      const valData = this.form.worktypeIdList.map(item => item.worktypeName)
          this.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name))
          this.worktypeId = []
      this.$refs.form.validate()
      },
      dele (index) {
        if (this.form.worktypeIdList.length === 1) {
          this.$message.warning('至少要保留一项')
          return
        }
        let row = this.typeWork.filter(item => item.name === this.form.worktypeIdList[index].worktypeName)
      const row = this.typeWork.filter(item => item.name === this.form.worktypeIdList[index].worktypeName)
        this.typeWorkCopy.unshift(row[0])
        this.form.worktypeIdList.splice(index, 1)
      }