bug

MrShi

2025-01-12 8932133e2ee2e5708e3506bee3d01d59bff5f1d2

 company/src/components/business/OperaSolutionsBaseWindow.vue

@@ -25,7 +25,7 @@
            </el-form-item>
            <el-form-item label="投保年龄" prop="minAge">
                <div style="display: flex; align-items: center;">
                    <el-select v-model="form.minAge" style="flex: 1;" placeholder="请选择">
                    <el-select v-model="form.minAge" @change="changeMinAge" style="flex: 1;" placeholder="请选择">
                        <el-option
                            v-for="item in 80"
                            :key="item"
@@ -34,7 +34,7 @@
                        </el-option>
                    </el-select>
                    <span style="margin: 0 30px;">至</span>
                    <el-select v-model="form.maxAge" style="flex: 1;" placeholder="请选择">
                    <el-select v-model="form.maxAge" @change="changeMaxAge" style="flex: 1;" placeholder="请选择">
                        <el-option
                            v-for="item in 80"
                            :key="item"
@@ -80,49 +80,52 @@
                    <el-input style="margin-left: 0px;" type="number" v-model="form.delValidDays"   placeholder="请输入批减生效时间（天数）" ></el-input>
                </div>
            </el-form-item>
            <el-form-item label="批改提醒时间" prop="correctWarnTime">{{form.correctWarnTime}}
            <el-form-item label="批改提醒时间" prop="correctWarnTime">
                <el-time-picker
                    value-format="HH:hh:mm"
                    value-format="HH:mm"
                    v-model="form.correctWarnTime"
                    placeholder="请选择批改提醒时间">
                </el-time-picker>
            </el-form-item>
            <el-button type="primary" @click="add" style="margin-bottom: 10px;">添加工种</el-button>
            <el-table
                :data="form.worktypeIdList"
                border
                style="width: 100%; margin-bottom: 20px;">
                <el-table-column
                    label="序号"
                    align="center"
                    width="80">
                    <template slot-scope="scope">
                        <span>{{scope.$index + 1}}</span>
                    </template>
                </el-table-column>
                <el-table-column
                    align="center"
                    label="所属工种">
                    <template slot-scope="{row}">
                        <el-select filterable v-model="row.worktypeId" placeholder="请选择">
                            <el-option
                                v-for="item in typeWork"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id">
                            </el-option>
                        </el-select>
                    </template>
                </el-table-column>
                <el-table-column
                    label="操作"
                    align="center"
                    width="100">
                    <template slot-scope="scope">
                        <el-button type="text" size="small" style="color: red;" @click="dele(scope.$index)">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #ececec;">
                <div style="display: flex; align-items: center; margin-bottom: 10px;">
                    <el-select filterable multiple style="width: 800px;" v-model="worktypeId" placeholder="请选择">
                        <el-option
                            v-for="item in typeWorkCopy"
                            :key="item.id"
                            :label="item.name"
                            :value="item.id">
                        </el-option>
                    </el-select>
                    <el-button type="primary" @click="add" :disabled="worktypeId.length === 0" style="margin-left: 10px;">添加工种</el-button>
                    <el-button type="primary" @click="impor">导入工种</el-button>
                    <el-button type="text" @click="exprot">导入模版xls</el-button>
                </div>
                <u-table
                    :data="form.worktypeIdList"
                    border
                    use-virtual
                    style="width: 100%; margin-bottom: 20px;">
                    <u-table-column
                        label="序号"
                        width="80">
                        <template slot-scope="scope">
                            <span>{{scope.$index + 1}}</span>
                        </template>
                    </u-table-column>
                    <u-table-column
                        prop="worktypeName"
                        label="所属工种">
                    </u-table-column>
                    <u-table-column
                        label="操作"
                        width="100">
                        <template slot-scope="scope">
                            <el-button type="text" size="small" style="color: red;" @click="dele(scope.$index)">删除</el-button>
                        </template>
                    </u-table-column>
                </u-table>
            </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>
@@ -133,6 +136,8 @@
                <RichEditor :richData="form.ortherInfo" :styleEditor="'border: 1px solid #ccc;display: inline-block;'" @getWangedditor="getWangedditor2" :readonly="false"/>
            </el-form-item>
        </el-form>
        <!--    上传工种    -->
        <input type="file" @change="getFile" style="opacity: 0;" ref="upload" accept=".xlsx" />
    </GlobalWindow>
</template>

@@ -140,16 +145,17 @@
  import BaseOpera from '@/components/base/BaseOpera'
  import GlobalWindow from '@/components/common/GlobalWindow'
  import { all } from '@/api/business/insurance'
  import { all as allWorktype } from '@/api/business/worktype'
  import { all as allWorktype, importExcelForSolution } from '@/api/business/worktype'
  import { solutionsBaseId } from '@/api/business/solutionsBase'
  import { pageAll as shopList } from '@/api/business/company'
  import UploadFile from '@/components/common/UploadFile'
  import { numRule } from '@/utils/form'
  import RichEditor from '@/components/common/RichEditor'
  import { UTable, UTableColumn } from 'umy-ui'
  export default {
    name: 'OperaSolutionsBaseWindow',
    extends: BaseOpera,
    components: { GlobalWindow, UploadFile, RichEditor },
    components: { GlobalWindow, UploadFile, RichEditor, UTable, UTableColumn },
    data () {
      var validType = (rule, value, callback) => {
        if (this.form.validType === 0 && !value) {
@@ -186,8 +192,9 @@
          delOnlyReplace: 0,
          canAdd: 0,
          correctWarnTime: '',
          worktypeIdList: [{ worktypeId: '' }]
          worktypeIdList: []
        },
        worktypeId: [],
        // 验证规则
        rules: {
          name: [
@@ -223,7 +230,8 @@
        },
        shops: [],
        company: [],
        typeWork: []
        typeWork: [],
        typeWorkCopy: []
      }
    },
    created () {
@@ -233,6 +241,36 @@
      })
    },
    methods: {
      // 导入工种模板
      getFile(e) {
        const formdate = new FormData()
        formdate.append('file', e.target.files[0])
        formdate.append('insuranceId', this.form.insuranceId)
        importExcelForSolution(formdate)
          .then(res => {
            let 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.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name))
          })
          .catch(err => {
            this.$message.error(err.message)
          })
          .finally(() => {
            this.$refs.upload.value = null
          })
      },
      impor() {
        if (!this.form.insuranceId) return this.$message.warning('请先选择保险公司')
        this.$refs.upload.click()
      },
      // 导出模板
      exprot() {
        window.open(process.env.VUE_APP_TYPEWORK_URL)
      },
      getWangedditor(val){
        this.form.specialAgreement = val;
      },
@@ -242,7 +280,18 @@
      getWangedditor2(val){
        this.form.ortherInfo = val;
      },

      changeMinAge(e) {
        if (this.form.maxAge && this.form.maxAge >= 0 && e > this.form.maxAge) {
          this.form.minAge = ''
          this.$message.warning('起始年龄不能大于截止年龄！')
        }
      },
      changeMaxAge(e) {
        if (this.form.minAge && this.form.minAge >= 0 && e < this.form.minAge) {
          this.form.maxAge = ''
          this.$message.warning('截止年龄不能大于起始年龄！')
        }
      },
      handNumberInput (value) {
        const regex = /^[-+]?\d*$/
        if (!regex.test(value)) {
@@ -254,7 +303,7 @@
      },
      // 切换公司
      getAllWorktype1 () {
        this.form.worktypeIdList = [{ worktypeId: '' }]
        this.form.worktypeIdList = []
        this.getAllWorktype()
      },
      changeValidType(e) {
@@ -268,7 +317,6 @@
      confirm () {
        const data = JSON.parse(JSON.stringify(this.form))
        data.worktypeIdList = data.worktypeIdList.map(item => item.worktypeId)
        data.correctWarnTime = data.correctWarnTime.substring(0, data.correctWarnTime.lastIndexOf(':'))
        this.$refs.form.validate((valid) => {
          if (!valid) {
            return
@@ -315,7 +363,9 @@
        this.form.delOnlyReplace = 0
        this.form.delValidDays = 0
        this.form.canAdd = 0
        this.form.worktypeIdList = [{ worktypeId: '' }]
        this.form.worktypeIdList = []
        this.typeWork = []
        this.typeWorkCopy = []
        // this.$refs['$upload'].clearFiles()//初始化导入组件
        this.allCompany()
        this.allShops()
@@ -326,7 +376,7 @@
            this.form.maxAge = ''
            this.form.validTypeNum = ''
            this.form.fanganFile = null
            this.form.worktypeIdList = [{ worktypeId: '' }]
            this.form.worktypeIdList = []
            this.form[this.configData['field.id']] = null
          })
          return
@@ -339,11 +389,11 @@
                this.form[key] = res[key]
              }
              this.form.correctWarnTime = `${this.form.correctWarnTime}:00`
              console.log(this.form.correctWarnTime)
              if (res.worktypeList) {
                this.form.worktypeIdList = res.worktypeList.map(item => {
                  return {
                    worktypeId: item.worktypeId
                    worktypeId: item.worktypeId,
                    worktypeName: item.worktypeName
                  }
                })
              }
@@ -354,9 +404,16 @@
      // 查询保险公司下全部工种
      getAllWorktype () {
        allWorktype({
          insuranceId: this.form.insuranceId
          insuranceId: this.form.insuranceId,
          dataType: 2
        }).then(res => {
          this.typeWork = res
            this.typeWork = res
            if (!this.form.id) {
                this.typeWorkCopy = res
            } else {
                let valData = this.form.worktypeIdList.map(item => item.worktypeName)
                this.typeWorkCopy = res.filter(item => !valData.includes(item.name))
            }
        })
      },

@@ -364,25 +421,35 @@
      allCompany () {
        all({ dataType: 2, status: 0 })
          .then(res => {
            console.log(res)
            this.company = res
          })
      },
      allShops () {
        shopList({ type: 1, status: 0 })
          .then(res => {
            console.log(res)
            this.shops = res
          })
      },
      add () {
        this.form.worktypeIdList.push({ worktypeId: '' })
          let arr = this.typeWorkCopy.filter(item => this.worktypeId.includes(item.id))
          let 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)
          this.typeWorkCopy = this.typeWorkCopy.filter(item => !valData.includes(item.name))
          this.worktypeId = []
      },
      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)
        this.typeWorkCopy.unshift(row[0])
        this.form.worktypeIdList.splice(index, 1)
      }
    }