no message
Showing
3 changed files
with
23 additions
and
23 deletions
| ... | @@ -44,22 +44,22 @@ | ... | @@ -44,22 +44,22 @@ |
| 44 | </text> | 44 | </text> |
| 45 | </svg> | 45 | </svg> |
| 46 | </div> | 46 | </div> |
| 47 | <div class="q3box qqbox"> | 47 | <!-- <div class="q3box qqbox">--> |
| 48 | <!-- 液体球--> | 48 | <!-- <!– 液体球–>--> |
| 49 | <div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div> | 49 | <!-- <div ref="q3" style="width: 100%;height:calc(90*100vw/1920);"></div>--> |
| 50 | <svg width="100%" :height="`calc(100*100vw/1920)`"> | 50 | <!-- <svg width="100%" :height="`calc(100*100vw/1920)`">--> |
| 51 | <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%"> | 51 | <!-- <linearGradient id="gradient" y1="0%" x1="100%" x2="100%" y2="100%">--> |
| 52 | <stop offset="0%" stop-color="#03AEFD"/> | 52 | <!-- <stop offset="0%" stop-color="#03AEFD"/>--> |
| 53 | <stop offset="10%" stop-color="#AEFFF3"/> | 53 | <!-- <stop offset="10%" stop-color="#AEFFF3"/>--> |
| 54 | </linearGradient> | 54 | <!-- </linearGradient>--> |
| 55 | <text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff" | 55 | <!-- <text x="50%" :y="`calc(15*100vw/1920)`" font-family="PingFang SC" text-anchor="middle" fill="#fff"--> |
| 56 | :font-size="`calc(14*100vw/1920)`">基本满意 | 56 | <!-- :font-size="`calc(14*100vw/1920)`">基本满意--> |
| 57 | </text> | 57 | <!-- </text>--> |
| 58 | <text x="50%" :y="`calc(40*100vw/1920)`" font-family="DIN Alternate" text-anchor="middle" font-weight="bold" | 58 | <!-- <text x="50%" :y="`calc(40*100vw/1920)`" font-family="DIN Alternate" text-anchor="middle" font-weight="bold"--> |
| 59 | :font-size="`calc(16*100vw/1920)`" fill="url(#gradient)">{{ list['基本满意'] }} | 59 | <!-- :font-size="`calc(16*100vw/1920)`" fill="url(#gradient)">{{ list['基本满意'] }}--> |
| 60 | </text> | 60 | <!-- </text>--> |
| 61 | </svg> | 61 | <!-- </svg>--> |
| 62 | </div> | 62 | <!-- </div>--> |
| 63 | <div class="q4box qqbox"> | 63 | <div class="q4box qqbox"> |
| 64 | <!-- 液体球--> | 64 | <!-- 液体球--> |
| 65 | <div ref="q4" style="width: 100%;height:calc(90*100vw/1920);"></div> | 65 | <div ref="q4" style="width: 100%;height:calc(90*100vw/1920);"></div> |
| ... | @@ -245,11 +245,11 @@ const setQ1 = (ref, data) => { | ... | @@ -245,11 +245,11 @@ const setQ1 = (ref, data) => { |
| 245 | } | 245 | } |
| 246 | 246 | ||
| 247 | .partB { | 247 | .partB { |
| 248 | display: flex; | 248 | display: flex;justify-content: space-around; |
| 249 | } | 249 | } |
| 250 | 250 | ||
| 251 | .qqbox { | 251 | .qqbox { |
| 252 | width: 25%; | 252 | width: 33%; |
| 253 | position: relative; | 253 | position: relative; |
| 254 | top: calc(-20 * 100vw / 1920); | 254 | top: calc(-20 * 100vw / 1920); |
| 255 | background: url("@/assets/img/q1.png") no-repeat bottom center; | 255 | background: url("@/assets/img/q1.png") no-repeat bottom center; | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="pd20"> | 2 | <div class="pd20"> |
| 3 | <div class="chartCard"> | 3 | <div class="chartCard"> |
| 4 | <div class="title">查档接待情况</div> | 4 | <div class="title">档案出证情况</div> |
| 5 | 5 | ||
| 6 | <div class="po_right"> | 6 | <div class="po_right"> |
| 7 | <el-radio-group v-model="radioA" size="small" @change="radioAChange"> | 7 | <el-radio-group v-model="radioA" size="small" @change="radioAChange"> |
| ... | @@ -123,7 +123,7 @@ const setA = () => { | ... | @@ -123,7 +123,7 @@ const setA = () => { |
| 123 | z: 10 | 123 | z: 10 |
| 124 | }], | 124 | }], |
| 125 | yAxis: { | 125 | yAxis: { |
| 126 | name: '单位(K)', | 126 | name: '单位(次)', |
| 127 | nameTextStyle: { | 127 | nameTextStyle: { |
| 128 | color:'#7ECEF4', | 128 | color:'#7ECEF4', |
| 129 | fontSize:'1.2rem' | 129 | fontSize:'1.2rem' |
| ... | @@ -243,7 +243,7 @@ const setB = () => { | ... | @@ -243,7 +243,7 @@ const setB = () => { |
| 243 | }, | 243 | }, |
| 244 | }, | 244 | }, |
| 245 | yAxis: { | 245 | yAxis: { |
| 246 | name: '单位(K)', | 246 | name: '单位(次)', |
| 247 | nameTextStyle: { | 247 | nameTextStyle: { |
| 248 | color:'#7ECEF4', | 248 | color:'#7ECEF4', |
| 249 | fontSize:'1.2rem' | 249 | fontSize:'1.2rem' | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <div class="pd20"> | 2 | <div class="pd20"> |
| 3 | <div class="chartCard"> | 3 | <div class="chartCard"> |
| 4 | <div class="title">档案借阅总览</div> | 4 | <div class="title">查档接待情况</div> |
| 5 | 5 | ||
| 6 | <div class="po_right"> | 6 | <div class="po_right"> |
| 7 | <el-radio-group v-model="radioA" size="small" @change="radioAChange"> | 7 | <el-radio-group v-model="radioA" size="small" @change="radioAChange"> |
| ... | @@ -109,7 +109,7 @@ const setA = () => { | ... | @@ -109,7 +109,7 @@ const setA = () => { |
| 109 | z: 10 | 109 | z: 10 |
| 110 | }], | 110 | }], |
| 111 | yAxis: { | 111 | yAxis: { |
| 112 | name: '单位(K)', | 112 | name: '单位(次)', |
| 113 | nameTextStyle: { | 113 | nameTextStyle: { |
| 114 | color: '#7ECEF4', | 114 | color: '#7ECEF4', |
| 115 | fontSize: '1.2rem' | 115 | fontSize: '1.2rem' | ... | ... |
-
Please register or sign in to post a comment