提交一把

jiangping

2024-06-20 09da100729793848bc01b51f7b05ca3f1e7ec64f

 company/src/components/business/detailsPolicyholder.vue

@@ -12,38 +12,42 @@
            </div>
            <div class="box_table">
                <div class="box_table_head">
                    <div class="box_table_head_item">投保企业</div>
                    <div class="box_table_head_item">保险方案</div>
                    <div class="box_table_head_item">保险生效起期</div>
                    <div class="box_table_head_item">保险生效止期</div>
                    <div class="box_table_head_item">投保人数</div>
                    <div class="box_table_head_item"  style="flex:2">投保企业</div>
                    <div class="box_table_head_item"  style="flex:2">保险方案</div>
                    <div class="box_table_head_item" style="flex:2">保险生效起期</div>
                    <div class="box_table_head_item" style="flex:2">保险生效止期</div>
                    <div class="box_table_head_item">在保/投保人数</div>
                    <div class="box_table_head_item">总费用(元)</div>
                </div>
                <div class="box_table_content "  >
                    <div class="box_table_content_item box_table_content_header">{{ model.companyName }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.solutionName }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.applyStartTime }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.applyEndTime }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.insureNum }}</div>
                    <div class="box_table_content_item box_table_content_header">{{model.totalPrice}}</div>
                    <div class="box_table_content_item box_table_content_header"   style="flex:2"><span>{{ model.companyName }}</span></div>
                    <div class="box_table_content_item box_table_content_header" style="flex:2"><span>{{ model.solutionName }}</span></div>
                    <div class="box_table_content_item box_table_content_header" style="flex:2">{{ model.applyStartTime }}</div>
                    <div class="box_table_content_item box_table_content_header" style="flex:2">{{ model.applyEndTime }}</div>
                    <div class="box_table_content_item box_table_content_header">{{ model.guaranteeNum }} / {{ model.insureNum }}</div>
                    <div class="box_table_content_item box_table_content_header"  >{{model.solutionType==0?model.totalPrice:model.totalPrice}}</div>
                </div>
            </div>
            <div class="box_table" v-if="model">
                <div class="box_table_head">
                    <div class="box_table_head_item">序号</div>
                    <div class="box_table_head_item">员工姓名</div>
                    <div class="box_table_head_item">身份证号</div>
                    <div class="box_table_head_item">性别</div>
                    <div class="box_table_head_item">派遣单位</div>
                    <div class="box_table_head_item">所属工种</div>
                    <div class="box_table_head_item"    >序号</div>
                    <div class="box_table_head_item"    >员工姓名</div>
                    <div class="box_table_head_item" style="flex:2"  >身份证号</div>
                    <div class="box_table_head_item"  >性别</div>
                    <div class="box_table_head_item" style="flex:2"  >派遣单位</div>
                    <div class="box_table_head_item" style="flex:2"  >所属工种</div>
                    <div class="box_table_head_item">备注</div>
                </div>
                <div class="box_table_content" v-for="(item, index) in model.detailList" :key="index">
                    <div class="box_table_content_item">{{index + 1}}</div>
                    <div class="box_table_content_item" >{{index + 1}}</div>
                    <div class="box_table_content_item">{{ item.memberName }}</div>
                    <div class="box_table_content_item">{{ item.idCard }}</div>
                    <div class="box_table_content_item">{{ getGender(item.idCard) }}</div>
                    <div class="box_table_content_item">{{ item.duName }}</div>
                    <div class="box_table_content_item">{{ item.workTypeName}}</div>
                    <div class="box_table_content_item" style="flex:2"><span>{{ item.idCard }}</span></div>
                    <div class="box_table_content_item" >{{ getGender(item.idCard) }}</div>
                    <div class="box_table_content_item" style="flex:2" ><span>{{ item.duName }}</span></div>
                    <div class="box_table_content_item" style="flex:2"> <span>{{ item.workTypeName}}</span></span></div>
                    <div class="box_table_content_item" style="align-items: baseline;cursor: pointer; " :title="item.remark">
                      <span> {{ item.remark}}</span>
                    </div>
                </div>
            </div>
        </div>
@@ -55,39 +59,39 @@
</template>

<script>
    import BaseOpera from '@/components/base/BaseOpera'
    import GlobalWindow from '@/components/common/GlobalWindow'
    export default {
        name: 'InsuranceDetails',
        extends: BaseOpera,
        components: { GlobalWindow },
        data () {
            return {
                model:{}
            }
        },
        methods: {
            open(title, target){
                this.title = title
                this.visible = true
                this.model = target
            },
            submit() {
                this.$emit('success')
                this.visible = false
            },
            getGender(idCardNumber) {
                // 使用正则表达式提取身份证号码的第17位数字
                const genderCode = idCardNumber.substr(-2);

                if (genderCode % 2 === 0) {
                    return '女';
                } else {
                    return '男';
                }
            },
        }
import BaseOpera from '@/components/base/BaseOpera'
import GlobalWindow from '@/components/common/GlobalWindow'
export default {
  name: 'InsuranceDetails',
  extends: BaseOpera,
  components: { GlobalWindow },
  data () {
    return {
      model: {}
    }
  },
  methods: {
    open (title, target) {
      this.title = title
      this.visible = true
      this.model = target
    },
    submit () {
      this.$emit('success')
      this.visible = false
    },
    getGender (idCardNumber) {
      // 使用正则表达式提取身份证号码的第17位数字
      const genderCode = idCardNumber.substr(-2)

      if (genderCode % 2 === 0) {
        return '女'
      } else {
        return '男'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
@@ -152,52 +156,22 @@
                display: flex;
                align-items: center;
                .box_table_head_item {
                    flex: 1;
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        //flex: 0.5;
                    }
                }
                .box_table_head_item5 {
                    flex: 1;
                    height: 50px;
                    background: #f2f2f2;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(2) {
                        flex: 5;
                    }
                }
                .box_form_item {
                    flex: 1;
                    height: 50px;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: black;
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        //flex: 0.5;
                    }
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  flex: 1;
                  height: 50px;
                  padding: 10px;
                  background: #f2f2f2;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 14px;
                  color: black;
                  border-right: 1px solid #b4bbc5;
                  border-bottom: 1px solid #b4bbc5;
                  box-sizing: border-box;

                }
            }
            .box_table_content {
@@ -208,8 +182,12 @@
                    border-bottom: 0px solid #b4bbc5 !important;
                }
                .box_table_content_item {
                    flex: 1;
                    height: 50px;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  flex: 1;
                  height: 50px;
                  padding: 10px;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
@@ -219,9 +197,14 @@
                    border-right: 1px solid #b4bbc5;
                    border-bottom: 1px solid #b4bbc5;
                    box-sizing: border-box;
                    &:nth-child(1) {
                        // flex: 0.5;
                    }

                }
                span{
                  width: 100%;
                  white-space: nowrap;
                  word-wrap: break-word;
                  text-overflow: ellipsis;
                  overflow: hidden;
                }
            }
        }