|
@@ -9,21 +9,23 @@
|
|
<tr>
|
|
<tr>
|
|
<td class="ind">序号</td>
|
|
<td class="ind">序号</td>
|
|
<td>标准词<span class="necess">*</span></td>
|
|
<td>标准词<span class="necess">*</span></td>
|
|
|
|
+ <td>拼音</td>
|
|
<td>类型<span class="necess">*</span></td>
|
|
<td>类型<span class="necess">*</span></td>
|
|
<td class="desc">说明</td>
|
|
<td class="desc">说明</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<td class="ind">1</td>
|
|
<td class="ind">1</td>
|
|
<td :title="data.name&&data.name.length>9?data.name:''">
|
|
<td :title="data.name&&data.name.length>9?data.name:''">
|
|
- <!-- <el-input v-model="data.name" placeholder="请输入术语" maxlength="30" size="small" @input.native="handleInput(1)"></el-input> -->
|
|
|
|
<!-- 修改时标准词不能修改,修改了会当做新增处理 4-17 -->
|
|
<!-- 修改时标准词不能修改,修改了会当做新增处理 4-17 -->
|
|
<p v-if="id">{{data.name}}</p>
|
|
<p v-if="id">{{data.name}}</p>
|
|
- <!-- <input v-else type="text" v-model="data.name" placeholder="请输入术语" maxlength="30" @input="handleInput(1)"> -->
|
|
|
|
<!-- 4-18 需求变更 -->
|
|
<!-- 4-18 需求变更 -->
|
|
<input v-else type="text" v-model="data.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(1)">
|
|
<input v-else type="text" v-model="data.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(1)">
|
|
</td>
|
|
</td>
|
|
<td>
|
|
<td>
|
|
- <el-select v-if="!id" v-model="data.type" filterable placeholder="请选择" size="small">
|
|
|
|
|
|
+ <input type="text" v-model="data.spell" placeholder="请输入拼音" maxlength="30" @input="handlePinyin">
|
|
|
|
+ </td>
|
|
|
|
+ <td>
|
|
|
|
+ <el-select v-if="!id" v-model="data.type" filterable placeholder="请选择" size="small" @change="selectType">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in typeList"
|
|
v-for="item in typeList"
|
|
:key="item.id"
|
|
:key="item.id"
|
|
@@ -34,7 +36,6 @@
|
|
<span v-else>{{data.type}}</span>
|
|
<span v-else>{{data.type}}</span>
|
|
</td>
|
|
</td>
|
|
<td class="desc">
|
|
<td class="desc">
|
|
- <!-- <el-input v-model="data.remark" placeholder="请输入术语说明" maxlength="120" size="small" @input="handleRemark"></el-input> -->
|
|
|
|
<input v-model="data.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
<input v-model="data.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
@@ -44,6 +45,7 @@
|
|
<tr>
|
|
<tr>
|
|
<td class="ind">序号</td>
|
|
<td class="ind">序号</td>
|
|
<td>术语</td>
|
|
<td>术语</td>
|
|
|
|
+ <td>拼音</td>
|
|
<td>类型</td>
|
|
<td>类型</td>
|
|
<td class="desc">说明</td>
|
|
<td class="desc">说明</td>
|
|
<td class="descs">术语性质</td>
|
|
<td class="descs">术语性质</td>
|
|
@@ -54,18 +56,18 @@
|
|
<td :title="item.name&&item.name.length>9?item.name:''">
|
|
<td :title="item.name&&item.name.length>9?item.name:''">
|
|
<!-- 使用原生input,输入限制 -->
|
|
<!-- 使用原生input,输入限制 -->
|
|
<!-- <el-input v-model="item.name" placeholder="请输入术语" maxlength="30" size="small" @input.native="handleInput(2,index)"></el-input> -->
|
|
<!-- <el-input v-model="item.name" placeholder="请输入术语" maxlength="30" size="small" @input.native="handleInput(2,index)"></el-input> -->
|
|
- <!-- <input type="text" v-model="item.name" placeholder="请输入术语" maxlength="30" @input="handleInput(2,index)"> -->
|
|
|
|
<input type="text" v-model="item.name" :title="item.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(2,index,99)" :disabled="!item.isEdit">
|
|
<input type="text" v-model="item.name" :title="item.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(2,index,99)" :disabled="!item.isEdit">
|
|
</td>
|
|
</td>
|
|
|
|
+ <td>
|
|
|
|
+ {{data.spell}}
|
|
|
|
+ </td>
|
|
<td>
|
|
<td>
|
|
{{data.type}}
|
|
{{data.type}}
|
|
</td>
|
|
</td>
|
|
<td class="desc">
|
|
<td class="desc">
|
|
- <!-- <el-input v-model="item.remark" placeholder="请输入术语说明" maxlength="120" size="small" @input="handleRemark(index,item.name)"></el-input> -->
|
|
|
|
<input v-model="item.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
<input v-model="item.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
</td>
|
|
</td>
|
|
<td class="desc">
|
|
<td class="desc">
|
|
- <!-- <el-input v-model="item.remark" placeholder="请输入术语说明" maxlength="120" size="small" @input="handleRemark(index,item.name)"></el-input> -->
|
|
|
|
{{item.isConcept == 1?"标准词":"同义词"}}
|
|
{{item.isConcept == 1?"标准词":"同义词"}}
|
|
</td>
|
|
</td>
|
|
<td v-if="id">
|
|
<td v-if="id">
|
|
@@ -74,12 +76,12 @@
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
<tr @click="addSpan(55)">
|
|
<tr @click="addSpan(55)">
|
|
- <td colspan="6" class="addSpan">+</td>
|
|
|
|
|
|
+ <td colspan="7" class="addSpan">+</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
<div class="actionDo">
|
|
<div class="actionDo">
|
|
<div class="btnWrap">
|
|
<div class="btnWrap">
|
|
- <el-button type="primary" size="mini" v-if="show" @click="comfirn(14)">确认修改</el-button>
|
|
|
|
|
|
+ <!-- <el-button type="primary" size="mini" v-if="show" @click="comfirn(14)">确认修改</el-button> -->
|
|
<el-button plain size="mini" v-if="show" @click="toggleShow(1)">放弃修改</el-button>
|
|
<el-button plain size="mini" v-if="show" @click="toggleShow(1)">放弃修改</el-button>
|
|
<el-button plain size="mini" @click="toggleShow(2)" v-if="!show">修改标准词</el-button>
|
|
<el-button plain size="mini" @click="toggleShow(2)" v-if="!show">修改标准词</el-button>
|
|
</div>
|
|
</div>
|
|
@@ -95,6 +97,7 @@
|
|
<tr>
|
|
<tr>
|
|
<td class="ind">序号</td>
|
|
<td class="ind">序号</td>
|
|
<td>术语</td>
|
|
<td>术语</td>
|
|
|
|
+ <td>拼音</td>
|
|
<td>类型</td>
|
|
<td>类型</td>
|
|
<td class="desc">说明</td>
|
|
<td class="desc">说明</td>
|
|
<td v-if="id">操作</td>
|
|
<td v-if="id">操作</td>
|
|
@@ -104,14 +107,15 @@
|
|
<td :title="item.name&&item.name.length>9?item.name:''">
|
|
<td :title="item.name&&item.name.length>9?item.name:''">
|
|
<!-- 使用原生input,输入限制 -->
|
|
<!-- 使用原生input,输入限制 -->
|
|
<!-- <el-input v-model="item.name" placeholder="请输入术语" maxlength="30" size="small" @input.native="handleInput(2,index)"></el-input> -->
|
|
<!-- <el-input v-model="item.name" placeholder="请输入术语" maxlength="30" size="small" @input.native="handleInput(2,index)"></el-input> -->
|
|
- <!-- <input type="text" v-model="item.name" placeholder="请输入术语" maxlength="30" @input="handleInput(2,index)"> -->
|
|
|
|
<input type="text" v-model="item.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(2,index)">
|
|
<input type="text" v-model="item.name" placeholder="请输入术语" maxlength="30" @blur="handleBlur(2,index)">
|
|
</td>
|
|
</td>
|
|
|
|
+ <td>
|
|
|
|
+ <input type="text" v-model="item.spell" placeholder="请输入拼音" maxlength="30" @input="handlePinyin">
|
|
|
|
+ </td>
|
|
<td>
|
|
<td>
|
|
{{data.type}}
|
|
{{data.type}}
|
|
</td>
|
|
</td>
|
|
<td class="desc">
|
|
<td class="desc">
|
|
- <!-- <el-input v-model="item.remark" placeholder="请输入术语说明" maxlength="120" size="small" @input="handleRemark(index,item.name)"></el-input> -->
|
|
|
|
<input v-model="item.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
<input v-model="item.remark" placeholder="请输入术语说明" maxlength="120"></input>
|
|
</td>
|
|
</td>
|
|
<td v-if="id">
|
|
<td v-if="id">
|
|
@@ -122,6 +126,29 @@
|
|
<td :colspan="colspan" class="addSpan">+</td>
|
|
<td :colspan="colspan" class="addSpan">+</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
|
|
+ <div class="moreInfo" v-if="showMore==1">
|
|
|
|
+ <p>更多信息:</p>
|
|
|
|
+ <el-form>
|
|
|
|
+ <el-form-item label="性别:">
|
|
|
|
+ <el-select v-model="sexType">
|
|
|
|
+ <el-option v-for="(it,i) in sex" :label="it.name" :value="it.name"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="年龄:" class="ages">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model.number="minAge"
|
|
|
|
+ type="number"
|
|
|
|
+ @input="inputAge">
|
|
|
|
+ </el-input>
|
|
|
|
+ <span class="ageLine">~</span>
|
|
|
|
+ <el-input
|
|
|
|
+ v-model.number="maxAge"
|
|
|
|
+ type="number"
|
|
|
|
+ @input="inputAge"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
<div class="btn">
|
|
<div class="btn">
|
|
<el-button
|
|
<el-button
|
|
type="primary"
|
|
type="primary"
|
|
@@ -134,6 +161,7 @@
|
|
</template>
|
|
</template>
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
import api from '@api/icss.js';
|
|
import api from '@api/icss.js';
|
|
|
|
+import pinyin from '../../js/Convert_Pinyin.js';
|
|
export default {
|
|
export default {
|
|
name:'AddMedicalName',
|
|
name:'AddMedicalName',
|
|
data(){
|
|
data(){
|
|
@@ -143,7 +171,8 @@ import api from '@api/icss.js';
|
|
name:'',
|
|
name:'',
|
|
type:'',
|
|
type:'',
|
|
remark:'',
|
|
remark:'',
|
|
- isConcept:1
|
|
|
|
|
|
+ isConcept:1,
|
|
|
|
+ spell:''
|
|
},
|
|
},
|
|
radioVal:'',
|
|
radioVal:'',
|
|
typeList:[],
|
|
typeList:[],
|
|
@@ -151,12 +180,30 @@ import api from '@api/icss.js';
|
|
synonymous:[],//同义词
|
|
synonymous:[],//同义词
|
|
singleword:[],
|
|
singleword:[],
|
|
allwords:[],//标准词和同义词
|
|
allwords:[],//标准词和同义词
|
|
- colspan:4,
|
|
|
|
- colspans:5,
|
|
|
|
|
|
+ colspan:5,
|
|
|
|
+ colspans:6,
|
|
currentPage:1,
|
|
currentPage:1,
|
|
pageSize:10,
|
|
pageSize:10,
|
|
show:false,
|
|
show:false,
|
|
- tmpSynonymous:[]
|
|
|
|
|
|
+ tmpSynonymous:[],
|
|
|
|
+ sexType:'通用',
|
|
|
|
+ maxAge:200,
|
|
|
|
+ minAge:0,
|
|
|
|
+ showMore:'',
|
|
|
|
+ sex:[
|
|
|
|
+ {
|
|
|
|
+ name:'通用',
|
|
|
|
+ value:3
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name:'男',
|
|
|
|
+ value:1
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name:'女',
|
|
|
|
+ value:2
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created(){
|
|
created(){
|
|
@@ -207,6 +254,16 @@ import api from '@api/icss.js';
|
|
this.singleword = result.data.libName;
|
|
this.singleword = result.data.libName;
|
|
this.synonymous = result.data.otherNames;
|
|
this.synonymous = result.data.otherNames;
|
|
this.allwords = (result.data.libName).concat(result.data.otherNames);
|
|
this.allwords = (result.data.libName).concat(result.data.otherNames);
|
|
|
|
+ this.showMore = result.data.isHasCommon;
|
|
|
|
+ this.maxAge = result.data.maxAge;
|
|
|
|
+ this.minAge = result.data.minAge;
|
|
|
|
+ // this.sexType = result.data.sexType;
|
|
|
|
+ let sexType = result.data.sexType;
|
|
|
|
+ this.sex.map((v,i)=>{
|
|
|
|
+ if(v.value==sexType){
|
|
|
|
+ this.sexType = v.name;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}else{
|
|
}else{
|
|
this.$message({
|
|
this.$message({
|
|
message:result.msg,
|
|
message:result.msg,
|
|
@@ -245,15 +302,19 @@ import api from '@api/icss.js';
|
|
handleBlur(type,index,flg){
|
|
handleBlur(type,index,flg){
|
|
// 不能为纯数字、纯字符、纯数字加字符 4-18
|
|
// 不能为纯数字、纯字符、纯数字加字符 4-18
|
|
const pattern = /[^~@#$%^&*_\-+=,,.。::"“??”;;、!!0-9]/g;
|
|
const pattern = /[^~@#$%^&*_\-+=,,.。::"“??”;;、!!0-9]/g;
|
|
- if(type==1){//标准词输入
|
|
|
|
|
|
+ if(type==1 && this.data.name){//标准词输入
|
|
if(!pattern.test(this.data.name)){
|
|
if(!pattern.test(this.data.name)){
|
|
this.$message({
|
|
this.$message({
|
|
message:'无法输入纯数字或者纯字符,请输入正确数据!',
|
|
message:'无法输入纯数字或者纯字符,请输入正确数据!',
|
|
type:'warning'
|
|
type:'warning'
|
|
});
|
|
});
|
|
this.data.name = '';
|
|
this.data.name = '';
|
|
|
|
+ }else{
|
|
|
|
+ let data = this.data;
|
|
|
|
+ data.spell = pinyin.getCamelChars(data.name);
|
|
}
|
|
}
|
|
- }else{
|
|
|
|
|
|
+ }else if(type==2 && this.synonymous[index].name){
|
|
|
|
+ // 修改时术语名称、拼音和类型均不能修改
|
|
if(flg == 99){
|
|
if(flg == 99){
|
|
if(!pattern.test(this.synonymous[index-1].name)){
|
|
if(!pattern.test(this.synonymous[index-1].name)){
|
|
this.$message({
|
|
this.$message({
|
|
@@ -261,6 +322,9 @@ import api from '@api/icss.js';
|
|
type:'warning'
|
|
type:'warning'
|
|
});
|
|
});
|
|
this.synonymous[index-1].name = '';
|
|
this.synonymous[index-1].name = '';
|
|
|
|
+ }else{
|
|
|
|
+ let current = this.synonymous[index-1];
|
|
|
|
+ current.spell = pinyin.getCamelChars(current.name);
|
|
}
|
|
}
|
|
}else{
|
|
}else{
|
|
if(!pattern.test(this.synonymous[index].name)){
|
|
if(!pattern.test(this.synonymous[index].name)){
|
|
@@ -269,44 +333,23 @@ import api from '@api/icss.js';
|
|
type:'warning'
|
|
type:'warning'
|
|
});
|
|
});
|
|
this.synonymous[index].name = '';
|
|
this.synonymous[index].name = '';
|
|
|
|
+ }else{
|
|
|
|
+ let current = this.synonymous[index];
|
|
|
|
+ current.spell = pinyin.getCamelChars(current.name);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- // handleRemark(index,name){
|
|
|
|
- handleRemark(type,index){
|
|
|
|
- //说明只能输入中文
|
|
|
|
- // if(!name){//标准词输入
|
|
|
|
- /*if(type==1){//标准词输入
|
|
|
|
- this.data.remark = this.data.remark.replace(/[^\u4e00-\u9fa5]/g,'');
|
|
|
|
- }else{
|
|
|
|
- this.synonymous[index].remark = this.synonymous[index].remark.replace(/[^\u4e00-\u9fa5]/g,'');
|
|
|
|
- }*/
|
|
|
|
- const pattern = /[^~@#$%/^&*_\-+=,,.。::"“??”;;、!!0-9]/g;
|
|
|
|
- if(type==1){//标准词输入
|
|
|
|
- if(!pattern.test(this.data.remark)){
|
|
|
|
- this.$message({
|
|
|
|
- message:'无法输入纯数字或者纯字符,请输入正确数据!',
|
|
|
|
- type:'warning'
|
|
|
|
- });
|
|
|
|
- this.data.remark = '';
|
|
|
|
- }
|
|
|
|
- }else{
|
|
|
|
- if(!pattern.test(this.synonymous[index].remark)){
|
|
|
|
- this.$message({
|
|
|
|
- message:'无法输入纯数字或者纯字符,请输入正确数据!',
|
|
|
|
- type:'warning'
|
|
|
|
- });
|
|
|
|
- this.synonymous[index].remark = '';
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ handlePinyin(e){//只能输入英文
|
|
|
|
+ e.target.value = e.target.value.replace(/[^a-zA-Z]/g,'');
|
|
},
|
|
},
|
|
addSpan(type){
|
|
addSpan(type){
|
|
let singleSpan = {
|
|
let singleSpan = {
|
|
name:'',
|
|
name:'',
|
|
remark:'',
|
|
remark:'',
|
|
isConcept:0,
|
|
isConcept:0,
|
|
- isEdit:true
|
|
|
|
|
|
+ isEdit:true,
|
|
|
|
+ spell:null
|
|
}
|
|
}
|
|
if(type == 55){
|
|
if(type == 55){
|
|
this.allwords.push(singleSpan);
|
|
this.allwords.push(singleSpan);
|
|
@@ -348,6 +391,11 @@ import api from '@api/icss.js';
|
|
this.warning('请选择术语类型');
|
|
this.warning('请选择术语类型');
|
|
return
|
|
return
|
|
}
|
|
}
|
|
|
|
+ // 处于修改标准词状态且没有选中,不能保存
|
|
|
|
+ if(this.show && !this.radioVal){
|
|
|
|
+ this.warning('请先选择标准词');
|
|
|
|
+ return
|
|
|
|
+ }
|
|
// 过滤同义词空数据
|
|
// 过滤同义词空数据
|
|
let realData=[];
|
|
let realData=[];
|
|
if(this.id){//修改用暂存的列表
|
|
if(this.id){//修改用暂存的列表
|
|
@@ -370,34 +418,65 @@ import api from '@api/icss.js';
|
|
return item.name;
|
|
return item.name;
|
|
})
|
|
})
|
|
}
|
|
}
|
|
- console.log(realData,787887)
|
|
|
|
|
|
+
|
|
let detailList = [];
|
|
let detailList = [];
|
|
detailList[0] = this.data;
|
|
detailList[0] = this.data;
|
|
for(let i=0; i<realData.length; i++){
|
|
for(let i=0; i<realData.length; i++){
|
|
realData[i].type = this.data.type;
|
|
realData[i].type = this.data.type;
|
|
detailList.push(realData[i]);
|
|
detailList.push(realData[i]);
|
|
}
|
|
}
|
|
- const params = {
|
|
|
|
- 'name':this.data.name,
|
|
|
|
- 'type':this.data.type,
|
|
|
|
- 'detailList':detailList,
|
|
|
|
- 'conceptId':this.id
|
|
|
|
|
|
+ let params;
|
|
|
|
+ if(this.showMore==1){
|
|
|
|
+ // 下拉文字转code
|
|
|
|
+ let sexCode;
|
|
|
|
+ this.sex.map((v,i)=>{
|
|
|
|
+ if(v.name==this.sexType){
|
|
|
|
+ sexCode = v.value;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ params = {
|
|
|
|
+ 'name':this.data.name,
|
|
|
|
+ 'type':this.data.type,
|
|
|
|
+ 'detailList':detailList,
|
|
|
|
+ 'conceptId':this.id,
|
|
|
|
+ 'sexType':sexCode,
|
|
|
|
+ 'maxAge':this.maxAge,
|
|
|
|
+ 'minAge':this.minAge
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ params = {
|
|
|
|
+ 'name':this.data.name,
|
|
|
|
+ 'type':this.data.type,
|
|
|
|
+ 'detailList':detailList,
|
|
|
|
+ 'conceptId':this.id
|
|
|
|
+ }
|
|
}
|
|
}
|
|
api.addMedicalName(params).then((res)=>{
|
|
api.addMedicalName(params).then((res)=>{
|
|
const result = res.data;
|
|
const result = res.data;
|
|
if(result.code==0){
|
|
if(result.code==0){
|
|
this.warning(res.data.msg||'操作成功','success');
|
|
this.warning(res.data.msg||'操作成功','success');
|
|
- if(flg == 14){
|
|
|
|
|
|
+ this.$router.push({name:'MedicalName'});
|
|
|
|
+ /*if(flg == 14){
|
|
this.getDetail(this.id)
|
|
this.getDetail(this.id)
|
|
this.radioVal = ''
|
|
this.radioVal = ''
|
|
this.show = false
|
|
this.show = false
|
|
}else{
|
|
}else{
|
|
this.$router.push({name:'MedicalName'});
|
|
this.$router.push({name:'MedicalName'});
|
|
- }
|
|
|
|
|
|
+ }*/
|
|
}else{
|
|
}else{
|
|
this.warning(res.data.msg);
|
|
this.warning(res.data.msg);
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ inputAge(){
|
|
|
|
+ console.log("输入年龄")
|
|
|
|
+ },
|
|
|
|
+ selectType(e){
|
|
|
|
+ this.typeList.map((v,i)=>{
|
|
|
|
+ if(v.name==e){
|
|
|
|
+ this.showMore = v.isHasCommon;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -491,4 +570,34 @@ import api from '@api/icss.js';
|
|
color: red;
|
|
color: red;
|
|
margin-left: 2px;
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
|
|
+ .moreInfo{
|
|
|
|
+ border-top: 1px solid #c0c4cc ;
|
|
|
|
+ margin-top: 45px;
|
|
|
|
+ p{
|
|
|
|
+ margin:15px 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ /deep/.ages{
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ .el-input {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: auto;
|
|
|
|
+ .el-input__inner {
|
|
|
|
+ width: 60px;
|
|
|
|
+ padding: 0 5px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .el-input__inner::-webkit-outer-spin-button,
|
|
|
|
+ .el-input__inner::-webkit-inner-spin-button {
|
|
|
|
+ -webkit-appearance: none;
|
|
|
|
+ }
|
|
|
|
+ .el-input__inner[type="number"] {
|
|
|
|
+ -moz-appearance: textfield;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .ageLine{
|
|
|
|
+ display: inline-block;
|
|
|
|
+ margin: 0 35px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|