no message
Showing
3 changed files
with
22 additions
and
15 deletions
| ... | @@ -60,18 +60,17 @@ | ... | @@ -60,18 +60,17 @@ |
| 60 | <text x="50%" y="40" text-anchor="middle" font-weight="bold" font-size="16" fill="url(#gradient)">{{ list['不满意'] }}</text> | 60 | <text x="50%" y="40" text-anchor="middle" font-weight="bold" font-size="16" fill="url(#gradient)">{{ list['不满意'] }}</text> |
| 61 | </svg> | 61 | </svg> |
| 62 | </div> | 62 | </div> |
| 63 | <div class="q5box qqbox"> | 63 | <!-- <div class="q5box qqbox">--> |
| 64 | <!-- 液体球--> | 64 | <!-- <div ref="q5" style="width: 100%;height: 90px;"></div>--> |
| 65 | <div ref="q5" style="width: 100%;height: 90px;"></div> | 65 | <!-- <svg width="100%" height="100">--> |
| 66 | <svg width="100%" height="100"> | 66 | <!-- <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">--> |
| 67 | <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%"> | 67 | <!-- <stop offset="0%" stop-color="#03AEFD" />--> |
| 68 | <stop offset="0%" stop-color="#03AEFD" /> | 68 | <!-- <stop offset="10%" stop-color="#AEFFF3" />--> |
| 69 | <stop offset="10%" stop-color="#AEFFF3" /> | 69 | <!-- </linearGradient>--> |
| 70 | </linearGradient> | 70 | <!-- <text x="50%" y="15" text-anchor="middle" fill="#fff" font-size="14">非常不满意</text>--> |
| 71 | <text x="50%" y="15" text-anchor="middle" fill="#fff" font-size="14">非常不满意</text> | 71 | <!-- <text x="50%" y="40" text-anchor="middle" font-weight="bold" font-size="16" fill="url(#gradient)">{{list['非常不满意']}}</text>--> |
| 72 | <text x="50%" y="40" text-anchor="middle" font-weight="bold" font-size="16" fill="url(#gradient)">{{list['非常不满意']}}</text> | 72 | <!-- </svg>--> |
| 73 | </svg> | 73 | <!-- </div>--> |
| 74 | </div> | ||
| 75 | </div> | 74 | </div> |
| 76 | 75 | ||
| 77 | 76 | ||
| ... | @@ -218,12 +217,12 @@ const setQ1 = (ref, data, dom) => { | ... | @@ -218,12 +217,12 @@ const setQ1 = (ref, data, dom) => { |
| 218 | } | 217 | } |
| 219 | 218 | ||
| 220 | .partB{display: flex;} | 219 | .partB{display: flex;} |
| 221 | .qqbox{width: 20%;position: relative; | 220 | .qqbox{width: 25%;position: relative; |
| 222 | background: url("@/assets/img/q1.png") no-repeat bottom center; | 221 | background: url("@/assets/img/q1.png") no-repeat bottom center; |
| 223 | background-size: contain; | 222 | background-size: contain; |
| 224 | } | 223 | } |
| 225 | .q1box,.q5box{top: -60px} | 224 | //.q1box,.q5box{top: -60px} |
| 226 | .q2box,.q4box{top: -30px} | 225 | //.q2box,.q4box{top: -30px} |
| 227 | 226 | ||
| 228 | 227 | ||
| 229 | </style> | 228 | </style> | ... | ... |
| ... | @@ -66,9 +66,11 @@ const getAdata = () => { | ... | @@ -66,9 +66,11 @@ const getAdata = () => { |
| 66 | dataA.value = [] | 66 | dataA.value = [] |
| 67 | kindList.value = [] | 67 | kindList.value = [] |
| 68 | for(let n of res.data){ | 68 | for(let n of res.data){ |
| 69 | if(n.count>0){ | ||
| 69 | kindList.value.push(n.name) | 70 | kindList.value.push(n.name) |
| 70 | dataA.value.push(n.count) | 71 | dataA.value.push(n.count) |
| 71 | } | 72 | } |
| 73 | } | ||
| 72 | setA() | 74 | setA() |
| 73 | }) | 75 | }) |
| 74 | } | 76 | } |
| ... | @@ -77,9 +79,11 @@ const getBdata = () => { | ... | @@ -77,9 +79,11 @@ const getBdata = () => { |
| 77 | dataA.value = [] | 79 | dataA.value = [] |
| 78 | kindList.value = [] | 80 | kindList.value = [] |
| 79 | for(let n of res.data){ | 81 | for(let n of res.data){ |
| 82 | if(n.count>0) { | ||
| 80 | kindList.value.push(n.name) | 83 | kindList.value.push(n.name) |
| 81 | dataA.value.push(n.count) | 84 | dataA.value.push(n.count) |
| 82 | } | 85 | } |
| 86 | } | ||
| 83 | setB() | 87 | setB() |
| 84 | }) | 88 | }) |
| 85 | } | 89 | } | ... | ... |
| ... | @@ -65,9 +65,11 @@ const getA = () => { | ... | @@ -65,9 +65,11 @@ const getA = () => { |
| 65 | dataA.value = [] | 65 | dataA.value = [] |
| 66 | kindList.value = [] | 66 | kindList.value = [] |
| 67 | for(let n of res.data){ | 67 | for(let n of res.data){ |
| 68 | if(n.count>0) { | ||
| 68 | kindList.value.push(n.name) | 69 | kindList.value.push(n.name) |
| 69 | dataA.value.push(n.count) | 70 | dataA.value.push(n.count) |
| 70 | } | 71 | } |
| 72 | } | ||
| 71 | setA() | 73 | setA() |
| 72 | }) | 74 | }) |
| 73 | } | 75 | } |
| ... | @@ -177,9 +179,11 @@ const getB = () => { | ... | @@ -177,9 +179,11 @@ const getB = () => { |
| 177 | dataA.value = [] | 179 | dataA.value = [] |
| 178 | kindList.value = [] | 180 | kindList.value = [] |
| 179 | for(let n of res.data){ | 181 | for(let n of res.data){ |
| 182 | if(n.count>0) { | ||
| 180 | kindList.value.push(n.name) | 183 | kindList.value.push(n.name) |
| 181 | dataA.value.push(n.count) | 184 | dataA.value.push(n.count) |
| 182 | } | 185 | } |
| 186 | } | ||
| 183 | setB() | 187 | setB() |
| 184 | }) | 188 | }) |
| 185 | } | 189 | } | ... | ... |
-
Please register or sign in to post a comment