Browse Source

改下宽度与scss属性名

V1.0
马魁 3 years ago
parent
commit
941fa6d25a
  1. 66
      src/assets/scss/modules/management/list-main.scss
  2. 90
      src/views/components/resiSearch.vue

66
src/assets/scss/modules/management/list-main.scss

@ -120,133 +120,133 @@
height: auto;
}
// 弹性盒子
.flex {
.M_flex {
display: flex;
flex-wrap: nowrap;
}
.hflex {
.M_hflex {
display: flex;
flex-flow: column;
overflow: hidden;
}
.flex1 {
.M_flex1 {
flex: 1;
}
.mean {
.M_mean {
justify-content: space-around;
}
.endpoint {
.M_endpoint {
justify-content: space-between;
}
.align_item {
.M_align_item {
align-items: center;
}
// 字体大小
.font12 {
.M_font12 {
font-size: 12px;
}
.font14 {
.M_font14 {
font-size: 14px !important;
}
.font16 {
.M_font16 {
font-size: 16px !important;
}
.font18 {
.M_font18 {
font-size: 18px !important;
}
//内边距
.p0 {
.M_p0 {
padding: 0 !important;
}
.p10 {
.M_p10 {
padding: 10px;
}
.p16 {
.M_p16 {
padding: 16px;
}
.p50 {
.M_p50 {
padding: 50px;
}
.p30 {
.M_p30 {
padding: 30px;
}
// 外边距
.right5 {
.M_right5 {
margin-right: 5px;
}
.right24 {
.M_right24 {
margin-right: 24px;
}
.bottom8 {
.M_bottom8 {
margin-bottom: 8px;
}
.bottom16 {
.M_bottom16 {
margin-bottom: 16px;
}
.top2 {
.M_top2 {
margin-top: 2px;
}
.top12 {
.M_top12 {
margin-top: 12px;
}
.top24 {
.M_top24 {
margin-top: 24px !important;
}
.top32 {
.M_top32 {
margin-top: 32px !important;
}
.top40 {
.M_top40 {
margin-top: 40px !important;
}
.top48 {
.M_top48 {
margin-top: 48px !important;
}
.top8 {
.M_top8 {
margin-top: 8px !important;
}
.bot8 {
.M_bot8 {
margin-bottom: 8px;
}
.bot24 {
.M_bot24 {
margin-bottom: 24px !important;
}
.top16 {
.M_top16 {
margin-top: 16px !important;
}
.bot16 {
.M_bot16 {
margin-bottom: 16px !important;
}
.right8 {
.M_right8 {
margin-right: 8px !important;
}
.margin30 {
.M_margin30 {
margin: 30px;
}
.m0 {
.M_m0 {
margin: 0 !important;
}
// 详情分类title

90
src/views/components/resiSearch.vue

@ -23,12 +23,12 @@
<inputRange style="height:37px;" v-model="form[n.columnName]" :type="n.validType" @change="handleAgeChange" />
</template>
<template v-else-if="n.itemType === 'datepicker'">
<el-date-picker v-if="n.queryType === 'daterange'" v-model.trim="timer.startPickerTime"
<el-date-picker style="width:219px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.startPickerTime"
:picker-options="startPickerOptions" type="date" align="right" unlink-panels placeholder="开始时间"
class="item_width_daterang" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
class="item_width_daterange" size="small" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
</el-date-picker>
<el-date-picker v-if="n.queryType === 'daterange'" v-model.trim="timer.endPickerTime"
:picker-options="endPickerOptions" class="item_width_daterang data-tag" size="small" type="date"
<el-date-picker style="width:219px ;" v-if="n.queryType === 'daterange'" v-model.trim="timer.endPickerTime"
:picker-options="endPickerOptions" class="item_width_daterange data-tag" size="small" type="date"
value-format="yyyy-MM-dd" value="yyyy-MM-dd" placeholder="结束时间">
</el-date-picker>
<el-date-picker v-else v-model.trim="form[n.columnName]" class="resi-cell-input" type="inputRange"
@ -91,8 +91,10 @@
</el-form>
</div>
<el-row v-if="showSmartSearchForm" class="resi-row-more m0">
<el-row v-if="showSmartSearchForm" class="resi-row-more M_m0">
<el-col :span="24">
<span style="width:100px;">智能查询</span>
<el-button v-for="btnItem in btnList" :key="btnItem.index" size="small"
:class="selBtnIndex === btnItem.index ? 'diy-button--blue' : 'diy-button--gray'"
@click="handelSelSmartBtn(btnItem.index)">{{ btnItem.name }}</el-button>
@ -288,7 +290,7 @@ export default {
selBtnIndex: 1,
btnList: [
{
name: '智能查询',
name: '自定义查询',
index: 1,
},
@ -336,46 +338,46 @@ export default {
},
]
},
{
name: '第一党支部党员',
index: 3,
ruleList: [
{
selSmartType: 'person',
nextLogicalRel: "",
nextLogicalRelName: "",
personRule: {
colKey: "IS_BDHJ",
colTable: "ic_resi_user",
colVal: "1",
colValLabel: "是",
itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
itemGroupName: "基础信息",
itemId: "20220422102809_1005",
itemLabel: "本地户籍",
queryType: "=",
queryTypeName: "等于",
ruleDesc: "基础信息本地户籍等于是",
},
houseRule: {
ruleDesc: '',
queryType: '',
colTable: '',
colKey: '',
colVal: '',
// {
// name: '',
// index: 3,
// ruleList: [
// {
// selSmartType: 'person',
// nextLogicalRel: "",
// nextLogicalRelName: "",
// personRule: {
// colKey: "IS_BDHJ",
// colTable: "ic_resi_user",
// colVal: "1",
// colValLabel: "",
// itemGroupId: "45687aa479955f9d06204d415238f7cc_0",
// itemGroupName: "",
// itemId: "20220422102809_1005",
// itemLabel: "",
// queryType: "=",
// queryTypeName: "",
// ruleDesc: "",
// },
// houseRule: {
// ruleDesc: '',
// queryType: '',
// colTable: '',
// colKey: '',
// colVal: '',
titleName: '房屋信息',
colType: '',//
colOption: [],
itemGroupName: '房屋信息',
itemLabel: '',
queryTypeName: '',
colValLabel: '',
// titleName: '',
// colType: '',//
// colOption: [],
// itemGroupName: '',
// itemLabel: '',
// queryTypeName: '',
// colValLabel: '',
},
},
]
}
// },
// },
// ]
// }
],
endPickerOptions: {
disabledDate: endDisabledDate

Loading…
Cancel
Save