无诈申请样式调整

zhongrj

2024-05-25 e5ebb70addf5e78344d6996cdada20248494457b

无诈申请样式调整

 src/components/cardPopup/cardPopup.vue

@@ -16,11 +16,11 @@
                  <div style="font-weight: bold;font-size: 20px;">
                    {{item.title}}
                  </div>
                  <div v-for="(item1,index1) in item.children">
                    <div>
                  <div v-for="(item1, index1) in item.children" class="attach_row">
                    <div class="attach_row_title">
                      {{index1+1}} {{item1.title}}
                    </div>
                    <div style="margin: 10px;">
                    <div style="margin: 10px;" class="attach_row_btn">
                      <el-upload class="upload-demo" :limit="1" :data="item1" :on-change="handleChange"
                        :http-request="uploadFile">
                        <el-button size="small" type="primary">点击上传</el-button>
@@ -532,4 +532,25 @@
  };
</script>

<style lang="scss"></style>
<style lang="scss">
.attach_row {
  display: flex;
  border: 0.2px solid rgba(221, 223, 229, 0.5);

  .attach_row_title {
    width: 85%;
    border-right: 0.2px solid rgba(221, 223, 229, 0.5);
    display: flex;
    justify-content: left;
    align-items: center;
    margin-left: 15px;
  }

  .attach_row_btn {
    width: 15%;
    margin: 10px;
    display: flex;
    justify-content: center;
  }
}
</style>

 src/components/cardPopup/cardPopuponce.vue

@@ -12,16 +12,16 @@
      <el-collapse-item title="基本信息" name="1">
        <avue-form ref="form1" v-model="obj0" :option="option" @submit="submit" class="cardButs"></avue-form>
      </el-collapse-item>
      <el-collapse-item title="附件上传" name="2">
      <el-collapse-item title="附件信息" name="2">
        <div v-for="(item,index) in  patrolGroup">
          <div style="font-weight: bold;font-size: 20px;">
            {{item.title}}
          </div>
          <div v-for="(item1,index1) in item.children">
            <div>
          <div v-for="(item1,index1) in item.children" class="attach_row">
            <div class="attach_row_title">
              {{index1+1}} {{item1.title}}
            </div>
            <div style="margin: 10px;">
            <div style="margin: 10px;" class="attach_row_btn">
              <el-button v-if="item1.images" @click="handleExport(item1.images)" size="small"
                type="primary">下载文件</el-button>
              <!--  <el-upload class="upload-demo" :limit="1" :data="item1" :on-change="handleChange"
@@ -296,4 +296,26 @@
    width: 100%;
    height: 100%;
  }

  .attach_row {
  display: flex;
  border: 0.2px solid rgba(221, 223, 229, 0.5);
  height: 54px;

  .attach_row_title {
    width: 85%;
    border-right: 0.2px solid rgba(221, 223, 229, 0.5);
    display: flex;
    justify-content: left;
    align-items: center;
    margin-left: 15px;
  }

  .attach_row_btn {
    width: 15%;
    margin: 10px;
    display: flex;
    justify-content: center;
  }
}
</style>