优化

MrShi

2024-11-13 b496da6315314d9bd048ac2214d8bc95d2f1df02

 company/src/components/business/OperaUnionChangeCheckWindow.vue

@@ -6,48 +6,71 @@
        :confirm-working="isWorking"
        @confirm="confirm"
    >
        <!--    退回投保    -->
        <!--    退回申请    -->
        <el-form v-if="visible1==true" :model="form" ref="form1" :rules="rules1" style="width: 100%;">
          <el-form-item label="填写退回说明：" prop="backCheckInfo">
            <el-input type="textarea" v-model="form.backCheckInfo" placeholder="请输入" v-trim/>
          </el-form-item>
        </el-form>
        <!--    上传保险单    -->
        <!--    上传批单    -->
      <el-form v-if="visible3==true" :model="form" ref="form3" :rules="rules3" style="width: 100%;">
        <el-form-item  >
          <div  style="display: inline;margin-right: 50px;" >
            期望批增生效期： {{( form.applyTime|| '-')}}
          </div>
          <div  style="display: inline" >
            期望批减生效期：  {{( form.delValidTime|| '-')}}
          </div>
        </el-form-item>
        <el-form-item label="" >
          <el-radio-group v-model="form.selectRadio" @change="selectChange">
            <el-radio :label="0" >与保单一致</el-radio>
            <el-radio :label="1" >与保单不一致</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="批增生效日期：" prop="applyTime" v-if="form.selectRadio === 1">
          <el-date-picker
              v-model="form.applyTime"
              type="date"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="批减生效日期：" prop="delValidTime" v-if="form.selectRadio === 1">
          <el-date-picker
              v-model="form.delValidTime"
              type="date"
              value-format="yyyy-MM-dd HH:mm:ss"
              placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="保单号：" prop="code">
        <template  v-if="model.delOnlyReplace != 1">
          <el-form-item  >
            <div  style="display: inline;margin-right: 50px;" >
              期望批增生效期： {{( form.applyTime|| '-')}}
            </div>
            <div  style="display: inline" >
              期望批减生效期：  {{( form.delValidTime|| '-')}}
            </div>
          </el-form-item>
          <el-form-item label="" >
            <el-radio-group v-model="form.selectRadio" @change="selectChange">
              <el-radio :label="0" >与保单一致</el-radio>
              <el-radio :label="1" >与保单不一致</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="批增生效日期：" prop="applyTime" v-if="form.selectRadio === 1">
            <el-date-picker
                v-model="form.applyTime"
                type="date"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="批减生效日期：" prop="delValidTime" v-if="form.selectRadio === 1">
            <el-date-picker
                v-model="form.delValidTime"
                type="date"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
        </template>
        <template  v-else>
          <el-form-item  >
            <div  style="display: inline;margin-right: 50px;" >
              期望批改生效期：{{( form.delValidTime|| '-')}}
            </div>
          </el-form-item>
          <el-form-item label="" >
            <el-radio-group v-model="form.selectRadio" @change="selectChange">
              <el-radio :label="0" >与保单一致</el-radio>
              <el-radio :label="1" >与保单不一致</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="批改生效日期：" prop="delValidTime" v-if="form.selectRadio === 1">
            <el-date-picker
                v-model="form.delValidTime"
                type="date"
                value-format="yyyy-MM-dd HH:mm:ss"
                placeholder="选择日期">
            </el-date-picker>
          </el-form-item>
        </template>
        <el-form-item label="批单号：" prop="code">
          <el-input v-model="form.code" placeholder="请输入" v-trim/>
        </el-form-item>
        <el-form-item label="上传保险单：" prop="baoxianFile">
        <el-form-item label="上传批单：" prop="baoxianFile">
          <UploadFile @remove="dele3"  :uploadData="{ folder: 'apply',fileType:'.pdf' }" :fileList="form.fileList1" @uploadSuccess="baoxianFileUploaded" />
        </el-form-item>
        <div class="box_table">
@@ -240,8 +263,8 @@
          this.isWorking = true
          var param ={
            id: this.model.id,
            applyDate: this.form.applyTime,
            delValidTime: this.form.delValidTime,
            applyDate: (this.model.delOnlyReplace != 1 ? this.form.applyTime : this.form.delValidTime),
            delValidTime:this.form.delValidTime,
            code: this.form.code,
            fileurl: this.form.baoxianFile.fileurl,
            name: this.form.baoxianFile.name,
@@ -411,19 +434,6 @@
        width: 100%;
        display: flex;
        align-items: center;
        .box_table_head_item1 {
          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;
        }
        .box_table_head_item {
          flex: 1;
          height: 50px;
@@ -431,39 +441,17 @@
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10px;
          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;;
          }
          &:nth-child(2) {
             flex:1.5;
           }
          &:nth-child(4) {
             flex:1.5;
           }
          &:nth-child(5) {
            flex: 1.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;
          }
            flex: 0.5;
          } &:nth-child(2) {
              flex: 1.5;
            }
        }
        .box_form_item {
          flex: 1;
@@ -490,8 +478,13 @@
          border-bottom: 0px solid #b4bbc5 !important;
        }
        .box_table_content_item {
          overflow: hidden;
          display: block;
          white-space: nowrap;
          text-overflow: ellipsis;
          flex: 1;
          height: 50px;
          padding: 10px;
          background: #ffffff;
          display: flex;
          align-items: center;
@@ -502,16 +495,16 @@
          border-bottom: 1px solid #b4bbc5;
          box-sizing: border-box;
          &:nth-child(1) {
            flex: 0.5;;
          }
          &:nth-child(2) {
            flex:1.5;
          }
          &:nth-child(4) {
            flex: 1.5;
          }
          &:nth-child(5) {
            flex: 1.5;
            flex: 0.5;
          }&:nth-child(2) {
             flex: 1.5;
           }
          span{
            width: 100%;
            white-space: nowrap;
            word-wrap: break-word;
            text-overflow: ellipsis;
            overflow: hidden;
          }
        }
      }