提交一把

jiangping

2024-06-20 09da100729793848bc01b51f7b05ca3f1e7ec64f

 company/src/components/business/OperaSolutionsDescWindow.vue

@@ -1,8 +1,9 @@
<template>
    <GlobalWindow
        :title="title"
        width="50%"
        submitText="修改"
        width="70%"
        text="修改"
        :withFooter="userInfo.type !== 1"
        :visible.sync="visible"
        :confirm-working="isWorking"
        @confirm="$refs.operaSolutionsWindow.open('编辑方案', form)"
@@ -21,46 +22,80 @@
                    <div class="info_list_item_label">承保公司：</div>
                    <div class="info_list_item_val">{{form.companyName}}</div>
                </div>
              <div class="info_list_item">
                <div class="info_list_item_label">投保类型：</div>
                <div class="info_list_item_val" v-if="form.type === 0 "> 直保</div>
                <div class="info_list_item_val" v-if="form.type === 1">委托投保</div>
              </div>
              <div class="info_list_item" v-if="form.type === 1">
                <div class="info_list_item_label">委托商户：</div>
                <div class="info_list_item_val" > {{form.shopName}}</div>
              </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">投保年龄：</div>
                    <div class="info_list_item_val">{{form.minAge}}至{{form.maxAge}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">投保类型：</div>
                    <div class="info_list_item_val">平台投保</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">保险费用：</div>
                    <div class="info_list_item_label" v-if="form.type !=1">方案费用：</div>
                    <div class="info_list_item_label" v-else>服务费用：</div>
                    <div class="info_list_item_val">
                        {{form.price}}元/人/
                        <span v-if="form.timeUnit === 0">天</span>
<!--                        <span v-if="form.timeUnit === 0">天</span>
                        <span v-if="form.timeUnit === 1">半月</span>
                        <span v-if="form.timeUnit === 2">月</span>
                        <span v-if="form.timeUnit === 3">年</span>
                        <span v-if="form.timeUnit === 3">年</span>-->
                      <span v-if="form.timeUnit === 0">天</span>
                      <span v-if="form.timeUnit === 2">月</span>
                      <span v-if="form.timeUnit === 3">季度</span>
                      <span v-if="form.timeUnit === 4">半年</span>
                      <span v-if="form.timeUnit === 5">年</span>
                    </div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">投保周期：</div>
                    <div class="info_list_item_label">批改计费单位：</div>
                    <div class="info_list_item_val">
                        {{form.insureCycle}}
                        <span v-if="form.insureCycleUnit === 0">天</span>
                        <span v-if="form.insureCycleUnit === 1">半月</span>
                        <span v-if="form.insureCycleUnit === 2">月</span>
                        <span v-if="form.insureCycleUnit === 3">年</span>
                        <span v-if="form.insureCycleUnit === 3">季度</span>
                        <span v-if="form.insureCycleUnit === 4">半年</span>
                        <span v-if="form.insureCycleUnit === 5">年</span>
                    </div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">生效时间：</div>
                    <div class="info_list_item_val">{{form.validType === 0 ? '日后生效' : '次月生效'}}</div>
                    <div class="info_list_item_val">{{form.validType === 0 ? form.validTypeNum + '日后生效' : '次月生效'}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">投保类型：</div>
                    <div class="info_list_item_val">{{form.type === 0 ? '直保' : '委托投保'}}</div>
                </div>

                <div class="info_list_item">
                    <div class="info_list_item_label">接收文件邮箱：</div>
                    <div class="info_list_item_val">{{form.email}}</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">批增生效：</div>
                    <div class="info_list_item_val">{{form.addValidDays||0}}天</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">批减生效：</div>
                    <div class="info_list_item_val">{{form.delValidDays||0}}天</div>
                </div>
                <div class="info_list_item">
                    <div class="info_list_item_label">批改支持：</div>
                    <div class="info_list_item_val">
                      <span style="margin-right: 50px">加保 <i  :class="form.canAdd ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canAdd ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
                      <span  style="margin-right: 50px">减保  <i   :class="form.canReduce ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canReduce ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
                      <span>更换派遣单位 <i   :class="form.canChangeUnit ==1?'el-icon-circle-check':'el-icon-circle-close'" :style="form.canChangeUnit ==1?'color:green;font-weight:bold':'color:red;font-weight:bold'"></i></span>
                    </div>
                </div>
                <div class="info_list_item" v-if="form.insureCycleUnit===0 || (form.insureCycleUnit===form.timeUnit)">
                    <div class="info_list_item_label">批改仅支持替换：</div>
                    <div class="info_list_item_val" v-if="form.delOnlyReplace == 1">是</div>
                    <div class="info_list_item_val" v-else>否</div>
                </div>
              <div class="info_list_item" style="width: 100%" v-if="form.type==1">
                <div class="info_list_item_label">方案确认书：</div>
                <div class="info_list_item_val" ><a v-if="form.fanganFile && form.fanganFile.fileurlFull" style="cursor: pointer;color: #2E68EC" title="点击查看" @click="openFile(form.fanganFile.fileurlFull)">{{ form.fanganFile.name || '点击查看' }}</a></div>
              </div>
            </div>
            <el-table
                :data="form.worktypeList"
@@ -77,94 +112,144 @@
                <el-table-column
                    prop="worktypeName"
                    align="center"
                    label="所属工种">
                    label="工种名称">
                </el-table-column>
            </el-table>
            <div class="info_agree">
                <div class="info_agree_label">保险声明：</div>
                <div class="info_agree_label">特别约定：</div>
                <div class="info_agree_val">
                    {{form.specialAgreement}}
                </div>
              <div class="info_agree_label">特别约定：<div v-html="form.specialAgreement"></div></div>
                <div class="info_agree_label">特别说明：<div v-html="form.specialInfo"></div></div>
                <div class="info_agree_label">其他说明：<div v-html="form.ortherInfo"></div></div>
            </div>
        </div>
        <!-- 修改 -->
        <OperaSolutionsWindow ref="operaSolutionsWindow" @success="callback"/>
        <OperaPdfViewerWindow ref="OperaPdfViewerWindow"  />
    </GlobalWindow>
</template>

<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow'
    import { solutionsId } from '@/api/business/solutions'
    export default {
        name: 'OperaSolutionsDescWindow',
        extends: BaseOpera,
        components: { GlobalWindow, OperaSolutionsWindow },
        data () {
            return {
                // 表单数据
                form: {
                    id: null,
                    name: '',
                    companyName: '',
                    insuranceId: '',
                    validType: 0,
                    type: 0,
                    minAge: '',
                    maxAge: '',
                    price: '',
                    timeUnit: '',
                    insureCycle: '',
                    insureCycleUnit: '',
                    email: '',
                    specialAgreement: '',
                    specialInfo: '',
                    ortherInfo: '',
                    insuranceName: '',
                    signKeyword: '',
                    worktypeList: [],
                    worktypeIdList: []
                }
            }
        },
        created () {
            this.config({
                api: '/business/solutions',
                'field.id': 'id'
            })
        },
        methods: {
            open (title, target) {
                this.title = title
                this.visible = true
                this.$nextTick(() => {
                    for (const key in this.form) {
                        this.form[key] = target[key]
                    }
                    this.getDetails()
                })
            },
            getDetails() {
                solutionsId(this.form.id)
                    .then(res => {
                        for (const key in this.form) {
                            this.form[key] = res[key]
                        }
                        this.form.worktypeIdList = res.worktypeList.map(item => {
                            return {
                                worktypeId: item.worktypeId
                            }
                        })
                    })
            },
            callback() {
                this.$emit('success')
                this.visible = false
            }
        }
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
import OperaSolutionsWindow from '@/components/business/OperaSolutionsWindow'
import OperaPdfViewerWindow from '@/components/business/OperaPdfViewerWindow'
import { solutionsId } from '@/api/business/solutions'
import { mapState } from 'vuex'
export default {
  name: 'OperaSolutionsDescWindow',
  extends: BaseOpera,
  components: { GlobalWindow, OperaPdfViewerWindow,OperaSolutionsWindow },
  data () {
    return {
      // 表单数据
      form: {
        id: null,
        name: '',
        companyName: '',
        insuranceId: '',
        validType: 0,
        type: 0,
        minAge: '',
        maxAge: '',
        price: '',
        timeUnit: '',
        insureCycle: '',
        shopName: '',
        insureCycleUnit: '',
        validTypeNum: '',
        email: '',
        canReduce: 0,
        canChangeUnit: 0,
        addValidDays: 0,
        delValidDays: 0,
        delOnlyReplace: 0,
        canAdd: 0,
        specialAgreement: '',
        specialInfo: '',
        ortherInfo: '',
        insuranceName: '',
        signKeyword: '',
        worktypeList: [],
        worktypeIdList: []
      }
    }
  },
  computed: {
    ...mapState(['userInfo'])
  },
  created () {
    this.config({
      api: '/business/solutions',
      'field.id': 'id'
    })
  },
  methods: {
    open (title, target) {
      this.title = title
      this.visible = true
      this.form = {
        id: null,
        name: '',
        companyName: '',
        insuranceId: '',
        validType: 0,
        type: 0,
        minAge: '',
        maxAge: '',
        price: '',
        timeUnit: '',
        insureCycle: '',
        shopName: '',
        insureCycleUnit: '',
        validTypeNum: '',
        email: '',
        specialAgreement: '',
        specialInfo: '',
        ortherInfo: '',
        fanganFile: null,
        canReduce: 0,
        canChangeUnit: 0,
        addValidDays: 0,
        delValidDays: 0,
        delOnlyReplace: 0,
        canAdd: 0,
        insuranceName: '',
        signKeyword: '',
        worktypeList: [],
        worktypeIdList: []
      }

      this.$nextTick(() => {
        for (const key in this.form) {
          this.form[key] = target[key]
        }
        this.getDetails()
      })
    },
    openFile (url) {
      setTimeout(() => {
        this.$refs.OperaPdfViewerWindow.open('方案确认书',url)
        // window.open(url)
      }, 500)
    },
    getDetails () {
      solutionsId(this.form.id)
        .then(res => {
          for (const key in this.form) {
            this.form[key] = res[key]
          }
          this.form.worktypeIdList = res.worktypeList.map(item => {
            return {
              worktypeId: item.worktypeId
            }
          })
        })
    },
    callback () {
      this.$emit('success')
      this.visible = false
    }
  }
}
</script>

<style lang="scss" scoped>
@@ -215,7 +300,7 @@
                align-items: start;
                margin-bottom: 20px;
                .info_list_item_label {
                    width: 130px;

                    flex-shrink: 0;
                }
                .info_list_item_val {