魅宠图像

feige

2023-11-19 090bce038b881a55f6453f49a8ae93c5697cf718

魅宠图像

 ruoyi-ui/src/views/bignote/familyeventInfo.vue

@@ -155,7 +155,7 @@
    </el-form>

    <el-dialog  :visible.sync="dialogVisible">
      <img w-full :src="dialogImageUrl"    style="width: 700px; height: 700px" alt="Preview Image" />
      <img w-full :src="dialogImageUrl"    style="width: 100%; height: 100%" alt="Preview Image" />
    </el-dialog>
  </div>
</template>
@@ -245,7 +245,7 @@
      this.$route.meta.title = "家大事记详细信息";//列表的名称
      this.btn = false;
      this.isShow=false
            alert(this.btn)
     //       alert(this.btn)
    }

    let _this = this
@@ -291,9 +291,11 @@
        console.log(this.formData)
        if (valid) {
          if (this.formData.id != undefined) {
           // alert(234)
            updateFamilyevent(this.formData).then(response => {
              this.$modal.msgSuccess("修改成功");
              // this.open = false;
            //  alert(98)
              this.btn=false
            });
          } else {
@@ -493,7 +495,7 @@
  display: block;

}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.pt{

 ruoyi-ui/src/views/bignote/index.vue

@@ -724,7 +724,7 @@
  }
};
</script>
<style>
<style scoped="">
.el-table__row.statistics-warning-row {
  background: #E0EEFE;


 ruoyi-ui/src/views/clean/cleanInfo.vue

@@ -72,7 +72,7 @@
            class="el-upload-list__item-thumbnail"
            :src="file.url"
            alt=""
            style="width: 100%; height: 100%; object-fit: cover;"
            style="width: 147px; height: 147px; object-fit: cover;"
            fit="cover"
            :preview-src-list="[file.url]"
          >
@@ -134,7 +134,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -528,7 +528,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -543,7 +543,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/clean/index.vue

@@ -738,7 +738,7 @@
    }
  };
  </script>
  <style>
<style scoped>
  .el-table__row.statistics-warning-row {
    background: #E0EEFE;


 ruoyi-ui/src/views/collection/collectionInfo.vue

@@ -158,7 +158,7 @@
                class="el-upload-list__item-thumbnail"
                src="../../assets/401_images/401.gif"
                alt=""
                style="width: 100%; height: 100%"
                style="width: 147px; height: 147px"
                fit="cover">

              <span class="el-upload-list__item-actions">
@@ -605,7 +605,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/collection/index.vue

@@ -859,7 +859,7 @@
  }
};
</script>
<style>
<style scoped>
.app-container{
  background-color: #FEF7FC;
}

 ruoyi-ui/src/views/contacts/contactsInfo.vue

@@ -95,7 +95,7 @@
            class="el-upload-list__item-thumbnail"
            :src="file.url"
            alt=""
            style="width: 100%; height: 100%; object-fit: cover;"
            style="width: 147px; height: 147px; object-fit: cover;"
            fit="cover"
            :preview-src-list="[file.url]"
          >
@@ -156,7 +156,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -541,7 +541,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/contacts/index.vue

@@ -801,7 +801,7 @@
};
</script>

<style >
<style scoped>
.app-container{
  background-color: #FEF7FC;
}

 ruoyi-ui/src/views/device/equipmentInfo.vue

@@ -134,7 +134,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -452,7 +452,7 @@
}

</script>
<style>
<style scoped>
.mt
{
  position: relative;
@@ -461,7 +461,7 @@
  display: block;

}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
    display: none;
}
.form{

 ruoyi-ui/src/views/doctor/doctorInfo.vue

@@ -160,7 +160,7 @@
             class="el-upload-list__item-thumbnail"
             src="../../assets/401_images/401.gif"
             alt=""
             style="width: 100%; height: 100%"
             style="width: 147px; height: 147px"
             fit="cover">

        <span class="el-upload-list__item-actions">
@@ -586,7 +586,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/economy/economyInfo.vue

@@ -126,7 +126,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -440,7 +440,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -455,7 +455,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/genealogy/index.vue

@@ -504,7 +504,7 @@
};
</script>

<style >
<style scoped>
.app-container{
  background-color: #FEF7FC;
}

 ruoyi-ui/src/views/healthy/ExaminationInfo.vue

@@ -102,7 +102,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -401,7 +401,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -416,7 +416,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/healthy/healthyInfo.vue

@@ -120,7 +120,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -429,7 +429,7 @@
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -444,7 +444,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/honor/honorInfo.vue

@@ -104,7 +104,7 @@
              class="el-upload-list__item-thumbnail"
              :src="file.url"
              alt=""
              style="width: 100%; height: 100%; object-fit: cover;"
              style="width: 147px; height: 147px; object-fit: cover;"
              fit="cover"
              :preview-src-list="[file.url]"
            >
@@ -163,7 +163,7 @@
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
@@ -655,7 +655,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/note/index.vue

@@ -711,7 +711,7 @@

};
</script>
<style>
<style scoped="">
.el-table__row.statistics-warning-row {
  background: #E0EEFE;


 ruoyi-ui/src/views/note/propertyInfo.vue

@@ -18,7 +18,7 @@
      </h1>
    </div>

    <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
    <el-form ref="elForm" :model="formData"  :rules="rules" size="medium" label-width="100px">

      <el-form-item label="类型" prop="type">
        <el-select v-model="formData.type" placeholder="请选择类别" clearable :style="{width: '100%'}" :disabled="dsb" >
@@ -55,13 +55,14 @@

      <h4 class="form-header">相关图片 </h4>
      <el-upload

        action="#"
        list-type="picture-card"
        multiple
        :http-request="requestUpload"
        :file-list="fileList"
        :disabled="!btn"
        :class="{ hide: !btn }"
        :class="{hide:!btn}"
      >
        <div v-if="uploading" class="upload-status">正在上传...</div>
        <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -106,15 +107,16 @@
      <el-upload
        action=""
        :file-list="fileListOther"
        class="upload-demo"

        multiple
        list-type="picture-card"
        :on-preview="handleFileCardPreview"
        :on-remove="handleRemoveFile"
        :http-request="requestUpload"
        :show-file-list="true"
        :disabled="!btn"
        :class="{ hide: !btn }"
  :disabled="!btn"
        :class="{hide:!btn}"


      >
        <div v-if="uploading" class="upload-status">正在上传...</div>
        <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -131,7 +133,7 @@
               class="el-upload-list__item-thumbnail"
            :src="file.url"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
        >

          <span class="el-upload-list__item-actions">
@@ -260,7 +262,7 @@
      document.title = "家庭资产详细信息";
      this.$route.meta.title = "家庭资产详细信息";//列表的名称
      this.btn = false;
      alert(this.btn)
     // alert(this.btn)
      this.isShow=false
    }

@@ -430,25 +432,22 @@
}

</script>
<style>
<style scoped>
.mt
{
  position: relative;
}
.dt{
  display: block;
  /* display: block; */

}
.hide .el-upload--picture-card {
  display: none;

.hide /deep/ .el-upload--picture-card {

   display: none;
}
.form{
  background:center/11% no-repeat url('../../assets/icons/form.png') ;
}
.pt{
  right: 10px;
  top:-3px;
  display: block;
  position: absolute;
}

</style>

 ruoyi-ui/src/views/pet/noteInfo.vue

@@ -100,7 +100,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">

 ruoyi-ui/src/views/pet/petInfo.vue

@@ -139,15 +139,34 @@
        <el-col :span="6" :data="petList">
          <div class="block" :model="petList" >
            <el-col v-model="petList.headPicture" prop="headPicture">
              <el-avatar shape="square" :size=200 >
            <!--  <el-avatar shape="square" :size=200 >
                <el-image
                  :src="'http://47.93.189.255:8080/'+ petList.headPicture"
                  :src="'https://www.bendudu.com:8080/'+ petList.headPicture"
                  :fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
                ></el-image>
              </el-avatar>
              </el-avatar> -->
             <el-upload ref="upload1"
                               action=""
                               :file-list="fileListOther"
                               list-type="picture-card"
                               accept="image/*"
                               :multiple="false"
                               :http-request="requestUpload1"
                               :on-success="handleSucess"
                               :limit="1">

                      <el-avatar shape="square"  style="width: 200px;;height: 200px;" >
                         <el-image
                           :src="'https://www.bendudu.com:8080/'+ petList.headPicture"
                           :fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
                         ></el-image>


                       </el-avatar>
                    </el-upload>
            </el-col>
          </div>
          <el-button  v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">修改魅宠信息</el-button>
<!--          <el-button  v-if="isShow" type="primary" @click="submitForm" :disabled="dsb">修改魅宠信息</el-button> -->
        </el-col>
      </div>
    </el-container>
@@ -212,19 +231,33 @@
      <el-col :span="6" :data="petList">
        <div class="block" :model="petList" >
          <el-col v-model="petList.fullPicture" prop="fullPicture">
            <el-avatar shape="square"  style="width: 1000px;;height: 500px;" >
              <el-image
                :src="'http://47.93.189.255:8080/'+ petList.fullPicture"
                :fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
              ></el-image>
              <el-upload class="upload-demo" action="/uploadImage" :on-success="handleUploadSuccess">
                <el-button slot="trigger">点击上传新图片</el-button>

       <el-upload ref="upload"
                         action=""
                         :file-list="fileList"
                         list-type="picture-card"
                         accept="image/*"
                         :multiple="false"
                         :http-request="requestUpload"
                         :on-success="handleSucess"
                         :limit="1">

                <el-avatar shape="square"  style="width: 1000px;;height: 500px;" >
                   <el-image
                     :src="'https://www.bendudu.com:8080/'+ petList.fullPicture"
                     :fit="fit" style="width: 100%;height: 100%;border-radius: 0px 0px 0px 0px;opacity: 1;border: 1px solid rgba(0,0,0,0.5);"
                   ></el-image>


                 </el-avatar>
              </el-upload>

            </el-avatar>



          </el-col>
        </div>
        <el-button>修改</el-button>

      </el-col>
    </div>

@@ -416,6 +449,7 @@
      dialogImageUrl: '',
      dialogVisible: false,
      disabled: false,
      btn: false,
      // 表单校验
      rules: {
        animal: [{
@@ -536,6 +570,7 @@
      getPetList(id).then((response) => {
        this.petList = response.data;
        console.log(this.petList)
        alert(this.petList.headPicture)
        this.loading = false;
      });
      // getPetowner(id).then((response) => {
@@ -561,26 +596,13 @@
          //  alert(123)
          //   console.log(response.data)
          this.PetNoteList = response.data.data;
          
          this.total = response.data.total;
          this.loading = false;
        }
      );
    },
    requestUpload(params)
    {
      var file = params.file;
      var formData = new FormData();

      formData.append('uploadFile', file);
      let _this = this

      uploadPic(formData).then(response => {
        let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
        _this.fileList1.push({name:response.data.fileName, url:response.data.url})
        console("ok")
      })

    },
    requestUpload2(params)
    {
      var file = params.file;
@@ -708,13 +730,71 @@
      this.dsb = false
      this.btn = true
    },
    handleSucess()
    {
     // alert(15)
      this.$refs.upload.clearFiles();
    },
    requestUpload(params)
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      let _this = this

      this.$refs.upload.clearFiles();
    //  this.uploading1 = true;
    //alert(100)
    uploadPic(formData).then(response => {
     // alert(18)
     // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
   //   _this.fileList1.push({name:response.data.fileName, url:response.data.url})
   //   console("ok")
    //  alert(90)
    //  alert(response.data.url)
      _this.petList.fullPicture =  response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      updatePet(_this.petList).then(response => {
        _this.$modal.msgSuccess("图像修改成功");
        // this.open = false;
        _this.btn=false
      });
     // alert(100)
    })
      //alert(90)
     },
requestUpload1(params)
    {
      var file = params.file;
      var formData = new FormData();
      formData.append('uploadFile', file);
      let _this = this

      this.$refs.upload1.clearFiles();
    //  this.uploading1 = true;
    //alert(100)
    uploadPic(formData).then(response => {
     // alert(18)
     // let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
   //   _this.fileList1.push({name:response.data.fileName, url:response.data.url})
   //   console("ok")
    //  alert(90)
    //  alert(response.data.url)
      _this.petList.headPicture =  response.data.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")
      updatePet(_this.petList).then(response => {
        _this.$modal.msgSuccess("修改成功");
        // this.open = false;
        _this.btn=false
      });
     // alert(100)
    })
      //alert(90)
     },

  }
}

</script>
<style scoped lang="scss">
<style scoped>
.mt
{
  position: relative;
@@ -723,7 +803,7 @@
  display: block;

}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/secret/secretInfo.vue

@@ -131,7 +131,7 @@
               class="el-upload-list__item-thumbnail"
               src="../../assets/401_images/401.gif"
               alt=""
               style="width: 100%; height: 100%"
               style="width: 147px; height: 147px"
               fit="cover">

          <span class="el-upload-list__item-actions">
@@ -470,7 +470,7 @@
  }

  </script>
  <style scoped lang="scss">
  <style scoped>
  .mt
  {
    position: relative;
@@ -485,7 +485,7 @@
    display: block;
    position: absolute;
  }
  .hide .el-upload--picture-card {
  .hide /deep/ .el-upload--picture-card {
    display: none;
  }
  .form{

 ruoyi-ui/src/views/self/edit.vue

@@ -88,7 +88,9 @@
                     accept="image/*"
                     :auto-upload="false"
                     :multiple="false"
                     :limit="1">
                     :limit="1"
                     :class="{ hide: !btn }"
                     >
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-row>

 ruoyi-ui/src/views/self/memoInfo.vue

@@ -134,7 +134,7 @@
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">

 ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue

@@ -165,7 +165,7 @@
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
@@ -547,7 +547,7 @@
.form{
  background:center/11% no-repeat url('../../assets/icons/form.png') ;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form_item{

 ruoyi-ui/src/views/travel/travelInfo.vue

@@ -148,7 +148,7 @@
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
@@ -465,7 +465,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{

 ruoyi-ui/src/views/wish/wishInfo.vue

@@ -155,7 +155,7 @@
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/401_images/401.gif"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">

            <span class="el-upload-list__item-actions">
@@ -551,7 +551,7 @@
  display: block;
  position: absolute;
}
.hide .el-upload--picture-card {
.hide /deep/ .el-upload--picture-card {
  display: none;
}
.form{