elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

总之人群

feature
dai 3 years ago
parent
d16d14face
commit
d7dd03cec0
3 changed files with 1815 additions and 1846 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 874
      src/views/modules/base/huji/immigration/index.vue
  2. 3
      src/views/modules/home/notice.vue
  3. 608
      src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue

874
src/views/modules/base/huji/immigration/index.vue
View File

File diff suppressed because it is too large

3
src/views/modules/home/notice.vue
View File

@ -97,11 +97,12 @@ export default {
async read(item, index) { async read(item, index) {
if (item && item.readFlag == 1) return; if (item && item.readFlag == 1) return;
const url = "/message/intelligentMessage/msg/clear?id=" + item.id; const url = "/message/intelligentMessage/msg/clear";
let params = {}; let params = {};
if (item.id) { if (item.id) {
params.id = item.id; params.id = item.id;
url += "?id=" + item.id;
} }
const { data, code, msg } = await requestPost(url, params); const { data, code, msg } = await requestPost(url, params);

608
src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
View File

@ -1,43 +1,47 @@
<template> <template>
<div class="resi-container"> <div class="g-main">
<el-card ref="searchCard" <div ref="searchCard" class="m-search">
class="search-card"> <el-form
<el-form ref="searchForm" ref="searchForm"
:inline="true" :inline="true"
:model="fmData" :model="fmData"
:label-width="'100px'" :label-width="'100px'"
class="demo-form-inline"> class="demo-form-inline"
<div> >
<el-form-item prop="category" <el-form-item prop="categoryKey" label="居民类别">
label="居民类别">
<div class="resi-cell-value"> <div class="resi-cell-value">
<el-form-item prop="category"> <el-form-item prop="categoryKey">
<el-select v-model="fmData.category" <el-select
v-model="fmData.categoryKey"
placeholder="请选择居民类别" placeholder="请选择居民类别"
size="small" size="small"
clearable clearable
class="resi-cell-select"> class="u-item-width-normal"
<el-option v-for="(item,index) in jmlbOptions" >
@click.native="handleChangeJmlb(index)" <el-option
v-for="item in jmlbOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item prop="gridId"
label="所属组织"> <el-form-item prop="gridId" label="所属组织">
<div class="resi-cell-value"> <div class="resi-cell-value">
<el-cascader class="customer_cascader" <el-cascader
class="u-item-width-normal"
ref="myCascader" ref="myCascader"
clearable clearable
v-model="agencyIdArray" v-model="agencyIdArray"
:options="orgOptions" :options="orgOptions"
:props="orgOptionProps" :props="orgOptionProps"
:show-all-levels="false" :show-all-levels="false"
@change="handleChangeAgency"></el-cascader> @change="handleChangeAgency"
></el-cascader>
</div> </div>
</el-form-item> </el-form-item>
<!-- <el-form-item prop="gridId" label="所属网格"> <!-- <el-form-item prop="gridId" label="所属网格">
@ -65,223 +69,290 @@
<div class="resi-cell-value"> <div class="resi-cell-value">
<div class="resi-cell-col"> <div class="resi-cell-col">
<el-form-item prop="villageId"> <el-form-item prop="villageId">
<el-select v-model.trim="fmData.villageId" <el-select
v-model.trim="fmData.villageId"
placeholder="请选择小区" placeholder="请选择小区"
size="small" size="small"
clearable clearable
class="resi-cell-select" class="u-item-width-communitycascader"
@change="handleChangeV"> @change="handleChangeV"
<el-option v-for="item in optionsV" >
<el-option
v-for="item in optionsV"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="buildId"> <el-form-item prop="buildId">
<el-select v-model.trim="fmData.buildId" <el-select
v-model.trim="fmData.buildId"
placeholder="楼号" placeholder="楼号"
size="small" size="small"
clearable clearable
:disabled="changeVDisabled" :disabled="changeVDisabled"
class="resi-cell-select resi-cell-select-middle" class="u-item-width-buildcascader"
@change="handleChangeB"> @change="handleChangeB"
<el-option v-for="item in optionsB" >
<el-option
v-for="item in optionsB"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="unitId"> <el-form-item prop="unitId">
<el-select v-model.trim="fmData.unitId" <el-select
v-model.trim="fmData.unitId"
placeholder="单元" placeholder="单元"
size="small" size="small"
clearable clearable
:disabled="changeBDisabled" :disabled="changeBDisabled"
class="resi-cell-select resi-cell-select-middle" class="u-item-width-buildcascader"
@change="handleChangeD"> @change="handleChangeD"
<el-option v-for="item in optionsD" >
<el-option
v-for="item in optionsD"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="homeId"> <el-form-item prop="homeId">
<el-select v-model.trim="fmData.homeId" <el-select
v-model.trim="fmData.homeId"
placeholder="房号" placeholder="房号"
size="small" size="small"
clearable clearable
:disabled="changeDDisabled" :disabled="changeDDisabled"
class="resi-cell-select resi-cell-select-middle"> class="u-item-width-buildcascader"
<el-option v-for="item in optionsH" >
<el-option
v-for="item in optionsH"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</div>
<div> <el-form-item label="姓名" prop="name">
<el-form-item label="姓名" <el-input
prop="name"> v-model="fmData.name"
<el-input v-model="fmData.name" class="u-item-width-normal"
class="resi-cell-input"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="手机号" <!-- <el-form-item label="手机号" prop="mobile">
prop="mobile"> <el-input
<el-input v-model="fmData.mobile" v-model="fmData.mobile"
class="resi-cell-input" class="u-item-width-normal"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入"
>
</el-input> </el-input>
</el-form-item> </el-form-item> -->
<el-form-item label="证件号" <el-form-item label="证件号" prop="idNum">
prop="idCard"> <el-input
<el-input v-model="fmData.idCard" v-model="fmData.idNum"
class="resi-cell-input" class="u-item-width-normal"
size="small" size="small"
clearable clearable
placeholder="请输入"> placeholder="请输入"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item> <div class="u-search-btn">
<el-button class="diy-button--search" <el-button
class="diy-button--white"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="resetForm('searchForm')"
<el-button class="diy-button--reset" >重置</el-button
>
<el-button
class="diy-button--blue"
size="small" size="small"
@click="resetForm('searchForm')">重置</el-button> @click="handleSearch"
</el-form-item> >查询</el-button
>
</div> </div>
</el-form> </el-form>
</el-card>
<el-card class="resi-card-table">
<div class="resi-row-btn">
<el-button @click="handleChu"
class="diy-button--reset"
size="small">导出</el-button>
</div> </div>
<el-table :data="tableData"
<div class="m-table">
<div class="u-table-btn1">
<el-button
@click="handleChu"
class="diy-button--white"
size="small"
>导出</el-button
>
</div>
<div class="m-table-item">
<el-table
:data="tableData"
border border
style="width: 100%" style="width: 100%"
class="resi-table" class="resi-table"
:height="tableHeight"> :height="tableHeight"
<el-table-column label="序号" >
<el-table-column
label="序号"
fixed="left" fixed="left"
type="index" type="index"
align="center" align="center"
width="50" /> width="50"
/>
<el-table-column prop="GRID_ID" <el-table-column
prop="gridName"
align="center" align="center"
label="所属网格" label="所属网格"
min-width="160" min-width="160"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="HOME_ID" <el-table-column
prop="homeName"
label="所属房屋" label="所属房屋"
align="center" align="center"
min-width="160" min-width="160"
:show-overflow-tooltip="true" /> :show-overflow-tooltip="true"
/>
<el-table-column prop="NAME" <el-table-column
prop="name"
align="center" align="center"
label="姓名" label="姓名"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="MOBILE" <el-table-column
prop="mobile"
width="140" width="140"
align="center" align="center"
label="手机" label="手机"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="GENDER" <el-table-column
prop="gender"
align="center" align="center"
width="60" width="60"
label="性别"> label="性别"
>
<template slot-scope="scope">
<span v-if="scope.row.gender == 1">男</span>
<span v-if="scope.row.gender == 2">女</span>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="ID_CARD" <el-table-column
prop="idNum"
align="center" align="center"
min-width="160" min-width="160"
label="证件号" label="证件号"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="BIRTHDAY" <el-table-column
prop="birthday"
align="center" align="center"
label="出生日期" label="出生日期"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="zhzlCategoryName" <el-table-column
prop="categoryName"
align="center" align="center"
label="类别" label="类别"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column prop="REMARKS" <el-table-column
prop="remark"
align="center" align="center"
label="备注" label="备注"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
</el-table-column> </el-table-column>
<el-table-column fixed="right" <el-table-column
fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120"> width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleWatch(scope.$index)" <el-button
@click="handleWatch(scope.$index)"
type="text" type="text"
size="small">查看</el-button> size="small"
>查看</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<div> <div>
<el-pagination @size-change="handleSizeChange" <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="pageNo" :current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]" :page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)" :page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total" layout="sizes, prev, pager, next, total"
:total="total"> :total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </div>
<people-more v-if="showedPeopleMoreInfo && currentPepeleId" <resi-info
:userId="currentPepeleId" v-if="showedResiInfo && currentResiId"
:gridName="currentPepeleGridName" :resi-id="currentResiId"
@close="showedPeopleMoreInfo = false" /> @close="showedResiInfo = false"
/>
<el-dialog :visible.sync="diyDialog" <el-dialog
:visible.sync="diyDialog"
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
width="1150px" width="1150px"
top="5vh" top="5vh"
class="dialog-h"> class="dialog-h"
<diy-info v-if="diyDialog" >
<diy-info
v-if="diyDialog"
ref="ref_diy" ref="ref_diy"
:list="exportList" :list="exportList"
:search="computeQueryParams()" :search="computeQueryParams()"
@close="diyDialog = false"></diy-info> @close="diyDialog = false"
></diy-info>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -290,15 +361,14 @@
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import peopleMore from "@/views/modules/shequ/cpts/people-more";
import diyInfo from "@/views/modules/base/diyInfo.vue"; import diyInfo from "@/views/modules/base/diyInfo.vue";
import resiInfo from "@/views/modules/cpts/resi/info";
export default { export default {
props: { props: {},
}, components: { resiInfo, diyInfo },
components: { peopleMore, diyInfo },
data() { data() {
return { return {
openSearch: false, openSearch: false,
@ -321,10 +391,10 @@ export default {
jmlbOptions: [], jmlbOptions: [],
orgOptionProps: { orgOptionProps: {
multiple: false, multiple: false,
value: 'agencyId', value: "agencyId",
label: 'agencyName', label: "agencyName",
children: 'subAgencyList', children: "subAgencyList",
checkStrictly: true checkStrictly: true,
}, },
agencyIdArray: [], agencyIdArray: [],
@ -348,8 +418,8 @@ export default {
homeId: "", homeId: "",
name: "", name: "",
mobile: "", mobile: "",
idCard: "", idNum: "",
category: "", categoryKey: "",
}, },
rangeTime: [], rangeTime: [],
@ -357,15 +427,13 @@ export default {
tableHeight: 0, tableHeight: 0,
// 显示人员详情 // 显示人员详情
showedPeopleMoreInfo: false, showedResiInfo: false,
currentPepeleId: "", currentResiId: "",
currentPepeleGridName: "", currentPepeleGridName: "",
diyDialog: false, diyDialog: false,
exportList: [], exportList: [],
elseParams: [],
}; };
}, },
computed: { computed: {
@ -415,16 +483,15 @@ export default {
this.getGridList(); this.getGridList();
this.getValiheList(); this.getValiheList();
this.getTableData(); this.getTableData();
this.searchH = this.$refs.searchCard.$el.offsetHeight + 270; this.searchH = this.$refs.searchCard.offsetHeight + 270;
console.log("searchH----", this.$refs.searchCard.$el.offsetHeight); console.log("searchH----", this.$refs.searchCard.offsetHeight);
}, },
methods: { methods: {
async handleWatch(rowIndex) { async handleWatch(rowIndex) {
let item = this.tableData[rowIndex]; let item = this.tableData[rowIndex];
this.currentPepeleId = item.icResiUserId; this.currentResiId = item.resiId;
this.currentPepeleGridName = item.GRID_ID;
await nextTick(); await nextTick();
this.showedPeopleMoreInfo = true; this.showedResiInfo = true;
}, },
handleClearVillage() { handleClearVillage() {
@ -466,73 +533,38 @@ export default {
this.fmData.homeId = ""; this.fmData.homeId = "";
this.getHouseList(); this.getHouseList();
}, },
handleChangeJmlb (index) {
// debugger
let selItem = this.jmlbOptions[index]
this.elseParams = []
let temp = {
queryType: selItem.queryType,
tableName: selItem.tableName,
columnName: selItem.columnName,
columnValue: [selItem.columnValue],
}
this.elseParams.push(temp)
},
async getJmlb() { async getJmlb() {
const url = '/data/aggregator/coverage/zhzl-category-option' const url = "/actual/base/residentSpecial/zhzl-category-option";
let params = {} let params = {};
const { data, code, msg } = await requestPost(url, params); const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.jmlbOptions = [] this.jmlbOptions = [];
this.jmlbOptions = data this.jmlbOptions = data;
if (this.jmlbOptions.length > 0) { if (this.jmlbOptions.length > 0) {
this.fmData.category = 'anzhibangjiao' this.fmData.categoryKey = data[0].value;
// let temp = {
// queryType: this.jmlbOptions[0].queryType,
// tableName: this.jmlbOptions[0].tableName,
// columnName: this.jmlbOptions[0].columnName,
// columnValue: [this.jmlbOptions[0].columnValue],
// }
let temp = {
queryType: 'list_equal',
tableName: 'ic_special',
columnName: 'SPECIAL_RQLB',
columnValue: ["anzhibangjiao"],
} }
this.elseParams.push(temp)
}
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
getOrgTreeList() { getOrgTreeList() {
const { user } = this.$store.state;
const { user } = this.$store.state
this.$http this.$http
.post('/gov/org/customeragency/agencygridtree', {}) .post("/gov/org/customeragency/agencygridtree", {})
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg);
} else { } else {
console.log('获取组织树成功', res.data) console.log("获取组织树成功", res.data);
this.orgOptions = [] this.orgOptions = [];
this.orgOptions.push(res.data) this.orgOptions.push(res.data);
} }
}) })
.catch(() => { .catch(() => {
return this.$message.error('网络错误') return this.$message.error("网络错误");
}) });
}, },
getGridList() { getGridList() {
@ -610,7 +642,9 @@ export default {
}, },
getHouseList() { getHouseList() {
this.$http this.$http
.post("/actual/base/communityHouse/houseoption", { unitId: this.fmData.unitId }) .post("/actual/base/communityHouse/houseoption", {
unitId: this.fmData.unitId,
})
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg); return this.$message.error(res.msg);
@ -646,7 +680,7 @@ export default {
}, },
resetForm(formName) { resetForm(formName) {
// this.$refs[formName].resetFields(); // this.$refs[formName].resetFields();
this.agencyIdArray = [] this.agencyIdArray = [];
this.fmData = { this.fmData = {
agencyId: "", agencyId: "",
gridId: "", gridId: "",
@ -656,145 +690,51 @@ export default {
homeId: "", homeId: "",
name: "", name: "",
mobile: "", mobile: "",
idCard: "", idNum: "",
};
}
this.elseParams = []
if (this.jmlbOptions.length > 0) { if (this.jmlbOptions.length > 0) {
this.fmData.category = this.jmlbOptions[0].value this.fmData.categoryKey = this.jmlbOptions[0].value;
let temp = {
queryType: this.jmlbOptions[0].queryType,
tableName: this.jmlbOptions[0].tableName,
columnName: this.jmlbOptions[0].columnName,
columnValue: [this.jmlbOptions[0].columnValue],
}
this.elseParams.push(temp)
} }
this.handleSearch(); this.handleSearch();
}, },
handleChangeAgency(val) { handleChangeAgency(val) {
let obj = this.$refs["myCascader"].getCheckedNodes()[0].data let obj = this.$refs["myCascader"].getCheckedNodes()[0].data;
if (obj) { if (obj) {
if (obj.level === 'grid') { if (obj.level === "grid") {
this.fmData.gridId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; this.fmData.gridId =
this.fmData.agencyId = '' this.agencyIdArray.length > 0
? this.agencyIdArray[this.agencyIdArray.length - 1]
: "";
this.fmData.agencyId = "";
} else { } else {
this.fmData.agencyId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; this.fmData.agencyId =
this.fmData.gridId = '' this.agencyIdArray.length > 0
? this.agencyIdArray[this.agencyIdArray.length - 1]
: "";
this.fmData.gridId = "";
} }
} else { } else {
this.fmData.agencyId = '' this.fmData.agencyId = "";
this.fmData.gridId = '' this.fmData.gridId = "";
} }
this.fmData.villageId = "";
this.fmData.villageId = '' this.fmData.buildId = "";
this.fmData.buildId = '' this.fmData.unitId = "";
this.fmData.unitId = '' this.fmData.homeId = "";
this.fmData.homeId = '' this.getValiheList();
this.getValiheList()
}, },
computeQueryParams() { computeQueryParams() {
const { pageSize, pageNo, elseParams, fmData } = this; const { pageSize, pageNo, fmData } = this;
let conditions = []
if (fmData.agencyId) {
conditions.push({
queryType: "like",
tableName: "ic_resi_user",
columnName: "AGENCY_ID",
columnValue: [fmData.agencyId],
})
}
if (fmData.gridId) {
conditions.push(
{
queryType: "equal",
tableName: "ic_resi_user",
columnName: "GRID_ID",
columnValue: [fmData.gridId],
}
)
}
if (fmData.villageId) {
conditions.push(
{
queryType: "equal",
tableName: "ic_resi_user",
columnName: "VILLAGE_ID",
columnValue: [fmData.villageId],
}
)
}
if (fmData.buildId) {
conditions.push({
queryType: "equal",
tableName: "ic_resi_user",
columnName: "BUILD_ID",
columnValue: [fmData.buildId],
})
}
if (fmData.unitId) {
conditions.push({
queryType: "equal",
tableName: "ic_resi_user",
columnName: "UNIT_ID",
columnValue: [fmData.unitId],
})
}
if (fmData.homeId) {
conditions.push({
queryType: "equal",
tableName: "ic_resi_user",
columnName: "HOME_ID",
columnValue: [fmData.homeId],
})
}
if (fmData.name) {
conditions.push({
queryType: "like",
tableName: "ic_resi_user",
columnName: "NAME",
columnValue: [fmData.name],
})
}
if (fmData.mobile) {
conditions.push({
queryType: "like",
tableName: "ic_resi_user",
columnName: "MOBILE",
columnValue: [fmData.mobile],
})
}
if (fmData.idCard) {
conditions.push({
queryType: "like",
tableName: "ic_resi_user",
columnName: "ID_CARD",
columnValue: [fmData.idCard],
})
}
return { return {
formCode: "resi_base_info", formCode: "resi_base_info",
pageSize, pageSize,
pageNo, pageNo,
conditions: [ ...fmData,
...conditions,
...elseParams,
],
}; };
}, },
@ -828,7 +768,7 @@ export default {
}, },
async getTableData() { async getTableData() {
const url = "/epmetuser/icresiuser/listresi-zhzl"; const url = "/actual/base/residentSpecial/page-zongzhirenqun";
const { data, code, msg } = await requestPost(url, { const { data, code, msg } = await requestPost(url, {
...this.computeQueryParams(), ...this.computeQueryParams(),
}); });
@ -848,85 +788,5 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/modules/management/list-main.scss";
.resi-container .resi-card-table {
::v-deep .el-table th {
color: #fff;
background-color: rgba(33, 149, 254, 1);
// border-right: 1px solid rgba(33, 149, 254, 1);
}
}
.resi-table {
::v-deep .el-button--text {
text-decoration: underline;
}
}
.resi-card-table {
margin-top: 20px;
}
.resi-row-btn {
margin-bottom: 13px;
.upload-btn {
display: inline-block;
margin: 0 10px;
}
}
.resi-btns {
margin-top: 20px;
text-align: center;
}
.resi-container .resi-card {
position: relative;
overflow: visible;
}
.demo-form-inline {
// display: flex;
// align-items: center;
// margin-bottom: 20px;
.resi-cell-label {
flex-shrink: 0;
min-width: 0;
box-sizing: border-box;
margin-right: 15px;
// text-align: right;
// line-height: 32;
}
.resi-cell-label1 {
width: max-content;
}
.resi-cell-value-radio {
display: flex;
align-items: center;
min-height: 32px;
}
.resi-cell-input {
width: 200px;
}
.resi-cell--daterange {
max-width: 260px;
}
.resi-cell-select {
width: 200px;
box-sizing: border-box;
margin-right: 10px;
&-middle {
width: 120px;
}
&-small {
width: 88px;
}
}
.resi-cell-select:last-child {
margin-right: 0;
}
}
.mt10 {
margin-top: 10px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save