Skip to content

E
expense
Commit f8429464 by kingboy_xin
Options

签约管理，和BUG更改

parent e27815ef
Showing with 106 additions and 73 deletions
src/api/axios.js
...@@ -31,8 +31,8 @@ export default function axios(option) { ...@@ -31,8 +31,8 @@ export default function axios(option) {
// console.log('来到了response拦截success中'); // console.log('来到了response拦截success中');
return response.data return response.data
}, err => { }, err => {
console.log('来到了response拦截failure中'); // console.log('来到了response拦截failure中');
console.log(err); // console.log(err);
if (err && err.response) { if (err && err.response) {
switch (err.response.status) { switch (err.response.status) {
case 400: case 400:
......
src/assets/css/base.css
...@@ -82,6 +82,7 @@ input::-webkit-input-placeholder { color: #BDCADA; } ...@@ -82,6 +82,7 @@ input::-webkit-input-placeholder { color: #BDCADA; }
padding: 5px; padding: 5px;
background: -webkit-gradient(linear,left top,left bottom,from(#36436f),color-stop(14%,#36436f),to(#30385a)); background: -webkit-gradient(linear,left top,left bottom,from(#36436f),color-stop(14%,#36436f),to(#30385a));
background: linear-gradient(180deg,#36436f,#36436f 14%,#30385a); background: linear-gradient(180deg,#36436f,#36436f 14%,#30385a);
position: relative;
} }
.head-card-content{ .head-card-content{
......
src/assets/css/contract.css
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
.cttxt3{ float: left; height: auto; padding-left: 10px;} .cttxt3{ float: left; height: auto; padding-left: 10px;}
.cttxt2{ height: 35px; padding-left: 10px;} .cttxt2{ height: 35px; padding-left: 10px;}
.cttxt .ctline{ height: 22px; position: relative; color: #334b84; font-size: 8px;text-align: left; clear: both;} .cttxt .ctline{ height: 22px; position: relative; color: #334b84; font-size: 8px;text-align: left; clear: both;}
.cttxt .ctline i.i01{ height: 12px; width: 2px; color: #2680FF; background: #2680FF; position: absolute; left: 0; top:5px;} .cttxt .ctline i.i101{ height: 12px; width: 2px; color: #2680FF; background: #2680FF; position: absolute; left: 0; top:5px;}
.cttxt .ctline i.i102{ height: 8px; width: 1px; color: #2779F0; background: #2779F0; position: absolute; top:8px;}
.cttxt .ctline i.i103{ height: 8px; width: 1px; color: #2779F0; background: #2779F0; position: absolute; top:8px;}
.cttxt .ctline i.i02{ height: 12px; width: 2px; color: #55FFE8; background: #55FFE8; position: absolute; left: 0; top:5px;} .cttxt .ctline i.i02{ height: 12px; width: 2px; color: #55FFE8; background: #55FFE8; position: absolute; left: 0; top:5px;}
.cttxt .ctline span{ color: #AAB1D2; font-size: 12px; padding: 0 10px; line-height: 22px;} .cttxt .ctline span{ color: #AAB1D2; font-size: 12px; padding: 0 10px; line-height: 22px;}
.cttxt .ctline span.clk{ text-decoration: underline;} .cttxt .ctline span.clk{ text-decoration: underline;}
...@@ -28,18 +30,18 @@ ...@@ -28,18 +30,18 @@
.cttxt .ctp span.span01{ font-size: 18px;} .cttxt .ctp span.span01{ font-size: 18px;}
.cttxt .ctp span.span02{ color: #2680FF; font-size: 14px; padding: 0 2px;} .cttxt .ctp span.span02{ color: #2680FF; font-size: 14px; padding: 0 2px;}
.cttxt .ctp span.span03{ color: #8891BE; font-size: 14px;} .cttxt .ctp span.span03{ color: #8891BE; font-size: 14px;}
.tong{ color: #5492FF; border: 1px solid #5492FF; border-radius: 1px; margin-left: 3px; padding:0 1px; line-height: 16px; height: 16px; display:inline-block; transform:scale(0.8); -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8);} .tong{ background:url(../img/common/icon-tag-tong.svg);background-size: cover; max-width: 16px; max-height: 16px; position: relative;bottom: 2px;margin: 0 2px; color: #555;}
.pian{ color: #FF5C5C; border: 1px solid #FF5C5C; border-radius: 1px; margin-left: 3px; padding:0 1px; line-height: 16px; height: 16px; display:inline-block; transform:scale(0.8); -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8);} .pian{ background:url(../img/common/icon-tag-pian.svg);background-size: cover; max-width: 16px; max-height: 16px; position: relative;bottom: 2px;margin: 0 2px; color: #555;}
#ctpie1{ width: 145px; height: 145px; float: right; position: relative;} #ctpie1{ width: 145px; height: 145px; float: right; position: relative;}
#ctpie2{ width: 145px; height: 145px; float: right; position: relative;} #ctpie2{ width: 145px; height: 145px; float: right; position: relative;}
.pieline{ height: 4px; width: 100px; position: absolute; bottom: 13px; left: 303px;} .pieline{ height: 4px; width: 100px; position: absolute; bottom: 13px; right: 22px;}
.pieline span{ display: block; float: left; width: 20px; height: 4px;} .pieline span{ display: block; float: left; width: 20px; height: 4px;}
.pieline span.span01{ background:rgba(159,199,255,1);} .pieline span.span01{ background:rgba(159,199,255,1);}
.pieline span.span02{ background:rgba(106,168,255,1);} .pieline span.span02{ background:rgba(106,168,255,1);}
.pieline span.span03{ background:rgba(38,128,255,1);} .pieline span.span03{ background:rgba(38,128,255,1);}
.pieline span.span04{ background:rgba(21,87,255,1);} .pieline span.span04{ background:rgba(21,87,255,1);}
.pieline span.span05{ background:rgba(18,47,219,1);} .pieline span.span05{ background:rgba(18,47,219,1);}
.pieline2{ height: 4px; width: 100px; position: absolute; bottom: 13px; right: 33px;} .pieline2{ height: 4px; width: 100px; position: absolute; bottom: 13px; right: 22px;}
.pieline2 span{ display: block; float: left; width: 20px; height: 4px;} .pieline2 span{ display: block; float: left; width: 20px; height: 4px;}
.pieline2 span.span01{ background:rgba(159,199,255,1);} .pieline2 span.span01{ background:rgba(159,199,255,1);}
.pieline2 span.span02{ background:rgba(106,168,255,1);} .pieline2 span.span02{ background:rgba(106,168,255,1);}
...@@ -56,14 +58,14 @@ ...@@ -56,14 +58,14 @@
.ectable01 li.li03{ float: left; width: 120px;} .ectable01 li.li03{ float: left; width: 120px;}
.ectable01 li.li05{ float: left; width: 150px;} .ectable01 li.li05{ float: left; width: 150px;}
.tabletitle{ height: 32px; padding-top: 5px;padding-bottom: 5px; text-align: left; position: relative;background: linear-gradient(180deg,#36436f,#36436f 14%,#30385a);} .tabletitle{ height: 32px; padding-top: 5px;padding-bottom: 5px; text-align: left;}
.tabletitle span{ line-height: 20px; padding: 0 10px; background: none; border-radius: 1px; border: 1px solid #626D92; color: #AAB1D2; display: block; float: left; margin-right: 5px;} .tabletitle span{ line-height: 20px; padding: 0 10px; background: none; border-radius: 1px; border: 1px solid #626D92; color: #AAB1D2; display: block; float: left; margin-right: 5px;}
.tabletitle span.clk{ background: #2680FF; border: 1px solid #2680FF; color: #fff;} .tabletitle span.clk{ background: #2680FF; border: 1px solid #2680FF; color: #fff;}
.tabletitle span.nclk{ background:none; border: 0px solid #2680FF; color: #A6AED6; font-size: 14px;} .tabletitle span.nclk{ background:none; border: 0px solid #2680FF; color: #A6AED6; font-size: 14px;}
.tabletitle img{ position: absolute; right: 3px; bottom: -23px; height: 13px; width: 13px; z-index: 999;} .tabletitle img{ position: absolute; right: 5px;top:42px; height: 13px; width: 13px; z-index: 999;}
.yytable{ position: absolute; right: 18px; top: 40px; padding: 10px; border-radius:4px; height: 250px; background: rgba(23,26,40,0.9); width: 300px;} .yytable{ position: absolute; right: 5%; top: 2%; padding: 10px; border-radius:4px; height: 250px; background: rgba(23,26,40,0.9); width: 300px;}
.yytable h3{ clear: both; height: 26px; border-bottom: 1px solid #424966; color: #fff; text-align: left; margin-bottom: 5px;} .yytable h3{ clear: both; height: 26px; border-bottom: 1px solid #424966; color: #fff; text-align: left; margin-bottom: 5px;}
.yytable h3 span{ float: right; padding:0 5px;} .yytable h3 span{ float: right; padding:0 5px;}
.yytable .pline{ clear: both; overflow: hidden; text-align: left; margin-bottom: 5px;} .yytable .pline{ clear: both; overflow: hidden; text-align: left; margin-bottom: 5px;}
......
src/components/common/Search.vue
...@@ -53,6 +53,7 @@ ...@@ -53,6 +53,7 @@
} }
this.restaurants = [] this.restaurants = []
getPageData(token, menuslist).then(res => { getPageData(token, menuslist).then(res => {
if(res.code == 1 && res.data.listData.length>0){
res.data.listData.forEach((item, index) => { res.data.listData.forEach((item, index) => {
let ulist = {"value": '', "usex": '', "sfzh": ''} let ulist = {"value": '', "usex": '', "sfzh": ''}
ulist.value = item.XM + '' ulist.value = item.XM + ''
...@@ -60,10 +61,10 @@ ...@@ -60,10 +61,10 @@
ulist.sfzh = item.SFZH ulist.sfzh = item.SFZH
this.restaurants.push(ulist) this.restaurants.push(ulist)
}) })
var restaurants = this.restaurants; var restaurants = this.restaurants;
var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants; var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
cb(results); cb(results);
}
}); });
}, },
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
......
src/views/gp/contract/GpContract.vue
...@@ -6,13 +6,21 @@ ...@@ -6,13 +6,21 @@
<div class="title">辖区居民·人数</div> <div class="title">辖区居民·人数</div>
<div class="card-content" style="height: 157px;"> <div class="card-content" style="height: 157px;">
<div class="cttxt"> <div class="cttxt">
<div class="ctline"><i class="i01"></i><span>实际数</span>|<span>同比数</span>|<span>管辖数</span></div> <div class="ctline">
<i class="i101"></i>
<span>实际数</span>
<i class="i102"></i>
<span>同比数</span>
<i class="i103"></i>
<span>管辖数</span>
</div>
<div class="ctp"> <div class="ctp">
<span>{{nullreturn(para01)}}</span> <span>{{nullreturn(para01)}}</span>
<span class="span02">/</span> <span class="span02">/</span>
<span class="span01">{{nullreturn(para02)}}</span> <span class="span01">{{nullreturn(para02)}}</span>
<span class="span02">/</span><span>{{nullreturn(para03)}}</span> <span class="span02">/</span><span>{{nullreturn(para03)}}</span>
<code class="tong">同</code><span class="span03">{{nullreturn(para04)=='-'?'-':Math.abs(nullreturn(para04))}}%</span> <code class="tong">..</code>
<span class="span03">{{nullreturn(para04)=='-'?'-':Math.abs(nullreturn(para04))}}%</span>
<i :class="para04<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para04<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
<div class="ctline"> <div class="ctline">
...@@ -23,7 +31,7 @@ ...@@ -23,7 +31,7 @@
<div class="ctp"> <div class="ctp">
<span>{{nullreturn(para05)}}</span> <span>{{nullreturn(para05)}}</span>
<span class="span01">%</span> <span class="span01">%</span>
<code class="pian">偏</code> <code class="pian">..</code>
<span class="span03">{{nullreturn(para06)=='-'?'-':Math.abs(nullreturn(para06))}}%</span> <span class="span03">{{nullreturn(para06)=='-'?'-':Math.abs(nullreturn(para06))}}%</span>
<i :class="para06<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para06<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
...@@ -44,13 +52,21 @@ ...@@ -44,13 +52,21 @@
<div class="title">重点人群·人数</div> <div class="title">重点人群·人数</div>
<div class="card-content" style="height: 157px;"> <div class="card-content" style="height: 157px;">
<div class="cttxt"> <div class="cttxt">
<div class="ctline"><i class="i01"></i><span>实际数</span>|<span>同比数</span>|<span>管辖数</span></div> <div class="ctline">
<i class="i101"></i>
<span>实际数</span>
<i class="i102"></i>
<span>同比数</span>
<i class="i103"></i>
<span>管辖数</span>
</div>
<div class="ctp"> <div class="ctp">
<span>{{nullreturn(para13)}}</span> <span>{{nullreturn(para13)}}</span>
<span class="span02">/</span> <span class="span02">/</span>
<span class="span01">{{nullreturn(para14)}}</span> <span class="span01">{{nullreturn(para14)}}</span>
<span class="span02">/</span><span>{{nullreturn(para15)}}</span> <span class="span02">/</span><span>{{nullreturn(para15)}}</span>
<code class="tong">同</code><span class="span03">{{nullreturn(para16)=='-'?'-':Math.abs(nullreturn(para16))}}%</span> <code class="tong">..</code>
<span class="span03">{{nullreturn(para16)=='-'?'-':Math.abs(nullreturn(para16))}}%</span>
<i :class="para16<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para16<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
<div class="ctline"> <div class="ctline">
...@@ -61,7 +77,7 @@ ...@@ -61,7 +77,7 @@
<div class="ctp"> <div class="ctp">
<span>{{nullreturn(para17)}}</span> <span>{{nullreturn(para17)}}</span>
<span class="span01">%</span> <span class="span01">%</span>
<code class="pian">偏</code> <code class="pian">..</code>
<span class="span03">{{nullreturn(para18)=='-'?'-':Math.abs(nullreturn(para18))}}%</span> <span class="span03">{{nullreturn(para18)=='-'?'-':Math.abs(nullreturn(para18))}}%</span>
<i :class="para18<0?'el-icon-my-down':'el-icon-my-up'"></i> <i :class="para18<0?'el-icon-my-down':'el-icon-my-up'"></i>
</div> </div>
...@@ -96,51 +112,51 @@ ...@@ -96,51 +112,51 @@
</el-col> </el-col>
<el-col :span="9"> <el-col :span="9">
<div class="card"> <div class="card">
<div class="title"></div> <div class="title">
<div class="tabletitle"> <div class="tabletitle">
<span @click="changeAll(1)" :class="isall==1?'clk':''">总览</span> <span @click="changeAll(1)" :class="isall==1?'clk':''">总览</span>
<span @click="changeAll(2)" :class="isall==2?'clk':''">缺陷</span> <span @click="changeAll(2)" :class="isall==2?'clk':''">缺陷</span>
<img @click="yyshow()" v-show="isall==1" src="~assets/img/common/icon-mainwen.png"> <img @click="yyshow()" v-show="isall==1" src="~assets/img/common/icon-mainwen.png">
</div> </div>
<div class="card-content" style="height: 235px;"> </div>
<div class="card-content" style="height: 267px;">
<el-table v-show="isall==1" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" <el-table v-show="isall==1" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
height="220" :row-class-name="tableRowClassName" :data="tableData"> height="255" :row-class-name="tableRowClassName" :data="tableData">
<el-table-column label="序列" type="index" width="45"></el-table-column> <el-table-column label="序列" type="index" min-width="45%"></el-table-column>
<el-table-column prop="MANAGE_NAME" :show-overflow-tooltip="true" width="85" label="人群"> <el-table-column prop="MANAGE_NAME" :show-overflow-tooltip="true" min-width="80%" label="人群">
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="AnalyFn(1,scope.row.MANAGE_TYPE)" :class="lbnamei(scope.$index)">{{returnIco(scope.row.MANAGE_TYPE)}}</span> <span @click="AnalyFn(1,scope.row.MANAGE_TYPE)" :class="lbnamei(scope.$index)">{{returnIco(scope.row.MANAGE_TYPE)}}</span>
<span @click="AnalyFn(1,scope.row.MANAGE_TYPE)" class="lbname">{{scope.row.MANAGE_NAME}}</span> <span @click="AnalyFn(1,scope.row.MANAGE_TYPE)" class="lbname">{{scope.row.MANAGE_NAME}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="QYRS" :formatter="stateFormat" width="55" <el-table-column prop="QYRS" :formatter="stateFormat" min-width="55%" :render-header="renderHeader"></el-table-column>
:render-header="renderHeader"></el-table-column> <el-table-column prop="QYRS_TBZ" :formatter="stateFormat" min-width="55%" label="去年·人">
<el-table-column prop="QYRS_TBZ" :formatter="stateFormat" width="55" label="去年·人">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.QYRS_TBZ}} {{scope.row.QYRS_TBZ}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="QYL" :formatter="stateFormat" width="65" label="签约率·%"> <el-table-column prop="QYL" :formatter="stateFormat" min-width="60%" label="签约率·%">
<template slot-scope="scope"> <template slot-scope="scope">
{{nullreturn(scope.row.QYL)}} {{nullreturn(scope.row.QYL)}}
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-table v-show="isall==2" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" <el-table v-show="isall==2" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
height="220" :row-class-name="tableRowClassName" :data="tableData"> height="255" :row-class-name="tableRowClassName" :data="tableData">
<el-table-column label="序列" type="index" width="45"></el-table-column> <el-table-column label="序列" type="index" min-width="45%"></el-table-column>
<el-table-column prop="MANAGE_NAME" :show-overflow-tooltip="true" width="80" label="人群"> <el-table-column prop="MANAGE_NAME" :show-overflow-tooltip="true" min-width="100%" label="人群">
<template slot-scope="scope"> <template slot-scope="scope">
<p @click="AnalyFn(2,scope.row.MANAGE_TYPE)" :class="lbnamei(scope.$index)"> <p @click="AnalyFn(2,scope.row.MANAGE_TYPE)" :class="lbnamei(scope.$index)">
{{returnIco(scope.row.MANAGE_TYPE)}}</p> {{returnIco(scope.row.MANAGE_TYPE)}}</p>
<p @click="AnalyFn(2,scope.row.MANAGE_TYPE)" class="lbname">{{scope.row.MANAGE_NAME}}</p> <p @click="AnalyFn(2,scope.row.MANAGE_TYPE)" class="lbname">{{scope.row.MANAGE_NAME}}</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="W_QY" :formatter="stateFormat" :render-header="renderHeaderw"> <el-table-column prop="W_QY" :formatter="stateFormat" min-width="70%" :render-header="renderHeaderw">
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.row.W_QY}} {{scope.row.W_QY}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="W_QYL" :formatter="stateFormat" label="未签约率·%"> <el-table-column prop="W_QYL" :formatter="stateFormat" min-width="70%" label="未签约率·%">
<template slot-scope="scope"> <template slot-scope="scope">
{{nullreturn(scope.row.W_QYL)}} {{nullreturn(scope.row.W_QYL)}}
</template> </template>
...@@ -231,7 +247,7 @@ ...@@ -231,7 +247,7 @@
res += "<ul class='ectable01'>"; res += "<ul class='ectable01'>";
res += "<li class='li01'>管辖数：<li>"; res += "<li class='li01'>管辖数：<li>";
res += "<li class='li03'>" + params[0].data.value + " / " + params[0].data.val + "人</li>"; res += "<li class='li03'>" + params[0].data.value + " / " + params[0].data.val + "人</li>";
res += "<li><span class='tong'>同</span></li>"; res += "<li><code class='tong'>..</code></li>";
res += "<li>" + params[1].data.value + "%"; res += "<li>" + params[1].data.value + "%";
if (params[1].data.val2 < 0) { if (params[1].data.val2 < 0) {
res += " <i class='el-icon-my-down'></i> "; res += " <i class='el-icon-my-down'></i> ";
...@@ -242,7 +258,7 @@ ...@@ -242,7 +258,7 @@
res += "<ul class='ectable01'>"; res += "<ul class='ectable01'>";
res += "<li class='li01'>签约数：<li>"; res += "<li class='li01'>签约数：<li>";
res += "<li class='li03'>" + params[1].data.val + " / " + params[2].data.value + "人</li>"; res += "<li class='li03'>" + params[1].data.val + " / " + params[2].data.value + "人</li>";
res += "<li><span class='tong'>同</span></li>"; res += "<li><code class='tong'>..</code></li>";
res += "<li>" + params[2].data.val + "%"; res += "<li>" + params[2].data.val + "%";
if (params[2].data.val2 < 0) { if (params[2].data.val2 < 0) {
res += " <i class='el-icon-my-down'></i> "; res += " <i class='el-icon-my-down'></i> ";
...@@ -253,7 +269,7 @@ ...@@ -253,7 +269,7 @@
res += "<ul class='ectable01'>"; res += "<ul class='ectable01'>";
res += "<li class='li01'>签约率：</li>"; res += "<li class='li01'>签约率：</li>";
res += "<li class='li03'>" + params[3].data.value + " %/" + params[3].data.val + " %</li>"; res += "<li class='li03'>" + params[3].data.value + " %/" + params[3].data.val + " %</li>";
res += "<li><span class='tong'>同</span></li>"; res += "<li><code class='tong'>..</code></li>";
res += "<li>" + params[4].data.value + "%"; res += "<li>" + params[4].data.value + "%";
if (params[4].data.val2 < 0) { if (params[4].data.val2 < 0) {
res += " <i class='el-icon-my-down'></i> "; res += " <i class='el-icon-my-down'></i> ";
...@@ -292,7 +308,7 @@ ...@@ -292,7 +308,7 @@
itemHeight: 10, itemHeight: 10,
itemWidth: 10, itemWidth: 10,
itemGap: 5, itemGap: 5,
data: ['已签约', '管辖数', '重点签约人数', '重点管辖数', '签约率偏离度', '重点签约率偏离度'], data: ['已签约', '管辖数', '去年签约', '去年管辖', '签约率偏离度', '去年签约率偏离'],
align: 'left', align: 'left',
selectedMode: false selectedMode: false
}, },
...@@ -330,7 +346,7 @@ ...@@ -330,7 +346,7 @@
}], }],
yAxis: [{ yAxis: [{
type: 'value', type: 'value',
name: '千', name: '人',
min: 0, min: 0,
axisLabel: { axisLabel: {
textStyle: { textStyle: {
...@@ -406,7 +422,7 @@ ...@@ -406,7 +422,7 @@
data: [] data: []
}, },
{ {
name: '重点签约人数', name: '去年签约',
type: 'bar', type: 'bar',
barWidth: null, barWidth: null,
itemStyle: { itemStyle: {
...@@ -417,7 +433,7 @@ ...@@ -417,7 +433,7 @@
data: [] data: []
}, },
{ {
name: '重点管辖数', name: '去年管辖',
type: 'bar', type: 'bar',
smooth: true, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
...@@ -447,7 +463,7 @@ ...@@ -447,7 +463,7 @@
data: [] data: []
}, },
{ {
name: '重点签约率偏离度', name: '去年签约率偏离',
type: 'line', type: 'line',
smooth: true, smooth: true,
yAxisIndex: 1, yAxisIndex: 1,
...@@ -557,7 +573,7 @@ ...@@ -557,7 +573,7 @@
res += "</tr>"; res += "</tr>";
res += "<tr>"; res += "<tr>";
res += "<td align='left'></td>"; res += "<td align='left'></td>";
res += "<td width='120'>签约率：" + params.data.val2 + "% <span class='pian'>偏</span> " + params.data.val3; res += "<td width='120'>签约率：" + params.data.val2 + "% <code class='pian'>..</code> " + params.data.val3;
if (params.data.val3 >= 0) { if (params.data.val3 >= 0) {
res += "% <i class='el-icon-my-up'></i>"; res += "% <i class='el-icon-my-up'></i>";
} else { } else {
...@@ -838,32 +854,32 @@ ...@@ -838,32 +854,32 @@
} else if (row.W_QYL) { } else if (row.W_QYL) {
return row.W_QYL return row.W_QYL
} else { } else {
return '-' return '0'
} }
}, },
returnIco(para) { returnIco(para) {
if (para == 'A') { if (para == 'A') {
return '60' return ''
} else if (para == 'B') { } else if (para == 'B') {
return '高' return ''
} else if (para == 'C') { } else if (para == 'C') {
return '糖' return ''
} else if (para == 'D') { } else if (para == 'D') {
return '孕' return ''
} else if (para == 'E') { } else if (para == 'E') {
return '小' return ''
} else if (para == 'F') { } else if (para == 'F') {
return '残' return ''
} else if (para == 'G') { } else if (para == 'G') {
return '结' return ''
} else if (para == 'H') { } else if (para == 'H') {
return '计' return ''
} else if (para == 'I') { } else if (para == 'I') {
return '精' return ''
} else if (para == 'J') { } else if (para == 'J') {
return '贫' return ''
} else if (para == 'K') { } else if (para == 'K') {
return '非' return ''
} else { } else {
return '-' return '-'
} }
...@@ -915,25 +931,35 @@ ...@@ -915,25 +931,35 @@
} }
}, },
lbnamei(param) { lbnamei(param) {
if (param < 2) { if (param == 0) {
return 'lbnamei' return 'lbnamei'
} else if (param >= 2 && param < 4) { } else if (param == 1) {
return 'lbnamei1' return 'lbnamei1'
} else if (param >= 4 && param < 6) { } else if (param == 2) {
return 'lbnamei2' return 'lbnamei2'
} else if (param >= 6 && param < 8) { } else if (param == 3) {
return 'lbnamei3' return 'lbnamei3'
} else if (param >= 8 && param < 10) { } else if (param == 4) {
return 'lbnamei4' return 'lbnamei4'
} else if (param >= 10 && param < 12) { } else if (param == 5) {
return 'lbnamei5' return 'lbnamei5'
} else if (param >= 12 && param < 14) { } else if (param == 6) {
return 'lbnamei6' return 'lbnamei6'
} else if (param == 7) {
return 'lbnamei7'
} else if (param == 8) {
return 'lbnamei8'
} else if (param == 9) {
return 'lbnamei9'
} else if (param == 10) {
return 'lbnamei10'
} else if (param == 11) {
return 'lbnamei11'
} }
}, },
nullreturn(param) { nullreturn(param) {
if (param == null || param == "NaN") { if (param == null || param == "NaN") {
return '-' return '0'
} else { } else {
var num = parseFloat(param); var num = parseFloat(param);
if (Math.abs(num) < 0.1) { //处理绝对值小于0.1的 if (Math.abs(num) < 0.1) { //处理绝对值小于0.1的
...@@ -969,16 +995,19 @@ ...@@ -969,16 +995,19 @@
/deep/ .el-table, .el-table__expanded-cell{ background: none;} /deep/ .el-table, .el-table__expanded-cell{ background: none;}
/deep/ .lbname{ line-height: 24px; text-align: center;} /deep/ .lbname{ line-height: 24px; text-align: center;}
/deep/ .lbnamea{ line-height: 24px; text-align: center; text-decoration: underline;} /deep/ .lbnamea{ line-height: 24px; text-align: center; text-decoration: underline;}
/deep/ .lbnamei{background:rgba(21,87,188,1); border-radius: 3px; border: 1px solid #1e5d98; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei{background:url(../../../assets/img/common/icon-zdrq-A.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #1e5d98; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei1{background:rgba(19,85,187,1); border-radius: 3px; border: 1px solid #1c69ab; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei1{background:url(../../../assets/img/common/icon-zdrq-B.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #1c69ab; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei2{background:rgba(19,85,187,1); border-radius: 3px; border: 1px solid #1a6bab; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei2{background:url(../../../assets/img/common/icon-zdrq-C.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #1a6bab; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei3{background:rgba(36,104,172,1); border-radius: 3px; border: 1px solid #2f72a7; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei3{background:url(../../../assets/img/common/icon-zdrq-D.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #2f72a7; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei4{background:rgba(39,118,186,1); border-radius: 3px; border: 1px solid #1c69ab; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei4{background:url(../../../assets/img/common/icon-zdrq-E.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #1c69ab; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei5{background:rgba(91,123,159,1); border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei5{background:url(../../../assets/img/common/icon-zdrq-F.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei6{background:rgba(91,123,159,1); border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei6{background:url(../../../assets/img/common/icon-zdrq-G.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei7{background:rgba(91,123,159,1); border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 2px; color: #fff; font-style: normal; float: left; height: 18px; line-height: 18px; width: 18px; text-align: center;} /deep/ .lbnamei7{background:url(../../../assets/img/common/icon-zdrq-H.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei8{background:url(../../../assets/img/common/icon-zdrq-I.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei9{background:url(../../../assets/img/common/icon-zdrq-J.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbnamei10{background:url(../../../assets/img/common/icon-zdrq-K.svg);background-size: 100% 100%; border-radius: 3px; border: 1px solid #4f6a8b; margin-top: 5px; float: left; height: 16px; line-height: 16px; width: 16px; max-width: 16px; max-height: 16px;}
/deep/ .lbname{ color: #AAB1D2; float: left; width: 48px; padding-left: 8px; height: 24px; text-align: left; overflow: hidden; text-decoration: underline;} /deep/ .lbname{ color: #AAB1D2; float: left; width: 57px; padding-left: 8px; height: 24px; text-align: left; overflow: hidden; text-decoration: underline;}
/deep/ .el-input__icon{ line-height: 30px;} /deep/ .el-input__icon{ line-height: 30px;}
.el-date-editor{ width: 30px; position: absolute; right: 0px; top: 0px;} .el-date-editor{ width: 30px; position: absolute; right: 0px; top: 0px;}
...@@ -986,8 +1015,8 @@ ...@@ -986,8 +1015,8 @@
/deep/ .el-date-editor .el-input__inner{ background:none !important;} /deep/ .el-date-editor .el-input__inner{ background:none !important;}
/deep/ .el-date-editor .el-input__prefix{ display: none;} /deep/ .el-date-editor .el-input__prefix{ display: none;}
/deep/ .el-date-editor .el-input__suffix{display: none;} /deep/ .el-date-editor .el-input__suffix{display: none;}
.div-model-b /deep/ .el-table tr{ background: none;} /deep/ .el-table tr{ background: none;}
.div-model-b /deep/ .el-table th{ background: none; font-weight: normal;} /deep/ .el-table th{ background: none; font-weight: normal;}
.div-model-b /deep/ .el-table .warning-row { } /deep/ .el-table .warning-row { }
.div-model-b /deep/ .el-table .success-row { background: rgba(41,51,85,1); } /deep/ .el-table .success-row { background: rgba(41,51,85,1); }
</style> </style>
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