cwg-crm
/
cwg_crm_person_front_vu_realse


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Update</title>
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="full-screen" content="yes" />
    <meta name="x5-fullscreen" content="true" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
    />

    <link rel="stylesheet" href="css/element-ui.css" />
    <link rel="stylesheet" href="css/element@2.12.2.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <div class="container" id="index">
      <div class="Va-document">
        <div class="title-head">
          <i class="el-icon-postcard"></i>
          <span>{{lang.item1}}</span>
          <span style="font-size: 12px">( JPEG . JPG . PNG . PDF )</span>
        </div>
        <div class="content-info">
          <div style="display: flex; justify-content: flex-end">
            <div class="menu-logo chooseLang">
              <img
                v-if="langList[language] == 'ENGLISH'"
                style="width: 15px; height: 10px; margin: 0 4px"
                src="img/EN.jpg"
                alt=""
              />
              <img
                v-if="langList[language] == '中文简体'"
                style="width: 15px; height: 10px; margin: 0 4px"
                src="img/CN.jpg"
                alt=""
              />
              <el-dropdown trigger="click" @command="chooseLang">
                <span class="menu">
                  {{langList[language]}}
                  <i class="el-icon-arrow-down el-icon--right"></i>
                </span>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item command="en">English</el-dropdown-item>
                  <el-dropdown-item command="cn">中文简体</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </div>
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="only-head">
                <div class="title">
                  <i class="el-icon-document"></i><span>{{lang.item2}}</span>
                </div>
                <div class="divider"></div>
                <!--                        <div class="type" v-if="fileListID1.status == 2 && fileListID2.status == 2">-->
                <!--                            <i class="el-icon-circle-check" style="color: #36880D;"></i>-->
                <!--                            <span>{{lang.item4}}</span>-->
                <!--                        </div>-->
                <!--                        <div class="type" v-if="fileListID1.status != 2 || fileListID2.status != 2">-->
                <!--                            <i class="el-icon-warning-outline" style="color: #EB3F57;"></i>-->
                <!--                            <span>{{lang.item3}}</span>-->
                <!--                        </div>-->
              </div>
            </div>
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="head-tit">
                <p class="title"><span>{{lang.item5}}</span></p>
                <p class="des"><span>{{lang.item6}}</span></p>
              </div>
            </div>
            <el-upload
              class="avatar-uploader"
              action="''"
              :http-request="handleUploadID1"
              :headers="AccessToken"
              :disabled="fileListID1.status == 2 ? true : false"
              :show-file-list="false"
              :on-success="handleAvatarSuccess1"
              :before-upload="beforeAvatarUpload"
            >
              <div style="width: 100%; height: 100%">
                <img
                  style="height: 100%; width: 100%"
                  v-if="(fileListID1.againPath && (fileListID1.againPath.substr(-3,3) != 'pdf' && fileListID1.againPath.substr(-3,3) != 'PDF')) || (fileListID1.path && (fileListID1.path.substr(-3,3) != 'pdf' && fileListID1.path.substr(-3,3) != 'PDF'))"
                  :src="imgUrl+(fileListID1.againPath || fileListID1.path)"
                  class="avatar"
                />
                <div
                  style="
                    height: 100%;
                    width: 100%;
                    font-size: 24px;
                    line-height: 80px;
                  "
                  v-if="(fileListID1.againPath && (fileListID1.againPath.substr(-3,3) == 'pdf' || fileListID1.againPath.substr(-3,3) == 'PDF')) || (fileListID1.path && (fileListID1.path.substr(-3,3) == 'pdf' || fileListID1.path.substr(-3,3) == 'PDF'))"
                >
                  <i class="el-icon-document"></i>
                </div>
                <i
                  style="line-height: 80px"
                  v-else
                  class="el-icon-picture-outline avatar-uploader-icon"
                ></i>
              </div>
            </el-upload>
            <el-upload
              class="avatar-uploader"
              action="''"
              :http-request="handleUploadID2"
              :headers="AccessToken"
              :disabled="fileListID2.status == 2 ? true : false"
              :show-file-list="false"
              :on-success="handleAvatarSuccess2"
              :before-upload="beforeAvatarUpload"
            >
              <div style="width: 100%; height: 100%">
                <img
                  style="height: 100%; width: 100%"
                  v-if="(fileListID2.againPath && (fileListID2.againPath.substr(-3,3) != 'pdf' && fileListID2.againPath.substr(-3,3) != 'PDF')) || (fileListID2.path && (fileListID2.path.substr(-3,3) != 'pdf' && fileListID2.path.substr(-3,3) != 'PDF'))"
                  :src="imgUrl+(fileListID2.againPath || fileListID2.path)"
                  class="avatar"
                />
                <div
                  style="
                    height: 100%;
                    width: 100%;
                    font-size: 24px;
                    line-height: 80px;
                  "
                  v-if="(fileListID2.againPath && (fileListID2.againPath.substr(-3,3) == 'pdf' || fileListID2.againPath.substr(-3,3) == 'PDF')) || (fileListID2.path && (fileListID2.path.substr(-3,3) == 'pdf' || fileListID2.path.substr(-3,3) == 'PDF'))"
                >
                  <i class="el-icon-document"></i>
                </div>
                <i
                  style="line-height: 80px"
                  v-else
                  class="el-icon-picture-outline avatar-uploader-icon"
                ></i>
              </div>
            </el-upload>
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="only-head">
                <div class="title">
                  <i class="el-icon-document"></i><span>{{lang.item7}}</span>
                </div>
                <div class="divider"></div>
                <!--                        <div class="type" v-if="fileListAdd1.status == 2 && fileListAdd2.status == 2">-->
                <!--                            <i class="el-icon-circle-check" style="color: #36880D;"></i>-->
                <!--                            <span>{{lang.item4}}</span>-->
                <!--                        </div>-->
                <!--                        <div class="type" v-if="fileListAdd1.status != 2 || fileListAdd2.status != 2">-->
                <!--                            <i class="el-icon-warning-outline" style="color: #EB3F57;"></i>-->
                <!--                            <span>{{lang.item3}}</span>-->
                <!--                        </div>-->
              </div>
            </div>
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="my-form-item-label">
                <div class="head-tit">
                  <p class="title">
                    <span>{{lang.item8}}</span>
                  </p>
                  <p class="des">
                    <span>{{lang.item9}}</span>
                  </p>
                </div>
              </div>
            </div>
            <el-upload
              class="avatar-uploader"
              :action="''"
              :http-request="handleUploadAdd1"
              :headers="AccessToken"
              :disabled="fileListAdd1.status == 2 ? true : false"
              :show-file-list="false"
              :on-success="handleAvatarSuccess3"
              :before-upload="beforeAvatarUpload"
            >
              <div style="width: 100%; height: 100%">
                <img
                  style="height: 100%; width: 100%"
                  v-if="(fileListAdd1.againPath && (fileListAdd1.againPath.substr(-3,3) != 'pdf' && fileListAdd1.againPath.substr(-3,3) != 'PDF')) || (fileListAdd1.path && (fileListAdd1.path.substr(-3,3) != 'pdf' && fileListAdd1.path.substr(-3,3) != 'PDF'))"
                  :src="imgUrl+(fileListAdd1.againPath || fileListAdd1.path)"
                  class="avatar"
                />
                <div
                  style="
                    height: 100%;
                    width: 100%;
                    font-size: 24px;
                    line-height: 80px;
                  "
                  v-if="(fileListAdd1.againPath && (fileListAdd1.againPath.substr(-3,3) == 'pdf' || fileListAdd1.againPath.substr(-3,3) == 'PDF')) || (fileListAdd1.path && (fileListAdd1.path.substr(-3,3) == 'pdf' || fileListAdd1.path.substr(-3,3) == 'PDF'))"
                >
                  <i class="el-icon-document"></i>
                </div>
                <i
                  style="line-height: 80px"
                  v-else
                  class="el-icon-picture-outline avatar-uploader-icon"
                ></i>
              </div>
            </el-upload>
            <!--                <el-upload-->
            <!--                  class="avatar-uploader"-->
            <!--                  :action="actionAdd2"-->
            <!--                  :headers="AccessToken"-->
            <!--                  :disabled="fileListAdd2.status == 2 ? true : false"-->
            <!--                  :show-file-list="false"-->
            <!--                  :on-success="handleAvatarSuccess4"-->
            <!--                  :before-upload="beforeAvatarUpload">-->
            <!--                    <img style="height: 80px;width: 150px;" v-if="fileListAdd2.path && !imageUrl4" :src="imgUrl+fileListAdd2.path" class="avatar">-->
            <!--                    <img style="height: 80px;width: 150px;" v-if="imageUrl4" :src="imageUrl4" class="avatar">-->
            <!--                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
            <!--                </el-upload>-->
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="only-head">
                <div class="title">
                  <i class="el-icon-document"></i><span>{{lang.item10}}</span>
                </div>
                <div class="divider"></div>
              </div>
            </div>
          </div>
          <div>
            <div class="my-form-item-label">
              <div class="my-form-item-label">
                <div class="head-tit">
                  <p class="title"><span>{{lang.item11}}</span></p>
                  <p class="des">
                    <span>{{lang.item12}}</span>
                  </p>
                </div>
              </div>
            </div>
            <el-upload
              class="avatar-uploaderOther fileOther"
              :action="''"
              :http-request="handleUploadOtherAdd"
              :headers="AccessToken"
              :show-file-list="false"
              :on-success="handleAvatarSuccessOther"
              :before-upload="beforeAvatarUpload"
            >
              <el-button size="" type="primary"
                ><span>{{lang.Upload}}</span></el-button
              >
            </el-upload>
            <div id="files" v-for="(item,index) in fileListOthers" :key="index">
              <el-upload
                class="avatar-uploaderOther fileOthers"
                :action="imgUrl +'/custom/file/upload/10/' + item.id"
                :headers="AccessToken"
                :disabled="fileListOther.status == 2 ? true : false"
                :show-file-list="false"
                :on-success="handleAvatarSuccessOther"
                :before-upload="beforeAvatarUpload"
              >
                <div class="file" style="width: 100%; height: 100%">
                  <img
                    style="height: 100%; width: 100%"
                    v-if="(item.againPath && (item.againPath.substr(-3,3) != 'pdf' && item.againPath.substr(-3,3) != 'PDF')) || (item.path && (item.path.substr(-3,3) != 'pdf' && item.path.substr(-3,3) != 'PDF'))"
                    :src="imgUrl+(item.againPath || item.path)"
                    class="avatar"
                  />
                  <div
                    style="
                      height: 100%;
                      width: 100%;
                      font-size: 24px;
                      line-height: 80px;
                    "
                    v-else
                  >
                    <i class="el-icon-document"></i>
                  </div>
                </div>
              </el-upload>
            </div>
          </div>
          <div style="display: flex; justify-content: center">
            <el-button type="danger" @click="update">{{lang.btn}}</el-button>
          </div>
        </div>
      </div>
    </div>

    <script src="js/vue.min.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/element-ui.js"></script>
    <script src="js/element@2.12.2.js"></script>
    <script src="upload.js"></script>
    <script src="info.js"></script>
  </body>
</html>