|
|
|
@ -1,146 +1,158 @@ |
|
|
|
<template> |
|
|
|
<div :style="customerOrg.orgEditStyle"> |
|
|
|
<div style="display:flex;"> |
|
|
|
<div> <!--overflow-y: scroll;height:200px;--> |
|
|
|
<el-form ref="form" :model="customerOrg.customerOrgRd" label-width="100px" :rules="rules" size="medium"> |
|
|
|
<el-form ref="form" :model="form" label-width="85px" :rules="rules" size="medium"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="上级单位" prop="parentId"> |
|
|
|
<el-cascader |
|
|
|
v-model="customerOrg.customerOrgRd.parentId" |
|
|
|
:options="customerOrg.customerOrgTree" |
|
|
|
:props="{ |
|
|
|
checkStrictly: true, |
|
|
|
expandTrigger: 'hover', |
|
|
|
...customerOrg.treeprops, |
|
|
|
}" |
|
|
|
:show-all-levels="false" |
|
|
|
clearable filterable disabled width="100px" |
|
|
|
> |
|
|
|
<el-cascader v-model="form.parentId" :options="customerOrg.customerOrgTree" :props="{ |
|
|
|
checkStrictly: true, |
|
|
|
expandTrigger: 'hover', |
|
|
|
...customerOrg.treeprops, |
|
|
|
}" :show-all-levels="false" clearable filterable disabled |
|
|
|
:style="'width:' + Math.floor((window.pageWidth - 655) / 3) + 'px;'"> |
|
|
|
</el-cascader> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="单位名称" prop="displayName"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.displayName" placeholder="请输入单位名称" /> |
|
|
|
<el-input v-model="form.displayName" placeholder="请输入单位名称" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="单位简称" prop="shortName"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.shortName" placeholder="请输入单位简称" /> |
|
|
|
<el-input v-model="form.shortName" placeholder="请输入单位简称" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="体检中心" prop="organizationUnitId"> |
|
|
|
<el-select v-model="customerOrg.customerOrgRd.organizationUnitId" placeholder="请选择" filterable > |
|
|
|
<el-option v-for="item in data.organizationdata" :key="item.id" :label="item.displayName" :value="item.id" /> |
|
|
|
<el-select v-model="form.organizationUnitId" placeholder="请选择" filterable |
|
|
|
:style="'width:' + Math.floor((window.pageWidth - 655) / 3) + 'px;'"> |
|
|
|
<el-option v-for="item in data.organizationdata" :key="item.id" :label="item.displayName" |
|
|
|
:value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="单位性质" prop="orgTypeId"> |
|
|
|
<el-select v-model="customerOrg.customerOrgRd.orgTypeId" placeholder="请选择" filterable > |
|
|
|
<el-option v-for="item in data.customerOrgType" :key="item.id" :label="item.displayName" :value="item.id" /> |
|
|
|
<el-select v-model="form.orgTypeId" placeholder="请选择" filterable |
|
|
|
:style="'width:' + Math.floor((window.pageWidth - 655) / 3) + 'px;'"> |
|
|
|
<el-option v-for="item in data.customerOrgType" :key="item.id" :label="item.displayName" |
|
|
|
:value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
|
|
|
|
<!-- |
|
|
|
<el-form-item label="显示顺序" prop="displayOrder"> |
|
|
|
<el-input type="number" v-model="customerOrg.customerOrgRd.displayOrder" /> |
|
|
|
<el-input type="number" v-model="form.displayOrder" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
--> |
|
|
|
|
|
|
|
<!-- |
|
|
|
<el-form-item label="单位简码" prop="simpleCode"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.simpleCode" placeholder="由系统自动生成" disabled /> |
|
|
|
<el-input v-model="form.simpleCode" placeholder="由系统自动生成" disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
--> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="联系电话" prop="telephone"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.telephone" placeholder="请输入联系电话" /> |
|
|
|
<el-input v-model="form.telephone" placeholder="请输入联系电话" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="传真" prop="fax"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.fax" placeholder="请输入传真" /> |
|
|
|
<el-input v-model="form.fax" placeholder="请输入传真" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="邮政编码" prop="postalCode"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.postalCode" placeholder="请输入邮政编码" /> |
|
|
|
<el-input v-model="form.postalCode" placeholder="请输入邮政编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="16"> |
|
|
|
<el-form-item label="地址" prop="address"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.address" placeholder="请输入地址" maxlength="50" show-word-limit/> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="加锁" prop="isLock" label-width="56px"> |
|
|
|
<!-- |
|
|
|
<el-radio v-model="form.isLock" label="Y" >是</el-radio> |
|
|
|
<el-radio v-model="form.isLock" label="N" >否</el-radio> |
|
|
|
--> |
|
|
|
<el-checkbox v-model="form.isLockBox" @change="changeBox" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="状态" prop="isActive" label-width="56px"> |
|
|
|
<!-- |
|
|
|
<el-radio v-model="form.isActive" label="Y">启用</el-radio> |
|
|
|
<el-radio v-model="form.isActive" label="N">停用</el-radio> |
|
|
|
--> |
|
|
|
<el-checkbox v-model="form.isActiveBox" @change="changeBox('isActive')" /> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="发票抬头" prop="invoiceName"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.invoiceName" placeholder="请输入发票抬头" /> |
|
|
|
<el-input v-model="form.invoiceName" placeholder="请输入发票抬头" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="开户银行" prop="bank"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.bank" placeholder="请输入开户银行" /> |
|
|
|
<el-input v-model="form.bank" placeholder="请输入开户银行" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="银行账号" prop="accounts"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.accounts" placeholder="请输入银行账号" /> |
|
|
|
<el-input v-model="form.accounts" placeholder="请输入银行账号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="加锁" prop="isLock"> |
|
|
|
<el-radio v-model="customerOrg.customerOrgRd.isLock" label="Y" >是</el-radio> |
|
|
|
<el-radio v-model="customerOrg.customerOrgRd.isLock" label="N" >否</el-radio> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="地址" prop="address"> |
|
|
|
<el-input v-model="form.address" placeholder="请输入地址" maxlength="50" show-word-limit /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="状态" prop="isActive"> |
|
|
|
<el-radio v-model="customerOrg.customerOrgRd.isActive" label="Y">启用</el-radio> |
|
|
|
<el-radio v-model="customerOrg.customerOrgRd.isActive" label="N">停用</el-radio> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.remark" maxlength="100" show-word-limit /> |
|
|
|
<el-input v-model="form.remark" maxlength="100" show-word-limit /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item label="创建者"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.creatorName" size="small" disabled /> |
|
|
|
<el-input v-model="form.creatorName" size="small" disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="7"> |
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<el-date-picker v-model="customerOrg.customerOrgRd.creationTime" type="datetime" size="small" style="width: 100%" disabled/> |
|
|
|
<el-date-picker v-model="form.creationTime" type="datetime" size="small" style="width: 100%" disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<el-form-item label="修改者"> |
|
|
|
<el-input v-model="customerOrg.customerOrgRd.creatorName" size="small" disabled /> |
|
|
|
<el-input v-model="form.creatorName" size="small" disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="7"> |
|
|
|
<el-form-item label="修改时间"> |
|
|
|
<el-date-picker v-model="customerOrg.customerOrgRd.lastModificationTime" type="datetime" size="small" style="width: 100%" disabled/> |
|
|
|
<el-date-picker v-model="form.lastModificationTime" type="datetime" size="small" style="width: 100%" |
|
|
|
disabled /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!-- 按钮区域 --> |
|
|
|
<div style="width:110px;margin-left: 10px; margin-top: 5%" > |
|
|
|
<div style="width:110px;margin-left: 10px; margin-top: 3%"> |
|
|
|
<div class="btnList"> |
|
|
|
<el-button type="primary" @click="add('')" class="btnClass">新增单位</el-button> |
|
|
|
<el-button type="primary" @click="add('form','')" class="btnClass">新增单位</el-button> |
|
|
|
</div> |
|
|
|
<div class="btnList"> |
|
|
|
<el-button type="primary" @click="add('child')" class="btnClass">新增子单位</el-button> |
|
|
|
<el-button type="primary" @click="add('form','child')" class="btnClass">新增子单位</el-button> |
|
|
|
</div> |
|
|
|
<div class="btnList"> |
|
|
|
<el-button type="success" @click="Onsubmit('form')" class="btnClass">保存</el-button> |
|
|
|
@ -154,19 +166,23 @@ |
|
|
|
<script> |
|
|
|
import { mapState, mapMutations } from "vuex"; |
|
|
|
import { getapi, postapi, putapi, deletapi } from "@/api/api"; |
|
|
|
import { tcdate, objCopy } from "../../utlis/proFunc"; |
|
|
|
import { tcdate, objCopy, deepCopy } from "../../utlis/proFunc"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
props: ['id'], |
|
|
|
data() { |
|
|
|
return { |
|
|
|
customerOrgEditStyle:"height:400px;", |
|
|
|
isActiveBox: false, |
|
|
|
customerOrgEditStyle: "height:400px;", |
|
|
|
data: { |
|
|
|
organizationdata: [], //体检中心数据 |
|
|
|
customerOrgType: [], //单位类别 |
|
|
|
}, |
|
|
|
pojo: { |
|
|
|
displayName: "", |
|
|
|
|
|
|
|
form:{ |
|
|
|
id: "", |
|
|
|
displayName: "", |
|
|
|
shortName: "", |
|
|
|
invoiceName: "", |
|
|
|
parentId: null, |
|
|
|
@ -180,28 +196,28 @@ export default { |
|
|
|
remark: "", |
|
|
|
isLock: "N", |
|
|
|
isActive: "Y", |
|
|
|
isLockBox: false, |
|
|
|
isActiveBox: true, |
|
|
|
organizationUnitId: null, |
|
|
|
}, //单位 记录 目前新增与更新是一致 |
|
|
|
}, //初始化 单位 记录 目前新增与更新是一致 |
|
|
|
|
|
|
|
rules: { |
|
|
|
displayName: [ |
|
|
|
{ required: true, message: "请输入名称", trigger: "blur" }, |
|
|
|
{ required: true, message: "请输入单位名称", trigger: "blur" }, |
|
|
|
], |
|
|
|
shortName: [{ required: true, message: "请输入简写", trigger: "blur" }], |
|
|
|
orgTypeId: [{ required: true, message: "请输入单位性质" }], |
|
|
|
shortName: [{ required: true, message: "请输入单位简写", trigger: "blur" }], |
|
|
|
organizationUnitId: [ |
|
|
|
{ required: true, message: "请输入体检中心", trigger: "blur" }, |
|
|
|
], |
|
|
|
displayOrder: [ |
|
|
|
{ required: true, message: "请输入显示顺序", trigger: "blur" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
|
|
|
|
isshow: false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
created() {}, |
|
|
|
created() { |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//挂载完成 |
|
|
|
mounted() { |
|
|
|
@ -210,15 +226,55 @@ export default { |
|
|
|
|
|
|
|
//获取单位类别列表 |
|
|
|
this.getOrgType(); |
|
|
|
|
|
|
|
|
|
|
|
this.getCustomerOrgRd(this.id); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapState(["customerOrg","window"]), |
|
|
|
...mapState(["customerOrg", "window"]), |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
...mapMutations(["setData"]), |
|
|
|
|
|
|
|
|
|
|
|
changeBox(type) { |
|
|
|
//赋值 |
|
|
|
if (type == 'isActive') { |
|
|
|
if (this.form.isActiveBox) { |
|
|
|
this.form.isActive = 'Y'; |
|
|
|
} else { |
|
|
|
this.form.isActive = 'N'; |
|
|
|
} |
|
|
|
} else { |
|
|
|
if (this.form.isLockBox) { |
|
|
|
this.form.isLock = 'Y'; |
|
|
|
} else { |
|
|
|
this.form.isLock = 'N'; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
//获取单位信息 |
|
|
|
getCustomerOrgRd(id) { |
|
|
|
if(!id) return; |
|
|
|
getapi(`/api/app/customer-org/${id}`).then((res) => { |
|
|
|
if (res.code != -1) { |
|
|
|
objCopy(res.data, this.form); |
|
|
|
|
|
|
|
if (res.data.isActive == 'Y') { |
|
|
|
this.form.isActiveBox = true; |
|
|
|
} else { |
|
|
|
this.form.isActiveBox = false; |
|
|
|
} |
|
|
|
if (res.data.isLock == 'Y') { |
|
|
|
this.form.isLockBox = true; |
|
|
|
} else { |
|
|
|
this.form.isLockBox = false; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
//获取组织体检中心数据 |
|
|
|
getoraniztion() { |
|
|
|
@ -248,75 +304,77 @@ export default { |
|
|
|
|
|
|
|
//提交 |
|
|
|
Onsubmit(formName) { |
|
|
|
let body = {}; |
|
|
|
console.log("vuex data", this.customerOrg.customerOrgRd); |
|
|
|
this.$refs[formName].validate((valid) => { |
|
|
|
if (valid) { |
|
|
|
//赋值 |
|
|
|
objCopy(this.customerOrg.customerOrgRd, this.pojo); |
|
|
|
|
|
|
|
if (typeof this.pojo.parentId === "string") { |
|
|
|
if (!this.pojo.parentId || this.pojo.parentId.length < 1) { |
|
|
|
this.pojo.parentId = null; |
|
|
|
} |
|
|
|
} else { |
|
|
|
if (this.pojo.parentId && this.pojo.parentId.length > 0) { |
|
|
|
this.pojo.parentId = |
|
|
|
this.pojo.parentId[this.pojo.parentId.length - 1]; |
|
|
|
} else { |
|
|
|
this.pojo.parentId = null; |
|
|
|
} |
|
|
|
} |
|
|
|
this.$refs[formName].validate((valid, fields) => { |
|
|
|
if (!valid) { |
|
|
|
this.$message.warning(fields[Object.keys(fields)[0]][0].message); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
body = deepCopy(this.form); |
|
|
|
delete body.isActiveBox; |
|
|
|
delete body.isLockBox; |
|
|
|
|
|
|
|
console.log( |
|
|
|
"pojo", |
|
|
|
this.pojo, |
|
|
|
"this.customerOrg.customerOrgRd", |
|
|
|
this.customerOrg.customerOrgRd |
|
|
|
); |
|
|
|
if (this.customerOrg.customerOrgRd.id.length < 1) { |
|
|
|
//id为空则新增 |
|
|
|
postapi(`/api/app/customer-org`, this.pojo).then((res) => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.$message.success("创健 操作成功"); |
|
|
|
this.setData({ key: "customerOrg.customerOrgRd", value: res }); |
|
|
|
this.customerOrg.customerOrgId = res.id; |
|
|
|
this.customerOrg.customerOrgRd = res; |
|
|
|
this.getCustomerOrgTree(); |
|
|
|
} |
|
|
|
}); |
|
|
|
if (typeof body.parentId === "string") { |
|
|
|
if (!body.parentId || body.parentId.length < 1) { |
|
|
|
body.parentId = null; |
|
|
|
} |
|
|
|
} else { |
|
|
|
if (body.parentId && body.parentId.length > 0) { |
|
|
|
body.parentId = body.parentId[body.parentId.length - 1]; |
|
|
|
} else { |
|
|
|
//id不为空则编辑 |
|
|
|
putapi( |
|
|
|
`/api/app/customer-org/${this.customerOrg.customerOrgRd.id}`, |
|
|
|
this.pojo |
|
|
|
).then((res) => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.$message.success("更新 操作成功"); |
|
|
|
this.getCustomerOrgTree(); |
|
|
|
} |
|
|
|
}); |
|
|
|
body.parentId = null; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
console.log("body", body, "this.form", this.form); |
|
|
|
|
|
|
|
if (this.customerOrg.customerOrgRd.id.length < 1) { |
|
|
|
//id为空则新增 |
|
|
|
postapi(`/api/app/customer-org`, body).then((res) => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.$message.success("创健 操作成功"); |
|
|
|
this.setData({ key: "customerOrg.customerOrgRd", value: res }); |
|
|
|
this.customerOrg.customerOrgId = res.id; |
|
|
|
this.customerOrg.customerOrgRd = res; |
|
|
|
this.getCustomerOrgTree(); |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
alert("未通过数据校验"); |
|
|
|
return false; |
|
|
|
//id不为空则编辑 |
|
|
|
putapi( |
|
|
|
`/api/app/customer-org/${this.customerOrg.customerOrgRd.id}`, |
|
|
|
body |
|
|
|
).then((res) => { |
|
|
|
if (res.code == 1) { |
|
|
|
this.$message.success("更新 操作成功"); |
|
|
|
this.getCustomerOrgTree(); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
}, |
|
|
|
//新增弹框 |
|
|
|
add(child) { |
|
|
|
async add(formName,child) { |
|
|
|
|
|
|
|
if(child){ |
|
|
|
if(!this.customerOrg.customerOrgId){ |
|
|
|
await this.$refs[formName].resetFields(); |
|
|
|
|
|
|
|
if (child) { |
|
|
|
if (!this.customerOrg.customerOrgId) { |
|
|
|
this.$message.info("请先选择单位") |
|
|
|
return |
|
|
|
} |
|
|
|
this.customerOrg.customerOrgRd = { id: "", isLock: "N", isActive: "Y" ,parentId:this.customerOrg.customerOrgId}; |
|
|
|
}else{ |
|
|
|
this.customerOrg.customerOrgRd = { id: "", isLock: "N", isActive: "Y",parentId:null }; |
|
|
|
this.customerOrg.customerOrgRd.id = ''; |
|
|
|
this.customerOrg.customerOrgRd = { id: "", isLock: "N", isActive: "Y", parentId: this.customerOrg.customerOrgId }; |
|
|
|
} else { |
|
|
|
|
|
|
|
this.customerOrg.customerOrgRd = { id: "", isLock: "N", isActive: "Y", parentId: null }; |
|
|
|
} |
|
|
|
|
|
|
|
this.customerOrg.customerOrgId = ""; |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
//删除 |
|
|
|
@ -331,17 +389,26 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
watch: { |
|
|
|
'id'(newVal, oldVal) { |
|
|
|
console.log("watch getCustomerOrgRd newVal：", newVal, " oldVal：", oldVal); |
|
|
|
if (newVal != oldVal && newVal != '') { |
|
|
|
this.getCustomerOrgRd(newVal); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
::v-deep .el-form-item { |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
.btnList{ |
|
|
|
|
|
|
|
.btnList { |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
.btnClass{ |
|
|
|
width:110px; |
|
|
|
|
|
|
|
.btnClass { |
|
|
|
width: 110px; |
|
|
|
} |
|
|
|
</style> |
pengjun
2 years ago