|
@@ -15,13 +15,9 @@
|
|
|
.b{color: black;}
|
|
|
.e{color: #6e6f71;}
|
|
|
.mp{width: 100%;border-radius: 3px;}
|
|
|
- .save{color:white;padding-top: 12px;}
|
|
|
textarea{border: 0px;margin-top: -10px;font-size: 13px;}
|
|
|
.edit{float: right;color: #6e6f71;font-size: 15px;}
|
|
|
- #clipp{position:fixed;width:100%;height:100%;top:0;background-color:black;display:none;z-index:9999999}
|
|
|
- #clipp img{max-width:100%;height:auto;vertical-align:middle;}
|
|
|
- #clipp .op{position:fixed;width:100%;bottom:0;}
|
|
|
- #clipp .mui-icon{color:white;font-size:50px;font-weight:bold}
|
|
|
+ .nr{padding: 5px;font-size: 12px;color: darkgray;}
|
|
|
[v-cloak] {display: none;}
|
|
|
</style>
|
|
|
</head>
|
|
@@ -30,7 +26,6 @@
|
|
|
<header class="mui-bar mui-bar-nav">
|
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
<h1 class="mui-title">我的简历</h1>
|
|
|
- <span class="save mui-pull-right">保存</span>
|
|
|
</header>
|
|
|
<div class="mui-content animated fadeInUp">
|
|
|
<div class="model" style="margin-top: 0px;">
|
|
@@ -38,32 +33,32 @@
|
|
|
<span class="text">
|
|
|
<i class="icon"></i>基本信息
|
|
|
</span>
|
|
|
- <span class="edit"><i class="icon e"></i>编辑</span>
|
|
|
+ <span class="edit" @click="op(1)"><i class="icon e"></i>编辑</span>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<div class="row">
|
|
|
<div class="sm3">
|
|
|
- <img src="../../images/mp.jpg" class="mp">
|
|
|
+ <img :src="item.tx" class="mp">
|
|
|
</div>
|
|
|
<div class="sm7">
|
|
|
- <div>姓名</div>
|
|
|
- <div style="font-size: 13px;">女 ,xxxx,xx年工作年龄</div>
|
|
|
- <div class="d">目前所在城市:<span class="b">xx市</span></div>
|
|
|
- <div class="d">联系电话:<span class="b">xxxx</span></div>
|
|
|
- <div class="d">电子邮箱:<span class="b">xxxxxxx</span></div>
|
|
|
+ <div>{{item.mz}}</div>
|
|
|
+ <div style="font-size: 13px;">{{item.sex}} ,{{item.csny}},{{item.gzjy}}年工作年龄</div>
|
|
|
+ <div class="d">目前所在地:<span class="b">{{item.mqszd}}市</span></div>
|
|
|
+ <div class="d">联系电话:<span class="b">{{item.phone}}</span></div>
|
|
|
+ <div class="d">电子邮箱:<br><span class="b">{{item.email}}</span></div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
|
<div class="row" style="margin-top: 10px;border-top: 1px solid #ececec;padding-top: 5px;">
|
|
|
<div class="sm5">
|
|
|
- <div class="d">最高学历:<span class="b">xx市</span></div>
|
|
|
- <div class="d">毕业学校:<span class="b">xxxx</span></div>
|
|
|
- <div class="d">所学专业:<span class="b">xxxx</span></div>
|
|
|
+ <div class="d">最高学历:<span class="b">{{item.zgxl}}</span></div>
|
|
|
+ <div class="d">毕业学校:<br><span class="b">{{item.xx}}</span></div>
|
|
|
+ <div class="d">所学专业:<span class="b">{{item.zy}}</span></div>
|
|
|
</div>
|
|
|
<div class="sm5">
|
|
|
- <div class="d">获得学位:<span class="b">xx市</span></div>
|
|
|
- <div class="d">函授学校:<span class="b">xxxx</span></div>
|
|
|
- <div class="d">函授专业:<span class="b">xxxx</span></div>
|
|
|
+ <div class="d">获得学位:<span class="b">{{item.xw}}</span></div>
|
|
|
+ <div class="d">函授学校:<br><span class="b">{{item.hs}}</span></div>
|
|
|
+ <div class="d">函授专业:<span class="b">{{item.hszy}}</span></div>
|
|
|
</div>
|
|
|
<div class="clear"></div>
|
|
|
</div>
|
|
@@ -74,14 +69,14 @@
|
|
|
<span class="text">
|
|
|
<i class="icon"></i>求职意向
|
|
|
</span>
|
|
|
- <span class="edit"><i class="icon e"></i>编辑</span>
|
|
|
+ <span class="edit" @click="op(2)"><i class="icon e"></i>编辑</span>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
<div class="row">
|
|
|
- <div class="d">职位:<span class="b">xxx职业</span></div>
|
|
|
- <div class="d">工作地点:<span class="b">xx市</span></div>
|
|
|
- <div class="d">期待月薪:<span class="b">xx元/面议</span></div>
|
|
|
- <div class="d">目前状态:<span class="b">离职/在职</span></div>
|
|
|
+ <div class="d">职位:<span class="b">{{item.zw}}</span></div>
|
|
|
+ <div class="d">工作地点:<span class="b">{{item.gzdd}}</span></div>
|
|
|
+ <div class="d">期待月薪:<span class="b">{{item.gz}}</span></div>
|
|
|
+ <div class="d">目前状态:<span class="b">{{item.zt}}</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -90,9 +85,10 @@
|
|
|
<span class="text">
|
|
|
<i class="icon"></i>教育经历
|
|
|
</span>
|
|
|
+ <span class="edit" @click="op(3,'jyjl','教育经历')"><i class="icon e"></i>编辑</span>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <textarea rows="5" placeholder="输入教育经历"></textarea>
|
|
|
+ <div class="nr">{{item.jyjy}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="model">
|
|
@@ -100,9 +96,10 @@
|
|
|
<span class="text">
|
|
|
<i class="icon"></i>工作经历
|
|
|
</span>
|
|
|
+ <span class="edit" @click="op(3,'gzjl','工作经历')"><i class="icon e"></i>编辑</span>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <textarea rows="5" placeholder="输入工作经历"></textarea>
|
|
|
+ <div class="nr">{{item.gzjl}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="model">
|
|
@@ -110,177 +107,45 @@
|
|
|
<span class="text">
|
|
|
<i class="icon"></i>自我评价
|
|
|
</span>
|
|
|
+ <span class="edit" @click="op(3,'zwpj','自我评价')"><i class="icon e"></i>编辑</span>
|
|
|
</div>
|
|
|
<div class="content">
|
|
|
- <div class="row">
|
|
|
- <textarea rows="5" placeholder="输入自我评价"></textarea>
|
|
|
- </div>
|
|
|
+ <div class="nr">{{item.zwpj}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--拍照-->
|
|
|
- <div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell" @click="takePhoto()">
|
|
|
- <a>拍照</a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell" @click="pickImg()">
|
|
|
- <a>选取现有</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell" style="color: red;">
|
|
|
- <a href="#picture"><b>取消</b></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!--性别-->
|
|
|
- <div id="sex" class="mui-popover mui-popover-action mui-popover-bottom">
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell" @click="size('S')">
|
|
|
- <a>S</a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell" @click="size('M')">
|
|
|
- <a>M</a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell" @click="size('L')">
|
|
|
- <a>L</a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell" @click="size('XL')">
|
|
|
- <a>XL</a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell" @click="size('均码')">
|
|
|
- <a>均码</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell" style="color: red;">
|
|
|
- <a href="#sex"><b>取消</b></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <!--新增的图片剪裁-->
|
|
|
- <div id="clipp">
|
|
|
- <img id="image" alt="Picture" src="../../images/APP-banner2.jpg">
|
|
|
- <div class="op">
|
|
|
- <span class="mui-icon mui-icon mui-icon-closeempty mui-pull-left" @click="cancel()"></span>
|
|
|
- <span class="mui-icon mui-icon-checkmarkempty mui-pull-right" @click="save()"></span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<script src="../../js/mui.min.js"></script>
|
|
|
<script src="../../js/app.js"></script>
|
|
|
<script src="../../js/vue.min.js"></script>
|
|
|
- <script src="../../js/cropper.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
- var cropper = null;
|
|
|
var vm = new Vue({
|
|
|
el: "#app",
|
|
|
data: {
|
|
|
- item: {}
|
|
|
+ item: {tx:'',mz:'',sex:'男',zgxl:'本科',xx:'',zy:'',xw:'无',hs:'',hszy:'',mqszd:'',phone:'',csny:'',gzjy:'',email:''}
|
|
|
},
|
|
|
mounted: function() {
|
|
|
mui.plusReady(function() {
|
|
|
- vm.getData();
|
|
|
+ request(urls().resume_detail,{userId: getUser().id}, function(res) {
|
|
|
+ vm.item=res;
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
- getData: function() {
|
|
|
- request(urls().userInfo, {
|
|
|
- id: getUser().id
|
|
|
- }, function(res) {
|
|
|
- if(res.result == true) {
|
|
|
- vm.item = res.data;
|
|
|
- localStorage.setItem("user", JSON.stringify(res.data));
|
|
|
- vm.item.header = urls().path + vm.item.header;
|
|
|
- plus.webview.getWebviewById('tab/mine.html').reload(true);
|
|
|
- } else {
|
|
|
- mui.alert(res.msg);
|
|
|
- }
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
- },
|
|
|
- //拍照
|
|
|
- takePhoto: function() {
|
|
|
- mui('#picture').popover('toggle');
|
|
|
- var cmr = plus.camera.getCamera();
|
|
|
- var res = cmr.supportedImageResolutions[0];
|
|
|
- var fmt = cmr.supportedImageFormats[0];
|
|
|
- plus.nativeUI.showWaiting("准备剪裁...");
|
|
|
- cmr.captureImage(function(path) {
|
|
|
- plus.io.resolveLocalFileSystemURL(path, function(entry) {
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- if(cropper != null) {
|
|
|
- cropper.destroy();
|
|
|
- }
|
|
|
- cropper = getClipper(1, entry.toLocalURL());
|
|
|
- });
|
|
|
- }, function(error) {
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- }, {
|
|
|
- resolution: res,
|
|
|
- format: fmt
|
|
|
- });
|
|
|
- },
|
|
|
- //选择现有
|
|
|
- pickImg: function() {
|
|
|
- mui('#picture').popover('toggle');
|
|
|
- // 从相册中选择图片然后裁剪
|
|
|
- plus.gallery.pick(function(path) {
|
|
|
- if(cropper != null) {
|
|
|
- cropper.destroy();
|
|
|
- }
|
|
|
- cropper = getClipper(1, path);
|
|
|
- }, {
|
|
|
- filter: "image"
|
|
|
- });
|
|
|
- },
|
|
|
- //裁剪结束并上传
|
|
|
- save: function() {
|
|
|
- plus.nativeUI.showWaiting("正在上传...");
|
|
|
- //获得裁剪对象
|
|
|
- var croppedCanvas = cropper.getCroppedCanvas({
|
|
|
- width: 100,
|
|
|
- height: 100
|
|
|
- })
|
|
|
- var dataUrl = croppedCanvas.toDataURL();
|
|
|
- request(urls().user_upload, {
|
|
|
- id: getUser().id,
|
|
|
- dataImage: dataUrl
|
|
|
- }, function(res) {
|
|
|
- vm.item.header = urls().path + res.url;
|
|
|
- mui.toast("上传成功");
|
|
|
- vm.getData();
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
- document.getElementById("clipp").style.display = 'none';
|
|
|
- },
|
|
|
- //取消裁剪
|
|
|
- cancel: function() {
|
|
|
- document.getElementById("clipp").style.display = 'none';
|
|
|
- },
|
|
|
- //编辑尺码
|
|
|
- size: function(op) {
|
|
|
- mui('#sex').popover('toggle');
|
|
|
- request(urls().edit_info, {
|
|
|
- field: 'size',
|
|
|
- id: getUser().id,
|
|
|
- value: op
|
|
|
- }, function(res) {
|
|
|
- if(res.result == true) {
|
|
|
- mui.toast("修改成功");
|
|
|
- vm.item.size = op;
|
|
|
- }
|
|
|
- plus.nativeUI.closeWaiting();
|
|
|
- })
|
|
|
- },
|
|
|
- //编辑其它
|
|
|
- op: function(msg, val, op) {
|
|
|
- open('edit_info', 'edit_info.html', {
|
|
|
- msg: msg,
|
|
|
- value: val,
|
|
|
- op: op
|
|
|
- }, 'slide-in-bottom');
|
|
|
+ //编辑
|
|
|
+ op: function(index,field,msg) {
|
|
|
+ if(index==1){
|
|
|
+ open('base_info', 'base_info.html',vm.item,'slide-in-bottom');
|
|
|
+ }
|
|
|
+ if(index==2){
|
|
|
+ open('intention', 'intention.html',vm.item,'slide-in-bottom');
|
|
|
+ }
|
|
|
+ if(index==3){
|
|
|
+ vm.item.field=field;
|
|
|
+ vm.item.msg=msg;
|
|
|
+ open('edit_one', 'edit_info.html',vm.item,'slide-in-bottom');
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
})
|