| | |
|---|
| | | <div style="padding-right: 30px;display: flex;flex-wrap: wrap;" class="neir">
|
|---|
| | | <div class="kuai_sb" v-for="item in record.xyData" :key="item.name">
|
|---|
| | | <el-col class="deng" :class="getStatusClass(item.value)"></el-col>
|
|---|
| | | <el-input v-model="item.name" style="width: 100%;" class="in_mc"></el-input>
|
|---|
| | | <span style="width: 100%;" class="in_mc">{{
|
|---|
| | | item.unit
|
|---|
| | | }}</span>
|
|---|
| | | <span style="width: 100%;" class="in_mc">{{
|
|---|
| | | item.name
|
|---|
| | | }}</span>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|---|
| | | const translation = this.$t('Signlang');
|
|---|
| | |
|
|---|
| | | if (translation != null) {
|
|---|
| | | this.record.xyData = this.record.xyData.map(item => { return { name: translation[item.name] || item.name, value: item.value }; });
|
|---|
| | | this.record.xyData = this.record.xyData.map(item => { return { name: translation[item.name] || item.name, value: item.value,unit:item.unit }; });
|
|---|
| | | //console.log(translation);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | | .kuai_sb {
|
|---|
| | | text-align: center;
|
|---|
| | | width: 15%;
|
|---|
| | | margin-bottom: 15px;
|
|---|
| | | width:18%;
|
|---|
| | | margin-bottom: 5px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-input {
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .in_mc {
|
|---|
| | | .el-input__inner {
|
|---|
| | | border: none;
|
|---|
| | | }
|
|---|
| | | font-size: 13px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .deng {
|
|---|
| | | margin-left: 40%;
|
|---|
| | | margin-left: 1%;
|
|---|
| | | display: inline-block;
|
|---|
| | | background: #A0A0A0;
|
|---|
| | | border: 0.1875em solid white;
|
|---|
| | | border-radius: 50%;
|
|---|
| | | height: 4em;
|
|---|
| | | width: 4em;
|
|---|
| | | height: 2em;
|
|---|
| | | width: 2em;
|
|---|
| | | box-shadow: 0.375em 0.375em 0 0 rgba(214, 214, 214, 0.125);
|
|---|
| | | }
|
|---|
| | |
|
|---|
