Skip to content

H
haoban-3
Commit 9910110f by 无尘
Options

fix: 修改话务任务预览

parent f4b58f2d
Showing with 175 additions and 51 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.24.css><link href=./static/css/app.a65fc860d4301bcff4f48660d21079c5.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.14775f349d9de0b0d9cb.js></script><script type=text/javascript src=./static/js/vendor.335cad076562a197329f.js></script><script type=text/javascript src=./static/js/app.687bafb1ecb8aa245bc5.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.24.css><link href=./static/css/app.06aadd45a95f6f365a04a5d0a9b9c5ae.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.0b24d4e579ffab1d6c7e.js></script><script type=text/javascript src=./static/js/vendor.335cad076562a197329f.js></script><script type=text/javascript src=./static/js/app.771a789822e615fff169.js></script></body></html>
\ No newline at end of file
dist/static/js/14.ca1a8f44e2042dbd0b1a.js → dist/static/js/13.0d68645672dcb454f898.js
webpackJsonp([14],{AejC:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var e=i("Minx"),a=i.n(e),n={name:"page404",data:function(){return{img_404:a.a}},computed:{message:function(){return"抱歉，你访问的页面不存在"}},mounted:function(){}},c={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_404,alt:"404"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(n,c,!1,function(t){i("tDw4")},"data-v-5bffce3c",null);s.default=r.exports},Minx:function(t,s,i){t.exports=i.p+"static/img/error_404.bf58747.svg"},tDw4:function(t,s){}});
\ No newline at end of file
webpackJsonp([13],{AejC:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var e=i("Minx"),a=i.n(e),n={name:"page404",data:function(){return{img_404:a.a}},computed:{message:function(){return"抱歉，你访问的页面不存在"}},mounted:function(){}},c={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_404,alt:"404"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(n,c,!1,function(t){i("tDw4")},"data-v-5bffce3c",null);s.default=r.exports},Minx:function(t,s,i){t.exports=i.p+"static/img/error_404.bf58747.svg"},tDw4:function(t,s){}});
\ No newline at end of file
dist/static/js/manifest.14775f349d9de0b0d9cb.js → dist/static/js/manifest.0b24d4e579ffab1d6c7e.js
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],f[t]&&u.push(f[t][0]),f[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=d(d.s=n[i]);return o};var a={},f={58:0};function d(c){if(a[c])return a[c].exports;var f=a[c]={i:c,l:!1,exports:{}};return e[c].call(f.exports,f,f.exports,d),f.l=!0,f.exports}d.e=function(e){var c=f[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,d){c=f[e]=[a,d]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,d.nc&&n.setAttribute("nonce",d.nc),n.src=d.p+"static/js/"+e+"."+{0:"57e3038cb33dbec1b6e4",1:"06c4e42e62c1f75191f0",2:"3c6fecbda86aa6a79aa2",3:"2c0da176696724977f99",4:"b1b70b72a2056a444bf9",5:"84cc7594f6ec4ce297f5",6:"0f70421ba87368bd298c",7:"90d30d8c00a90b9333db",8:"3420b4cfb81872b960fe",9:"54d9cc1f66c85be3b24b",10:"2cd7b84af97cebc94561",11:"4f74c2560b17f99d9138",12:"157592ccccfa257add4a",13:"88e77b62e92e773a3250",14:"ca1a8f44e2042dbd0b1a",15:"90a6369dde244e8240f4",16:"24bd825a4a63e256d021",17:"4222227083825101d06f",18:"1dfa0a3b4d4d47e3ac5d",19:"0204c6cb4ef2cb194122",20:"8e7f0ac1ac1ffebe0d8d",21:"040bc6f7abe2945d7aac",22:"91858cd58bd26447b559",23:"d69acbf60d61ebed570c",24:"4481e48c3594860dc791",25:"0dba8f7125c2c7d9da8a",26:"3b5599ec250c74b60129",27:"ba77365d6797cc20192f",28:"c3407dd1d598ee90b920",29:"7d7ffe74ec68334d5713",30:"b95238086e42f0b026e9",31:"d6d4e10f5441c87f4267",32:"0891926422a8f1eb3670",33:"c1bc5f598c1efaab0639",34:"e636fbceb1ac800dde48",35:"05a911c3b0186551a9a7",36:"061a93fd38be497575bf",37:"f4edd463499c9e470be8",38:"ac6e21ea5cd441ae16e1",39:"654df4815a5bc7bc5e18",40:"7e38b1e44d5a1ac86cf0",41:"f615f6009e122f28c524",42:"f6049554d57b9bc9a0e0",43:"f84e006c86cd3dc1fdcd",44:"730cbc4fc2d8db734d3b",45:"455dfb1afb11e2c550b8",46:"2f15d0d207833a7d90f3",47:"0eba1f42904d92477bdd",48:"822eaf1fd47304d32102",49:"0865718e2e1a5f2737e9",50:"50c5b75dde0c5cf54717",51:"e402921057959fc42c83",52:"6490323960a0e0a6135b",53:"7940b0a00298b9b5b2b3",54:"0a60fe3b4417f6480f1d",55:"9271504a8071ec123f01"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=f[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),f[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},d.m=e,d.c=a,d.d=function(e,c,a){d.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},d.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(c,"a",c),c},d.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},d.p="./",d.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var c=window.webpackJsonp;window.webpackJsonp=function(a,b,n){for(var r,t,o,i=0,u=[];i<a.length;i++)t=a[i],d[t]&&u.push(d[t][0]),d[t]=0;for(r in b)Object.prototype.hasOwnProperty.call(b,r)&&(e[r]=b[r]);for(c&&c(a,b,n);u.length;)u.shift()();if(n)for(i=0;i<n.length;i++)o=f(f.s=n[i]);return o};var a={},d={58:0};function f(c){if(a[c])return a[c].exports;var d=a[c]={i:c,l:!1,exports:{}};return e[c].call(d.exports,d,d.exports,f),d.l=!0,d.exports}f.e=function(e){var c=d[e];if(0===c)return new Promise(function(e){e()});if(c)return c[2];var a=new Promise(function(a,f){c=d[e]=[a,f]});c[2]=a;var b=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.charset="utf-8",n.async=!0,n.timeout=12e4,f.nc&&n.setAttribute("nonce",f.nc),n.src=f.p+"static/js/"+e+"."+{0:"57e3038cb33dbec1b6e4",1:"06c4e42e62c1f75191f0",2:"3c6fecbda86aa6a79aa2",3:"2c0da176696724977f99",4:"b1b70b72a2056a444bf9",5:"84cc7594f6ec4ce297f5",6:"0f70421ba87368bd298c",7:"90d30d8c00a90b9333db",8:"ac98268aa0aca58b350e",9:"0a43fab8c67611abc7e6",10:"2cd7b84af97cebc94561",11:"4f74c2560b17f99d9138",12:"157592ccccfa257add4a",13:"0d68645672dcb454f898",14:"9b0fd682e7ff9de7493b",15:"29cae9284cd18c5b808b",16:"44b2e15cd0c328dbad2c",17:"f3757c9a6aee1cd22310",18:"1dfa0a3b4d4d47e3ac5d",19:"0204c6cb4ef2cb194122",20:"8e7f0ac1ac1ffebe0d8d",21:"040bc6f7abe2945d7aac",22:"91858cd58bd26447b559",23:"d69acbf60d61ebed570c",24:"4481e48c3594860dc791",25:"0dba8f7125c2c7d9da8a",26:"3b5599ec250c74b60129",27:"ba77365d6797cc20192f",28:"c3407dd1d598ee90b920",29:"7d7ffe74ec68334d5713",30:"b95238086e42f0b026e9",31:"d6d4e10f5441c87f4267",32:"0891926422a8f1eb3670",33:"c1bc5f598c1efaab0639",34:"e636fbceb1ac800dde48",35:"05a911c3b0186551a9a7",36:"061a93fd38be497575bf",37:"f4edd463499c9e470be8",38:"ac6e21ea5cd441ae16e1",39:"654df4815a5bc7bc5e18",40:"7e38b1e44d5a1ac86cf0",41:"f615f6009e122f28c524",42:"f6049554d57b9bc9a0e0",43:"f84e006c86cd3dc1fdcd",44:"730cbc4fc2d8db734d3b",45:"455dfb1afb11e2c550b8",46:"2f15d0d207833a7d90f3",47:"0eba1f42904d92477bdd",48:"822eaf1fd47304d32102",49:"0865718e2e1a5f2737e9",50:"50c5b75dde0c5cf54717",51:"e402921057959fc42c83",52:"6490323960a0e0a6135b",53:"7940b0a00298b9b5b2b3",54:"0a60fe3b4417f6480f1d",55:"9271504a8071ec123f01"}[e]+".js";var r=setTimeout(t,12e4);function t(){n.onerror=n.onload=null,clearTimeout(r);var c=d[e];0!==c&&(c&&c[1](new Error("Loading chunk "+e+" failed.")),d[e]=void 0)}return n.onerror=n.onload=t,b.appendChild(n),a},f.m=e,f.c=a,f.d=function(e,c,a){f.o(e,c)||Object.defineProperty(e,c,{configurable:!1,enumerable:!0,get:a})},f.n=function(e){var c=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(c,"a",c),c},f.o=function(e,c){return Object.prototype.hasOwnProperty.call(e,c)},f.p="./",f.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
src/components/app/detail-preview.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2020-03-17 15:12:41
* @LastEditors: 无尘
* @LastEditTime: 2020-03-18 13:36:17
* @LastEditTime: 2020-03-18 15:39:36
-->
<!--
......@@ -29,30 +29,58 @@ previewVisible: false,
<!-- <div class="notice-body border-box color-222" v-htmlContent="noticeData.content"></div> -->
<div class="detail-content border-box">
<div class="detail-content-top border-box">
<div class="task-title font-16 color-303133 font-w-500">关注中会员送奖励</div>
<div class="task-des font-14 color-303133 font-w-400">关注中会员送奖励</div>
<div class="task-des font-12 color-fd6b6d font-w-400">逾期剩余时长：3天12小时25分</div>
<div class="task-people"></div>
<div class="task-title font-14 color-303133 font-w-500">{{ previewData.title }}</div>
<div class="task-des font-12 color-303133 font-w-400">{{ previewData.taskDescription }}</div>
<div class="task-over font-10 color-fd6b6d font-w-400">逾期剩余时长：{{ previewData.lastTime }}</div>
<div class="task-people">
<div class="task-item-cell" v-for="(item, index) in previewData.taskRecordList" :key="index + 'record'">
<div class="task-item-content">
<span class="iconfont icondingwei font-12 color-4b69e5"></span><span>{{ item.optContent }}</span>
</div>
<div class="task-item-date">
<span class="p-l-14">{{ item.optTime }}</span>
</div>
</div>
</div>
</div>
<div class="detail-content-bottom border-box">
<div class="user-info flex">
<div class="user-photo"><img src="" alt="" /></div>
<div class="detail-content-bottom border-box m-t-10">
<div class="user-info flex ">
<div class="user-photo"><img :src="previewData.memberInfo.imgUrl" alt="" /></div>
<div class="user-name-body">
<div class="user-name"><span>林蒙</span><span class="iconfont iconnan iconxingbienv"></span></div>
<div class="user-age color-7f818a"><span>25岁</span><span></span><span>生日 农历11月12</span></div>
<div class="user-name">
<span class="font-12 color-30313 font-w-500">{{ previewData.memberInfo.memberName }}</span
><span :class="['p-l-6 font-12 iconfont', previewData.memberInfo.memberGender == 0 ? '' : previewData.memberInfo.memberGender == 1 ? 'iconnan color-4b69e5' : 'color-ff8ea0 iconxingbienv']"></span>
</div>
<div class="user-age font-10 color-7f818a">
<span>{{ previewData.memberInfo.memberAge }}岁</span><span class="dot"></span><span>生日 {{ previewData.memberInfo.birthType == 0 ? '农历' : '阳历' }}{{ previewData.memberInfo.birthday }}</span>
</div>
</div>
</div>
<div class="user-info-body">
<ul class="flex">
<li class="flex-1"><span>会员卡：</span><span></span></li>
<li class="flex-1"><span>会员身份：</span><span></span></li>
<li class="flex-1"><span>会员卡号：</span><span></span></li>
<li class="flex-1"><span>积 分：</span><span></span></li>
<li class="flex-1"><span>消费总额：</span><span></span></li>
<li class="flex-1"><span>消费次数：</span><span></span></li>
<ul class="flex font-10 flex-wrap">
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">会员卡：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.memberGradeName }}</span>
</li>
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">会员身份：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.memberType == 1 ? 'pos会员' : '微信会员' }}</span>
</li>
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">会员卡号：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.cardNum }}</span>
</li>
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">积 分：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.accumulatPoints }}</span>
</li>
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">消费总额：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.costFee }}</span>
</li>
<li class="flex-1 line-h-16 m-b-10">
<span class="font-10 color-303133">消费次数：</span><span class="font-10 color-7f818a">{{ previewData.memberInfo.costTimes }}</span>
</li>
</ul>
</div>
<div class="user-clerk"><span class="iconfont iconziyuan1 font-12 color-4b69e5"></span><span class="font-12 color-4b69e5">张小萌</span></div>
<div class="user-clerk">
<span class="iconfont iconziyuan1 font-10 color-4b69e5"></span><span class="font-10 color-4b69e5 clerk-name">{{ previewData.memberInfo.clerkName }}</span>
</div>
</div>
</div>
<!-- 关闭 -->
......@@ -73,26 +101,41 @@ export default {
return false;
}
},
noticePreviewData: {
previewData: {
type: Object,
default() {
return {
announcementId: '',
sendTime: '',
sendCount: 0,
readCount: 0,
adminCheck: false,
stroreCheck: false,
adminStructor: [],
storeStructor: [],
receiveType: '0',
labelId: '',
title: '',
img: '',
content: '',
sendType: '0',
attachment: [],
pageTop: false
taskDescription: '',
lastTime: '',
taskStatus: 1,
executiveClerkId: '',
bindFlag: 0,
taskRecordList: [
/* {
optTime:'',
optContent: ''
} */
],
taskType: 1,
memberInfo: {
cardNum: '',
imgUrl: '',
memberName: '',
memberGender: '',
memberAge: '',
birthday: '',
clerkName: '',
costFee: '',
memberGradeName: '',
costTimes: '',
lastCostFee: '',
phoneNumber: '',
openCardTime: '',
memberType: '0',
birthType: '',
accumulatPoints: ''
}
};
}
}
......@@ -136,7 +179,7 @@ export default {
},
mounted() {
const that = this;
that.noticeData = that.noticePreviewData;
that.noticeData = that.previewData;
}
};
</script>
......@@ -159,15 +202,39 @@ export default {
.color-fd6b6d {
color: #fd6b6d;
}
.color-ff8ea0 {
color: #ff8ea0;
}
.color-4b69e5 {
color: #4b69e5;
}
.color-7f818a {
color: #7f818a;
}
.line-h-16 {
line-height: 16px;
}
.p-l-6 {
padding-left: 6px;
}
.p-l-14 {
padding-left: 14px;
}
.m-b-10 {
margin-bottom: 10px;
}
.p-lr-5 {
padding: 0 5px;
}
.dot {
display: inline-block;
width: 3px;
height: 3px;
background: #7f818a;
border-radius: 50%;
margin: 0 2px;
}
.qr-mask {
position: fixed;
z-index: 1000;
......@@ -186,20 +253,79 @@ export default {
padding: 15px;
background: #fff;
border-radius: 12px;
.task-des {
margin-top: 10px;
line-height: 20px;
}
.task-over {
margin-top: 18px;
}
.task-people {
margin-top: 20px;
padding: 12px 16px;
background: rgba(244, 244, 249, 1);
border-radius: 5px;
}
}
.detail-content-bottom {
position: relative;
width: 100%;
padding: 15px;
background: #fff;
border-radius: 12px;
border-radius: 6px;
.user-info {
.user-photo {
width: 30px;
height: 30px;
border-radius: 15px;
img {
width: 30px;
height: 30px;
border-radius: 15px;
}
}
.user-name-body {
padding-left: 10px;
}
.user-name {
}
.user-age {
margin-top: 5px;
}
}
.font-12 {
font-size: 12px;
}
.user-info-body {
margin-top: 15px;
ul {
li {
width: 50%;
min-width: 50%;
max-width: 50%;
}
}
}
.user-clerk {
position: absolute;
right: 15px;
top: 16px;
padding: 3px 5px;
background: rgba(75, 105, 229, 0.1);
border-radius: 5px;
text-align: center;
.clerk-name {
padding-left: 3px;
}
}
}
}
.qr-dialog {
position: fixed;
z-index: 5000;
width: 220px;
height: 440px;
width: 286px;
height: 586px;
padding: 58px 12px 30px 12px;
top: 50%;
left: 50%;
......@@ -209,7 +335,7 @@ export default {
text-align: center;
border-radius: 3px;
// overflow: hidden;
background: url('../../assets/iPhone_preview.png') no-repeat;
background: url('../../assets/iphone.png') no-repeat;
.qr-dialog-body {
position: relative;
width: 100%;
......
src/views/apps/trafficTask/taskDetail.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2019-03-20 14:36:37
* @LastEditors: 无尘
* @LastEditTime: 2020-03-18 10:55:59
* @LastEditTime: 2020-03-18 14:14:10
-->
<template>
<div class="my-customer-wrap common-set-wrap">
......@@ -231,12 +231,10 @@ export default {
getPreviewData(index, item) {
const that = this;
let para = {
storeId: that.conditionObj.storeId,
taskId: item.taskId,
clerkId: item.clerkId
taskId: item.taskId
};
that.previewVisible = true;
postRequest('/haoban-app-daily-three-web/daily/get-daily-report-detail', para)
postRequest('/haoban-app-tel-task-three-web/task/app-task-detail', para)
.then(res => {
let resData = res.data;
if (resData.errorCode == 1) {
......
src/views/login/index.vue
......@@ -4,7 +4,7 @@
* @Author: 无尘
* @Date: 2018-10-10 14:44:45
* @LastEditors: 无尘
* @LastEditTime: 2020-03-18 13:43:56
* @LastEditTime: 2020-03-18 15:40:44
-->
<template>
<div class="login-wrap">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment